FOSS
/
BangleApps
mirror of https://github.com/espruino/BangleApps
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Update interface.html 

Change button styling to non-primary.
pull/1627/head
Andrew Gregory 2022-03-27 09:22:39 +08:00 committed by GitHub
parent 0759513b2a
commit 638bc7fb3e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
apps/authentiwatch/interface.html
View File

@ -226,18 +226,18 @@ function editToken(id) {
markup += selectMarkup('algorithm', otpAlgos, tokens[id].algorithm); markup += selectMarkup('algorithm', otpAlgos, tokens[id].algorithm);
markup += '</td></tr>'; markup += '</td></tr>';
markup += '</tbody><tr><td id="advbtn" colspan="2">'; markup += '</tbody><tr><td id="advbtn" colspan="2">';
markup += '<button class="btn btn-primary" type="button" onclick="document.getElementById(\'edittoken\').classList.toggle(\'showadv\')">Advanced</button>'; markup += '<button class="btn" type="button" onclick="document.getElementById(\'edittoken\').classList.toggle(\'showadv\')">Advanced</button>';
markup += '</td></tr></table></form>'; markup += '</td></tr></table></form>';
markup += '<button class="btn btn-primary" type="button" onclick="updateTokens()">Cancel Edit</button>'; markup += '<button class="btn" type="button" onclick="updateTokens()">Cancel Edit</button>';
markup += '&nbsp;'; markup += '&nbsp;';
markup += '<button class="btn btn-primary" type="button" onclick="saveEdit(' + id + ', false)">Save Changes</button>'; markup += '<button class="btn" type="button" onclick="saveEdit(' + id + ', false)">Save Changes</button>';
markup += '&nbsp;'; markup += '&nbsp;';
if (tokens[id].isnew) { if (tokens[id].isnew) {
markup += '<button class="btn btn-primary" type="button" onclick="startScan(handleTokenQr,cancelTokenQr)">Scan QR</button>'; markup += '<button class="btn" type="button" onclick="startScan(handleTokenQr,cancelTokenQr)">Scan QR</button>';
} else { } else {
markup += '<button class="btn btn-primary" type="button" onclick="showTokenQr()">Show QR</button>'; markup += '<button class="btn" type="button" onclick="showTokenQr()">Show QR</button>';
markup += '&nbsp;'; markup += '&nbsp;';
markup += '<button class="btn btn-primary" type="button" onclick="saveEdit(' + id + ', true)">Forget Token</button>'; markup += '<button class="btn" type="button" onclick="saveEdit(' + id + ', true)">Forget Token</button>';
} }
document.getElementById('edit').innerHTML = markup; document.getElementById('edit').innerHTML = markup;
document.body.className = 'editing'; document.body.className = 'editing';
@ -307,21 +307,21 @@ function updateTokens() {
return '<input name="exp_' + id + '" type="checkbox" onclick="exportTokens(false, \'' + id + '\')">'; return '<input name="exp_' + id + '" type="checkbox" onclick="exportTokens(false, \'' + id + '\')">';
}; };
const tokenButton = function(fn, id, label, dir) { const tokenButton = function(fn, id, label, dir) {
return '<button class="btn btn-primary" type="button" onclick="' + fn + '(' + id + (dir ? ',' + dir : '') + ')">' + label + '</button>'; return '<button class="btn" type="button" onclick="' + fn + '(' + id + (dir ? ',' + dir : '') + ')">' + label + '</button>';
}; };
var markup = ''; var markup = '';
markup += '<div class="select">'; markup += '<div class="select">';
markup += '<button class="btn btn-primary" type="button" onclick="addToken()">Add Token</button>'; markup += '<button class="btn" type="button" onclick="addToken()">Add Token</button>';
markup += '&nbsp;'; markup += '&nbsp;';
markup += '<button class="btn btn-primary" type="button" onclick="saveTokens()">Save to watch</button>'; markup += '<button class="btn" type="button" onclick="saveTokens()">Save to watch</button>';
markup += '&nbsp;'; markup += '&nbsp;';
markup += '<button class="btn btn-primary" type="button" onclick="startScan(handleImportQr,cancelImportQr)">Import</button>'; markup += '<button class="btn" type="button" onclick="startScan(handleImportQr,cancelImportQr)">Import</button>';
markup += '&nbsp;'; markup += '&nbsp;';
markup += '<button class="btn btn-primary" type="button" onclick="document.body.className=\'export\'">Export</button>'; markup += '<button class="btn" type="button" onclick="document.body.className=\'export\'">Export</button>';
markup += '</div><div class="export">'; markup += '</div><div class="export">';
markup += '<button class="btn btn-primary" type="button" onclick="document.body.className=\'select\'">Cancel</button>'; markup += '<button class="btn" type="button" onclick="document.body.className=\'select\'">Cancel</button>';
markup += '&nbsp;'; markup += '&nbsp;';
markup += '<button class="btn btn-primary" type="button" onclick="exportTokens(true, null)">Show QR</button>'; markup += '<button class="btn" type="button" onclick="exportTokens(true, null)">Show QR</button>';
markup += '</div>'; markup += '</div>';
markup += '<table><tr><th>'; markup += '<table><tr><th>';
markup += tokenSelect('all'); markup += tokenSelect('all');
@ -612,7 +612,7 @@ function qrBack() {
<div id="scan"> <div id="scan">
<table> <table>
<tr><td><canvas id="qr-canvas"></canvas></td></tr> <tr><td><canvas id="qr-canvas"></canvas></td></tr>
<tr><td><button class="btn btn-primary" type="button" onclick="scanBack()">Cancel</button></td></tr> <tr><td><button class="btn" type="button" onclick="scanBack()">Cancel</button></td></tr>
</table> </table>
</div> </div>
@ -621,7 +621,7 @@ function qrBack() {
<div id="showqr"> <div id="showqr">
<table><tr><td id="qrcode"></td></tr><tr><td> <table><tr><td id="qrcode"></td></tr><tr><td>
<button class="btn btn-primary" type="button" onclick="qrBack()">Back</button> <button class="btn" type="button" onclick="qrBack()">Back</button>
</td></tr></table> </td></tr></table>
</div> </div>