Ignore:
Timestamp:
05/24/23 23:18:47 (13 months ago)
Author:
Gjoko Kostadinov <gjoko.kostadinov@…>
Branches:
master
Children:
77205be
Parents:
8bcd64c
Message:

Periodic update

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/templates/homepage.html

    r8bcd64c r950fa0d  
    2222<!-- Navbar start -->
    2323<header class="p-3 mb-3 border-bottom">
    24     <div class="container">
    25         <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
    26             <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none">
    27                 <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap">
    28                     <use xlink:href="#bootstrap"/>
    29                 </svg>
    30             </a>
    31 
    32             <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
    33                 <li><a href="#" class="nav-link px-2 link-secondary">Overview</a></li>
    34                 <li><a href="#" class="nav-link px-2 link-dark">Inventory</a></li>
    35                 <li><a href="#" class="nav-link px-2 link-dark">Customers</a></li>
    36                 <li><a href="#" class="nav-link px-2 link-dark">Products</a></li>
    37             </ul>
    38 
    39             <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
    40                 <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
    41             </form>
    42 
    43             <div class="dropdown text-end">
    44                 <a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown"
    45                    aria-expanded="false">
    46                     <img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
    47                 </a>
    48                 <ul class="dropdown-menu text-small">
    49                     <li><a class="dropdown-item" href="#">New project...</a></li>
    50                     <li><a class="dropdown-item" href="#">Settings</a></li>
    51                     <li><a class="dropdown-item" href="#">Profile</a></li>
    52                     <li>
    53                         <hr class="dropdown-divider">
    54                     </li>
    55                     <li><a class="dropdown-item" href="#">Sign out</a></li>
    56                 </ul>
    57             </div>
     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">
     29            <button id="profile" class="btn btn-primary btn-block">
     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>
    5842        </div>
    5943    </div>
    6044</header>
    6145<!-- Navbar end -->
     46<div class="container">
     47    <div id='wrap'>
     48        <div id='calendar'></div>
     49        <div style='clear:both'></div>
     50    </div>
    6251
    63 <div id='wrap'>
    64     <div id='calendar'></div>
    65     <div style='clear:both'></div>
    66 </div>
    6752
    68 <div class="">
    6953    <div class="card">
    70         <div class="card-body py-5 px-md-5">
    71             <div>
    72                 <label for="student-birth-date">Date of search:</label>
    73                 <input type="date" id="student-birth-date"/>
    74             </div>
    75             <div>
    76                 <button type="submit" class="button" id="search">Search</button>
    77             </div>
     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>
     72            <input type="datetime-local" id="startdatetime" name="startdatetime">
     73        </div>
     74        <div class="form-outline mb-4">
     75            <button id="createAppointment" class="btn btn-primary btn-block">
     76                Create Appointment
     77            </button>
    7878        </div>
    7979    </div>
     80
    8081</div>
    8182<script src='js/jquery-1.10.2.js' type="text/javascript"></script>
    … …  
    8485<script src="js/homepage.js" type="text/javascript"></script>
    8586<script src="js/bootstrap.bundle.min.js"></script>
     87<script src="js/logout.js" type="text/javascript"></script>
    8688</body>
    8789</html>
Note: See TracChangeset for help on using the changeset viewer.