Revize 6b69049b

Re #8706 - Minor adjustments of GUI

static/create_certificate.html

@@ -197 +197 @@
                 <div class="form-group">
                     <td class="pl-5"><label for="key_password">Password:</label></td>
                     <td class="pl-3">
-                        <input type="text" v-model:value="key.password" id="key_password" name="key_password" class="form-control">
+                        <input type="password" v-model:value="key.password" id="key_password" name="key_password" class="form-control">
                     </td>
                 </div>
             </tr>

static/index.html

@@ -24 +24 @@
             </div>
             <div class="mt-2 mb-2">
                 <a class="btn btn-success mb-3 text-center" href="/static/create_certificate.html"><b>+</b></a>
-                <button class="btn btn-outline-primary ml-4 mb-3" data-toggle="collapse" data-target="#filteringCollapse">Show filtering</button>
+                <button v-on:click="toggleFilters" v-if="!displayFilters" class="btn btn-outline-primary ml-4 mb-3" data-toggle="collapse" data-target="#filteringCollapse">Show filtering</button>
+                <button v-on:click="toggleFilters" v-if="displayFilters" class="btn btn-outline-primary ml-4 mb-3" data-toggle="collapse" data-target="#filteringCollapse">Hide filtering</button>
                 <div class="collapse mt-2" id="filteringCollapse">
                     <div class="card card-body">
                         <div class="container">

static/js/index.js

@@ -9 +9 @@
         hasNextPage: false,
         hasPreviousPage: false,
         currentPage: 1,
+        displayFilters: false,
         loading: true,
         // list of all certificates to be displayed in the list
         certificates: [],
@@ -87 +88 @@
             else
                 return null;
         },
+        toggleFilters: function (){
+            this.displayFilters = ~this.displayFilters;
+        },
         clearFilters: async function () {
             this.filtering = {
                 type: {