Compare commits
No commits in common. "main" and "v2.0.0" have entirely different histories.
45
frontend/newtikette.html
Normal file
45
frontend/newtikette.html
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
<title>zetikettes 0.2</title>
|
||||||
|
|
||||||
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||||
|
<!-- Compiled and minified CSS -->
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||||||
|
|
||||||
|
<!-- Compiled and minified JavaScript -->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||||||
|
|
||||||
|
<script src="config.js"></script>
|
||||||
|
<script src="newtikette.js"></script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
min-height: 100vh;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="container center orange-text">
|
||||||
|
<h1>Zétikwett's</h1>
|
||||||
|
</header>
|
||||||
|
<main class="container row">
|
||||||
|
<div class="col m6 offset-m3 s12">
|
||||||
|
<div id="appbody" class="container"></div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer">
|
||||||
|
<div class="container row">
|
||||||
|
<span class="col right">displayed with recycled electrons.</span>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
125
frontend/newtikette.js
Normal file
125
frontend/newtikette.js
Normal file
@ -0,0 +1,125 @@
|
|||||||
|
const params = [
|
||||||
|
['dluo', 'DLUO', true],
|
||||||
|
['lot', 'Nº de lot', true],
|
||||||
|
['qty', 'Poids net (g)', true],
|
||||||
|
['teneur', 'Teneur en fruits (%)', false],
|
||||||
|
['fruit', 'Quantité de fruits pour 100g (g)', false],
|
||||||
|
]
|
||||||
|
|
||||||
|
function post() {
|
||||||
|
const lemot = $('input[type=password]').val();
|
||||||
|
const formdata = new FormData($('form')[0]);
|
||||||
|
formdata.append('lemotdepasse', lemot);
|
||||||
|
$.ajax({
|
||||||
|
url: backend_api + `newtikette`,
|
||||||
|
type: 'POST',
|
||||||
|
data: formdata,
|
||||||
|
|
||||||
|
contentType: false,
|
||||||
|
processData: false,
|
||||||
|
|
||||||
|
xhr: function () {
|
||||||
|
var myXhr = $.ajaxSettings.xhr();
|
||||||
|
if (myXhr.upload) {
|
||||||
|
// For handling the progress of the upload
|
||||||
|
myXhr.upload.addEventListener('progress', function (e) {
|
||||||
|
if (e.lengthComputable) {
|
||||||
|
$('progress').attr({
|
||||||
|
value: e.loaded,
|
||||||
|
max: e.total,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, false);
|
||||||
|
}
|
||||||
|
return myXhr;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(data => {
|
||||||
|
console.log(data);
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
console.log(err);
|
||||||
|
if (err.status == 403) {
|
||||||
|
M.toast({html: 'access denied'});
|
||||||
|
} else if (err.status == 500) {
|
||||||
|
M.toast({html: 'server error'});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.always(() => {
|
||||||
|
$('.progress').hide();
|
||||||
|
$('.btn').removeClass('disabled');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$(document).ready(async () => {
|
||||||
|
const appbody = $("#appbody");
|
||||||
|
const block = $('<form class="section">');
|
||||||
|
block.append($(`<div class="input-field"><label class="active">Title</label>
|
||||||
|
<input type="text" name="title" value="Gelée de brandade aux cêpes biou">`));
|
||||||
|
block.append($(`<div class="input-field"><label class="active">
|
||||||
|
<input type="checkbox" name="landscape"><span>landscape</span></label>`));
|
||||||
|
const subst = $('<div class="section"><label class="active">Substitutions</label><p></p>');
|
||||||
|
for (let param of params) {
|
||||||
|
subst.append($(`<div><label class="active"><input type="checkbox" name="${param[0]}" ${param[2] ? 'checked': ''}>
|
||||||
|
<span>\${${param[0]}}: ${param[1]}</span></label>`));
|
||||||
|
}
|
||||||
|
block.append(subst);
|
||||||
|
|
||||||
|
block.append(`<div class="file-field input-field">
|
||||||
|
<div class="btn">
|
||||||
|
<span>File</span>
|
||||||
|
<input type="file" name="sticker" accept=".svg">
|
||||||
|
</div>
|
||||||
|
<div class="file-path-wrapper">
|
||||||
|
<input class="file-path validate" type="text" placeholder="Template .svg file">
|
||||||
|
</div>
|
||||||
|
`)
|
||||||
|
|
||||||
|
const loader = $('<div class="progress"><div class="determinate"></div></div>')
|
||||||
|
.hide();
|
||||||
|
|
||||||
|
let setup = false;
|
||||||
|
|
||||||
|
const action = $('<div class="section">')
|
||||||
|
.append($('<a class="btn">add newtikette<a>')
|
||||||
|
.click(() => {
|
||||||
|
if (!setup) {
|
||||||
|
setup = true;
|
||||||
|
$('input[type=password]').on('keydown', e => {
|
||||||
|
if (e.keyCode == 13 && !e.repeat) {
|
||||||
|
$('.modal').modal('close');
|
||||||
|
post();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$("#pushgo").click(() => { post(); });
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.modal').modal('open');
|
||||||
|
$('input[type=password]').focus();
|
||||||
|
|
||||||
|
loader.show();
|
||||||
|
$('.btn').addClass("disabled");
|
||||||
|
$('.modal-close').removeClass("disabled");
|
||||||
|
|
||||||
|
})
|
||||||
|
.append(loader));
|
||||||
|
|
||||||
|
const lemotdepasse = $(`
|
||||||
|
<div id="modal1" class="modal">
|
||||||
|
<div class="modal-content">
|
||||||
|
<h4>A lemotdepasse is needed</h4>
|
||||||
|
<div class="input-field"><label class="active">lemotdepasse</label>
|
||||||
|
<input type="password">
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<a class="btn modal-close" id="pushgo">go</a>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
|
|
||||||
|
appbody
|
||||||
|
.append(lemotdepasse)
|
||||||
|
.append(block)
|
||||||
|
.append(action);
|
||||||
|
|
||||||
|
$(".modal").modal();
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user