source: src/main/resources/templates/homepage.html@ 1413ee2

Last change on this file since 1413ee2 was 77205be, checked in by gjoko kostadinov <gjokokostadinov@…>, 11 months ago

Add entire code
  • Property mode set to 100755
File size: 5.5 KB
RevLine 
[204464d]1<!DOCTYPE html>
[044bd76]2<html>
[204464d]3<head>
[8bcd64c]4 <title>Homepage</title>
[044bd76]5
6 <meta charset="utf-8"/>
7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
8
[2b0a4db]9 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/>
[9280859]10 <!-- Google Fonts -->
[2b0a4db]11 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"/>
[9280859]12 <!-- MDB -->
[2b0a4db]13 <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css" rel="stylesheet"/>
[044bd76]14
15 <link href='css/fullcalendar.css' rel='stylesheet'/>
16 <link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
[2b0a4db]17 <link href="css/homepage.css" rel="stylesheet"/>
[77205be]18 <link href="css/headers.css" rel="stylesheet" />
[204464d]19</head>
20<body>
[a436340]21
22<!-- Navbar start -->
23<header class="p-3 mb-3 border-bottom">
[950fa0d]24 <div class="row" style="justify-content: space-between;">
25 <div class="col-md-8 mb-8">
26 Welcome to the Schedlr
27 </div>
28 <div class="col-md-2 mb-2">
[77205be]29 <button id="profile" class="btn btn-primary btn-block" onclick="goToProfile()">
[950fa0d]30 Profile
31 </button>
32 </div>
33 <div class="col-md-2 mb-2">
34 <button id="logout" class="btn btn-primary btn-block">
35 Logout
36 </button>
37 </div>
38 <div class="col-md-2 mb-2">
39 <button id="login" class="btn btn-primary btn-block">
40 Login
41 </button>
[a436340]42 </div>
43 </div>
44</header>
45<!-- Navbar end -->
[950fa0d]46<div class="container">
47 <div id='wrap'>
48 <div id='calendar'></div>
49 <div style='clear:both'></div>
50 </div>
[a436340]51
[9280859]52
53 <div class="card">
[950fa0d]54 <div class="form-outline mb-4">
55 <select class="form-select" id="companyType" aria-label="Select company type">
56 <option disabled selected hidden>Company Type</option>
57 </select>
58 </div>
59
60 <div class="form-outline mb-4">
61 <select class="form-select" id="company" aria-label="Select company">
62 <option disabled selected hidden>Company</option>
63 </select>
64 </div>
65 <div class="form-outline mb-4">
66 <select class="form-select" id="service" aria-label="Select service">
67 <option disabled selected hidden>Service</option>
68 </select>
69 </div>
70 <div class="form-outline mb-4">
71 <label for="startdatetime">Start:</label>
[77205be]72 <input type="datetime-local" id="startdatetime" name="startdatetime" style="float:right;">
73 </div>
74 <div class="form-outline mb-4">
75 <label for="enddatetime">End:</label>
76 <input type="datetime-local" id="enddatetime" name="enddatetime" style="float:right;">
[950fa0d]77 </div>
78 <div class="form-outline mb-4">
79 <button id="createAppointment" class="btn btn-primary btn-block">
80 Create Appointment
81 </button>
[9280859]82 </div>
83 </div>
[77205be]84 <div class="card form-outline mb-4" style="margin-top:30px;" >
85 <ul class="list-group list-group-flush" id="reviews-ul">
86 <li class="list-group-item"><b>service name: </b><span id="rating-service-name"></span></li>
87 <li class="list-group-item"><b>rating </b><span id="rating-value"></span></li>
88 <li class="list-group-item" style="margin-bottom:10px;"><b>reviews count </b><span id="rating-count"></span></li>
89 <li class="list-group-item" id="reviews-li"><a href="#/reviews_page">Checkout reviews</a></li>
90 </ul>
91 </div>
[950fa0d]92
[9280859]93</div>
[77205be]94<div class="modal fade" id="showReviewsModal" tabindex="-1" aria-labelledby="showReviewsModalLabel" aria-hidden="true">
95 <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" >
96 <div class="modal-content">
97 <div class="modal-header">
98 <h1>Reviews</h1>
99 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
100 </div>
101 <div class="modal-body form-outline col-lg-12 row" id="reviewsModalBody" style="--mdb-gutter-x: 0 !important; background-color: #f0f0f0 !important;">
102 <div class="card m-3" style="max-width: 300px; padding: 0;">
103 <div class="card-header text-bg-success">
104 ☆☆☆☆☆
105 </div>
106 <ul class="list-group list-group-flush">
107 <li class="list-group-item"><i>Business:</i> Businessname<</li>
108 <li class="list-group-item"><i>Service:</i> Customer Name</li>
109 <li class="list-group-item"><i>Reviewer:</i> Customer Name</li>
110 <li class="list-group-item"><i>Comment:</i> Lorem ipsum diem amet</li>
111 <li class="list-group-item"><small class="text-body-secondary">Created on 29-11-2023T11:32:23</small></li>
112 </ul>
113 </div>
114 </div>
115 <div class="modal-footer">
116 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
117 </div>
118 </div>
119 </div>
120</div>
[044bd76]121<script src='js/jquery-1.10.2.js' type="text/javascript"></script>
122<script src='js/jquery-ui.custom.min.js' type="text/javascript"></script>
123<script src='js/fullcalendar.js' type="text/javascript"></script>
124<script src="js/homepage.js" type="text/javascript"></script>
[a436340]125<script src="js/bootstrap.bundle.min.js"></script>
[950fa0d]126<script src="js/logout.js" type="text/javascript"></script>
[204464d]127</body>
[044bd76]128</html>
Note: See TracBrowser for help on using the repository browser.