56 |
56 |
</div>
|
57 |
57 |
</tr>
|
58 |
58 |
<tr>
|
59 |
|
<td colspan="2"><h5>Subject</h5></td>
|
|
59 |
<td colspan="2">
|
|
60 |
<h5>Subject</h5>
|
|
61 |
</td>
|
|
62 |
<td colspan="1" class="pl-3">
|
|
63 |
<a v-if="!showIssuer" v-on:click="toggleShowIssuer" href="#">Show issuer</a>
|
|
64 |
<h5 v-if="showIssuer">Issuer</h5>
|
|
65 |
</td>
|
60 |
66 |
</tr>
|
61 |
67 |
<tr>
|
62 |
68 |
<div class="form-group">
|
... | ... | |
64 |
70 |
<td class="pl-3">
|
65 |
71 |
<input type="text" v-bind:class="{ 'is-invalid': invalidCN }" v-model:value="certificateData.subject.CN" id="subject_CN" name="subject_CN" class="form-control">
|
66 |
72 |
</td>
|
|
73 |
<td v-if="showIssuer" class="pl-3" v-cloak>
|
|
74 |
<input type="text" id="issuer_CN" name="issuer_CN" class="form-control" v-bind:value="selectedCAData.CN" disabled>
|
|
75 |
</td>
|
67 |
76 |
</div>
|
68 |
77 |
</tr>
|
69 |
78 |
<tr>
|
... | ... | |
72 |
81 |
<td class="pl-3">
|
73 |
82 |
<input type="text" v-model:value="certificateData.subject.C" id="subject_C" name="subject_C" class="form-control">
|
74 |
83 |
</td>
|
|
84 |
<td v-if="showIssuer" class="pl-3" v-cloak>
|
|
85 |
<input type="text" id="issuer_C" name="issuer_C" class="form-control" v-bind:value="selectedCAData.C" disabled>
|
|
86 |
</td>
|
75 |
87 |
</div>
|
76 |
88 |
</tr>
|
77 |
89 |
<tr>
|
... | ... | |
80 |
92 |
<td class="pl-3">
|
81 |
93 |
<input type="text" v-model:value="certificateData.subject.L" id="subject_L" name="subject_L" class="form-control">
|
82 |
94 |
</td>
|
|
95 |
<td v-if="showIssuer" class="pl-3" v-cloak>
|
|
96 |
<input type="text" id="issuer_L" name="issuer_L" class="form-control" v-bind:value="selectedCAData.L" disabled>
|
|
97 |
</td>
|
83 |
98 |
</div>
|
84 |
99 |
</tr>
|
85 |
100 |
<tr>
|
... | ... | |
88 |
103 |
<td class="pl-3">
|
89 |
104 |
<input type="text" v-model:value="certificateData.subject.ST" id="subject_ST" name="subject_ST" class="form-control">
|
90 |
105 |
</td>
|
|
106 |
<td v-if="showIssuer" class="pl-3" v-cloak>
|
|
107 |
<input type="text" id="issuer_ST" name="issuer_ST" class="form-control" v-bind:value="selectedCAData.ST" disabled>
|
|
108 |
</td>
|
91 |
109 |
</div>
|
92 |
110 |
</tr>
|
93 |
111 |
<tr>
|
... | ... | |
96 |
114 |
<td class="pl-3">
|
97 |
115 |
<input type="text" v-model:value="certificateData.subject.O" id="subject_O" name="subject_O" class="form-control">
|
98 |
116 |
</td>
|
|
117 |
<td v-if="showIssuer" class="pl-3" v-cloak>
|
|
118 |
<input type="text" id="issuer_O" name="issuer_O" class="form-control" v-bind:value="selectedCAData.O" disabled>
|
|
119 |
</td>
|
99 |
120 |
</div>
|
100 |
121 |
</tr>
|
101 |
122 |
<tr>
|
... | ... | |
104 |
125 |
<td class="pl-3">
|
105 |
126 |
<input type="text" v-model:value="certificateData.subject.OU" id="subject_OU" name="subject_OU" class="form-control">
|
106 |
127 |
</td>
|
|
128 |
<td v-if="showIssuer" class="pl-3" v-cloak>
|
|
129 |
<input type="text" id="issuer_OU" name="issuer_OU" class="form-control" v-bind:value="selectedCAData.OU" disabled>
|
|
130 |
</td>
|
107 |
131 |
</div>
|
108 |
132 |
</tr>
|
109 |
133 |
<tr>
|
... | ... | |
112 |
136 |
<td class="pl-3">
|
113 |
137 |
<input type="email" v-model:value="certificateData.subject.emailAddress" id="subject_emailAddress" name="subject_emailAddress" class="form-control">
|
114 |
138 |
</td>
|
|
139 |
<td v-if="showIssuer" class="pl-3" v-cloak>
|
|
140 |
<input type="email" id="issuer_emailAddress" name="issuer_emailAddress" class="form-control" v-bind:value="selectedCAData.emailAddress" disabled>
|
|
141 |
</td>
|
115 |
142 |
</div>
|
116 |
143 |
</tr>
|
117 |
144 |
<tr>
|
... | ... | |
130 |
157 |
<label class="form-check-label" for="isSSL_TLS">SSL/TLS</label><br>
|
131 |
158 |
</td>
|
132 |
159 |
</tr>
|
133 |
|
<tr v-if="!isSelfSigned && !showIssuer" class="pt-2">
|
134 |
|
<td colspan="3">
|
135 |
|
<button v-if="!showIssuer" v-on:click="toggleShowIssuer" class="btn btn-outline-secondary btn-block">Show issuer</button>
|
136 |
|
</td>
|
137 |
|
</tr>
|
138 |
|
<tr v-if="showIssuer" class="pt-2" v-cloak>
|
139 |
|
<td colspan="3">
|
140 |
|
<button v-on:click="toggleShowIssuer" class="btn btn-outline-secondary btn-block">Hide issuer</button>
|
141 |
|
</td>
|
142 |
|
</tr>
|
143 |
|
<tr v-if="showIssuer" v-cloak>
|
144 |
|
<td colspan="2"><h5>Issuer</h5></td>
|
145 |
|
</tr>
|
146 |
|
<tr v-if="showIssuer" v-cloak>
|
147 |
|
<div class="form-group">
|
148 |
|
<td><label for="issuer_CN">Common Name:</label></td>
|
149 |
|
<td class="pl-3">
|
150 |
|
<input type="text" id="issuer_CN" name="issuer_CN" class="form-control" v-bind:value="selectedCAData.CN" disabled>
|
151 |
|
</td>
|
152 |
|
</div>
|
153 |
|
</tr>
|
154 |
|
<tr v-if="showIssuer" v-cloak>
|
155 |
|
<div class="form-group">
|
156 |
|
<td><label for="issuer_C">Country Code:</label></td>
|
157 |
|
<td class="pl-3">
|
158 |
|
<input type="text" id="issuer_C" name="issuer_C" class="form-control" v-bind:value="selectedCAData.C" disabled>
|
159 |
|
</td>
|
160 |
|
</div>
|
161 |
|
</tr>
|
162 |
|
<tr v-if="showIssuer" v-cloak>
|
163 |
|
<div class="form-group">
|
164 |
|
<td><label for="issuer_L">Locality:</label></td>
|
165 |
|
<td class="pl-3">
|
166 |
|
<input type="text" id="issuer_L" name="issuer_L" class="form-control" v-bind:value="selectedCAData.L" disabled>
|
167 |
|
</td>
|
168 |
|
</div>
|
169 |
|
</tr>
|
170 |
|
<tr v-if="showIssuer" v-cloak>
|
171 |
|
<div class="form-group">
|
172 |
|
<td><label for="issuer_ST">Province/State:</label></td>
|
173 |
|
<td class="pl-3">
|
174 |
|
<input type="text" id="issuer_ST" name="issuer_ST" class="form-control" v-bind:value="selectedCAData.ST" disabled>
|
175 |
|
</td>
|
176 |
|
</div>
|
177 |
|
</tr>
|
178 |
|
<tr v-if="showIssuer" v-cloak>
|
179 |
|
<div class="form-group">
|
180 |
|
<td><label for="issuer_O">Organization:</label></td>
|
181 |
|
<td class="pl-3">
|
182 |
|
<input type="text" id="issuer_O" name="issuer_O" class="form-control" v-bind:value="selectedCAData.O" disabled>
|
183 |
|
</td>
|
184 |
|
</div>
|
185 |
|
</tr>
|
186 |
|
<tr v-if="showIssuer" v-cloak>
|
187 |
|
<div class="form-group">
|
188 |
|
<td><label for="issuer_OU">Organization Unit:</label></td>
|
189 |
|
<td class="pl-3">
|
190 |
|
<input type="text" id="issuer_OU" name="issuer_OU" class="form-control" v-bind:value="selectedCAData.OU" disabled>
|
191 |
|
</td>
|
192 |
|
</div>
|
193 |
|
</tr>
|
194 |
|
<tr v-if="showIssuer" v-cloak>
|
195 |
|
<div class="form-group">
|
196 |
|
<td><label for="issuer_emailAddress">Email:</label></td>
|
197 |
|
<td class="pl-3">
|
198 |
|
<input type="email" id="issuer_emailAddress" name="issuer_emailAddress" class="form-control" v-bind:value="selectedCAData.emailAddress" disabled>
|
199 |
|
</td>
|
200 |
|
</div>
|
201 |
|
</tr>
|
202 |
160 |
<tr>
|
203 |
161 |
<div class="form-group form-check">
|
204 |
162 |
<td><label class="form-check-label" for="specifyPasswordCheckbox" style="margin-top: 15px">Custom key:</label></td>
|
Re #8701 - Improved certificate creation page (displaying issuer)