Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 366cd6f3

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

Re #8583 - Revocation finished, deletion modal

Zobrazit rozdíly:

static/certificate.html
139 139
                            <tbody>
140 140
                                <tr class="d-flex">
141 141
                                    <td style="width: 30%" class="font-weight-bold">Certificate download:</td>
142
                                    <td><a v-on:click="onCertificateDownload()" class="btn btn-primary btn-sm certificate-control" href="">Certificate</a></td>
143
                                    <td><a v-on:click="onChainDownload()" class="btn btn-primary btn-sm certificate-control" href="">Chain of trust</a></td>
144
                                    <td><a v-on:click="onRootDownload()" class="btn btn-primary btn-sm certificate-control" href="">Root</a></td>
142
                                    <td><button v-on:click="onCertificateDownload()" class="btn btn-primary btn-sm certificate-control" href="">Certificate</button></td>
143
                                    <td><button v-on:click="onChainDownload()" class="btn btn-primary btn-sm certificate-control" href="">Chain of trust</button></td>
144
                                    <td><button v-on:click="onRootDownload()" class="btn btn-primary btn-sm certificate-control" href="">Root</button></td>
145 145
                                </tr>
146 146
                                <tr class="d-flex">
147 147
                                    <td style="width: 30%" class="font-weight-bold">Key download:</td>
148
                                    <td><a v-on:click="onPublicKeyDownload()" class="btn btn-success btn-sm certificate-control" href="">Public key</a></td>
149
                                    <td><a v-on:click="onPrivateKeyDownload()" class="btn btn-success btn-sm certificate-control" href="">Private key</a></td>
148
                                    <td><button v-on:click="onPublicKeyDownload()" class="btn btn-success btn-sm certificate-control" href="">Public key</button></td>
149
                                    <td><button v-on:click="onPrivateKeyDownload()" class="btn btn-success btn-sm certificate-control" href="">Private key</button></td>
150 150
                                    <td> </td>
151 151
                                </tr>
152 152
                                <tr class="d-flex">
153 153
                                    <td style="width: 30%" class="font-weight-bold">Actions:</td>
154
                                    <td><a v-on:click="onDelete()" class="btn btn-danger btn-sm certificate-control" href="">Delete</a></td>
155
                                    <td><a v-on:click="onRevoke()" class="btn btn-warning btn-sm certificate-control" href="">Revoke</a></td>
154
                                    <td><button data-toggle="modal" data-target="#deleteModal" class="btn btn-danger btn-sm certificate-control" href="">Delete</button></td>
155
                                    <td><button data-toggle="modal" data-target="#revokeModal" class="btn btn-warning btn-sm certificate-control" href="">Revoke</button></td>
156 156
                                    <td> </td>
157 157
                                </tr>
158 158
                                <tr class="d-flex">
......
196 196
                </div>
197 197
            </div>
198 198
        </div>
199
        <div id="revokeModal" class="modal" tabindex="-1" role="dialog">
200
            <div class="modal-dialog" role="document">
201
                <div class="modal-content">
202
                    <div class="modal-header">
203
                        <h5 class="modal-title">Revoke certificate</h5>
204
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
205
                            <span aria-hidden="true">&times;</span>
206
                        </button>
207
                    </div>
208
                    <div class="modal-body">
209
                        <p>Do you really want to revoke certificate {{ certificate.subject.CN }}?</p>
210
                        <div class="form-group">
211
                            <label for="reasonSelect">Reason: </label>
212
                            <select v-model="revocationReason" class="form-control" id="reasonSelect">
213
                                <option value="unspecified">unspecified</option>
214
                                <option value="keyCompromise">keyCompromise</option>
215
                                <option value="cACompromise">cACompromise</option>
216
                                <option value="affiliationChanged">affiliationChanged</option>
217
                                <option value="superseded">superseded</option>
218
                                <option value="cessationOfOperation">cessationOfOperation</option>
219
                                <option value="certificateHold">certificateHold</option>
220
                                <option value="removeFromCRL">removeFromCRL</option>
221
                                <option value="privilegeWithdrawn">privilegeWithdrawn</option>
222
                                <option value="aACompromise">aACompromise</option>
223
                            </select>
224
                        </div>
225
                    </div>
226
                    <div class="modal-footer">
227
                        <button type="button" v-on:click="onRevoke()" class="btn btn-warning" data-dismiss="modal">Revoke</button>
228
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
229
                    </div>
230
                </div>
231
            </div>
232
        </div>
233
                <div id="deleteModal" class="modal" tabindex="-1" role="dialog">
234
            <div class="modal-dialog" role="document">
235
                <div class="modal-content">
236
                    <div class="modal-header">
237
                        <h5 class="modal-title">Delete certificate</h5>
238
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
239
                            <span aria-hidden="true">&times;</span>
240
                        </button>
241
                    </div>
242
                    <div class="modal-body">
243
                        <p>Do you really want to delete certificate {{ certificate.subject.CN }}?</p>
244
                    </div>
245
                    <div class="modal-footer">
246
                        <button type="button" v-on:click="onDelete()" class="btn btn-danger" data-dismiss="modal">Delete</button>
247
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
248
                    </div>
249
                </div>
250
            </div>
251
        </div>
199 252
    </div>
200 253

  
201 254
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

Také k dispozici: Unified diff