pol/chikinz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add auth form

Browse Source
This commit is contained in:
Paul Mathieu 2022-09-07 19:32:48 +02:00
parent 235d9272ed
commit 419e991562
1 changed files with 44 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
client/wrap.js
View File

@ -4,7 +4,7 @@ const backend_api = {
'dev': 'http://scrawny.local:3000',
}[config];
const token = localStorage.getItem('token');
let token = localStorage.getItem('token');
async function getBandz() {
const uri = `${backend_api}/bandz`;
@ -23,6 +23,16 @@ async function wrapAChikin(req) {
return res.chikinId;
}
async function authenticate(password) {
const uri = `${backend_api}/toktok`;
const res = await $.ajax(uri, {
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({password}),
});
return res;
}
function printLabel(chikinId) {
const uri = `${backend_api}/print`;
$.ajax(uri, {
@ -56,10 +66,10 @@ $(document).ready(() => {
const action = $('<div class="section">')
.append(
$('<a class="btn">wrap-a-chikin<i class="material-icons right">send</i></a>')
$('<a class="btn" id="send">wrap-a-chikin<i class="material-icons right">send</i></a>')
.click(async () => {
loader.show();
$('.btn').addClass("disabled");
$('#send').addClass("disabled");
const req = {
bandId: $('select').val(),
@ -73,7 +83,7 @@ $(document).ready(() => {
} finally {
loader.hide();
$('#weight').val('');
$('.btn').removeClass('disabled');
$('#send').removeClass('disabled');
}
})
);
@ -97,6 +107,36 @@ $(document).ready(() => {
$('select').formSelect();
});
const authBlock = $('<div id="authBlock">').hide()
.append(
$('<div class="input-field col s12">')
.append('<input type="password" id="password">')
.append('<label>password</label>')
)
.append(
$('<div class="input-field col s12">').append(
$('<a class="btn">authenticate</a>')
.click(async () => {
const {token:tok} = await authenticate($('#password').val());
localStorage.setItem('token', tok);
token = tok;
$('#authBlock').hide();
})
)
);
appbody.append(authBlock);
let tapped = 0;
$('.page-footer').click(() => {
tapped += 1;
if (tapped >= 7) {
tapped = 0;
$('#authBlock').show();
}
});
$('select').formSelect();
$('.datepicker').datepicker({setDefaultDate: true, defaultDate: new Date()});
});