44 lines
2.7 KiB
PHP
44 lines
2.7 KiB
PHP
<div class="mw-modal-frame">
|
|
|
|
<div class="mw-modal-head">
|
|
<div style="display:flex;align-items:center;gap:7px">
|
|
<span class="mbx-badge-ok">Key erstellt</span>
|
|
<span style="font-size:12px;color:var(--mw-t3)">— einmalig anzeigen</span>
|
|
</div>
|
|
<button wire:click="$dispatch('closeModal')" class="mw-modal-close">
|
|
<svg width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M1 1l11 11M12 1L1 12" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="mw-modal-body">
|
|
|
|
<div style="padding:12px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:8px;margin-bottom:14px">
|
|
<div style="font-size:11.5px;color:#6ee7b7;font-weight:500;margin-bottom:4px">Diesen Key jetzt kopieren!</div>
|
|
<div style="font-size:11px;color:var(--mw-t4)">Der Token wird nur dieses eine Mal angezeigt. Danach kann er nicht mehr eingesehen werden.</div>
|
|
</div>
|
|
|
|
<div style="position:relative">
|
|
<div id="api-token-display"
|
|
style="font-family:ui-monospace,monospace;font-size:11.5px;padding:12px 40px 12px 12px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:8px;word-break:break-all;color:var(--mw-t2);line-height:1.6">
|
|
{{ $plainText }}
|
|
</div>
|
|
<button onclick="navigator.clipboard.writeText(document.getElementById('api-token-display').innerText).then(()=>{this.querySelector('span').textContent='✓';setTimeout(()=>{this.querySelector('span').textContent='Kopieren'},2000)})"
|
|
style="position:absolute;top:8px;right:8px;background:var(--mw-bg3);border:1px solid var(--mw-b2);border-radius:6px;padding:4px 8px;font-size:11px;color:var(--mw-t3);cursor:pointer;display:flex;align-items:center;gap:4px">
|
|
<svg width="11" height="11" viewBox="0 0 14 14" fill="none"><rect x="1" y="4" width="9" height="9" rx="1.5" stroke="currentColor" stroke-width="1.2"/><path d="M4 4V2.5A1.5 1.5 0 0 1 5.5 1H11.5A1.5 1.5 0 0 1 13 2.5V8.5A1.5 1.5 0 0 1 11.5 10H10" stroke="currentColor" stroke-width="1.2"/></svg>
|
|
<span>Kopieren</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div style="margin-top:12px;font-size:11.5px;color:var(--mw-t4)">
|
|
Verwende diesen Token im HTTP-Header:<br>
|
|
<code style="font-family:monospace;background:var(--mw-bg4);padding:2px 6px;border-radius:4px;font-size:11px">Authorization: Bearer <token></code>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mw-modal-foot">
|
|
<button wire:click="$dispatch('closeModal')" class="mbx-btn-primary">Fertig</button>
|
|
</div>
|
|
|
|
</div>
|