Reset stats one by one

src/css/app.scss

@@ -63,3 +63,14 @@ h6 {
     font-size: 1.1rem;
   }
 }
+
+.btn.right {
+  position: absolute;
+  float: right;
+  right: 0;
+  top: 0;
+}
+
+.btn.right i {
+  font-size: 1.5em;
+}

src/i18n/locales/en-US.json

@@ -99,7 +99,7 @@
   "Clear recycle directory": "Clear recycle directory",
   "Are you sure to clear the recycle directory?": "Are you sure to clear the recycle directory?",
   "Stats counter": "Stats counter",
-  "Are you sure to reset stats counter?": "Are you sure to reset stats counter?",
+  "Are you sure to reset the counter?": "Are you sure to reset the counter?",
   "Choose your filter": "Choose your filter",
   "Service (Linux only)": "Service (Linux only)",
   "Host": "Host",

src/i18n/locales/fr-FR.json

@@ -100,6 +100,7 @@
   "Are you sure to clear the recycle directory?": "Êtes-vous sûr de vouloir effacer le répertoire de recyclage ?",
   "Stats counter": "Compteur de statistiques",
   "Are you sure to reset stats counter?": "Êtes-vous sûr de vouloir réinitialiser le compteur des statistiques ?",
+  "Are you sure to reset limits counter?": "Êtes-vous sûr de vouloir réinitialiser le compteur des limites ?",
   "Choose your filter": "Choisissez votre filtre",
   "Service (Linux only)": "Service (Linux uniquement)",
   "Host": "Hôte",

src/pages/AdminStatusPage.vue

@@ -146,33 +146,39 @@
           <q-list separator>
             <q-item-label header>{{ $t('Stats counter') }}</q-item-label>
 
-            <q-item v-for="(value, key, index) in store.information.stats_counter" :key="index">
+            <q-item v-for="(value, field, index) in store.information.stats_counter" :key="index">
               <q-item-section>
-                <q-item-label caption>{{ key }}</q-item-label>
-                <q-item-label>{{ value }}</q-item-label>
+                <q-item-label caption>{{ field }}</q-item-label>
+                <q-item-label v-if="value && typeof value === 'object'">
+                  <q-item-label v-for="(sub_val, sub_field, sub_index) in value" :key="sub_index"> {{ sub_field }}: {{ sub_val }} </q-item-label>
+                </q-item-label>
+                <q-item-label v-else>
+                  {{ value }}
+                </q-item-label>
+              </q-item-section>
+              <q-item-section v-if="!['last_reset'].includes(field)" side>
+                <q-btn flat color="primary" icon="sym_o_history" @click="displayResetConfirm(field)" />
               </q-item-section>
             </q-item>
           </q-list>
         </q-card-section>
-
         <q-separator />
-
         <q-card-actions align="right">
-          <q-btn flat color="primary" icon="sym_o_history" label="reset" @click="confirm_reset_stats_counter = true" />
+          <q-btn flat color="primary" icon="sym_o_history" label="reset" @click="displayResetConfirm()" />
         </q-card-actions>
       </q-card>
     </div>
 
-    <q-dialog v-model="confirm_reset_stats_counter">
+    <q-dialog v-model="confirm_reset_counter">
       <q-card class="q-pa-sm">
         <q-card-section class="row items-center" style="flex-wrap: nowrap">
           <q-avatar icon="sym_o_history" color="primary" text-color="white" />
-          <span class="q-ml-sm">{{ $t('Are you sure to reset stats counter?') }}</span>
+          <span class="q-ml-sm">{{ $t('Are you sure to reset the counter?') }}</span>
         </q-card-section>
 
         <q-card-actions align="right">
           <q-btn v-close-popup flat label="Cancel" color="primary" />
-          <q-btn v-close-popup label="Yes, reset!" color="primary" @click="remoteProcedureCall('/api/admin/information/sttscntr/reset')" />
+          <q-btn v-close-popup label="Yes, reset!" color="primary" @click="confirmAction()" />
         </q-card-actions>
       </q-card>
     </q-dialog>
@@ -191,15 +197,26 @@
   components: { QBtn },
   setup() {
     const store = useMainStore();
-    const confirm_reset_stats_counter = ref(false);
+    const confirm_reset_counter = ref(false);
+    const selected_field = ref('');
 
     return {
       // you can return the whole store instance to use it in the template
       store,
       remoteProcedureCall,
-      confirm_reset_stats_counter,
+      confirm_reset_counter,
+      selected_field,
     };
   },
-  methods: {},
+  methods: {
+    displayResetConfirm(field) {
+      this.selected_field = field;
+      this.confirm_reset_counter = true;
+    },
+    confirmAction() {
+      remoteProcedureCall('/api/admin/information/sttscntr/reset/' + this.selected_field);
+      this.confirm_reset_counter = false;
+    },
+  },
 });
 </script>