Changeset 77205be for src/main/resources/templates

Timestamp:

12/26/23 18:50:43 (11 months ago)

Author:

gjoko kostadinov <gjokokostadinov@…>

Branches:

master

Children:

1413ee2

Parents:

950fa0d

Message:

Add entire code

Location:

src/main/resources/templates

Files:

• admin.html (modified) (1 prop)
• business_admin.html (modified) (7 diffs, 1 prop)
• customer_admin.html (added)
• homepage.html (modified) (4 diffs, 1 prop)
• login.html (modified) (1 prop)
• register_business.html (modified) (1 diff, 1 prop)
• register_customer.html (modified) (1 diff, 1 prop)

src/main/resources/templates/business_admin.html

@@ -15 +15 @@
 <header class="p-3 mb-3 border-bottom">
     <div class="row">
-        <div class="col-md-10 mb-10" >
+        <div class="col-md-10 mb-10">
             <span id="header">
                 Welcome back
@@ -30 +30 @@
 <nav>
     <div class="nav nav-tabs" id="nav-tab" role="tablist">
-        <a class="nav-link active" id="nav-business-tab" data-bs-toggle="tab" href="#nav-business" role="tab" aria-controls="nav-business" aria-selected="true">Business Info</a>
-        <a class="nav-link" id="nav-owner-tab" data-bs-toggle="tab" href="#nav-owner" role="tab" aria-controls="nav-owner" aria-selected="false">Owner Info</a>
-        <a class="nav-link" id="nav-services-tab" data-bs-toggle="tab" href="#nav-services" role="tab" aria-controls="nav-services" aria-selected="false">Services Info</a>
+        <a class="nav-link active" id="nav-business-tab" data-bs-toggle="tab" href="#nav-business" role="tab"
+           aria-controls="nav-business" aria-selected="true">Business Info</a>
+        <a class="nav-link" id="nav-owner-tab" data-bs-toggle="tab" href="#nav-owner" role="tab"
+           aria-controls="nav-owner" aria-selected="false">Owner Info</a>
+        <a class="nav-link" id="nav-services-tab" data-bs-toggle="tab" href="#nav-services" role="tab"
+           aria-controls="nav-services" aria-selected="false">Services Info</a>
+        <a class="nav-link" id="nav-appointments-tab" data-bs-toggle="tab" href="#nav-appointments" role="tab"
+           aria-controls="nav-appointments" aria-selected="false">Appointments</a>
     </div>
 </nav>
@@ -41 +46 @@
                 <label for="business_status">Business status</label>
                 <input type="text" id="business_status" disabled class="form-control" aria-label="business_status"/>
-                <p id="new_business_warning" style="color:darkorange;" hidden>Please wait for the admin to approve your business.</p>
+                <p id="new_business_warning" style="color:darkorange;" hidden>Please wait for the admin to approve your
+                    business.</p>
             </div>
 
@@ -70 +76 @@
                         </div>
                     </div>
+                    <!-- Phone number input -->
+                    <div class="form-outline mb-4">
+                        <label for="phoneNumber">Phone number</label>
+                        <input type="number" id="phoneNumber" class="form-control" placeholder="Phone number"
+                               aria-label="phoneNumber"/>
+                    </div>
+
                     <!-- Email input -->
                     <div class="form-outline mb-4">
@@ -76 +89 @@
                                aria-label="Email"/>
                     </div>
-                    <!-- Email input -->
+                    <!-- Username input -->
                     <div class="form-outline mb-4">
                         <label for="username">Username</label>
@@ -97 +110 @@
                             <input type="text" id="input_service" class="form-control"
                                    placeholder="Services"
-                                   aria-label="services" />
+                                   aria-label="services"/>
                         </div>
                     </div>
@@ -111 +124 @@
         </div>
     </div>
+    <div class="tab-pane fade" id="nav-appointments" role="tabpanel" aria-labelledby="nav-appointments-tab">
+        <div class="form-outline col-lg-12 row">
+            <div class="form-outline col-lg-12">
+                <div class="table-responsive">
+                    <table class="table">
+                        <thead>
+                        <tr>
+                            <th scope="col">#</th>
+                            <th scope="col">Full name</th>
+                            <th scope="col">Email</th>
+                            <th scope="col">Phone number</th>
+                            <th scope="col">Time period</th>
+                            <th scope="col">Service</th>
+                            <th scope="col">Action</th>
+                        </tr>
+                        </thead>
+                        <tbody id="bookings-table-body">
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 <script src='js/jquery-1.10.2.js' type="text/javascript"></script>

src/main/resources/templates/homepage.html

@@ -16 +16 @@
     <link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
     <link href="css/homepage.css" rel="stylesheet"/>
-    <link href="css/headers.css" rel="stylesheet">
+    <link href="css/headers.css" rel="stylesheet" />
 </head>
 <body>
@@ -27 +27 @@
         </div>
         <div class="col-md-2 mb-2">
-            <button id="profile" class="btn btn-primary btn-block">
+            <button id="profile" class="btn btn-primary btn-block" onclick="goToProfile()">
                 Profile
             </button>
@@ -70 +70 @@
         <div class="form-outline mb-4">
             <label for="startdatetime">Start:</label>
-            <input type="datetime-local" id="startdatetime" name="startdatetime">
+            <input type="datetime-local" id="startdatetime" name="startdatetime" style="float:right;">
+        </div>
+        <div class="form-outline mb-4">
+            <label for="enddatetime">End:</label>
+            <input type="datetime-local" id="enddatetime" name="enddatetime" style="float:right;">
         </div>
         <div class="form-outline mb-4">
@@ -78 +82 @@
         </div>
     </div>
+    <div class="card form-outline mb-4" style="margin-top:30px;" >
+        <ul class="list-group list-group-flush" id="reviews-ul">
+            <li class="list-group-item"><b>service name: </b><span id="rating-service-name"></span></li>
+            <li class="list-group-item"><b>rating </b><span id="rating-value"></span></li>
+            <li class="list-group-item" style="margin-bottom:10px;"><b>reviews count </b><span id="rating-count"></span></li>
+            <li class="list-group-item" id="reviews-li"><a href="#/reviews_page">Checkout reviews</a></li>
+        </ul>
+    </div>
 
+</div>
+<div class="modal fade" id="showReviewsModal" tabindex="-1" aria-labelledby="showReviewsModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" >
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1>Reviews</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body form-outline col-lg-12 row" id="reviewsModalBody" style="--mdb-gutter-x: 0 !important; background-color: #f0f0f0 !important;">
+                <div class="card m-3" style="max-width: 300px; padding: 0;">
+                    <div class="card-header text-bg-success">
+                        ☆☆☆☆☆
+                    </div>
+                    <ul class="list-group list-group-flush">
+                        <li class="list-group-item"><i>Business:</i> Businessname<</li>
+                        <li class="list-group-item"><i>Service:</i> Customer Name</li>
+                        <li class="list-group-item"><i>Reviewer:</i> Customer Name</li>
+                        <li class="list-group-item"><i>Comment:</i> Lorem ipsum diem amet</li>
+                        <li class="list-group-item"><small class="text-body-secondary">Created on 29-11-2023T11:32:23</small></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+            </div>
+        </div>
+    </div>
 </div>
 <script src='js/jquery-1.10.2.js' type="text/javascript"></script>

src/main/resources/templates/register_business.html

@@ -44 +44 @@
                                     </div>
                                 </div>
+                            </div>
+
+                            <!-- Phone number input -->
+                            <div class="form-outline mb-4">
+                                <input type="number" id="phoneNumber" class="form-control" placeholder="Phone number"
+                                       aria-label="phonenumber"/>
                             </div>
 

src/main/resources/templates/register_customer.html

@@ -67 +67 @@
                             </div>
 
+                            <!-- Phone number input -->
+                            <div class="form-outline mb-4">
+                                <input type="number" id="phoneNumber" class="form-control" required th:field="*{phoneNumber}" />
+                                <label class="form-label" for="phoneNumber">Phone Number</label>
+                            </div>
+
                             <!-- Email input -->
                             <div class="form-outline mb-4">