You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
3.5 KiB
HTML
93 lines
3.5 KiB
HTML
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
<div class="page" data-name="otp">
|
|
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="left">
|
|
<a href="#" class="link icon-only back">
|
|
<i class="icon icon-back"></i>
|
|
</a>
|
|
</div>
|
|
<div class="title">Auth Keys</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-modal" id="addotp_sheetmodal">
|
|
|
|
<div class="toolbar">
|
|
<div class="toolbar-inner">
|
|
<div class="left">
|
|
<a href="#" class="link sheet-close">Cancel</a>
|
|
</div>
|
|
<div class="right">
|
|
<a href="#" class="link" onclick="addManualOTP()">Save</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-modal-inner">
|
|
|
|
<div class="list no-hairlines">
|
|
<ul>
|
|
<li class="item-content item-input">
|
|
<div class="item-inner">
|
|
<div class="item-input-wrap">
|
|
<input type="text" id="label" placeholder="Label" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
|
|
<span class="input-clear-button"></span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="item-content item-input">
|
|
<div class="item-inner">
|
|
<div class="item-input-wrap">
|
|
<input type="text" id="secret" placeholder="Secret" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
|
|
<span class="input-clear-button"></span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="fab fab-right-bottom">
|
|
<a href="#">
|
|
<!-- First icon is visible when Speed Dial actions are closed -->
|
|
<i class="material-icons">add</i>
|
|
<!-- Second icon is visible when Speed Dial actions are opened -->
|
|
<i class="material-icons">close</i>
|
|
</a>
|
|
<!-- Speed Dial action buttons -->
|
|
<div class="fab-buttons fab-buttons-top">
|
|
<a href="#" data-sheet="#addotp_sheetmodal" class="fab-label-button sheet-open">
|
|
<span><i class="fas fa-edit"></i></span>
|
|
<span class="fab-label">Manual</span>
|
|
</a>
|
|
<a href="#" onclick="scanOTPCode()" class="fab-label-button">
|
|
<span><i class="fas fa-qrcode"></i></span>
|
|
<span class="fab-label">QR code</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content">
|
|
{{#each otpcodes}}
|
|
<div class="card otpcard" data-secret="{{secret}}" data-index="{{index}}">
|
|
<div class="card-content card-content-padding">
|
|
<div>
|
|
<h1 class="otpcode">{{code}}</h1>
|
|
<a class="link float-right" onclick="deleteOTPCode('{{index}}')">
|
|
<i class="material-icons">delete</i>
|
|
</a>
|
|
</div>
|
|
<p class="otplabel">{{label}}</p>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
|
|
</div> |