Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 1597a43f

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

Re #8706 - Filtering options implemented in the GUI

Zobrazit rozdíly:

static/create_certificate.html
220 220 
            <tr v-if="customExtensions" v-cloak>
221 221 
                <div class="form-group">
222 222 
                    <td class="pl-5"><label for="extensions">Extensions:</label></td>
223 
                    <td class="pl-3">
224 
                        <input type="text" v-model:value="extensions" id="extensions" name="extensions" class="form-control">
223 
                    <td cla ss="pl-3">
224 
                        <textarea v-model:value="extensions" id="extensions" name="extensions" class="form-control mt-2">
225 
                        </textarea>
225 226 
                    </td>
226 227 
                </div>
227 228 
            </tr>
static/index.html
17 17 
        </div>
18 18 
        <div v-if="!loading" v-cloak>
19 19 
            <div>
20 
                <h1 class="ml-2 d-inline-block">Certificate Listing</h1>
21 
                <a class="btn btn-success ml-4 mb-3" href="/static/create_certificate.html">Create certificate</a>
20 
                <h1 class="d-inline-block">Certificate Listing</h1>
22 21 
            </div>
23 22 
            <div class="alert alert-success" v-if="successMessage !== ''" role="alert" v-cloak>
24 23 
                {{ successMessage }}
25 24 
            </div>
25 
            <div class="mt-2 mb-2">
26 
                <a class="btn btn-success mb-3 text-center" href="/static/create_certificate.html"><b>+</b></a>
27 
                <button class="btn btn-outline-primary ml-4 mb-3" data-toggle="collapse" data-target="#filteringCollapse">Show filtering</button>
28 
                <div class="collapse mt-2" id="filteringCollapse">
29 
                    <div class="card card-body">
30 
                        <div class="container">
31 
                            <div class="row align-items-center">
32 
                                <div class="col-3">
33 
                                    <div class="form-group mb-0">
34 
                                        <h5>Usage:</h5>
35 
                                        <div class="form-check ml-4">
36 
                                            <input class="form-check-input" type="checkbox" id="usageCA">
37 
                                            <label class="form-check-label" for="usageCA">
38 
                                                CA
39 
                                            </label>
40 
                                        </div>
41 
                                        <div class="form-check ml-4">
42 
                                            <input class="form-check-input" type="checkbox" id="usageSignature">
43 
                                            <label class="form-check-label" for="usageSignature">
44 
                                                Digital signature
45 
                                            </label>
46 
                                        </div>
47 
                                        <div class="form-check ml-4">
48 
                                            <input class="form-check-input" type="checkbox" id="usageAuth">
49 
                                            <label class="form-check-label" for="usageAuth">
50 
                                                Authentication
51 
                                            </label>
52 
                                        </div>
53 
                                        <div class="form-check ml-4">
54 
                                            <input class="form-check-input" type="checkbox" id="usageSSL">
55 
                                            <label class="form-check-label" for="usageSSL">
56 
                                                SSL/TLS
57 
                                            </label>
58 
                                        </div>
59 
                                    </div>
60 
                                </div>
61 
                                <div class="col-3">
62 
                                    <div class="form-group mb-0">
63 
                                        <h5>Type:</h5>
64 
                                        <div class="form-check ml-4">
65 
                                            <input class="form-check-input" type="checkbox" id="rootCA">
66 
                                            <label class="form-check-label" for="rootCA">
67 
                                                Root CA
68 
                                            </label>
69 
                                        </div>
70 
                                        <div class="form-check ml-4">
71 
                                            <input class="form-check-input" type="checkbox" id="intermediateCA">
72 
                                            <label class="form-check-label" for="intermediateCA">
73 
                                                Intermediate CA
74 
                                            </label>
75 
                                        </div>
76 
                                        <div class="form-check ml-4">
77 
                                            <input class="form-check-input" type="checkbox" id="endCertificate">
78 
                                            <label class="form-check-label" for="endCertificate">
79 
                                                End certificate
80 
                                            </label>
81 
                                        </div>
82 
                                    </div>
83 
                                </div>
84 
                                <div class="col-3">
85 
                                    <div class="form-group mb-0">
86 
                                        <h5>Common name:</h5>
87 
                                        <div>
88 
                                            <input class="form-control" type="text" id="commonName" placeholder="Enter common name">
89 
                                        </div>
90 
                                    </div>
91 
                                </div>
92 
                                <div class="col-3">
93 
                                    <button class="btn btn-primary">Apply filters</button>
94 
                                </div>
95 
                            </div>
96 
                        </div>
97 
                    </div>
98 
                </div>
99 
            </div>
26 100 
            <table class="table table-striped table-hover text-center">
27 101 
                <thead class="thead-dark">
28 102 
                    <tr>

Také k dispozici: Unified diff