Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 30fb300a

Přidáno uživatelem Jan Pašek před asi 4 roky(ů)

Re #8474 - Styling of index.html using Bootstrap

Zobrazit rozdíly:

static/index.html
3 3
<head>
4 4
    <meta charset="UTF-8">
5 5
    <title>X.509 Certificate Management</title>
6
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
6 7
</head>
7 8
<body>
8
    <h1>Certificate Listing</h1>
9
    <a href="/static/create_certificate.html">Create certificate</a>
9
    <div>
10
        <h1 class="ml-2 d-inline-block">Certificate Listing</h1>
11
        <a class="btn btn-success ml-4 mb-3" href="/static/create_certificate.html">Create certificate</a>
12
    </div>
10 13

  
11
    <hr>
12

  
13
    <table>
14
        <thead>
14
    <table class="table table-striped table-hover text-center">
15
        <thead class="thead-dark">
15 16
            <tr>
16
                <td rowspan="2" align="center">Common name</td>
17
                <td colspan="2" align="center">Validity</td>
18
                <td rowspan="2" align="center">Usage</td>
19
                <td rowspan="2" align="center">Certificate</td>
20
                <td rowspan="2" align="center">Trust chain</td>
21
                <td rowspan="2" align="center">Chain root</td>
17
                <th scope="col" rowspan="2">Common name</th>
18
                <th scope="col" colspan="2">Validity</th>
19
                <th scope="col" rowspan="2">Usage</th>
20
                <th scope="col" rowspan="2">Certificate</th>
21
                <th scope="col" rowspan="2">Trust chain</th>
22
                <th scope="col" rowspan="2">Chain root</th>
22 23
            </tr>
23 24
            <tr>
24
                <td align="center">Start</td>
25
                <td align="center">End</td>
25
                <th scope="col">Start</th>
26
                <th scope="col">End</th>
26 27
            </tr>
27 28
        </thead>
28
        <tr>
29
            <td>My own CA</td>
30
            <td>2021/03/29</td>
31
            <td>2021/09/29</td>
32
            <td>CA, authentication</td>
33
            <td><button>Download certificate</button></td>
34
            <td><button>Download chain of trust</button></td>
35
            <td><button>Download chain root</button></td>
36
        </tr>
37
        <tr>
38
            <td>My own CA</td>
39
            <td>2021/03/29</td>
40
            <td>2021/09/29</td>
41
            <td>CA, authentication</td>
42
            <td><button>Download certificate</button></td>
43
            <td><button>Download chain of trust</button></td>
44
            <td><button>Download chain root</button></td>
45
        </tr>
29
        <tbody>
30
            <tr>
31
                <td>My own CA</td>
32
                <td>2021/03/29</td>
33
                <td>2021/09/29</td>
34
                <td>CA, authentication</td>
35
                <td><button>Download certificate</button></td>
36
                <td><button>Download chain of trust</button></td>
37
                <td><button>Download chain root</button></td>
38
            </tr>
39
            <tr>
40
                <td>My own CA</td>
41
                <td>2021/03/29</td>
42
                <td>2021/09/29</td>
43
                <td>CA, authentication</td>
44
                <td><button>Download certificate</button></td>
45
                <td><button>Download chain of trust</button></td>
46
                <td><button>Download chain root</button></td>
47
            </tr>
48
        </tbody>
46 49
    </table>
47

  
50
<script src="/static/js/jquery-3.6.0.min.js"></script>
51
<script src="/static/js/bootstrap.bundle.min.js"></script>
48 52
</body>
49 53
</html>

Také k dispozici: Unified diff