@@ -34,18 +59,29 @@ class="w-full border-gray-300 rounded-lg shadow-sm focus:border-blue-500 focus:r
-
-
+
+
+
+
+
+
+
+
+
@@ -83,5 +119,131 @@ class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg s
btn.innerHTML = 'Memproses...';
btn.classList.add('opacity-50', 'cursor-not-allowed');
});
+
+ let scanBuffer = "";
+ let lastKeyTime = Date.now();
+
+ // Global barcode scan detection
+ document.addEventListener('keypress', function(e) {
+ const target = e.target;
+
+ if (target.tagName === 'INPUT' && target.type !== 'submit' && target.type !== 'button' && target.type !== 'checkbox' && target.type !== 'radio') {
+ if (!target.classList.contains('ts-control') && !target.closest('.ts-wrapper')) {
+ return;
+ }
+ }
+ if (target.tagName === 'TEXTAREA' || target.tagName === 'SELECT') {
+ return;
+ }
+
+ const currentTime = Date.now();
+
+ if (currentTime - lastKeyTime > 100) {
+ scanBuffer = "";
+ }
+
+ lastKeyTime = currentTime;
+
+ if (e.key === 'Enter') {
+ if (scanBuffer.length >= 2) {
+ e.preventDefault();
+ const cleanCode = scanBuffer.trim();
+ handleGlobalScan(cleanCode);
+ scanBuffer = "";
+ }
+ } else {
+ if (e.key.length === 1) {
+ scanBuffer += e.key;
+ }
+ }
+ });
+
+ function handleGlobalScan(bibid) {
+ const select1 = document.getElementById('select-buku-peminjaman');
+ const select2 = document.getElementById('select-buku-peminjaman-2');
+
+ if (!select1) return;
+
+ function findVal(selectEl) {
+ const options = selectEl.options;
+ for (let i = 0; i < options.length; i++) {
+ if (options[i].getAttribute('data-bibid') === bibid) {
+ return { value: options[i].value, text: options[i].text };
+ }
+ }
+ return null;
+ }
+
+ const item = findVal(select1);
+ if (!item) {
+ Swal.fire({
+ icon: 'error',
+ title: 'Buku Tidak Ditemukan',
+ text: 'Kode buku "' + bibid + '" tidak terdaftar atau tidak tersedia.',
+ timer: 2000,
+ showConfirmButton: false,
+ toast: true,
+ position: 'top-end'
+ });
+ return;
+ }
+
+ let targetSelect = null;
+ if (select1.tomselect && !select1.tomselect.getValue()) {
+ targetSelect = select1;
+ } else if (select2 && select2.tomselect && !select2.tomselect.getValue()) {
+ targetSelect = select2;
+ } else {
+ targetSelect = select1;
+ }
+
+ if (targetSelect && targetSelect.tomselect) {
+ const otherSelect = (targetSelect === select1) ? select2 : select1;
+ if (otherSelect && otherSelect.tomselect && otherSelect.tomselect.getValue() === item.value) {
+ Swal.fire({
+ icon: 'warning',
+ title: 'Buku Sudah Dipilih',
+ text: 'Buku ini sudah dipilih pada slot lainnya.',
+ timer: 2000,
+ showConfirmButton: false,
+ toast: true,
+ position: 'top-end'
+ });
+ return;
+ }
+
+ targetSelect.tomselect.setValue(item.value);
+ Swal.fire({
+ icon: 'success',
+ title: 'Buku Berhasil Dipilih',
+ text: item.text,
+ timer: 1500,
+ showConfirmButton: false,
+ toast: true,
+ position: 'top-end'
+ });
+ }
+ }
+
+ document.addEventListener('DOMContentLoaded', function() {
+ // Initialize TomSelect for books
+ const ts1 = new TomSelect('#select-buku-peminjaman', { maxOptions: null });
+ const ts2 = new TomSelect('#select-buku-peminjaman-2', { maxOptions: null });
+
+ // Focus on first book dropdown
+ setTimeout(() => {
+ ts1.focus();
+ }, 100);
+
+ // Prevent Enter key from submitting form on text/select inputs
+ const forms = document.querySelectorAll('form');
+ forms.forEach(form => {
+ form.addEventListener('keydown', function(e) {
+ if (e.key === 'Enter' && e.target.tagName !== 'BUTTON' && e.target.type !== 'submit') {
+ e.preventDefault();
+ }
+ });
+ });
+ });
@endsection
diff --git a/resources/views/admin/peminjaman/index.blade.php b/resources/views/admin/peminjaman/index.blade.php
index acfb7e2..0587932 100644
--- a/resources/views/admin/peminjaman/index.blade.php
+++ b/resources/views/admin/peminjaman/index.blade.php
@@ -16,6 +16,16 @@
tanggal_pinjam: '{{ old('tanggal_pinjam') ?? '' }}',
tanggal_kembali: '{{ old('tanggal_kembali') ?? '' }}'
},
+ init() {
+ this.$watch('isModalPeminjamanOpen', value => {
+ if (value) {
+ setTimeout(() => {
+ const ts1 = document.getElementById('select-buku-peminjaman');
+ if (ts1 && ts1.tomselect) ts1.tomselect.focus();
+ }, 200);
+ }
+ });
+ },
openEditModal(id, anggotaId, buku, pinjam, kembali) {
this.editData = { id: id, id_anggota: anggotaId, id_buku: buku, tanggal_pinjam: pinjam, tanggal_kembali: kembali };
this.isModalEditOpen = true;
@@ -252,19 +262,34 @@ class="mt-1 block w-full border-gray-200 focus:border-indigo-500 focus:ring-indi
-
-
-
+
+
+
+
+
+
+
+
+
@@ -376,7 +401,7 @@ class="bg-green-50 text-green-700 p-3 rounded-lg text-center font-bold text-xs m
-