-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (120 loc) · 5.68 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<html onload="setDefaultValue()">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link rel="stylesheet" href="./css/customStyle.css">
<script src="./js/script.js"></script>
<body id="background" class="root" style="overflow: auto;">
<div class="main">
<img alt="logo" id="top-image" src="https://www.eremind.it/files/logo-pileapay.svg?s" style="max-width: 200px;"/>
<div id="box" class="box">
<!-- Receipt Page -->
<div id="receipt-page" >
<div class="receipt-page">
<h2 class="main-title">Riepilogo dati avviso pagoPA</h2>
<div class="table">
<div class="col left">
<div class="row">
<p class="accent-color">Ente creditore</p>
<p class="t-right">Comune di Traona</p>
</div>
<div class="row">
<p class="accent-color">Codice avviso</p>
<p class="t-right">302000000052994622</p>
</div>
<div class="row">
<p class="accent-color">Oggetto</p>
<p class="t-right">Pagamento mensa scolastica</p>
</div>
</div>
<div class="col">
<div class="row">
<p>Importo</p>
<p>€ 3,00</p>
</div>
<div class="row">
<p>Commissioni</p>
<p>€ 2,00</p>
</div>
<div class="row total-row">
<p class="total-label">Totale</p>
<p class="total-value">€ 5,00</p>
</div>
</div>
</div>
<img id="nexi-logo" src="./media/nexi-logo-dark.webp" width="150px"/>
<button id="btn" type="button" class="btn btn-secondary btn-paga">Paga <b>€ 3,00</b></button>
</div>
</div>
<!-- Error Page -->
<div id="error-page" style="display: none">
<div>
<h2>Attenzione</h2>
</div>
<div>
<p class="w-80 m-auto">L'ente creditore non è raggiungibile. Prova a verificare di aver inserito correttamente il codice avviso, oppure riprova più tardi.</p>
</div>
<div>
<button id="btn" type="button" class="btn btn-secondary">Torna al portale</button>
</div>
</div>
</div>
<img style="margin-top: 2em; margin-bottom: 2em; max-width: 200px" alt="logo" id="bottom-image" src="./media/transparent.svg" style="max-width: 200px;"/>
<!-- Editor Panel -->
<div class="editor" id="editor-panel">
<div class="toggle-editor" onclick="toggleEditor()">
<img id="editor-panel-toggle" src="./media/icon/xmark-solid.svg" />
</div>
<div class="controls">
<div class="controls-content-container">
<h4>Pagina</h4>
<select id="pages-select" onchange="changePage()">
<option value="receipt">Riepilogo</option>
<option value="error">Errore</option>
</select>
</div>
<div class="controls-content-container">
<h4>Sfondo</h4>
<div class="controls-content-row">Colore<input id="bgColorPicker" type="color"/></div>
</div>
<div class="controls-content-container">
<h4>Immagini</h4>
Logo superiore<br>
<input style="margin-bottom: 1em" id="logoPicker" type="file" accept=".svg, .jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*" onchange="changeImage(this, 'top-image')" /><br>
Logo inferiore<br>
<input id="bottomLogoPicker" type="file" accept=".svg, .jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*" onchange="changeImage(this, 'bottom-image')" /><br>
</div>
<div class="controls-content-container">
<h4>Box</h4>
<div>
<div class="controls-content-row">Background<input id="boxBGColorPicker" type="color" /></div>
<div class="controls-content-row">Colore testo<input id="boxTextColorPicker" type="color" /></div>
<div class="controls-content-row">Colore accent<input id="boxAccentColorPicker" type="color" /></div>
<div class="controls-content-row"><span>Colore testo <i>"totale"</i></span><input id="boxTotalRowColorPicker" type="color" /></div>
</div>
</div>
<div class="controls-content-container">
<h4>Logo Nexi</h4>
<select id="nexi-logo-select" onchange="changeNexiLogo(event)">
<option value="normal">Normale</option>
<option value="white">Bianco</option>
</select>
</div>
<div class="controls-content-container">
<h4>Button</h4>
<div class="controls-content-row">Background<input id="btnBGPicker" type="color" /></div>
<div class="controls-content-row">Border Color<input id="btnBorderPicker" type="color" /></div>
<div class="controls-content-row">Text Color<input id="btnColorPicker" type="color" /></div>
</div>
<div class="controls-content-container">
<h4>Importa configurazione</h4>
<input type="file" accept=".json" onchange="importConfig(this)" />
</div>
<div class="controls-content-container">
<h4>Azioni</h4>
<button type="button" onclick="exportData()">Esporta</button>
<button type="button" onclick="saveDataLocally()">Salva</button>
<button type="button" onclick="reset()">Reset</button>
</div>
</div>
</div>
</body>
</html>