source: src/main/resources/templates/chlenovi-form.html@ ed20c2c

Last change on this file since ed20c2c was ed20c2c, checked in by HumaSejdini <humasejdini12@…>, 2 years ago

Initial commit
  • Property mode set to 100644
File size: 8.5 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:sec="http://www.w3.org/1999/xhtml">
3<head>
4 <meta charset="UTF-8">
5 <title>Add a new member</title>
6 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
7 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
8 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
9 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
10
11</head>
12<body>
13<header xmlns:th="http://www.thymeleaf.org">
14 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
15 <div class="container">
16 <a class="navbar-brand" href="/">TheBookSpot</a>
17 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
18 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
19 <span class="navbar-toggler-icon"></span>
20 </button>
21
22 <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
23 <ul class="navbar-nav m-auto">
24 <li class="nav-item m-auto">
25 <a class="nav-link active" href="/home">Home</a>
26 </li>
27 <li class="nav-item m-auto" sec:authorize="hasRole('ROLE_ADMIN')">
28 <a class="nav-link active" href="/books">Books</a>
29 </li>
30 <li class="nav-item m-auto" >
31 <a class="nav-link active" href="/members">View Memebers</a>
32 </li>
33 <li class="nav-item m-auto" >
34 <li class="nav-item m-auto" sec:authorize="hasRole('ROLE_ADMIN')">
35 <a class="nav-link active" href="/borrow">Borrowed books</a>
36 </li>
37
38 </ul>
39
40
41
42 <ul class="nav navbar-nav navbar-right">
43 <li style="color: white; padding-left: 5px;" class="nav-item" th:if="${session.user != null}"
44 th:text="${'Welcome, ' + session.user.getIme() + ' ' + ' ' + session.user.getPrezime()}">
45 <a class="nav-link" href="#">
46
47 </a>
48 </li>
49
50 <li class="nav-item" th:if="${session.user == null}">
51 <a class="btn btn-light btn-sm ml-3" href="/login">
52 <i class="fa fa-shopping-cart"></i> Login
53 </a>
54 </li>
55 <li class="nav-item">
56 <a class="btn btn-light btn-sm ml-3" href="/logout">
57 <i class="fa fa-shopping-cart"></i> Logout
58 </a>
59 </li>
60 </ul>
61 </div>
62 </div>
63 </nav>
64</header>
65<th:block xmlns:th="http://www.thymeleaf.org">
66 <section class="jumbotron text-center">
67 <div class="container">
68 <h1 class="jumbotron-heading">Register a new member</h1>
69 </div>
70 </section>
71
72 <div class="container">
73 <div class="row">
74 <div class="col-md-5">
75 <form th:action="@{'/members'}" th:method="POST">
76 <input id="id" type="hidden" name="id" th:value="(${poz} != null ? ${poz.getId()} : '')">
77 <div class="form-group">
78 <label for="membername">Name</label>
79 <input type="text"
80 class="form-control"
81 id="membername"
82 name="membername">
83 </div>
84 <div class="form-group">
85 <label for="surname">Surname</label>
86 <input type="text"
87 class="form-control"
88 id="surname"
89 name="surname">
90 </div>
91 <div class="form-group">
92 <label for="email">Email</label>
93 <input type="text"
94 class="form-control"
95 id="email"
96 name="email">
97 </div>
98 <div class="form-group">
99 <label for="phonenum">Phone number</label>
100 <input type="text"
101 class="form-control"
102 id="phonenum"
103 name="phonenum">
104 </div>
105 <div class="form-group">
106 <label for="address">Address</label>
107 <input type="text"
108 class="form-control"
109 id="address"
110 name="address">
111 </div>
112 <div class="form-group">
113 <label for="embg">EMBG</label>
114 <input type="text"
115 class="form-control"
116 id="embg"
117 name="embg">
118 </div>
119 <div class="form-group">
120 <label for="num">Number</label>
121 <input type="text"
122 class="form-control"
123 id="num"
124 name="num">
125 </div>
126 <div class="form-group">
127 <label for="dateofreg">Date of registration</label>
128 <input type="date"
129 class="form-control"
130 id="dateofreg"
131 name="dateofreg">
132 </div>
133 <button id="submit" type="submit" class="btn btn-primary">Submit</button>
134 <a type="button" class="btn btn-primary" href="/members">Back</a>
135 </form>
136 </div>
137 </div>
138 </div>
139
140
141</th:block>
142<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
143 <div class="container">
144 <div class="row">
145 <div class="col-md-3 col-lg-4 col-xl-3">
146 <h5>About</h5>
147 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
148 <p class="mb-0">
149 Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant
150 impression.
151 </p>
152 </div>
153
154 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
155 <h5>Informations</h5>
156 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
157 <ul class="list-unstyled">
158 <li><a href="">Link 1</a></li>
159 <li><a href="">Link 2</a></li>
160 <li><a href="">Link 3</a></li>
161 <li><a href="">Link 4</a></li>
162 </ul>
163 </div>
164
165 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
166 <h5>Others links</h5>
167 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
168 <ul class="list-unstyled">
169 <li><a href="">Link 1</a></li>
170 <li><a href="">Link 2</a></li>
171 <li><a href="">Link 3</a></li>
172 <li><a href="">Link 4</a></li>
173 </ul>
174 </div>
175
176 <div class="col-md-4 col-lg-3 col-xl-3">
177 <h5>Contact</h5>
178 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
179 <ul class="list-unstyled">
180 <li><i class="fa fa-home mr-2"></i> My company</li>
181 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
182 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
183 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
184 </ul>
185 </div>
186 </div>
187 </div>
188</footer>
189</body>
190</html>
191
Note: See TracBrowser for help on using the repository browser.