Apps/MobileApp
2
1
Fork 0
Code Issues Pull Requests Releases 5 Wiki Activity

Improve manual OTP UX

Browse Source
This commit is contained in:
Skylar Ittner 2018-11-01 20:19:09 -06:00
parent d7c00945a7
commit 5691744543
2 changed files with 38 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
www/js/otp.js
View File

@ -181,8 +181,8 @@ function scanOTPCode() {
}
function addManualOTP() {
var label = $("#addotppopup #label").val();
var secret = $("#addotppopup #secret").val().replace(/\s+/g, '');
app.popup.close("#addotppopup");
var label = $("#addotp_sheetmodal #label").val();
var secret = $("#addotp_sheetmodal #secret").val().replace(/\s+/g, '');
app.sheet.close("#addotp_sheetmodal");
addOTPCode(secret, label, "");
}

66
www/pages/otp.html
View File

@ -14,40 +14,44 @@
</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>
<div class="sheet-modal" id="addotp_sheetmodal">
<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 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">
@ -59,7 +63,7 @@
</a>
<!-- Speed Dial action buttons -->
<div class="fab-buttons fab-buttons-top">
<a href="#" data-popup="#addotppopup" class="fab-label-button popup-open">
<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>