1 | <!DOCTYPE html>
|
---|
2 | <html lang="en">
|
---|
3 | <head>
|
---|
4 | <title>Cimeri</title>
|
---|
5 | <meta property="og:title" content="Cimeri" />
|
---|
6 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
---|
7 | <meta charset="utf-8" />
|
---|
8 | <meta property="twitter:card" content="summary_large_image" />
|
---|
9 |
|
---|
10 | <style data-tag="reset-style-sheet">
|
---|
11 | html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption { margin: 0; padding: 0;}button { background-color: transparent;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}html { scroll-behavior: smooth }
|
---|
12 | </style>
|
---|
13 | <style data-tag="default-style-sheet">
|
---|
14 | html {
|
---|
15 | font-family: Inter;
|
---|
16 | font-size: 16px;
|
---|
17 | }
|
---|
18 |
|
---|
19 | body {
|
---|
20 | font-weight: 400;
|
---|
21 | font-style:normal;
|
---|
22 | text-decoration: none;
|
---|
23 | text-transform: none;
|
---|
24 | letter-spacing: normal;
|
---|
25 | line-height: 1.15;
|
---|
26 | color: var(--dl-color-gray-black);
|
---|
27 | background-color: var(--dl-color-gray-white);
|
---|
28 |
|
---|
29 | }
|
---|
30 | </style>
|
---|
31 | <link
|
---|
32 | rel="stylesheet"
|
---|
33 | href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
|
---|
34 | data-tag="font"
|
---|
35 | />
|
---|
36 | <link rel="stylesheet" href="/postapartment/style.css" />
|
---|
37 | </head>
|
---|
38 | <body>
|
---|
39 | <div>
|
---|
40 | <link href="/postapartment/postapartment.css" rel="stylesheet" />
|
---|
41 |
|
---|
42 |
|
---|
43 |
|
---|
44 | <form th:method="post" th:action="@{/postapartment/createpost}">
|
---|
45 | <div class="postapartment-container">
|
---|
46 |
|
---|
47 |
|
---|
48 | <div class="postapartment-container01">
|
---|
49 | <div class="postapartment-container02">
|
---|
50 | <span class="postapartment-text">
|
---|
51 | <span>LOGGED IN AS : </span><p th:text="${session.user.ime}" th:unless="${session == null}">[...]</p>
|
---|
52 | <br />
|
---|
53 | </span>
|
---|
54 | </div>
|
---|
55 | </div>
|
---|
56 | <span class="postapartment-text03">
|
---|
57 | <span>ENTER INFO:</span>
|
---|
58 | <br />
|
---|
59 | </span>
|
---|
60 | <div class="postapartment-container03">
|
---|
61 | <div class="postapartment-container04">
|
---|
62 | <span class="postapartment-text06">Building Adress</span>
|
---|
63 | <input
|
---|
64 | type="text"
|
---|
65 | placeholder="Building Adress"
|
---|
66 | class="postapartment-textinput input"
|
---|
67 | id="building_adress"
|
---|
68 | name="building_adress"
|
---|
69 | />
|
---|
70 | </div>
|
---|
71 | <div class="postapartment-container05">
|
---|
72 | <div class="postapartment-container06">
|
---|
73 | <span class="postapartment-text07">Apartment Floor and Room</span>
|
---|
74 | <input
|
---|
75 | type="text"
|
---|
76 | placeholder="Apartment Floor and Room"
|
---|
77 | class="postapartment-textinput1 input"
|
---|
78 | id="apartment_adress"
|
---|
79 | name="apartment_adress"
|
---|
80 | />
|
---|
81 | </div>
|
---|
82 | </div>
|
---|
83 | </div>
|
---|
84 | <div class="postapartment-container07">
|
---|
85 | <div class="postapartment-container08">
|
---|
86 | <span class="postapartment-text08">Size</span>
|
---|
87 | <input
|
---|
88 | type="text"
|
---|
89 | placeholder="Size"
|
---|
90 | class="postapartment-textinput2 input"
|
---|
91 | id="apartment_size"
|
---|
92 | name="apartment_size"
|
---|
93 | />
|
---|
94 | </div>
|
---|
95 | <div class="postapartment-container09">
|
---|
96 | <div class="postapartment-container10">
|
---|
97 | <span class="postapartment-text09">
|
---|
98 | <span>City</span>
|
---|
99 | <br />
|
---|
100 | </span>
|
---|
101 | <select class="postapartment-textinput2 input" name="cityid" id="cityid">
|
---|
102 | <option th:each="city : ${cities}" th:value="${city.cityid}" th:name="city" th:text="${city.cityname}">
|
---|
103 | </option>
|
---|
104 | </select>
|
---|
105 | </div>
|
---|
106 | </div>
|
---|
107 | </div>
|
---|
108 | <div class="postapartment-container11">
|
---|
109 | <div class="postapartment-container12">
|
---|
110 | <span class="postapartment-text12">Price</span>
|
---|
111 | <input
|
---|
112 | type="text"
|
---|
113 | placeholder="Price"
|
---|
114 | class="postapartment-textinput4 input"
|
---|
115 | id="price"
|
---|
116 | name="price"
|
---|
117 | />
|
---|
118 | </div>
|
---|
119 | <div class="postapartment-container13">
|
---|
120 | <div class="postapartment-container14">
|
---|
121 | <span class="postapartment-text13">URL to Photos</span>
|
---|
122 | <input
|
---|
123 | type="text"
|
---|
124 | placeholder="URL to Photos"
|
---|
125 | class="postapartment-textinput5 input"
|
---|
126 | id="photosurl"
|
---|
127 | name="photosurl"
|
---|
128 | />
|
---|
129 | </div>
|
---|
130 | </div>
|
---|
131 | </div>
|
---|
132 | <span class="postapartment-text14">Number of Beds</span>
|
---|
133 | <input
|
---|
134 | type="text"
|
---|
135 | placeholder="Number of Beds"
|
---|
136 | class="postapartment-textinput6 input"
|
---|
137 | id="number_of_roommates"
|
---|
138 | name="number_of_roommates"
|
---|
139 | />
|
---|
140 | <button class="postapartment-button button">SUBMIT</button>
|
---|
141 | </form>
|
---|
142 |
|
---|
143 |
|
---|
144 |
|
---|
145 | <th:block th:if="${session.user != null}">
|
---|
146 | <button onclick="location.href = '/logout';" class="postapartment-button1 button">LOG OUT</button>
|
---|
147 | </th:block>
|
---|
148 |
|
---|
149 | </div>
|
---|
150 | </div>
|
---|
151 | </body>
|
---|
152 | </html>
|
---|