source: src/main/resources/templates/business_admin.html@ 77205be

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

Add entire code
  • Property mode set to 100755
File size: 7.3 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>Business admin page</title>
5
6 <meta charset="utf-8"/>
7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
8
9 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
10 integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
11 <link href="css/business_admin.css" rel="stylesheet"/>
12</head>
13<body>
14<!-- Navbar start -->
15<header class="p-3 mb-3 border-bottom">
16 <div class="row">
17 <div class="col-md-10 mb-10">
18 <span id="header">
19 Welcome back
20 </span>
21 </div>
22 <div class="col-md-2 mb-2">
23 <button id="logout" class="btn btn-primary btn-block">
24 Logout
25 </button>
26 </div>
27 </div>
28</header>
29
30<nav>
31 <div class="nav nav-tabs" id="nav-tab" role="tablist">
32 <a class="nav-link active" id="nav-business-tab" data-bs-toggle="tab" href="#nav-business" role="tab"
33 aria-controls="nav-business" aria-selected="true">Business Info</a>
34 <a class="nav-link" id="nav-owner-tab" data-bs-toggle="tab" href="#nav-owner" role="tab"
35 aria-controls="nav-owner" aria-selected="false">Owner Info</a>
36 <a class="nav-link" id="nav-services-tab" data-bs-toggle="tab" href="#nav-services" role="tab"
37 aria-controls="nav-services" aria-selected="false">Services Info</a>
38 <a class="nav-link" id="nav-appointments-tab" data-bs-toggle="tab" href="#nav-appointments" role="tab"
39 aria-controls="nav-appointments" aria-selected="false">Appointments</a>
40 </div>
41</nav>
42<div class="tab-content" id="nav-tabContent">
43 <div class="tab-pane fade show active" id="nav-business" role="tabpanel" aria-labelledby="nav-business-tab">
44 <div class="col-lg-6 mb-5 mb-lg-0">
45 <div class="form-outline mb-4">
46 <label for="business_status">Business status</label>
47 <input type="text" id="business_status" disabled class="form-control" aria-label="business_status"/>
48 <p id="new_business_warning" style="color:darkorange;" hidden>Please wait for the admin to approve your
49 business.</p>
50 </div>
51
52 <div class="form-outline mb-4">
53 <label for="business_type">Business type</label>
54 <input type="text" id="business_type" disabled class="form-control" aria-label="business_type"/>
55 </div>
56 </div>
57 </div>
58 <div class="tab-pane fade" id="nav-owner" role="tabpanel" aria-labelledby="nav-owner-tab">
59 <div class="col-lg-6 mb-5 mb-lg-0">
60 <div class="card-body py-5 px-md-5">
61 <form>
62 <div class="row">
63 <div class="col-md-6 mb-4">
64 <div class="form-outline">
65 <label for="firstName">First name</label>
66 <input type="text" id="firstName" class="form-control" placeholder="First name"
67 aria-label="Firstname"/>
68 </div>
69 </div>
70 <div class="col-md-6 mb-4">
71 <div class="form-outline">
72 <label for="lastName">Last name</label>
73 <input type="text" id="lastName" class="form-control" placeholder="Last name"
74 aria-label="lastname"/>
75 </div>
76 </div>
77 </div>
78 <!-- Phone number input -->
79 <div class="form-outline mb-4">
80 <label for="phoneNumber">Phone number</label>
81 <input type="number" id="phoneNumber" class="form-control" placeholder="Phone number"
82 aria-label="phoneNumber"/>
83 </div>
84
85 <!-- Email input -->
86 <div class="form-outline mb-4">
87 <label for="email">Email</label>
88 <input type="email" id="email" class="form-control" placeholder="Email"
89 aria-label="Email"/>
90 </div>
91 <!-- Username input -->
92 <div class="form-outline mb-4">
93 <label for="username">Username</label>
94 <input type="text" id="username" class="form-control" placeholder="Username"
95 aria-label="username"/>
96 </div>
97 <button type="button" class="btn btn-primary btn-block mb-4" id="update_owner_button">
98 Update profile
99 </button>
100 </form>
101 </div>
102 </div>
103 </div>
104 <div class="tab-pane fade" id="nav-services" role="tabpanel" aria-labelledby="nav-services-tab">
105 <div class="col-lg-6 mb-5 mb-lg-0">
106 <div class="form-outline mb-4">
107 <div class="row">
108 <div class="col-md-10">
109 <div class="form-outline">
110 <input type="text" id="input_service" class="form-control"
111 placeholder="Services"
112 aria-label="services"/>
113 </div>
114 </div>
115 <div class="form-outline col-md-2 d-grid">
116 <button class="btn btn-primary" id="add_service">Add</button>
117 </div>
118 </div>
119 </div>
120 <div id="predefined_services_admin_panel" class="form-outline mb-4"></div>
121 <button type="button" class="btn btn-primary btn-block mb-4" id="update_services_button">
122 Update services
123 </button>
124 </div>
125 </div>
126 <div class="tab-pane fade" id="nav-appointments" role="tabpanel" aria-labelledby="nav-appointments-tab">
127 <div class="form-outline col-lg-12 row">
128 <div class="form-outline col-lg-12">
129 <div class="table-responsive">
130 <table class="table">
131 <thead>
132 <tr>
133 <th scope="col">#</th>
134 <th scope="col">Full name</th>
135 <th scope="col">Email</th>
136 <th scope="col">Phone number</th>
137 <th scope="col">Time period</th>
138 <th scope="col">Service</th>
139 <th scope="col">Action</th>
140 </tr>
141 </thead>
142 <tbody id="bookings-table-body">
143 </tbody>
144 </table>
145 </div>
146 </div>
147 </div>
148 </div>
149</div>
150<script src='js/jquery-1.10.2.js' type="text/javascript"></script>
151<script src='js/jquery-ui.custom.min.js' type="text/javascript"></script>
152<script src='js/fullcalendar.js' type="text/javascript"></script>
153<script src="js/business_admin.js" type="text/javascript"></script>
154<script src="js/bootstrap.bundle.min.js"></script>
155<script src="js/logout.js" type="text/javascript"></script>
156</body>
157</html>
Note: See TracBrowser for help on using the repository browser.