Projekt

Obecné

Profil

Stáhnout (2.64 KB) Statistiky
| Větev: | Tag: | Revize:
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <title>X.509 Certificate Management</title>
6
    <link rel="stylesheet" href="/static/css/app.css">
7
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
8
    <link href="https://cdn.jsdelivr.net/npm/vue-loading-overlay@3/dist/vue-loading.css" rel="stylesheet">
9
</head>
10
<body>
11
    <div id="certificateListingPage" class="p-4">
12
        <div v-if="loading">
13
            <loading :active.sync="loading"
14
                     :can-cancel="false"
15
                      loader="dots"
16
                     :is-full-page="true"></loading>
17
        </div>
18
        <div v-if="!loading" v-cloak>
19
            <div>
20
                <h1 class="ml-2 d-inline-block">Certificate Listing</h1>
21
                <a class="btn btn-success ml-4 mb-3" href="/static/create_certificate.html">Create certificate</a>
22
            </div>
23
            <div class="alert alert-success" v-if="successMessage !== ''" role="alert" v-cloak>
24
                {{ successMessage }}
25
            </div>
26
            <table class="table table-striped table-hover text-center">
27
                <thead class="thead-dark">
28
                    <tr>
29
                        <th class="align-middle" scope="col" rowspan="2">Common name</th>
30
                        <th class="align-middle" scope="col" colspan="2">Validity</th>
31
                        <th class="align-middle" scope="col" rowspan="2">Usage</th>
32
                        <th class="align-middle" scope="col" rowspan="2">Certificate</th>
33
                        <th class="align-middle" scope="col" rowspan="2">Issuer</th>
34
                    </tr>
35
                    <tr>
36
                        <th scope="col">Start</th>
37
                        <th scope="col">End</th>
38
                    </tr>
39
                </thead>
40
                <tbody>
41
                    <tr is="certificate-item"
42
                        v-for="certificate in certificates"
43
                        v-bind:certificate="certificate"
44
                        v-bind:key="certificate.id">
45
                    </tr>
46
                </tbody>
47
            </table>
48
        </div>
49
    </div>
50
    <script src="https://cdn.jsdelivr.net/npm/vue-loading-overlay@3"></script>
51
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
52
    <script src="/static/js/jquery-3.6.0.min.js"></script>
53
    <script src="/static/js/bootstrap.bundle.min.js"></script>
54
    <script src="/static/js/axios.min.js"></script>
55
    <script src="/static/js/constants.js"></script>
56
    <script src="/static/js/utilities.js"></script>
57
    <script src="/static/js/components.js"></script>
58
    <script src="/static/js/index.js"></script>
59

    
60
</body>
61
</html>
(3-3/4)