Magang-2025/Kasir
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Magang-2025:6e98ca20e44b2ee269793b3a20e75f5a17e58895
Branches Tags
Magang-2025:main
Magang-2025:development
Magang-2025:jadi
Magang-2025:production
..
compare: Magang-2025:fdb3ac15c6c719ba48621554ec89b7f973a19635
Branches Tags
Magang-2025:development
Magang-2025:jadi
Magang-2025:production
Magang-2025:main

No commits in common. "6e98ca20e44b2ee269793b3a20e75f5a17e58895" and "fdb3ac15c6c719ba48621554ec89b7f973a19635" have entirely different histories.
6e98ca20e4 ... fdb3ac15c6

1 changed files with 15 additions and 19 deletions
Show Stats Expand all files Collapse all files

34
resources/js/components/TrayList.vue
View File

@ -117,22 +117,18 @@
</div>
<div class="flex justify-end gap-2">
<button @click="closePopup" class="px-4 py-2 rounded bg-gray-400 hover:bg-gray-500 text-white transition">
{{ isAdmin ? 'Batal' : 'Tutup' }}
</button>
<!-- Tombol Hapus hanya muncul kalau Admin -->
<button v-if="isAdmin" @click="showDeleteConfirm = true"
class="px-4 py-2 rounded bg-red-500 text-white hover:bg-red-600 transition flex items-center">
<i class="fas fa-trash mr-2"></i>Hapus
</button>
<button v-if="isAdmin" @click="saveMove" :disabled="!selectedTrayId" class="px-4 py-2 rounded transition"
:class="selectedTrayId ? 'bg-C hover:bg-C/80 text-D' : 'bg-gray-400 cursor-not-allowed'">
Simpan
</button>
<button @click="closePopup" class="px-4 py-2 rounded bg-gray-400 hover:bg-gray-500 text-white transition">
{{ isAdmin ? 'Batal' : 'Tutup' }}
</button>
<button @click="showDeleteConfirm = true"
class="px-4 py-2 rounded bg-red-500 text-white hover:bg-red-600 transition flex items-center">
<i class="fas fa-trash mr-2"></i>Hapus
</button>
<button v-if="isAdmin" @click="saveMove" :disabled="!selectedTrayId" class="px-4 py-2 rounded transition"
:class="selectedTrayId ? 'bg-C hover:bg-C/80 text-D' : 'bg-gray-400 cursor-not-allowed'">
Simpan
</button>
</div>
</div>
</div>
@ -192,15 +188,15 @@ const printQR = () => {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
body {
font-family: Arial, sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw;
}
.qr-container {
.qr-container {
text-align: center;
width: 100%;
}
@ -352,4 +348,4 @@ onMounted(() => {
// Expose refreshData to parent
defineExpose({ refreshData });
</script>
</script>