Projekt

Obecné

Profil

Stáhnout (10.1 KB) Statistiky
| Větev: | Tag: | Revize:

aswi2021jmsd-gitlab4/static/certificate_detailed_view.html @ 6b0adc31

1 785793c3 David Friesecký 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
    <meta charset="UTF-8">
5 
    <title>X.509 Certificate Management</title>
6 

      

      

        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
        
        
        
        
        
    <style>


      

      

        19
        
        
        
        
        
        ul, #tree-detailed-view {


      

      

        20
        
        
        
        
        
          list-style-type: none;


      

      

        21
        
        
        
        
        
        }


      

      

        22
        
        
        
        
        

      

      

        23
        
        
        
        
        
        #tree-detailed-view {


      

      

        24
        
        
        
        
        
          margin: 0;


      

      

        25
        
        
        
        
        
          padding: 0;


      

      

        26
        
        
        
        
        
        }


      

      

        27
        
        
        
        
        

      

      

        28
        
        
        
        
        
        .caret {


      

      

        29
        
        
        
        
        
            font-family: sans-serif;


      

      

        30
        
        
        
        
        
          cursor: pointer;


      

      

        31
        
        
        
        
        
          -webkit-user-select: none; /* Safari 3.1+ */


      

      

        32
        
        
        
        
        
          -moz-user-select: none; /* Firefox 2+ */


      

      

        33
        
        
        
        
        
          -ms-user-select: none; /* IE 10+ */


      

      

        34
        
        
        
        
        
          user-select: none;


      

      

        35
        
        
        
        
        
        }


      

      

        36
        
        
        
        
        

      

      

        37
        
        
        
        
        
        .caret::before {


      

      

        38
        
        
        
        
        
          content: "\25B6";


      

      

        39
        
        
        
        
        
          color: black;


      

      

        40
        
        
        
        
        
          display: inline-block;


      

      

        41
        
        
        
        
        
          margin-right: 6px;


      

      

        42
        
        
        
        
        
        }


      

      

        43
        
        
        
        
        

      

      

        44
        
        
        
        
        
        .caret-down::before {


      

      

        45
        
        
        
        
        
          -ms-transform: rotate(90deg); /* IE 9 */


      

      

        46
        
        
        
        
        
          -webkit-transform: rotate(90deg); /* Safari */'


      

      

        47
        
        
        
        
        
          transform: rotate(90deg);


      

      

        48
        
        
        
        
        
        }


      

      

        49
        
        
        
        
        

      

      

        50
        
        
        
        
        
        .nested {


      

      

        51
        
        
        
        
        
          display: none;


      

      

        52
        
        
        
        
        
        }


      

      

        53
        
        
        
        
        

      

      

        54
        
        
        
        
        
        .active {


      

      

        55
        
        
        
        
        
          display: block;


      

      

        56
        
        
        
        
        
        }


      

      

        57
        
        
        
        
        
    </style>


      

      

        58
        
        
        
        
        
</head>


      

      

        59
        
        
        
        
        
<body class="p-4">


      

      

        60
        
        
        
        
        
    <div id="certificate-detailed-view-content" class="container">


      

      

        61
        
        
        
        
        
        <h1 class="ml-2 d-inline-block">Certificate Detailed View</h1><br>


      

      

        62
        
        
        
        
        
        <h2 class="ml-2 d-inline-block">&ltcommon-name&gt [&ltid&gt]</h2>


      

      

        63
        
        
        
        
        
        <div class="row">


      

      

        64
        
        
        
        
        
            <div class="col-md-6">


      

      

        65
        
        
        
        
        
                <ul id="tree-detailed-view">


      

      

        66
        
        
        
        
        
                    <li><span class="caret caret-down font-weight-bold">Data</span>


      

      

        67
        
        
        
        
        
                        <ul class="nested active">


      

      

        68
        
        
        
        
        
                            <li><span class="caret caret-down font-weight-bold">Basic information</span>


      

      

        69
        
        
        
        
        
                                <ul class="nested active">


      

      

        70
        
        
        
        
        
                                    <table>


      

      

        71
        
        
        
        
        
                                        <tr>


      

      

        72
        
        
        
        
        
                                            <td>Version number:</td><td>&ltversion_number&gt</td>


      

      

        73
        
        
        
        
        
                                        </tr>


      

      

        74
        
        
        
        
        
                                        <tr>


      

      

        75
        
        
        
        
        
                                            <td>Serial number:</td><td>&ltserial_number&gt</td>


      

      

        76
        
        
        
        
        
                                        </tr>


      

      

        77
        
        
        
        
        
                                        <tr>


      

      

        78
        
        
        
        
        
                                            <td>Signature algorithm ID:</td><td>&ltsignature_algorithm_id&gt</td>


      

      

        79
        
        
        
        
        
                                        </tr>


      

      

        80
        
        
        
        
        
                                        <tr>


      

      

        81
        
        
        
        
        
                                            <td>Valid not before:</td><td>&ltnot_before&gt</td>


      

      

        82
        
        
        
        
        
                                        </tr>


      

      

        83
        
        
        
        
        
                                        <tr>


      

      

        84
        
        
        
        
        
                                            <td>Valid not after:</td><td>&ltnot_after&gt</td>


      

      

        85
        
        
        
        
        
                                        </tr>


      

      

        86
        
        
        
        
        
                                    </table>


      

      

        87
        
        
        
        
        
                                </ul>


      

      

        88
        
        
        
        
        
                            </li>


      

      

        89
        
        
        
        
        
                            <li><span class="caret font-weight-bold">Issuer</span>


      

      

        90
        
        
        
        
        
                                <ul class="nested">


      

      

        91
        
        
        
        
        
                                    <table>


      

      

        92
        
        
        
        
        
                                        <tr>


      

      

        93
        
        
        
        
        
                                            <td>Country code:</td><td>&ltcountry_code&gt</td>


      

      

        94
        
        
        
        
        
                                        </tr>


      

      

        95
        
        
        
        
        
                                        <tr>


      

      

        96
        
        
        
        
        
                                            <td>Province:</td><td>&ltprovince&gt</td>


      

      

        97
        
        
        
        
        
                                        </tr>


      

      

        98
        
        
        
        
        
                                        <tr>


      

      

        99
        
        
        
        
        
                                            <td>Locality:</td><td>&ltlocality&gt</td>


      

      

        100
        
        
        
        
        
                                        </tr>


      

      

        101
        
        
        
        
        
                                        <tr>


      

      

        102
        
        
        
        
        
                                            <td>Organization:</td><td>&ltorganization&gt</td>


      

      

        103
        
        
        
        
        
                                        </tr>


      

      

        104
        
        
        
        
        
                                        <tr>


      

      

        105
        
        
        
        
        
                                            <td>Organizational unit:</td><td>&ltorganizational_unit&gt</td>


      

      

        106
        
        
        
        
        
                                        </tr>


      

      

        107
        
        
        
        
        
                                        <tr>


      

      

        108
        
        
        
        
        
                                            <td>Common name:</td><td>&ltcommon_name&gt</td>


      

      

        109
        
        
        
        
        
                                        </tr>


      

      

        110
        
        
        
        
        
                                        <tr>


      

      

        111
        
        
        
        
        
                                            <td>Email address:</td><td>&ltemail_address&gt</td>


      

      

        112
        
        
        
        
        
                                        </tr>


      

      

        113
        
        
        
        
        
                                    </table>


      

      

        114
        
        
        
        
        
                                </ul>


      

      

        115
        
        
        
        
        
                            </li>


      

      

        116
        
        
        
        
        
                            <li><span class="caret font-weight-bold">Subject</span>


      

      

        117
        
        
        
        
        
                                <ul class="nested">


      

      

        118
        
        
        
        
        
                                    <table>


      

      

        119
        
        
        
        
        
                                        <tr>


      

      

        120
        
        
        
        
        
                                            <td>Country code:</td><td>&ltcountry_code&gt</td>


      

      

        121
        
        
        
        
        
                                        </tr>


      

      

        122
        
        
        
        
        
                                        <tr>


      

      

        123
        
        
        
        
        
                                            <td>Province:</td><td>&ltprovince&gt</td>


      

      

        124
        
        
        
        
        
                                        </tr>


      

      

        125
        
        
        
        
        
                                        <tr>


      

      

        126
        
        
        
        
        
                                            <td>Locality:</td><td>&ltlocality&gt</td>


      

      

        127
        
        
        
        
        
                                        </tr>


      

      

        128
        
        
        
        
        
                                        <tr>


      

      

        129
        
        
        
        
        
                                            <td>Organization:</td><td>&ltorganization&gt</td>


      

      

        130
        
        
        
        
        
                                        </tr>


      

      

        131
        
        
        
        
        
                                        <tr>


      

      

        132
        
        
        
        
        
                                            <td>Organizational unit:</td><td>&ltorganizational_unit&gt</td>


      

      

        133
        
        
        
        
        
                                        </tr>


      

      

        134
        
        
        
        
        
                                        <tr>


      

      

        135
        
        
        
        
        
                                            <td>Common name:</td><td>&ltcommon_name&gt</td>


      

      

        136
        
        
        
        
        
                                        </tr>


      

      

        137
        
        
        
        
        
                                        <tr>


      

      

        138
        
        
        
        
        
                                            <td>Email address:</td><td>&ltemail_address&gt</td>


      

      

        139
        
        
        
        
        
                                        </tr>


      

      

        140
        
        
        
        
        
                                    </table>


      

      

        141
        
        
        
        
        
                                </ul>


      

      

        142
        
        
        
        
        
                            </li>


      

      

        143
        
        
        
        
        
                            <li><span class="caret font-weight-bold">Subject public key info</span>


      

      

        144
        
        
        
        
        
                                <ul class="nested">


      

      

        145
        
        
        
        
        
                                    <li><span class="font-weight-bold">Public key algorithm</span>


      

      

        146
        
        
        
        
        
                                        <table>


      

      

        147
        
        
        
        
        
                                            <tr>


      

      

        148
        
        
        
        
        
                                                <td>Algorithm name:</td><td>&ltalgorithm_name&gt</td>


      

      

        149
        
        
        
        
        
                                            </tr>


      

      

        150
        
        
        
        
        
                                            <tr>


      

      

        151
        
        
        
        
        
                                                <td>Key definition:</td><td>&ltkey_definition&gt</td>


      

      

        152
        
        
        
        
        
                                            </tr>


      

      

        153
        
        
        
        
        
                                        </table>


      

      

        154
        
        
        
        
        
                                    </li>


      

      

        155
        
        
        
        
        
                                </ul>


      

      

        156
        
        
        
        
        
                            </li>


      

      

        157
        
        
        
        
        
                            <li><span class="caret font-weight-bold">X509v3 extensions</span>


      

      

        158
        
        
        
        
        
                                <ul class="nested">


      

      

        159
        
        
        
        
        
                                    <li>Constraints:


      

      

        160
        
        
        
        
        
                                        <ul>


      

      

        161
        
        
        
        
        
                                            <table>


      

      

        162
        
        
        
        
        
                                                <tr>


      

      

        163
        
        
        
        
        
                                                    <td>&ltsome_constraint&gt:</td><td>&ltsome_value&gt</td>


      

      

        164
        
        
        
        
        
                                                </tr>


      

      

        165
        
        
        
        
        
                                            </table>


      

      

        166
        
        
        
        
        
                                        </ul>


      

      

        167
        
        
        
        
        
                                    </li>


      

      

        168
        
        
        
        
        
                                    <li>Identifiers:


      

      

        169
        
        
        
        
        
                                        <ul>


      

      

        170
        
        
        
        
        
                                            <table>


      

      

        171
        
        
        
        
        
                                                <tr>


      

      

        172
        
        
        
        
        
                                                    <td>&ltsome_identifier&gt:</td><td>&ltsome_value&gt</td>


      

      

        173
        
        
        
        
        
                                                </tr>


      

      

        174
        
        
        
        
        
                                            </table>


      

      

        175
        
        
        
        
        
                                        </ul>


      

      

        176
        
        
        
        
        
                                    </li>


      

      

        177
        
        
        
        
        
                                    <li>Key usage:


      

      

        178
        
        
        
        
        
                                        <ul>


      

      

        179
        
        
        
        
        
                                            <table>


      

      

        180
        
        
        
        
        
                                                <tr>


      

      

        181
        
        
        
        
        
                                                    <td>&ltsome_usage&gt:</td><td>&ltsome_value&gt</td>


      

      

        182
        
        
        
        
        
                                                </tr>


      

      

        183
        
        
        
        
        
                                            </table>


      

      

        184
        
        
        
        
        
                                        </ul>


      

      

        185
        
        
        
        
        
                                    </li>


      

      

        186
        
        
        
        
        
                                </ul>


      

      

        187
        
        
        
        
        
                            </li>


      

      

        188
        
            6b0adc31
        
        
            David Friesecký
        
        
                            <li><span class="caret font-weight-bold">Signature</span>


      

      

        189
        
        
        
        
        
                                <ul class="nested">


      

      

        190
        
        
        
        
        
                                    <table>


      

      

        191
        
        
        
        
        
                                        <tr>


      

      

        192
        
        
        
        
        
                                            <td>Signature algorithm:</td><td>&ltsignature_algorithm&gt</td>


      

      

        193
        
        
        
        
        
                                        </tr>


      

      

        194
        
        
        
        
        
                                    </table>


      

      

        195
        
        
        
        
        
                                    <li>


      

      

        196
        
        
        
        
        
                                        <ul>


      

      

        197
        
        
        
        
        
                                            &ltsignature_code&gt


      

      

        198
        
        
        
        
        
                                        </ul>


      

      

        199
        
        
        
        
        
                                    </li>


      

      

        200
        
        
        
        
        
                                </ul>


      

      

        201
        
        
        
        
        
                            </li>


      

      

        202
        
            785793c3
        
        
            David Friesecký
        
        
                        </ul>


      

      

        203
        
        
        
        
        
                    </li>


      

      

        204
        
        
        
        
        
                </ul>


      

      

        205
        
        
        
        
        
            </div>


      

      

        206
        
        
        
        
        
            <div class="col-md-6">


      

      

        207
        
        
        
        
        
                TODO list


      

      

        208
        
        
        
        
        
            </div>


      

      

        209
        
        
        
        
        
        </div>


      

      

        210
        
        
        
        
        
    </div>


      

      

        211
        
        
        
        
        

      

      

        212
        
        
        
        
        
    <script>


      

      

        213
        
        
        
        
        
    var toggler = document.getElementsByClassName("caret");


      

      

        214
        
        
        
        
        
    var i;


      

      

        215
        
        
        
        
        

      

      

        216
        
        
        
        
        
    for (i = 0; i < toggler.length; i++) {


      

      

        217
        
        
        
        
        
      toggler[i].addEventListener("click", function() {


      

      

        218
        
        
        
        
        
        this.parentElement.querySelector(".nested").classList.toggle("active");


      

      

        219
        
        
        
        
        
        this.classList.toggle("caret-down");


      

      

        220
        
        
        
        
        
      });


      

      

        221
        
        
        
        
        
    }


      

      

        222
        
        
        
        
        
    </script>


      

      

        223
        
        
        
        
        
</body>


      

      

        224
        
        
        
        
        
</html>