Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 499af4e8

Přidáno uživatelem Jan Pašek před téměř 4 roky(ů)

Re #8474 - Styling of create_certificate.html using Bootstrap

Zobrazit rozdíly:

static/create_certificate.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
<body>
8
    <h1>Create certificate</h1>
8
<body class="p-4">
9
    <h1>Create Certificate</h1>
9 10

  
10 11
    <table>
11 12
        <tr>
12
            <td><label for="CA">Choose a car:</label></td>
13
            <td>
14
                <select name="CA" id="CA">
15
                    <option value="volvo">Self-Signed</option>
16
                    <option value="#test-cert-id">Test</option>
17
                </select>
18
            </td>
13
            <div class="form-group">
14
                <td><label for="CA">Choose a car:</label></td>
15
                <td>
16
                    <select name="CA" id="CA" class="form-control">
17
                        <option value="volvo">Self-Signed</option>
18
                        <option value="#test-cert-id">Test</option>
19
                    </select>
20
                </td>
21
            </div>
19 22
        </tr>
20 23
        <tr>
21
            <td><label for="validity_start">Validity start:</label></td>
22
            <td><input type="date" id="validity_start" name="validity_start"></td>
24
            <div class="form-group">
25
                <td><label for="validity_start">Validity start:</label></td>
26
                <td><input type="date" id="validity_start" name="validity_start" class="form-control"></td>
27
            </div>
23 28
        </tr>
24 29
        <tr>
25
            <td><label for="validity_end">Validity end:</label></td>
26
            <td><input type="date" id="validity_end" name="validity_end"></td>
30
            <div class="form-group">
31
                <td><label for="validity_end">Validity end:</label></td>
32
                <td><input type="date" id="validity_end" name="validity_end" class="form-control"></td>
33
            </div>
27 34
        </tr>
28 35
        <tr>
29
            <td><label for="issuer_CN">Common Name:</label></td>
30
            <td><input type="text" id="issuer_CN" name="issuer_CN" disabled></td>
36
            <div class="form-group">
37
                <td><label for="issuer_CN">Common Name:</label></td>
38
                <td><input type="text" id="issuer_CN" name="issuer_CN" class="form-control" disabled></td>
39
            </div>
31 40
        </tr>
32 41
        <tr>
33
            <td><label for="issuer_C">Country Code:</label></td>
34
            <td><input type="text" id="issuer_C" name="issuer_C" disabled></td>
42
            <div class="form-group">
43
                <td><label for="issuer_C">Country Code:</label></td>
44
                <td><input type="text" id="issuer_C" name="issuer_C" class="form-control" disabled></td>
45
            </div>
35 46
        </tr>
36 47
        <tr>
37
            <td><label for="issuer_L">Locality:</label></td>
38
            <td><input type="text" id="issuer_L" name="issuer_L" disabled></td>
48
            <div class="form-group">
49
                <td><label for="issuer_L">Locality:</label></td>
50
                <td><input type="text" id="issuer_L" name="issuer_L" class="form-control" disabled></td>
51
            </div>
39 52
        </tr>
40 53
        <tr>
41
            <td><label for="issuer_ST">Province/State:</label></td>
42
            <td><input type="text" id="issuer_ST" name="issuer_ST" disabled></td>
54
            <div class="form-group">
55
                <td><label for="issuer_ST">Province/State:</label></td>
56
                <td><input type="text" id="issuer_ST" name="issuer_ST" class="form-control" disabled></td>
57
            </div>
43 58
        </tr>
44 59
        <tr>
45
            <td><label for="issuer_O">Organization:</label></td>
46
            <td><input type="text" id="issuer_O" name="issuer_O" disabled></td>
60
            <div class="form-group">
61
                <td><label for="issuer_O">Organization:</label></td>
62
                <td><input type="text" id="issuer_O" name="issuer_O" class="form-control" disabled></td>
63
            </div>
47 64
        </tr>
48 65
        <tr>
49
            <td><label for="issuer_OU">Organization Unit:</label></td>
50
            <td><input type="text" id="issuer_OU" name="issuer_OU" disabled></td>
66
            <div class="form-group">
67
                <td><label for="issuer_OU">Organization Unit:</label></td>
68
                <td><input type="text" id="issuer_OU" name="issuer_OU" class="form-control" disabled></td>
69
            </div>
51 70
        </tr>
52 71
        <tr>
53
            <td><label for="issuer_emailAddress">Email:</label></td>
54
            <td><input type="email" id="issuer_emailAddress" name="issuer_emailAddress" disabled></td>
72
            <div class="form-group">
73
                <td><label for="issuer_emailAddress">Email:</label></td>
74
                <td><input type="email" id="issuer_emailAddress" name="issuer_emailAddress" class="form-control" disabled></td>
75
            </div>
55 76
        </tr>
56
                <tr>
57
            <td><label for="subject_CN">Common Name:</label></td>
58
            <td><input type="text" id="subject_CN" name="subject_CN"></td>
77
        <tr>
78
            <div class="form-group">
79
                <td><label for="subject_CN">Common Name:</label></td>
80
                <td><input type="text" id="subject_CN" name="subject_CN" class="form-control"></td>
81
            </div>
59 82
        </tr>
60 83
        <tr>
61
            <td><label for="subject_C">Country Code:</label></td>
62
            <td><input type="text" id="subject_C" name="subject_C"></td>
84
            <div class="form-group">
85
                <td><label for="subject_C">Country Code:</label></td>
86
                <td><input type="text" id="subject_C" name="subject_C" class="form-control"></td>
87
            </div>
63 88
        </tr>
64 89
        <tr>
65
            <td><label for="subject_L">Locality:</label></td>
66
            <td><input type="text" id="subject_L" name="subject_L"></td>
90
            <div class="form-group">
91
                <td><label for="subject_L">Locality:</label></td>
92
                <td><input type="text" id="subject_L" name="subject_L" class="form-control"></td>
93
            </div>
67 94
        </tr>
68 95
        <tr>
69
            <td><label for="subject_ST">Province/State:</label></td>
70
            <td><input type="text" id="subject_ST" name="subject_ST"></td>
96
            <div class="form-group">
97
                <td><label for="subject_ST">Province/State:</label></td>
98
                <td><input type="text" id="subject_ST" name="subject_ST" class="form-control"></td>
99
            </div>
71 100
        </tr>
72 101
        <tr>
73
            <td><label for="subject_O">Organization:</label></td>
74
            <td><input type="text" id="subject_O" name="subject_O"></td>
102
            <div class="form-group">
103
                <td><label for="subject_O">Organization:</label></td>
104
                <td><input type="text" id="subject_O" name="subject_O" class="form-control"></td>
105
            </div>
75 106
        </tr>
76 107
        <tr>
77
            <td><label for="subject_OU">Organization Unit:</label></td>
78
            <td><input type="text" id="subject_OU" name="subject_OU"></td>
108
            <div class="form-group">
109
                <td><label for="subject_OU">Organization Unit:</label></td>
110
                <td><input type="text" id="subject_OU" name="subject_OU" class="form-control"></td>
111
            </div>
79 112
        </tr>
80 113
        <tr>
81
            <td><label for="subject_emailAddress">Email:</label></td>
82
            <td><input type="email" id="subject_emailAddress" name="subject_emailAddress"></td>
114
            <div class="form-group">
115
                <td><label for="subject_emailAddress">Email:</label></td>
116
                <td><input type="email" id="subject_emailAddress" name="subject_emailAddress" class="form-control"></td>
117
            </div>
83 118
        </tr>
84 119
        <tr>
85 120
            <td>Usage:</td>
86
            <td>
87
                <input type="checkbox" id="isCA" name="isCA" value="CA">
88
                <label for="isCA">CA</label><br>
121
            <td class="form-check">
122
                <input class="form-check-input" type="checkbox" id="isCA" name="isCA" value="CA">
123
                <label class="form-check-label" for="isCA">CA</label><br>
89 124

  
90
                <input type="checkbox" id="isDigitalSignature" name="isDigitalSignature" value="DigitalSignature">
91
                <label for="isDigitalSignature">Digital Signature</label><br>
125
                <input class="form-check-input" type="checkbox" id="isDigitalSignature" name="isDigitalSignature" value="DigitalSignature">
126
                <label class="form-check-label" for="isDigitalSignature">Digital Signature</label><br>
92 127

  
93
                <input type="checkbox" id="isAuthentication" name="isAuthentication" value="Authentication">
94
                <label for="isAuthentication">Authentication</label><br>
128
                <input class="form-check-input" type="checkbox" id="isAuthentication" name="isAuthentication" value="Authentication">
129
                <label class="form-check-label" for="isAuthentication">Authentication</label><br>
95 130

  
96
                <input type="checkbox" id="isSSL_TLS" name="isSSL_TLS" value="SSL_TLS">
97
                <label for="isSSL_TLS">SSL/TLS</label><br>
131
                <input class="form-check-input" type="checkbox" id="isSSL_TLS" name="isSSL_TLS" value="SSL_TLS">
132
                <label class="form-check-label" for="isSSL_TLS">SSL/TLS</label><br>
98 133
            </td>
99 134
        </tr>
100 135
        <tr>
101 136
            <td colspan="2" align="center">
102
                <button onclick="window.location.href = '/static/index.html';">Create certificate</button>
137
                <button class="btn btn-success" onclick="window.location.href = '/static/index.html';">Create certificate</button>
103 138
            </td>
104 139
        </tr>
105 140
    </table>

Také k dispozici: Unified diff