source: frontend/index.html@ 53bad7e

Last change on this file since 53bad7e was 53bad7e, checked in by Kristijan <kristijanzafirovski26@…>, 6 days ago

dodadeno informacii za broj na lugje
  • Property mode set to 100644
File size: 5.7 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta http-equiv="Cross-Origin-Opener-Policy" content="unsafe-none">
6
7 <title>GlobeGuru</title>
8 <link rel="stylesheet" href="css.css">
9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
10 <link rel="icon" type="image/x-icon" href="images/GLOBE.png">
11</head>
12<body>
13<div id="g_id_onload"
14 data-client_id="376204422797-s8f05nn6drmec1cko2h4kg1nk24abgc9.apps.googleusercontent.com"
15 data-context="signin"
16 data-ux_mode="popup"
17 data-login_uri="http://localhost:8000/"
18 data-callback="handleCredentialResponse"
19 data-auto_prompt="false">
20</div>
21
22<div class="top-right">
23 <button id="loginButton" class="login-button" onclick="openLoginPopup()">Login</button>
24 <button id="logoutButton" class="login-button" style="display:none;" onclick="logout()">Logout</button>
25 <button id="adminPanelButton" class="login-button" style="display:none;" onclick="goToAdminPanel()">Admin Panel</button>
26</div>
27<div class="sidebar">
28 <div class="logo">
29 <img src="images/GLOBE.png" height="235" width="235"/>
30 </div>
31 <div class="searchBar">
32 <form id="form-id">
33 <label for="destination">Дестинација</label>
34 <input type="text" id="destination" name="destination" placeholder="Име на хотел/Град или Држава">
35 <label for="departureDate">Датум на поаѓање</label>
36 <input type="date" id="departureDate" name="departureDate">
37 <label for="Nights">Број на ноќи</label>
38 <input type="number" id="Nights" name="nightsNumber">
39 <label for="NumPeople">Број на лица</label>
40 <input type="number" id="NumPeople" name="numberPeople" min="0" max="4" value="0" placeholder="внесете 0 за без ограничување">
41 <input type="submit" class="button" value="Пребарај" >
42 </form>
43 </div>
44 <button id="savedTripsButton" style="display:none;" class="button">Зачувани патувања</button>
45 <button class="button" style="width: 50px; height: 50px; margin-right: auto; display: none;" onclick="openAccountDetails()" id="accBtn"> <i class="fa fa-light fa-user fa-2x"></i></button>
46</div>
47<div class="content">
48 <div id="givenOptions">
49 <!-- populated with JS response -->
50 </div>
51</div>
52<div id="savedTripsOverlay" class="overlay">
53 <div class="overlay-content">
54 <span class="close">&times;</span>
55 <div class="saved-trips-container">
56 <h2>Saved Trips</h2>
57 <div id="savedTripsList"></div>
58 </div>
59 <div class="price-changes-container">
60 <h2>Price Changes</h2>
61 <div id="priceChangesList"></div>
62 </div>
63 </div>
64</div>
65
66<div id="loginPopup" class="popup">
67 <div class="popup-content">
68 <span class="close" onclick="closeLoginPopup()">&times;</span>
69 <h2>Login</h2>
70 <form id="loginForm">
71 <label for="email">Email:</label>
72 <input type="email" id="email" name="email" required>
73 <label for="password">Password:</label>
74 <input type="password" id="password" name="password" autocomplete="on" required>
75 <button type="submit" class="button">Login</button>
76 <div class="g_id_signin"
77 data-type="icon"
78 data-shape="square"
79 data-theme="filled_blue"
80 data-text="signin_with"
81 data-size="large" style="margin-left: auto;margin-right: auto;width: 44px;">
82 </div>
83 <p>Don't have an account? <a href="#" onclick="openRegisterPopup()">Register</a></p>
84 </form>
85 <div id="loginResponse" class="response"></div>
86 </div>
87</div>
88
89<div id="registerPopup" class="popup">
90 <div class="popup-content">
91 <span class="close" onclick="closeRegisterPopup()">&times;</span>
92 <h2>Register</h2>
93 <form id="registerForm">
94 <label for="username">Username:</label>
95 <input type="text" id="username" name="username" required>
96 <label for="email">Email:</label>
97 <input type="email" id="email-reg" name="email" required>
98 <label for="password">Password:</label>
99 <input type="password" id="pass-reg" name="password" autocomplete="on" required>
100 <button type="submit" class="button">Register</button>
101 </form>
102 <div id="registerResponse" class="response"></div>
103 </div>
104</div>
105
106<div id="loadingOverlay" class="loading-overlay">
107 <div class="loading-content">
108 <div class="spinner"></div>
109 <p>Loading, please wait...</p>
110 </div>
111</div>
112<div id="AccountDetailsOverlay" class="popup accDetails">
113 <div class="popup-content">
114 <h1>My account</h1>
115 <div class="popup-content" style="display: none" id="confDel">
116 <div class="delete" >
117 <h1>Are you sure you want to delete your account?</h1>
118 <button onclick="deleteAccount()" class="button" id="confirmDelete" style="background-color: red">Yes</button>
119 <button id="cancel" class="button" onclick="closeConfirmDelete()">No</button>
120 </div>
121 </div>
122 <button class="button" id="pswdChange">Change password</button>
123 <button class="button" style="background-color: red" id="deleteAcc" onclick="confirmDelete()">Delete Account</button>
124 </div>
125</div>
126<script src="js/formHandler.js"></script>
127<script src="js/loginHandler.js"></script>
128<script src="js/siteFlow.js"></script>
129<script src="https://accounts.google.com/gsi/client" async defer></script>
130
131</body>
132</html>
Note: See TracBrowser for help on using the repository browser.