Ignore:
Timestamp:
02/05/23 19:55:10 (22 months ago)
Author:
Gjoko Kostadinov <gjoko.kostadinov@…>
Branches:
master
Children:
2b0a4db
Parents:
cc52b09
Message:

Adding customer registration

Location:
src/main/resources/templates
Files:
4 edited

Legend:

Unmodified
Added
Removed

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

    rcc52b09 ra436340  
    22<html>
    33<head>
    4     <title>FullCalendar by Creative Tim </title>
     4    <title>Schedlr</title>
    55
    66    <meta charset="utf-8"/>
    … …  
    1616    <link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
    1717    <link href="css/homepage.css" rel="stylesheet" />
     18    <link href="css/headers.css" rel="stylesheet">
    1819</head>
    1920<body>
     21
     22<!-- Navbar start -->
     23<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"><use xlink:href="#bootstrap"/></svg>
     28            </a>
     29
     30            <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
     31                <li><a href="#" class="nav-link px-2 link-secondary">Overview</a></li>
     32                <li><a href="#" class="nav-link px-2 link-dark">Inventory</a></li>
     33                <li><a href="#" class="nav-link px-2 link-dark">Customers</a></li>
     34                <li><a href="#" class="nav-link px-2 link-dark">Products</a></li>
     35            </ul>
     36
     37            <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
     38                <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
     39            </form>
     40
     41            <div class="dropdown text-end">
     42                <a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
     43                    <img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
     44                </a>
     45                <ul class="dropdown-menu text-small">
     46                    <li><a class="dropdown-item" href="#">New project...</a></li>
     47                    <li><a class="dropdown-item" href="#">Settings</a></li>
     48                    <li><a class="dropdown-item" href="#">Profile</a></li>
     49                    <li><hr class="dropdown-divider"></li>
     50                    <li><a class="dropdown-item" href="#">Sign out</a></li>
     51                </ul>
     52            </div>
     53        </div>
     54    </div>
     55</header>
     56<!-- Navbar end -->
     57
    2058<div id='wrap'>
    2159    <div id='calendar'></div>
    … …  
    4078<script src='js/fullcalendar.js' type="text/javascript"></script>
    4179<script src="js/homepage.js" type="text/javascript"></script>
     80<script src="js/bootstrap.bundle.min.js"></script>
    4281</body>
    4382</html>

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

    rcc52b09 ra436340  
    33<head>
    44    <meta charset="UTF-8">
    5     <title>Login</title>
     5    <title>Schedlr</title>
    66
    77    <!-- Font Awesome -->
    … …  
    6060
    6161                        <div class="text-center">
    62                             <p>No account? <a href="/register_customer" class="link-primary">Register</a></p>
     62                            <p>No account? <a href="/register_customer" class="link-primary">Register customer</a></p>
     63                        </div>
     64                        <div class="text-center">
     65                            <p>Offering services? <a href="/register_business" class="link-primary">Register company</a></p>
    6366                        </div>
    6467                        <!-- Register buttons -->

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

    rcc52b09 ra436340  
    33<head>
    44    <meta charset="UTF-8">
    5     <title>Register business</title>
     5    <title>Schedlr</title>
    66
    77    <!-- Font Awesome -->
    … …  
    2020            rel="stylesheet"
    2121    />
    22     <link rel="stylesheet" href="css/register.css">
     22    <link rel="stylesheet" href="css/login.css">
     23
    2324</head>
    2425<body>
    … …  
    4041                    <div class="card-body py-5 px-md-5">
    4142                        <form>
     43                            <div class="text-center">
     44                                <p>Personal Info</p>
     45                            </div>
     46
    4247                            <!-- 2 column grid layout with text inputs for the first and last names -->
    4348                            <div class="row">
    4449                                <div class="col-md-6 mb-4">
    4550                                    <div class="form-outline">
    46                                         <input type="text" id="form3Example1" class="form-control" />
    47                                         <label class="form-label" for="form3Example1">First name</label>
     51                                        <input type="text" id="firstName" class="form-control" />
     52                                        <label class="form-label" for="firstName">First name</label>
    4853                                    </div>
    4954                                </div>
    5055                                <div class="col-md-6 mb-4">
    5156                                    <div class="form-outline">
    52                                         <input type="text" id="form3Example2" class="form-control" />
    53                                         <label class="form-label" for="form3Example2">Last name</label>
     57                                        <input type="text" id="lastName" class="form-control" />
     58                                        <label class="form-label" for="lastName">Last name</label>
    5459                                    </div>
    5560                                </div>
    … …  
    5863                            <!-- Email input -->
    5964                            <div class="form-outline mb-4">
    60                                 <input type="email" id="form3Example3" class="form-control" />
    61                                 <label class="form-label" for="form3Example3">Email address</label>
     65                                <input type="email" id="email" class="form-control" />
     66                                <label class="form-label" for="email">Email address</label>
     67                            </div>
     68
     69                            <!-- Email input -->
     70                            <div class="form-outline mb-4">
     71                                <input type="email" id="username" class="form-control" />
     72                                <label class="form-label" for="username">Username</label>
    6273                            </div>
    6374
    6475                            <!-- Password input -->
    6576                            <div class="form-outline mb-4">
    66                                 <input type="password" id="form3Example4" class="form-control" />
    67                                 <label class="form-label" for="form3Example4">Password</label>
     77                                <input type="password" id="password" class="form-control" />
     78                                <label class="form-label" for="password">Password</label>
    6879                            </div>
    6980
    70                             <!-- Checkbox -->
    71                             <div class="form-check d-flex justify-content-center mb-4">
    72                                 <input class="form-check-input me-2" type="checkbox" value="" id="form2Example33" checked />
    73                                 <label class="form-check-label" for="form2Example33">
    74                                     Subscribe to our newsletter
    75                                 </label>
     81                            <div class="text-center">
     82                                <p>Company Info</p>
    7683                            </div>
     84
     85                            <div class="form-outline mb-4">
     86                                <input type="email" id="companyName" class="form-control" />
     87                                <label class="form-label" for="companyName">Company Name</label>
     88                            </div>
     89
     90                            <div class="form-outline mb-4">
     91                                <select class="form-select" id="companyType">
     92                                    <option value="" disabled selected hidden>Company Type</option>
     93                                </select>
     94                            </div>
     95
     96                            <div class="form-group form-outline mb-4">
     97                                <label for="services">Services</label>
     98                                <input type="text" class="form-control" placeholder="Services" list="list-timezone" id="services">
     99                                <datalist id="list-timezone">
     100                                </datalist>
     101                            </div>
     102
    77103
    78104                            <!-- Submit button -->
    … …  
    80106                                Sign up
    81107                            </button>
    82 
    83                             <!-- Register buttons -->
    84                             <div class="text-center">
    85                                 <p>or sign up with:</p>
    86                                 <button type="button" class="btn btn-link btn-floating mx-1">
    87                                     <i class="fab fa-facebook-f"></i>
    88                                 </button>
    89 
    90                                 <button type="button" class="btn btn-link btn-floating mx-1">
    91                                     <i class="fab fa-google"></i>
    92                                 </button>
    93 
    94                                 <button type="button" class="btn btn-link btn-floating mx-1">
    95                                     <i class="fab fa-twitter"></i>
    96                                 </button>
    97 
    98                                 <button type="button" class="btn btn-link btn-floating mx-1">
    99                                     <i class="fab fa-github"></i>
    100                                 </button>
    101                             </div>
    102108                        </form>
    103109                    </div>
    … …  
    107113    </div>
    108114</div>
    109 <!-- Jumbotron -->
    110 <!-- MDB -->
     115<script src='js/jquery-1.10.2.js' type="text/javascript"></script>
    111116<script
    112117        type="text/javascript"
    113118        src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
    114119></script>
     120<script src="js/register_business.js" type="text/javascript"></script>
     121<script src="js/bootstrap-autocomplete.min.js"></script>
    115122</body>
    116123</html>

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

    rcc52b09 ra436340  
    33<head>
    44    <meta charset="UTF-8">
    5     <title>Register customer</title>
     5    <title>Schedlr</title>
     6
     7    <meta charset="utf-8"/>
     8    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    69
    710    <!-- Font Awesome -->
    … …  
    2023            rel="stylesheet"
    2124    />
     25
    2226    <link rel="stylesheet" href="css/register.css">
    2327</head>
    … …  
    110114    </div>
    111115</div>
    112 <!-- Jumbotron -->
    113 <!-- MDB -->
    114116<script
    115117        type="text/javascript"
    116118        src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
    117119></script>
     120
    118121</body>
    119122</html>
Note: See TracChangeset for help on using the changeset viewer.