Skip to content

Commit 88f80d0

Browse files
EliDehEliDeh
committed
working manual creation, added some styling
1 parent 4d8e6b3 commit 88f80d0

5 files changed

Lines changed: 108 additions & 33 deletions

File tree

‎signaturenDruck/css/manual.css‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,77 @@
1+
body {
2+
background-color: RGB(240, 240, 240);
3+
font-family: "Arial";
4+
font-size: 10pt;
5+
}
6+
17
#container {
28
/* border: double; */
39
overflow: hidden;
410
}
11+
#leftside {
12+
float: left;
13+
}
14+
#rightside {
15+
float: right;
16+
}
517

618
#inputBox {
719
float: left;
820
margin-top: 5px;
21+
text-align: center;
922
/* border: 1px solid red; */
1023
}
1124

1225
.previewLine {
1326
white-space: pre;
27+
}
28+
29+
#editorBox > input {
30+
margin: 1px;
31+
width: 210px;
32+
font-size: medium;
33+
}
34+
35+
#lineSelectBox {
36+
margin: 5px 15px 5px 15px;
37+
text-align: center;
38+
font-size: 15px;
39+
}
40+
41+
.button {
42+
background-color: white;
43+
color: black;
44+
border: 2px solid grey;
45+
padding: 5px;
46+
margin: 2px 0px 2px 0px;
47+
text-align: center;
48+
font-weight: bold;
49+
}
50+
.button:hover:enabled {
51+
background-color: grey;
52+
cursor: pointer;
53+
}
54+
.button[disabled] {
55+
background-color: lightgray;
56+
color: grey;
57+
}
58+
59+
#btn_saveAndExit, #btn_deleteAndExit {
60+
width: 100%;
61+
}
62+
63+
#btn_previous {
64+
width: 79px;
65+
}
66+
67+
#editorBox {
68+
height: 156px;
69+
}
70+
71+
#previewBox {
72+
margin: 5px !important;
73+
}
74+
75+
#counter {
76+
font-size: large;
1477
}

‎signaturenDruck/html/manual.html‎

Lines changed: 42 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -3,48 +3,59 @@
33

44
<head>
55
<meta charset="UTF-8">
6-
<title>Signaturendruck</title>
6+
<title>Signaturendruck / manuelles erstellen</title>
77
<link rel="stylesheet" type="text/css" href="./../css/manual.css">
88
<link rel="stylesheet" type="text/css" href="./../css/preview.css">
99
<link rel="stylesheet" type="text/css" href="./../css/modal.css">
1010
</head>
1111

1212
<body>
1313
<div id="container">
14-
<div id="inputBox">
15-
<div id="counter">
16-
Signatur Nr. <span id="countCurrent"></span> von <span id="countMax"></span>
14+
<div id="counter">
15+
<strong>Signatur Nr. <span id="countCurrent"></span> von <span id="countMax"></span></strong>
16+
</div>
17+
<div id="leftside">
18+
<div id="inputBox">
19+
<div id="editorBox">
20+
<input type="text" id="line_1"><br>
21+
<input type="text" id="line_2"><br>
22+
<input type="text" id="line_3"><br>
23+
<input type="text" id="line_4"><br>
24+
<input type="text" id="line_5"><br>
25+
<input type="text" id="line_6">
26+
</div>
27+
<div id="buttonBox">
28+
<div id="btn_grp_1">
29+
<button id="btn_previous" class="button" disabled>Vorherige</button>
30+
<button id="btn_delete" class="button">löschen</button>
31+
<button id="btn_next" class="button">Nächste</button>
32+
</div>
33+
<div id="btn_grp_2">
34+
<button id="btn_saveAndExit" class="button">Übernehmen und Beenden</button>
35+
</div>
36+
<div id="btn_grp_3">
37+
<button id="btn_deleteAndExit" class="button">Verwerfen und Beenden</button>
38+
</div>
39+
</div>
1740
</div>
18-
<div id="editorBox">
19-
<input type="text" id="line_1"><br>
20-
<input type="text" id="line_2"><br>
21-
<input type="text" id="line_3"><br>
22-
<input type="text" id="line_4"><br>
23-
<input type="text" id="line_5"><br>
24-
<input type="text" id="line_6">
41+
</div>
42+
<div id="rightside">
43+
<div id="previewBox">
44+
<p id="line1" class="previewLine"> </p>
45+
<p id="line2" class="previewLine"> </p>
46+
<p id="line3" class="previewLine"> </p>
47+
<p id="line4" class="previewLine"> </p>
48+
<p id="line5" class="previewLine"> </p>
49+
<p id="line6" class="previewLine"> </p>
2550
</div>
2651
<div id="lineSelectBox">
27-
<input type="radio" name="numberOfLines" value="1"> 1 Zeile
28-
<input type="radio" name="numberOfLines" value="3"> 3 Zeilen
29-
<input type="radio" name="numberOfLines" value="6" checked> 6 Zeilen
52+
<fieldset>
53+
<legend>Optionen</legend>
54+
<input type="radio" name="numberOfLines" value="1"> 1 Zeile
55+
<input type="radio" name="numberOfLines" value="3"> 3 Zeilen
56+
<input type="radio" name="numberOfLines" value="6" checked> 6 Zeilen
57+
</fieldset>
3058
</div>
31-
<div id="buttonBox">
32-
<button id="btn_previous" class="button" disabled>Vorherige</button>
33-
<button id="btn_delete" class="button">löschen</button>
34-
<button id="btn_next" class="button">Nächste</button>
35-
<br>
36-
<button id="btn_saveAndExit" class="button">Übernehmen und Beenden</button>
37-
<br>
38-
<button id="btn_deleteAndExit" class="button">Verwerfen und Beenden</button>
39-
</div>
40-
</div>
41-
<div id="previewBox">
42-
<p id="line1" class="previewLine"> </p>
43-
<p id="line2" class="previewLine"> </p>
44-
<p id="line3" class="previewLine"> </p>
45-
<p id="line4" class="previewLine"> </p>
46-
<p id="line5" class="previewLine"> </p>
47-
<p id="line6" class="previewLine"> </p>
4859
</div>
4960
</div>
5061
<!-- The Modal -->

‎signaturenDruck/main.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -236,7 +236,7 @@ ipc.on('openManually', function (event, objMan) {
236236
})
237237

238238
function createManualWindow (objMan) {
239-
winManual = new BrowserWindow({width: 600, height: 300, show: false})
239+
winManual = new BrowserWindow({width: 582, height: 355, show: false})
240240
winManual.loadURL(url.format({
241241
pathname: path.join(__dirname, 'html/manual.html'),
242242
protocol: 'file',

‎signaturenDruck/manualRenderer.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ function clearInput () {
9393
while (i <= 6) {
9494
if (document.getElementById('line_' + i)) {
9595
document.getElementById('line_' + i).value = ''
96+
document.getElementById('line_' + i).placeholder = 'Zeile ' + i
9697
}
9798
i++
9899
}

‎signaturenDruck/renderer.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ function addToTable (obj) {
202202
let table = document.getElementById('shelfmarkTable').getElementsByTagName('tbody')[0]
203203
let row = table.insertRow(0)
204204
row.className = 'ppnRow manual'
205-
createPpnRow(row, 'manual')
205+
createPpnRow(row, 'manuell')
206206
let i = 0
207207
while (obj[i] !== undefined) {
208208
row = table.insertRow(i + 1)

0 commit comments

Comments
 (0)