Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 499af4e8

Přidáno uživatelem Jan Pašek před asi 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>


  		












  

    
      static/index.html
    
  





  5
  5
  
    
    <title>X.509 Certificate Management</title>


  		




  6
  6
  
    
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">


  		




  7
  7
  
    
</head>


  		




  8
  
  
    
<body>


  		




  
  8
  
    
<body class="p-4">


  		




  9
  9
  
    
    <div>


  		




  10
  10
  
    
        <h1 class="ml-2 d-inline-block">Certificate Listing</h1>


  		




  11
  11
  
    
        <a class="btn btn-success ml-4 mb-3" href="/static/create_certificate.html">Create certificate</a>


  		












Také k dispozici:  Unified diff