source: frontend/index.html@ c164f8f

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

pred-finalna
  • Property mode set to 100644
File size: 5.5 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 <input type="submit" class="button" value="Пребарај" >
40 </form>
41 </div>
42 <button id="savedTripsButton" style="display:none;" class="button">Зачувани патувања</button>
43 <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>
44</div>
45<div class="content">
46 <div id="givenOptions">
47 <!-- populated with JS response -->
48 </div>
49</div>
50<div id="savedTripsOverlay" class="overlay">
51 <div class="overlay-content">
52 <span class="close">&times;</span>
53 <div class="saved-trips-container">
54 <h2>Saved Trips</h2>
55 <div id="savedTripsList"></div>
56 </div>
57 <div class="price-changes-container">
58 <h2>Price Changes</h2>
59 <div id="priceChangesList"></div>
60 </div>
61 </div>
62</div>
63
64<div id="loginPopup" class="popup">
65 <div class="popup-content">
66 <span class="close" onclick="closeLoginPopup()">&times;</span>
67 <h2>Login</h2>
68 <form id="loginForm">
69 <label for="email">Email:</label>
70 <input type="email" id="email" name="email" required>
71 <label for="password">Password:</label>
72 <input type="password" id="password" name="password" autocomplete="on" required>
73 <button type="submit" class="button">Login</button>
74 <div class="g_id_signin"
75 data-type="icon"
76 data-shape="square"
77 data-theme="filled_blue"
78 data-text="signin_with"
79 data-size="large" style="margin-left: auto;margin-right: auto;width: 44px;">
80 </div>
81 <p>Don't have an account? <a href="#" onclick="openRegisterPopup()">Register</a></p>
82 </form>
83 <div id="loginResponse" class="response"></div>
84 </div>
85</div>
86
87<div id="registerPopup" class="popup">
88 <div class="popup-content">
89 <span class="close" onclick="closeRegisterPopup()">&times;</span>
90 <h2>Register</h2>
91 <form id="registerForm">
92 <label for="username">Username:</label>
93 <input type="text" id="username" name="username" required>
94 <label for="email">Email:</label>
95 <input type="email" id="email-reg" name="email" required>
96 <label for="password">Password:</label>
97 <input type="password" id="pass-reg" name="password" autocomplete="on" required>
98 <button type="submit" class="button">Register</button>
99 </form>
100 <div id="registerResponse" class="response"></div>
101 </div>
102</div>
103
104<div id="loadingOverlay" class="loading-overlay">
105 <div class="loading-content">
106 <div class="spinner"></div>
107 <p>Loading, please wait...</p>
108 </div>
109</div>
110<div id="AccountDetailsOverlay" class="popup accDetails">
111 <div class="popup-content">
112 <h1>My account</h1>
113 <div class="popup-content" style="display: none" id="confDel">
114 <div class="delete" >
115 <h1>Are you sure you want to delete your account?</h1>
116 <button onclick="deleteAccount()" class="button" id="confirmDelete" style="background-color: red">Yes</button>
117 <button id="cancel" class="button" onclick="closeConfirmDelete()">No</button>
118 </div>
119 </div>
120 <button class="button" id="pswdChange">Change password</button>
121 <button class="button" style="background-color: red" id="deleteAcc" onclick="confirmDelete()">Delete Account</button>
122 </div>
123</div>
124<script src="js/formHandler.js"></script>
125<script src="js/loginHandler.js"></script>
126<script src="js/siteFlow.js"></script>
127<script src="https://accounts.google.com/gsi/client" async defer></script>
128
129</body>
130</html>
Note: See TracBrowser for help on using the repository browser.