Revize 0b8eac76

Re #8706 - Specify custom extensions

static/create_certificate.html

@@ -209 +209 @@
                     </td>
                 </div>
             </tr>
+            <tr>
+                <div class="form-group form-check">
+                    <td><label class="form-check-label" for="specifyExtensionsCheckbox" style="margin-top: 15px">Custom extensions:</label></td>
+                    <td class="pl-3">
+                        <input type="checkbox" v-model="customExtensions" id="specifyExtensionsCheckbox" name="specifyExtensions" class="mb-2 form-check-input form-check">
+                    </td>
+                </div>
+            </tr>
+            <tr v-if="customExtensions">
+                <div class="form-group">
+                    <td class="pl-5"><label for="extensions">Extensions:</label></td>
+                    <td class="pl-3">
+                        <input type="text" v-model:value="extensions" id="extensions" name="extensions" class="form-control">
+                    </td>
+                </div>
+            </tr>
             <tr>
                 <td align="center">
-                    <button class="btn btn-success mt-3 w-auto" v-on:click="onCreateCertificate()">Create certificate</button>
+                    <button class="btn btn-success mt-3 w-auto" v-on:click="onCreateCertificate">Create certificate</button>
                 </td>
                 <td align="center">
                     <button class="btn btn-secondary mt-3 w-75" onclick="window.location.href = '/static/index.html'">Cancel</button>

static/js/create_certificate.js

@@ -7 +7 @@
         isSelfSigned: false,
         invalidCN: false,
         customKey: false,
+        customExtensions: false,
         // available certificate authorities
         authorities: [],
         // data of the selected certificate authorities to be displayed in the form
@@ -39 +40 @@
             },
             CA: null
         },
+        extensions: null,
         key: {
             password: null,
             key_pem: null,
@@ -103 +105 @@
             }
 
             // populate optional key field in the request body
-            if (this.key.password != null && this.key.password !== "") {
+            delete this.certificateData.key;
+            if (this.customKey && this.key.password != null && this.key.password !== "") {
                 this.certificateData.key.password = this.key.password;
             }
-            if (this.key.key_pem != null) {
+            if (this.customKey && this.key.key_pem != null) {
                 this.certificateData.key.key_pem = this.key.key_pem;
             }
 
+            // populate optional extensions field in the request body
+            delete this.certificateData.extensions;
+            if (this.customExtensions && this.extensions !== "" && this.extensions != null)
+            {
+                this.certificateData.extensions = this.extensions;
+            }
+
+
             this.certificateData.validityDays = parseInt(this.certificateData.validityDays);
             try {
                 const response = await axios.post(API_URL + "certificates", this.certificateData);