https://custom-built-apps.com/cbachecklists/

1<!DOCTYPE html>
2<html lang="en" xmlns="http://www.w3.org/1999/html">
3<head>
4    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
5    <link href="https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined" rel="stylesheet">
6    <link rel="icon" type="image/x-icon" href="/favicon.png">
7
8
9    <link rel="stylesheet" href="/cbachecklists/css/light.css">
10    <link rel="stylesheet" href="/cbachecklists/css/cba.css">
11
12
13
14
15    

15<script  type="module" src="/cbachecklists/js/bundle.js">
16        import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
17
18        document.adoptedStyleSheets.push(typescaleStyles.styleSheet);
19    </script>

19
20
21    

21<script>
22        
23        var baseUrl = "\/cbachecklists";
24        
25    </script>

25
26    

26<script src="/cbachecklists/js/endpoints.js"></script>

26
27    <title>Checklists application</title>
28</head>
29
30<body>
31<div class="container">
32    <div class="left-panel">
33        <div class="cbox">
34            <p>
35                <md-outlined-text-field label="Username" id="username"></md-outlined-text-field>
36            </p>
37            <p>
38                <md-outlined-text-field label="Password" id="password" type="password"></md-outlined-text-field>
39            </p>
40            <p><md-elevated-button onclick="loginAndGetToken()">Login</md-elevated-button></p>
41        <p></p>
42           <p><md-elevated-button onclick="getChecklistItemsPage()">Checklist Items</md-elevated-button></p>
43            <p></p>
44            <p><md-elevated-button onclick="getChecklistsPage()">Checklists</md-elevated-button></p>
45            <p><md-elevated-button onclick="getUserRegistrationPage()">Register</md-elevated-button></p>
46        </div>
47    </div>
48    <div class="right-panel">
49
50        <div id="data-container"></div>
51        <pre id="output" style="background-color: #f4f4f4;"></pre>
52    </div>
53</div>
54</body>
55
56</html>