-
Notifications
You must be signed in to change notification settings - Fork 0
/
c-base-pos.html
165 lines (164 loc) · 16.8 KB
/
c-base-pos.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE HTML>
<html>
<head>
<title>c-base e.V. PoS interface</title>
<meta name="description" content="c-base e.V. PoS interface">
<meta name="author" content="Andreas Kotes">
<meta name="robots" content="noindex">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="c-base-pos.css">
<script data-main="c-base-pos" src="node_modules/requirejs/require.js"></script>
<script src="node_modules/undefine/dist/undefine-min.js"></script>
</head>
<body>
<header><img alt="c-base - Raumstation unter Berlin" src="assets/c-base-header.gif"></header>
<aside id=datetime class="permanent">Zeit: 00.00.0000 00:00:00</aside>
<aside id=sales_side style="display: none">
<div class="button list_amt" id=list_amt_0 disabled><span class=list_amt id=listentry_amt_0>123x</span></div><div class="button list_txt" id=list_txt_0 disabled><span class=list_txt id=listentry_txt_0>12345678901</span></div><div class="button list_sum" id=list_sum_0 disabled><span class=list_sum id=listentry_sum_0>123,45€</span></div>
<div class="button list_amt" id=list_amt_1 disabled><span class=list_amt id=listentry_amt_1>123x</span></div><div class="button list_txt" id=list_txt_1 disabled><span class=list_txt id=listentry_txt_1>12345678901</span></div><div class="button list_sum" id=list_sum_1 disabled><span class=list_sum id=listentry_sum_1>123,45€</span></div>
<div class="button list_amt" id=list_amt_2 disabled><span class=list_amt id=listentry_amt_2>123x</span></div><div class="button list_txt" id=list_txt_2 disabled><span class=list_txt id=listentry_txt_2>12345678901</span></div><div class="button list_sum" id=list_sum_2 disabled><span class=list_sum id=listentry_sum_2>123,45€</span></div>
<div class="button list_amt" id=list_amt_3 disabled><span class=list_amt id=listentry_amt_3>123x</span></div><div class="button list_txt" id=list_txt_3 disabled><span class=list_txt id=listentry_txt_3>12345678901</span></div><div class="button list_sum" id=list_sum_3 disabled><span class=list_sum id=listentry_sum_3>123,45€</span></div>
<div class="button list_amt" id=list_amt_4 disabled><span class=list_amt id=listentry_amt_4>123x</span></div><div class="button list_txt" id=list_txt_4 disabled><span class=list_txt id=listentry_txt_4>12345678901</span></div><div class="button list_sum" id=list_sum_4 disabled><span class=list_sum id=listentry_sum_4>123,45€</span></div>
<div class="button list_amt" id=list_amt_5 disabled><span class=list_amt id=listentry_amt_5>123x</span></div><div class="button list_txt" id=list_txt_5 disabled><span class=list_txt id=listentry_txt_5>12345678901</span></div><div class="button list_sum" id=list_sum_5 disabled><span class=list_sum id=listentry_sum_5>123,45€</span></div>
<div class="button list_amt" id=list_amt_6 disabled><span class=list_amt id=listentry_amt_6>123x</span></div><div class="button list_txt" id=list_txt_6 disabled><span class=list_txt id=listentry_txt_6>12345678901</span></div><div class="button list_sum" id=list_sum_6 disabled><span class=list_sum id=listentry_sum_6>123,45€</span></div>
<div class="button list_amt" id=list_amt_7 disabled><span class=list_amt id=listentry_amt_7>123x</span></div><div class="button list_txt" id=list_txt_7 disabled><span class=list_txt id=listentry_txt_7>12345678901</span></div><div class="button list_sum" id=list_sum_7 disabled><span class=list_sum id=listentry_sum_7>123,45€</span></div>
<div class="button receipt" id=receipt_btn disabled><span class=receipt id=receipt_txt>⎙</span></div><div class="button list_txt" id=list_txt_sum disabled><span class=list_txt id=listentry_txt_sum>Gesamt:</span><span class=list_sum id=listentry_sum_sum>1234,56€</span></div>
</aside>
<aside id=keypad class="keypad permanent">
<div class="button keypad" id=keypad_9 disabled><span class=key id=key_9>9</span></div>
<div class="button keypad" id=keypad_8 disabled><span class=key id=keyd_8>8</span></div>
<div class="button keypad" id=keypad_7 disabled><span class=key id=keypad_7>7</span></div>
<div class="button keypad" id=keypad_6 disabled><span class=key id=keypad_6>6</span></div>
<div class="button keypad" id=keypad_5 disabled><span class=key id=keypad_5>5</span></div>
<div class="button keypad" id=keypad_4 disabled><span class=key id=keypad_4>4</span></div>
<div class="button keypad" id=keypad_3 disabled><span class=key id=keypad_3>3</span></div>
<div class="button keypad" id=keypad_2 disabled><span class=key id=keypad_2>2</span></div>
<div class="button keypad" id=keypad_1 disabled><span class=key id=keypad_1>1</span></div>
<div class="button keypad" id=keypad_0 disabled><span class=key id=keypad_0>0</span></div>
<div class="button keypad" id=keypad_comma disabled><span class=key id=keypad_comma>,</span></div>
<div class="button keypad" id=keypad_ok disabled><span class=key id=keypad_ok>OK</span></div>
<div class="button keypad" id=keypad_tariff1 disabled><span class=key id=keypad_tariff1>WWWWWW</span></div>
<div class="button keypad" id=keypad_tariff2 disabled><span class=key id=keypad_tariff2>XXXXXX</span></div>
<div class="button keypad" id=keypad_tariff3 disabled><span class=key id=keypad_tariff3>YYYYYY</span></div>
<div class="button keypad" id=keypad_tariff4 disabled><span class=key id=keypad_tariff4>ZZZZZZ</span></div>
<div class="button keypad about" id=keypad_x disabled><span class=key id=keypad_x>X</span></div>
<div class="button keypad" id=keypad_enter disabled><span class=key id=keypad_enter>Buchen</span></div>
</aside>
<section id=sales_main style="display: none" enableclasses="keypad menubar sales list_amt list_txt list_sum receipt">
<div class="button sales" id=sales_1x1 disabled><span class=sales id=sales_txt_1x2>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_2x1 disabled><span class=sales id=sales_txt_2x1>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_3x1 disabled><span class=sales id=sales_txt_3x1>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_4x1 disabled><span class=sales id=sales_txt_4x1>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_5x1 disabled><span class=sales id=sales_txt_5x1>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_1x2 disabled><span class=sales id=sales_txt_1x2>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_2x2 disabled><span class=sales id=sales_txt_2x2>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_3x2 disabled><span class=sales id=sales_txt_3x2>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_4x2 disabled><span class=sales id=sales_txt_4x2>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_5x2 disabled><span class=sales id=sales_txt_5x2>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_1x3 disabled><span class=sales id=sales_txt_1x3>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_2x3 disabled><span class=sales id=sales_txt_2x3>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_3x3 disabled><span class=sales id=sales_txt_3x3>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_4x3 disabled><span class=sales id=sales_txt_4x3>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_5x3 disabled><span class=sales id=sales_txt_5x3>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_1x4 disabled><span class=sales id=sales_txt_1x4>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_2x4 disabled><span class=sales id=sales_txt_2x4>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_3x4 disabled><span class=sales id=sales_txt_3x4>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_4x4 disabled><span class=sales id=sales_txt_4x4>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_5x4 disabled><span class=sales id=sales_txt_5x4>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_1x5 disabled><span class=sales id=sales_txt_1x5>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_2x5 disabled><span class=sales id=sales_txt_2x5>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_3x5 disabled><span class=sales id=sales_txt_3x5>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_4x5 disabled><span class=sales id=sales_txt_4x5>123x / 123x<br/>12345678901<br/>123,45€</span></div>
<div class="button sales" id=sales_5x5 disabled><span class=sales id=sales_txt_5x5>123x / 123x<br/>12345678901<br/>123,45€</span></div>
</section>
<section id=search_main style="display: none">
<div class="button result" id=result_1x1 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_1x1_txt>123456789012345</span></div>
<div class="button result" id=result_2x1 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_2x1_txt>123456789012345</span></div>
<div class="button result" id=result_3x1 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_3x1_txt>123456789012345</span></div>
<div class="button result" id=result_1x2 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_1x2_txt>123456789012345</span></div>
<div class="button result" id=result_2x2 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_2x2_txt>123456789012345</span></div>
<div class="button result" id=result_3x2 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_3x2_txt>123456789012345</span></div>
<div class="button result" id=result_1x3 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_1x3_txt>123456789012345</span></div>
<div class="button result" id=result_2x3 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_2x3_txt>123456789012345</span></div>
<div class="button result" id=result_3x3 disabled><img width=40 height=40 class=result id=result_1x1_img src="assets/80x80-none.png"><span class=result id=result_3x3_txt>123456789012345</span></div>
<div class="button nextprev" id=prev disabled><span class=nextprev id=prev_txt>«</span></div>
<div class="button entry" id=entry disabled><span class=entry id=entry_txt>1234567890123456<blink>_</blink></span></div>
<div class="button nextprev" id=next disabled><span class=nextprev id=next_txt>»</span></div>
<div class="button keyboard" id=key_1 disabled><span class=key id=key_1_btn>1</span></div>
<div class="button keyboard" id=key_2 disabled><span class=key id=key_2_btn>2</span></div>
<div class="button keyboard" id=key_3 disabled><span class=key id=key_3_btn>3</span></div>
<div class="button keyboard" id=key_4 disabled><span class=key id=key_4_btn>4</span></div>
<div class="button keyboard" id=key_5 disabled><span class=key id=key_5_btn>5</span></div>
<div class="button keyboard" id=key_6 disabled><span class=key id=key_6_btn>6</span></div>
<div class="button keyboard" id=key_7 disabled><span class=key id=key_7_btn>7</span></div>
<div class="button keyboard" id=key_8 disabled><span class=key id=key_8_btn>8</span></div>
<div class="button keyboard" id=key_9 disabled><span class=key id=key_9_btn>9</span></div>
<div class="button keyboard" id=key_0 disabled><span class=key id=key_0_btn>0</span></div>
<div class="button keyboard" id=key_bs disabled><span class=key id=key_bs_btn>⌫</span></div>
<div class="button keyboard" id=key_q disabled><span class=key id=key_q_btn>q</span></div>
<div class="button keyboard" id=key_w disabled><span class=key id=key_w_btn>w</span></div>
<div class="button keyboard" id=key_e disabled><span class=key id=key_e_btn>e</span></div>
<div class="button keyboard" id=key_r disabled><span class=key id=key_r_btn>r</span></div>
<div class="button keyboard" id=key_t disabled><span class=key id=key_t_btn>t</span></div>
<div class="button keyboard" id=key_z disabled><span class=key id=key_z_btn>z</span></div>
<div class="button keyboard" id=key_u disabled><span class=key id=key_u_btn>u</span></div>
<div class="button keyboard" id=key_i disabled><span class=key id=key_i_btn>i</span></div>
<div class="button keyboard" id=key_o disabled><span class=key id=key_o_btn>o</span></div>
<div class="button keyboard" id=key_p disabled><span class=key id=key_p_btn>p</span></div>
<div class="button keyboard" id=key_a disabled><span class=key id=key_a_btn>a</span></div>
<div class="button keyboard" id=key_s disabled><span class=key id=key_s_btn>s</span></div>
<div class="button keyboard" id=key_d disabled><span class=key id=key_d_btn>d</span></div>
<div class="button keyboard" id=key_f disabled><span class=key id=key_f_btn>f</span></div>
<div class="button keyboard" id=key_g disabled><span class=key id=key_g_btn>g</span></div>
<div class="button keyboard" id=key_h disabled><span class=key id=key_h_btn>h</span></div>
<div class="button keyboard" id=key_j disabled><span class=key id=key_j_btn>j</span></div>
<div class="button keyboard" id=key_k disabled><span class=key id=key_k_btn>k</span></div>
<div class="button keyboard" id=key_l disabled><span class=key id=key_l_btn>l</span></div>
<div class="button keyboard" id=key_enter disabled><span class=key id=key_enter_btn>⏎</span></div>
<div class="button keyboard" id=key_shift disabled><span class=key id=key_shift_btn>⇧</span></div>
<div class="button keyboard" id=key_y disabled><span class=key id=key_y_btn>y</span></div>
<div class="button keyboard" id=key_x disabled><span class=key id=key_x_btn>x</span></div>
<div class="button keyboard" id=key_c disabled><span class=key id=key_c_btn>c</span></div>
<div class="button keyboard" id=key_v disabled><span class=key id=key_v_btn>v</span></div>
<div class="button keyboard" id=key_b disabled><span class=key id=key_b_btn>b</span></div>
<div class="button keyboard" id=key_n disabled><span class=key id=key_n_btn>n</span></div>
<div class="button keyboard" id=key_m disabled><span class=key id=key_m_btn>m</span></div>
<div class="button keyboard" id=key_minus disabled><span class=key id=key_minus_btn>-</span></div>
<div class="button keyboard" id=key_underscore disabled><span class=key id=key_underscore_btn>_</span></div>
</section>
<section id=about_main>
<center>
<img src="assets/c-base-sideview.jpg" width=665 height=240 alt="c-base">
<p class="about">c-base e.V. PoS interface</p>
<p class="about">developed by</p>
<p class="about">Andreas Kotes <count@flatline.de><br/>All rights reserved. Lizensiert 2016 an den c-base e.V.</p>
<p class="about">Using the 'Inconsolata' font by Raph Levien<br/>http://www.levien.com/type/myfonts/inconsolata.html</p>
</center>
</section>
<footer id=menubar_main class="permanent">
<div class="button menubar" id=login disabled><span class=menubar id=login_txt>Member: 1234567890<br/>Beginn: 12:34</span></div>
<div class="button menubar" id=menu disabled><span class=menubar id=menu_txt>Menü</span></div>
<div class="button menubar" id=schedule disabled><span class=menubar id=schedule_txt>Schichtplan</span></div>
<div class="button menubar" id=howto disabled><span class=menubar id=howto_txt>Bar-HowTo</span></div>
<div class="button menubar" id=query disabled><span class=menubar id=query_txt>Member?</span></div>
</footer>
<footer id=log>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789<br/>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789<br/>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</footer>
<footer id=copyright>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</footer>
</div>
<div id="debugWindow" style="display: none">
<form>
<textarea id="debugDisplay" class='debugDisplay' cols=20 rows=2 readonly wrap=off>
12345678901234567890
12345678901234567890
</textarea></br>
<textarea id="debugPrinter" class='debugPrinter' cols=42 readonly wrap=off>
123456789012345678901234567890123456789012
123456789012345678901234567890123456789012
</textarea></br>
<div id="debugCashDrawer" class='debugCashDrawer'>cash drawer triggered</div>
</form>
</div>
</body>
</html>