1 | <!DOCTYPE html >
|
---|
2 | <html lang="en" xmlns:th="http://www.thymeleaf.org">
|
---|
3 | <head>
|
---|
4 | <meta charset="UTF-8">
|
---|
5 | <title>EDUCATUM - Предмети</title>
|
---|
6 |
|
---|
7 | <link rel="stylesheet" href="css/style.css">
|
---|
8 | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
|
---|
9 | rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
|
---|
10 | crossorigin="anonymous">
|
---|
11 | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
|
---|
12 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
---|
13 | integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
|
---|
14 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
|
---|
15 |
|
---|
16 | <style>
|
---|
17 | body
|
---|
18 | {
|
---|
19 | background: rgb(219,226,226);
|
---|
20 | }
|
---|
21 | .form-control
|
---|
22 | {
|
---|
23 | size: 10px;
|
---|
24 | }
|
---|
25 | .btn1
|
---|
26 | {
|
---|
27 | border: none;
|
---|
28 | outline: none;
|
---|
29 | height: 50px;
|
---|
30 | width: 100%;
|
---|
31 | background: linear-gradient(to right, #93A3CE, #1C294E);
|
---|
32 | color: white;
|
---|
33 | border-radius: 4px;
|
---|
34 | font-weight: bold;
|
---|
35 | margin-top: 20px;
|
---|
36 | margin-bottom: 20px;
|
---|
37 | }
|
---|
38 | .btn1:hover
|
---|
39 | {
|
---|
40 | background: linear-gradient(to right, white, #93A3CE );
|
---|
41 | border: 1px #1C294E;
|
---|
42 | color: #1C294E;
|
---|
43 | }
|
---|
44 |
|
---|
45 |
|
---|
46 |
|
---|
47 | </style>
|
---|
48 |
|
---|
49 | </head>
|
---|
50 | <body>
|
---|
51 | <div style="height: 80px;"></div>
|
---|
52 | <div>
|
---|
53 | <h1 style="text-align: center;color: #1C294E;">Додадете предмет кој го нема во листата на понудени предмети</h1>
|
---|
54 | </div>
|
---|
55 | <div class="container" xmlns:th="http://www.thymeleaf.org">
|
---|
56 | <form class="form-signin mt-xl-5" method="POST" th:action="@{'/home/chooseSubject'}">
|
---|
57 | <div class="row">
|
---|
58 | <div class="col-md-6 offset-md-3">
|
---|
59 | <input type="text" id="ime" name="ime"
|
---|
60 | th:value="${chooseSubject?.ime}" placeholder="Име на предметот" required class="form-control">
|
---|
61 | </div>
|
---|
62 | </div>
|
---|
63 | <div class="row">
|
---|
64 | <div class="col-md-6 offset-md-3">
|
---|
65 | <div>
|
---|
66 | <div th:if="${haserror!=null}" th:text="${error}" class="text-danger"></div>
|
---|
67 | </div>
|
---|
68 | <button id="submit" class="btn1" type="submit" >Submit
|
---|
69 | </button>
|
---|
70 | </div>
|
---|
71 | </div>
|
---|
72 | </form>
|
---|
73 | <div class="row">
|
---|
74 | <div class="col-md-6 offset-md-3 text-center">
|
---|
75 | <p id="back"> <a href="/home/chooseSubject" style="font-weight: bold;text-decoration: none;font-size: medium;
|
---|
76 | color: #1C294E;">
|
---|
77 | Назад кон листата со предмети</a></p>
|
---|
78 | </div>
|
---|
79 | </div>
|
---|
80 | </div>
|
---|
81 | <footer style="height: 50px;"></footer>
|
---|
82 | </body>
|
---|
83 | </html>
|
---|
84 |
|
---|
85 |
|
---|
86 | <!--<!DOCTYPE html>-->
|
---|
87 | <!--<html lang="en">-->
|
---|
88 | <!--<head>-->
|
---|
89 | <!-- <meta charset="UTF-8">-->
|
---|
90 | <!-- <title>Title</title>-->
|
---|
91 | <!--</head>-->
|
---|
92 | <!--<body>-->
|
---|
93 |
|
---|
94 |
|
---|
95 | <!--<form method="POST" th:action="@{'/home/chooseSubject'}">-->
|
---|
96 |
|
---|
97 | <!-- <div>-->
|
---|
98 | <!-- <label for="ime">Ime</label>-->
|
---|
99 | <!-- <input type="text"-->
|
---|
100 | <!-- id="ime"-->
|
---|
101 | <!-- name="ime"-->
|
---|
102 | <!-- th:value="${chooseSubject?.ime}"-->
|
---|
103 | <!-- required>-->
|
---|
104 | <!-- </div>-->
|
---|
105 |
|
---|
106 | <!--<!– <div>–>-->
|
---|
107 | <!--<!– <label>admin</label><br/>–>-->
|
---|
108 | <!--<!– <select id="adminList" name="adminList" >–>-->
|
---|
109 | <!--<!– <!– For each category you should have one <option> like below –>–>-->
|
---|
110 | <!--<!– <option th:each="a: ${adminList}" th:value="${a.id}" th:text="${a.ime}" name="idAdmin"> [a.ime]</option>–>-->
|
---|
111 | <!--<!– </select>–>-->
|
---|
112 | <!--<!– </div>–>-->
|
---|
113 |
|
---|
114 | <!-- <button id="submit" type="submit">Додај го предметот</button>-->
|
---|
115 | <!-- <a id="back" href="/home/chooseSubject" type="button">Назад кон предмети</a>-->
|
---|
116 | <!--</form>-->
|
---|
117 |
|
---|
118 | <!--</body>-->
|
---|
119 | <!--</html>-->
|
---|
120 |
|
---|
121 |
|
---|
122 | <!--...-->
|
---|
123 |
|
---|
124 |
|
---|
125 | <!--<style type="text/css">-->
|
---|
126 | <!-- @import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');-->
|
---|
127 | <!-- @import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@600&display=swap');-->
|
---|
128 |
|
---|
129 | <!-- body {-->
|
---|
130 | <!-- width: 800px;-->
|
---|
131 | <!-- margin: auto;-->
|
---|
132 | <!-- }-->
|
---|
133 |
|
---|
134 | <!-- table {-->
|
---|
135 | <!-- width: 100%;-->
|
---|
136 | <!-- }-->
|
---|
137 |
|
---|
138 | <!-- table, td, th {-->
|
---|
139 | <!-- border: 1px solid black;-->
|
---|
140 | <!-- padding: 3px 2px;-->
|
---|
141 | <!-- }-->
|
---|
142 |
|
---|
143 | <!-- section {-->
|
---|
144 | <!-- float: left;-->
|
---|
145 | <!-- margin: 0 1.5%;-->
|
---|
146 | <!-- width: 63%;-->
|
---|
147 | <!-- }-->
|
---|
148 |
|
---|
149 | <!-- aside {-->
|
---|
150 | <!-- float: right;-->
|
---|
151 | <!-- margin: 0 1.5%;-->
|
---|
152 | <!-- width: 30%;-->
|
---|
153 | <!-- }-->
|
---|
154 |
|
---|
155 | <!-- button {-->
|
---|
156 | <!-- display: inline-block;-->
|
---|
157 | <!-- border-radius: 4px;-->
|
---|
158 | <!-- background-color: black;-->
|
---|
159 | <!-- border: none;-->
|
---|
160 | <!-- color: snow;-->
|
---|
161 | <!-- text-align: center;-->
|
---|
162 | <!-- font-size: 18px;-->
|
---|
163 | <!-- padding: 10px;-->
|
---|
164 | <!-- width: 300px;-->
|
---|
165 | <!-- transition: all 0.5s;-->
|
---|
166 | <!-- cursor: pointer;-->
|
---|
167 | <!-- margin: 5px;-->
|
---|
168 |
|
---|
169 |
|
---|
170 | <!-- }-->
|
---|
171 |
|
---|
172 | <!-- button span {-->
|
---|
173 | <!-- cursor: pointer;-->
|
---|
174 | <!-- display: inline-block;-->
|
---|
175 | <!-- position: relative;-->
|
---|
176 | <!-- transition: 0.5s;-->
|
---|
177 | <!-- }-->
|
---|
178 |
|
---|
179 | <!-- button span:after {-->
|
---|
180 | <!-- content: '\00bb';-->
|
---|
181 | <!-- position: absolute;-->
|
---|
182 | <!-- opacity: 0;-->
|
---|
183 | <!-- top: 0;-->
|
---|
184 | <!-- right: -20px;-->
|
---|
185 | <!-- transition: 0.5s;-->
|
---|
186 | <!-- }-->
|
---|
187 |
|
---|
188 | <!-- button:hover span {-->
|
---|
189 | <!-- padding-right: 25px;-->
|
---|
190 | <!-- }-->
|
---|
191 |
|
---|
192 | <!-- button:hover span:after {-->
|
---|
193 | <!-- opacity: 1;-->
|
---|
194 | <!-- right: 0;-->
|
---|
195 | <!-- }-->
|
---|
196 |
|
---|
197 | <!-- input[type=button], input[type=submit], input[type=reset], input[type=password] {-->
|
---|
198 | <!-- background-color: snow;-->
|
---|
199 | <!-- border: none;-->
|
---|
200 | <!-- color: black;-->
|
---|
201 | <!-- padding: 16px 32px;-->
|
---|
202 | <!-- text-decoration: none;-->
|
---|
203 | <!-- margin: 4px 2px;-->
|
---|
204 | <!-- cursor: pointer;-->
|
---|
205 | <!-- }-->
|
---|
206 |
|
---|
207 | <!-- * {-->
|
---|
208 | <!-- background-color: whitesmoke;-->
|
---|
209 | <!-- font-family: 'Cormorant Unicase', serif;-->
|
---|
210 | <!-- }-->
|
---|
211 |
|
---|
212 | <!-- a:link, a:visited {-->
|
---|
213 | <!-- color: black;-->
|
---|
214 | <!-- text-align: center;-->
|
---|
215 | <!-- text-decoration: none;-->
|
---|
216 | <!-- display: inline-block;-->
|
---|
217 | <!-- }-->
|
---|
218 |
|
---|
219 | <!-- a:hover, a:active {-->
|
---|
220 | <!-- background-color: snow;-->
|
---|
221 | <!-- }-->
|
---|
222 |
|
---|
223 | <!-- input[type=text], input[type=password] {-->
|
---|
224 | <!-- width: 60%;-->
|
---|
225 | <!-- padding: 12px 20px;-->
|
---|
226 | <!-- margin: 8px 0;-->
|
---|
227 | <!-- box-sizing: border-box;-->
|
---|
228 | <!-- }-->
|
---|
229 |
|
---|
230 | <!-- input[type=text]:focus, input[type=password]:focus {-->
|
---|
231 | <!-- background-color: snow;-->
|
---|
232 | <!-- }-->
|
---|
233 |
|
---|
234 | <!-- li {-->
|
---|
235 | <!-- position: relative;-->
|
---|
236 | <!-- left: -33px;-->
|
---|
237 | <!-- }-->
|
---|
238 |
|
---|
239 | <!-- #search {-->
|
---|
240 | <!-- background-color: whitesmoke;-->
|
---|
241 | <!-- border-style: solid;-->
|
---|
242 | <!-- border-color: snow;-->
|
---|
243 | <!-- color: black;-->
|
---|
244 | <!-- padding: 12px 20px;-->
|
---|
245 | <!-- text-decoration: none;-->
|
---|
246 | <!-- margin: 8px 0;-->
|
---|
247 | <!-- cursor: pointer;-->
|
---|
248 | <!-- }-->
|
---|
249 |
|
---|
250 | <!-- #navbar li {-->
|
---|
251 | <!-- display: inline-block;-->
|
---|
252 | <!-- }-->
|
---|
253 |
|
---|
254 | <!-- .container {-->
|
---|
255 | <!-- margin: 25px;-->
|
---|
256 | <!-- position: relative;-->
|
---|
257 | <!-- right: -150px;-->
|
---|
258 | <!-- height: 200px;-->
|
---|
259 | <!-- }-->
|
---|
260 | <!--</style>--> |
---|