-
Notifications
You must be signed in to change notification settings - Fork 0
/
mockup-machine.html
144 lines (128 loc) · 8.01 KB
/
mockup-machine.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
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="./style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Strona zarządzania skrytkami w książkomacie.</title>
</head>
<body>
<header class="page-header">
<h1>Zarządzanie skrytkami w książkomacie.</h1>
Jesteś zalogowany jako <b>a@a.pl</b>.<br>
</header>
<nav>
<ul>
<li>Kliknij żeby się <a href='logout.php' title='Logout'>wylogować.</a></li>
<li><a href='admin.php' title='Zarządzaj bibliotekarzami i książkomatami'>Zarządzaj bibliotekarzami i
książkomatami.</a></li>
</ul>
</nav>
<main role="main">
<section>
<h3 class="">Wybierz książkomat</h3>
<div>
<input type="radio" id="ksiazakomat_1" name="select_unit" checked>
<label for="ksiazakomat_1">Biblioteka dla Dzieci i Młodzieży nr. 66</label>
</div>
<div>
<input type="radio" id="ksiazakomat_2" name="select_unit">
<label for="ksiazakomat_2">Nowy Książkomat</label>
</div>
<div>
<input type="radio" id="ksiazakomat_3" name="select_unit">
<label for="ksiazakomat_3">Super Nowy Książkomat</label>
</div>
</section>
<section>
<h2 class="">Biblioteka dla Dzieci i Młodzieży nr. 66</h2>
</section>
<section>
<div class="wrapper">
<div class="grid-item pusta">
<div class="flekser"><a href=""><span class="box-number">12</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div>
</div>
<div class="grid-item pelna">
<div class="flekser"><a href="mockup-edycja.html#22"><span class="box-number">22</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div><a href="mockup-edycja.html#22" class="decoration-none">
<div>tytuł <span class="main-data">Magia wahadełka. Jak zadawać pytania i uzyskiwać odpowiedzi</span>
</div>
<div>kod do skrytki <span class="main-data">16385</span></div>
<div>data opróżnienia <span class="highlighted-description ">2021-02-03</span></div>
<div>id czytelnika <span class="highlighted-description">12345678</span></div>
</a>
</div>
<div class="grid-item pelna">
<div class="flekser"><a href="mockup-edycja.html#34"><span class="box-number">34</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div><a href="mockup-edycja.html#34" class="decoration-none">
<div>tytuł <span class="main-data">Kiedy spałaś </span></div>
<div>kod do skrytki <span class="main-data">55545</span></div>
<div>data opróżnienia <span class="highlighted-description ">2021-02-03</span></div>
<div>id czytelnika <span class="highlighted-description">12345678</span></div>
</a>
</div>
<div class="grid-item pelna">
<div class="flekser"><a href="mockup-edycja.html#46"><span class="box-number">46</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div><a href="mockup-edycja.html#46" class="decoration-none">
<div>tytuł <span class="main-data">Żona więźnia</span></div>
<div>kod do skrytki <span class="main-data">12345</span></div>
<div>data opróżnienia <span class="highlighted-description ">2021-02-03</span></div>
<div>id czytelnika <span class="highlighted-description">12345678</span></div>
</a>
</div>
<div class="grid-item przeterminowana">
<div class="flekser"><a href="mockup-edycja.html#5"><span class="box-number">5</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div><a href="mockup-edycja.html#5" class="decoration-none">
<div>tytuł <span class="main-data">Uniwersytet Gray Springs. Tom 2. Słodko-gorzka.</span></div>
<div>kod do skrytki <span class="main-data">12345</span></div>
<div>data opróżnienia <span class="highlighted-description">2021-01-03</span></div>
<div>id czytelnika <span class="highlighted-description">12345678</span></div>
</a>
</div>
<div class="grid-item przeterminowana">
<div class="flekser"><a href="mockup-edycja.html#6"><span class="box-number">6</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div><a href="mockup-edycja.html#6" class="decoration-none">
<div>tytuł <span class="main-data">Porachunki. Grzechy mafii </span></div>
<div>kod do skrytki <span class="main-data">19945</span></div>
<div>data opróżnienia <span class="highlighted-description ">2021-01-03</span></div>
<div>id czytelnika <span class="highlighted-description">12345678</span></div>
</a>
</div>
<div class="grid-item pelna">
<div class="flekser"><a href="mockup-edycja.html#79"><span class="box-number">79</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div><a href="mockup-edycja.html#79" class="decoration-none">
<div>tytuł <span class="main-data">Cyberpunk. Odrodzenie </span></div>
<div>kod do skrytki <span class="main-data">72377</span></div>
<div>data opróżnienia <span class="highlighted-description ">2021-02-03</span></div>
<div>id czytelnika <span class="highlighted-description">12345678</span></div>
</a>
</div>
<div class="grid-item pusta">
<div class="flekser"><a href=""><span class="box-number">68</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div>
</div>
<div class="grid-item przeterminowana">
<div class="flekser"><a href="mockup-edycja.html#911"><span class="box-number">911</span></a>
<div class="panel-checkboxes"><label>skrytka pełna<br><input type="checkbox"></label></div>
</div><a href="mockup-edycja.html#911" class="decoration-none">
<div>tytuł <span class="main-data">Virion. Tom 1. Zamek (Szermierz Natchniony) </span></div>
<div>kod do skrytki <span class="main-data">62645</span></div>
<div>data opróżnienia <span class="highlighted-description">2021-01-05</span></div>
<div>id czytelnika <span class="highlighted-description">12345678</span></div>
</a>
</div>
</div>
</section>
</main>
<script src="./script.js"></script>
</body>
</html>