novy/aplikasi-ketertiban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tombol salin token pake ID langsung, bukan nextElementSibling

Browse Source
This commit is contained in:
Bro
2026-07-24 19:51:26 +07:00
parent 70da27b26e
commit e7639e5edf
1 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/settings/sync.blade.php
+14 -9
View File
@@ -132,7 +132,7 @@
<div class="text-sm font-medium text-emerald-800">Token Aktif</div> <div class="text-sm font-medium text-emerald-800">Token Aktif</div>
<div class="mt-2 flex items-center gap-2"> <div class="mt-2 flex items-center gap-2">
<code class="flex-1 block bg-white border border-emerald-200 rounded-lg px-3 py-2 text-sm font-mono text-emerald-900 select-all break-all" id="ejurnalTokenDisplay">{{ $ejurnalToken }}</code> <code class="flex-1 block bg-white border border-emerald-200 rounded-lg px-3 py-2 text-sm font-mono text-emerald-900 select-all break-all" id="ejurnalTokenDisplay">{{ $ejurnalToken }}</code>
<button type="button" onclick="copyToken()" <button type="button" id="copyTokenBtn" onclick="copyToken2()"
class="shrink-0 px-3 py-2 text-xs font-medium text-emerald-700 bg-emerald-100 border border-emerald-200 rounded-lg hover:bg-emerald-200 transition whitespace-nowrap"> class="shrink-0 px-3 py-2 text-xs font-medium text-emerald-700 bg-emerald-100 border border-emerald-200 rounded-lg hover:bg-emerald-200 transition whitespace-nowrap">
<i class="fa-regular fa-copy"></i> Salin <i class="fa-regular fa-copy"></i> Salin
</button> </button>
@@ -170,15 +170,20 @@
</div> </div>
<script> <script>
function copyToken() { function copyToken2() {
const el = document.getElementById('ejurnalTokenDisplay'); const el = document.getElementById('ejurnalTokenDisplay');
if (!el) return; const btn = document.getElementById('copyTokenBtn');
navigator.clipboard.writeText(el.textContent).then(() => { if (!el || !btn) return;
const btn = el.nextElementSibling; navigator.clipboard.writeText(el.textContent.trim()).then(() => {
if (btn) { btn.innerHTML = '<i class="fa-regular fa-check"></i> Tersalin';
btn.innerHTML = '<i class="fa-regular fa-check"></i> Tersalin'; setTimeout(() => { btn.innerHTML = '<i class="fa-regular fa-copy"></i> Salin'; }, 2000);
setTimeout(() => { btn.innerHTML = '<i class="fa-regular fa-copy"></i> Salin'; }, 2000); }).catch(() => {
} // Fallback: select text manually
const range = document.createRange();
range.selectNodeContents(el);
const sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
}); });
} }