Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 5f5de859

Přidáno uživatelem David Friesecký před asi 4 roky(ů)

Re #8568 - Added buttons and list of certificates
- added button download certificate, download public/private key

Zobrazit rozdíly:

static/certificate_detailed_view.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

  
7
    <!-- Latest compiled and minified CSS -->
8
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
9

  
10
    <!-- jQuery library -->
11
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
12

  
13
    <!-- Popper JS -->
14
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
15

  
16
    <!-- Latest compiled JavaScript -->
17
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
18 8
    <style>
19
        ul, #tree-detailed-view {
20
          list-style-type: none;
9
        .w-65 {
10
            max-width: 65%;
21 11
        }
22 12

  
23
        #tree-detailed-view {
24
            margin: 0;
25
            padding: 0;
13
        .w-35 {
14
            max-width: 35%;
26 15
        }
27 16

  
28 17
        .caret-back::before {
......
42 31
    </style>
43 32
</head>
44 33
<body class="p-4">
45
    <div id="certificate-detailed-view-content" class="container">
46
        <div class="row">
34
    <div id="certificate-detailed-view-content" class="p-4">
35
        <div>
47 36
            <h1 class="ml-2 d-inline-block">Certificate Detailed View</h1>
48
            <div>
49
                <a class="btn btn-warning ml-4 mb-3" href="">Revoke certificate</a>
50
                <a class="btn btn-danger ml-4 mb-3" href="">Delete certificate</a>
51
            </div>
37
            <span class="ml-2 d-inline-block">
38
                <a class="btn btn-success ml-2 mb-3" href="">Download certificate</a>
39
                <a class="btn btn-warning ml-2 mb-3" href="">Revoke certificate</a>
40
                <a class="btn btn-danger ml-2 mb-3" href="">Delete certificate</a>
41
            </span>
52 42
        </div>
53
        <a class="ml-auto" href=""><span class="caret-back font-weight-bold">Issuing Certificate Authority</span></a>
43
        <a href=""><span class="caret-back font-weight-bold">Issuing Certificate Authority</span></a>
54 44
        <div class="row">
55
            <div class="col-md-6">
45
            <div class="col-lg-6">
56 46
                <table class="ml-auto mr-auto">
57 47
                    <tr>
58 48
                        <div class="form-group">
......
154 144
                        </td>
155 145
                    </tr>
156 146
                </table>
147
                <div class="text-center">
148
                    <a class="btn btn-success m-1" href="">Download Public Key</a>
149
                    <a class="btn btn-success m-1" href="">Download Private Key</a>
150
                </div>
157 151
            </div>
158
            <div class="col-md-6">
159
                TODO list
152
            <div class="col-xl-6 table-responsive">
153
                <table class="table table-striped table-hover">
154
                    <thead class="thead-dark text-center">
155
                        <tr>
156
                            <th scope="col" colspan="2">Issued Certificates</th>
157
                        </tr>
158
                        <tr>
159
                            <th class="w-65" scope="col">Common Name</th>
160
                            <th class="w-35" scope="col">Type</th>
161
                        </tr>
162
                    </thead>
163
                    <tbody>
164
                        <tr>
165
                            <td>&ltsome_certificate_name&gt</td>
166
                            <td>&lttype&gt</td>
167
                        </tr>
168
                        <tr>
169
                            <td>&ltsome_certificate_long_name&gt</td>
170
                            <td>&ltCA&gt</td>
171
                        </tr>
172
                        <tr>
173
                            <td>&ltsome _certificat e_very____________ _________l on gname&gt</td>
174
                            <td>&ltEnd Certificate&gt</td>
175
                        </tr>
176
                    </tbody>
177
                </table>
160 178
            </div>
161 179
        </div>
162 180
    </div>
......
172 190
      });
173 191
    }
174 192
    </script>
193

  
194
    <script src="/static/js/jquery-3.6.0.min.js"></script>
195
    <script src="/static/js/bootstrap.bundle.min.js"></script>
175 196
</body>
176 197
</html>

Také k dispozici: Unified diff