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