89 lines
3.7 KiB
HTML
89 lines
3.7 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="popup" id="addotppopup">
|
||
|
|
<div class="view">
|
||
|
|
<div class="page">
|
||
|
|
<div class="page-content">
|
||
|
|
<div class="block">
|
||
|
|
<div class="list">
|
||
|
|
<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 class="button button-fill" onclick="addManualOTP()">
|
||
|
|
Save
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</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-popup="#addotppopup" class="fab-label-button popup-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>
|