Files
syncthing/gui/default/syncthing/device/idqrModalView.html
T
tomasz1986 03590e5ac7 gui: Automatically select device ID on click (ref #8544) (#9065)
The CSS method to select device IDs on click was added in [1]. However,
it was later mistakenly overwritten by [2]. This commit fixes the
regression and also applies the same behaviour to the Edit Device modal
which was omitted in the original commit.

[1] 5baf5fedb5
[2] 5e384c9185

Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
2023-08-31 22:16:59 +02:00

25 lines
1.4 KiB
HTML

<modal id="idqr" status="info" icon="fas fa-qrcode" heading="{{'Device Identification' | translate}} - {{deviceName(currentDevice)}}" large="yes" closeable="yes">
<div class="modal-body text-center">
<div class="well well-sm text-monospace select-on-click">{{currentDevice.deviceID}}</div>
<div ng-if="currentDevice.deviceID">
<img class="img-thumbnail" ng-src="qr/?text={{currentDevice.deviceID}}" height="328" width="328" alt="{{'QR code' | translate}}" />
<div class="btn-group-vertical" style="vertical-align: top;">
<button type="button" class="btn btn-default" ng-click="copyToClipboard($event, currentDevice.deviceID)">
<span class="fa fa-lg fa-clone text-left"></span>&nbsp;<span translate>Copy</span>
</button>
<button type="button" class="btn btn-default" ng-click="shareDeviceIdDialog('email')">
<span class="fa fa-lg fa-envelope-o"></span>&nbsp;<span translate>Share by Email</span>
</button>
<button type="button" class="btn btn-default" ng-click="shareDeviceIdDialog('sms')">
<span class="fa fa-lg fa-comments-o"></span>&nbsp;<span translate>Share by SMS</span>
</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">
<span class="fas fa-times"></span>&nbsp;<span translate>Close</span>
</button>
</div>
</modal>