nova/covergen
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Generate that beautiful double page

Browse Source
This commit is contained in:
Jur van den Berg
2021-12-17 22:07:00 +01:00
parent 72a245610a
commit 05ac24254c
1 changed files with 45 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
assets/index.html
View File

@@ -9,7 +9,7 @@
});
function makeCover(args) {
const result = window.covergen(args);
const result = window.generateCover(args);
if (result.error) {
throw result.error;
}
@@ -17,19 +17,44 @@
return new File([result], 'cover.pdf', {type: 'application/pdf'});
}
function makeSplitCover(args) {
const result = window.generateSplitCover(args);
if (result.error) {
throw result.error;
}
return Object.fromEntries(['front', 'back'].map((side) => [side, new File([result[side]], `${side}.pdf`, {type: 'application/pdf'})]));
}
function letsfuckinggo() {
document.getElementById('cover').src = window.URL.createObjectURL(makeCover({
const covers = makeSplitCover({
customer: document.getElementById('customer').value,
number: document.getElementById('number').value,
}));
numberPrefix: document.getElementById('prefix').value,
hlColor: document.getElementById('color').value,
})
document.getElementById('front').src = window.URL.createObjectURL(covers.front);
document.getElementById('back').src = window.URL.createObjectURL(covers.back);
}
</script>
<style>
html, body, #cover {
html, body {
height: 100%;
width: 100%;
}
.covers {
height: 100%;
width: 90%;
display: flex;
flex-direction: row;
}
.covers iframe {
flex-grow: 1;
}
</style>
</head>
<body>
@@ -39,15 +64,30 @@
<textarea id="customer"></textarea>
</label>
</div>
<div>
<label>
Prefix:
<input id="prefix" type="text" value="offerte">
</label>
</div>
<div>
<label>
Number:
<input id="number" type="text">
</label>
</div>
<div>
<label>
Color:
<input id="color" type="color" value="#FF69B4">
</label>
</div>
<div>
<button onclick="letsfuckinggo()">Fuck it!</button>
</div>
<iframe id="cover"></iframe>
<div class="covers">
<iframe id="front"></iframe>
<iframe id="back"></iframe>
</div>
</body>
</html>