Alexander Zaytsev
42 lines
1.6 KiB
Plaintext
42 lines
1.6 KiB
Plaintext
<div class="flex flex-column gap align-center margin-block-double">
|
|
<% url = session_transfer_url(user.identity.transfer_id, script_name: nil) %>
|
|
|
|
<label class="flex flex-column gap full-width">
|
|
<header>
|
|
<strong class="divider txt-large">Devices</strong>
|
|
<p class="margin-none" id="session_transfer_label">Link to automatically log in on another device.</p>
|
|
</header>
|
|
<span class="flex align-center gap margin-inline">
|
|
<input type="text" class="input fill-white" id="session_transfer_url" value="<%= url %>" aria-labelledby="session_transfer_label" readonly>
|
|
</span>
|
|
</label>
|
|
|
|
<div class="flex align-center gap">
|
|
<div data-controller="dialog" data-dialog-modal-value="true" class="flex-inline">
|
|
<%= tag.button class: "btn", data: { action: "dialog#open", controller: "tooltip" } do %>
|
|
<%= icon_tag "qr-code" %>
|
|
<span class="for-screen-reader">Display auto-login QR code</span>
|
|
<% end %>
|
|
|
|
<dialog class="dialog panel shadow" data-dialog-target="dialog" style="--panel-size: 50ch;">
|
|
<p class="margin-none-block-start txt-balance">
|
|
<strong>Scan this code to instantly log in on another device:</strong>
|
|
</p>
|
|
|
|
<%= qr_code_image(url) %>
|
|
|
|
<form method="dialog" class="margin-block-start flex justify-center">
|
|
<button class="btn">
|
|
<span>Done</span>
|
|
</button>
|
|
</form>
|
|
</dialog>
|
|
</div>
|
|
|
|
<%= button_to_copy_to_clipboard(url) do %>
|
|
<%= icon_tag "copy-paste" %>
|
|
<span class="for-screen-reader">Copy auto-login link</span>
|
|
<% end %>
|
|
</div>
|
|
</div>
|