From 28fc33ee790b5e9e988648f6740816de9871f1b2 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Mon, 30 May 2022 19:49:36 +0200
Subject: [PATCH] change saving progression

---
 css/admin.css                     |  7 +++++++
 src/admin.js                      | 13 ++++++++-----
 templates/settings/admin-form.php |  4 +---
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/css/admin.css b/css/admin.css
index 82c6b31..8fab8da 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -129,3 +129,10 @@
 .side-menu-setting-form-long {
     width: 400px;
 }
+
+#side-menu-save-progress {
+    display: inline-block;
+    width: 0;
+    height: 15px;
+    background: #fff;
+}
diff --git a/src/admin.js b/src/admin.js
index b7b5982..03124f8 100644
--- a/src/admin.js
+++ b/src/admin.js
@@ -79,17 +79,20 @@ const saveSettings = (key) => {
         ++value
     }
 
+    const progress = document.querySelector('#side-menu-save-progress')
+
+    progress.style.width = '40px';
+    progress.style.marginLeft = '5px';
+
     const callbacks = {
         success: () => {
-            OC.msg.finishedSuccess(
-                selector,
-                t('side_menu', (key + 1) + '/' + size)
-            )
+            const percent = parseInt((key + 1) * 100 / size);
+
+            progress.setAttribute('value', percent)
 
             if (key < size - 1) {
                 saveSettings(key + 1)
             } else {
-                OC.msg.finishedSuccess(selector, t('side_menu', 'Saved! Page is reloading...'))
                 location.reload()
             }
         },
diff --git a/templates/settings/admin-form.php b/templates/settings/admin-form.php
index 1aa2d94..7650076 100644
--- a/templates/settings/admin-form.php
+++ b/templates/settings/admin-form.php
@@ -837,7 +837,6 @@ $choicesSizes = [
             <div class="side-menu-setting-row">
                 <div class="side-menu-setting-label">
                     <?php p($l->t('Customize application categories')); ?>
-                    <small><span class="warning"><?php p($l->t('Experimental')); ?></span></small>
                 </div>
                 <div class="side-menu-setting-form">
                     <a class="side-menu-toggler" data-target="#apps-categories-custom-list" href="#_">
@@ -957,10 +956,9 @@ $choicesSizes = [
     <div class="section" id="more">
         <button id="side-menu-save" class="btn btn-info">
             <?php p($l->t('Save')); ?>
+            <progress max="100" value="0" id="side-menu-save-progress"></progress>
         </button>
 
-        <span id="side-menu-message" class="msg"></span>
-
         <a href="<?php echo $urlGenerator->linkToRoute('side_menu.AdminSetting.exportConfiguration') ?>" target="_blank">
             <button class="btn btn-primary" >
                 <?php p($l->t('Export the configuration')); ?>