Client - add registration status and info box on users limitation

fittrackee_client/src/components/Administration/AdminApplication.vue

@@ -15,6 +15,12 @@
               :disabled="!edition"
             />
           </label>
+          <div class="user-limit-help">
+            <span class="info-box">
+              <i class="fa fa-info-circle" aria-hidden="true" />
+              {{ $t('admin.APP_CONFIG.MAX_USERS_HELP') }}
+            </span>
+          </div>
           <label for="max_single_file_size">
             {{ $t('admin.APP_CONFIG.SINGLE_UPLOAD_MAX_SIZE_LABEL') }}:
             <input
@@ -151,3 +157,17 @@
     },
   })
 </script>
+
+<style lang="scss" scoped>
+  @import '~@/scss/base.scss';
+
+  .user-limit-help {
+    display: flex;
+    span {
+      font-style: italic;
+    }
+    .fa-info-circle {
+      margin-right: $default-margin;
+    }
+  }
+</style>

fittrackee_client/src/components/Administration/AdminMenu.vue

@@ -12,7 +12,16 @@
               </router-link>
             </dt>
             <dd>
-              {{ $t('admin.UPDATE_APPLICATION_DESCRIPTION') }}
+              {{ $t('admin.UPDATE_APPLICATION_DESCRIPTION') }}<br />
+              <span class="registration-status">
+                {{
+                  $t(
+                    `admin.REGISTRATION_${
+                      appConfig.is_registration_enabled ? 'ENABLED' : 'DISABLED'
+                    }`
+                  )
+                }}
+              </span>
             </dd>
             <dt>{{ capitalize($t('workouts.SPORT', 0)) }}</dt>
             <dd>
@@ -34,7 +43,7 @@
 
   import AppStatsCards from '@/components/Administration/AppStatsCards.vue'
   import Card from '@/components/Common/Card.vue'
-  import { IAppStatistics } from '@/types/application'
+  import { IAppStatistics, TAppConfig } from '@/types/application'
 
   export default defineComponent({
     name: 'AdminMenu',
@@ -43,6 +52,10 @@
       Card,
     },
     props: {
+      appConfig: {
+        type: Object as PropType<TAppConfig>,
+        required: true,
+      },
       appStatistics: {
         type: Object as PropType<IAppStatistics>,
       },
@@ -71,6 +84,9 @@
         dd {
           margin-bottom: $default-margin * 3;
         }
+        .registration-status {
+          font-weight: bold;
+        }
       }
     }
   }