Added settings submenu

ospic · Feb 18, 2022 · 97799e3 · 97799e3
1 parent bc1ffd5
commit 97799e3
Show file tree

Hide file tree

Showing 9 changed files with 70 additions and 10 deletions.
diff --git a/assets/css/_font-weights.scss b/assets/css/_font-weights.scss
@@ -10,6 +10,7 @@ h3,
 h4,
 h5,
 h6 {
+  @include font_family;
   font-weight: bold;
   color: black;
 }
diff --git a/assets/css/_mixin.scss b/assets/css/_mixin.scss
@@ -0,0 +1,3 @@
+@mixin font_family {
+  font-family: "SofiaPro", sans-serif;
+}
diff --git a/assets/css/styles.css b/assets/css/styles.css
diff --git a/assets/css/styles.css.map b/assets/css/styles.css.map
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
@@ -1,4 +1,5 @@
 @import "_fonts";
+@import "_mixin";
 @import "_body";
 @import "_colors";
 @import "_breadcrumb";

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -11,7 +11,7 @@
       height="100%"
     >
       <v-list nav subheader tile class="mt-0 pa-0 py-1">
-        <v-list-item class="list-item ma-0" to="/">
+        <v-list-item class="list-item ma-0" v-if="!showback" to="/">
           <v-list-item-icon class="ml-1 mr-2">
             <v-icon medium color="primary">mdi-panorama-wide-angle</v-icon>
           </v-list-item-icon>
@@ -26,7 +26,6 @@
             @click="navigateBack"
             class="ma-2 px-4"
             color="primary"
-            to="/"
             text-color="white"
             pill
           >
@@ -39,15 +38,16 @@
             v-on:click="navigateToHere(setting.to)"
           >
             <v-list-item-title
-              :class="!showback ? `font-weight-thin` : `font-weight-thin ml-5`"
-              v-bind="attrs"
+              :class="
+                !showback ? `font-weight-light ` : ` font-weight-light ml-5`
+              "
             >
               <v-icon
                 slot="prependIcon"
                 v-html="setting.icon"
                 :medium="!showback"
                 :small="showback"
-                :color="showback ? 'blue' : 'primary'"
+                color=" primary"
                 class="ml-1 mr-2"
               ></v-icon>
               {{ $t(setting.title) }}</v-list-item-title
@@ -395,6 +395,10 @@ export default {
         this.settings = this.menuoptions.reports;
         this.showback = true;
       }
+      if (id == "/settings") {
+        this.settings = this.menuoptions.settings;
+        this.showback = true;
+      }
     },
     toggle(mode) {
       if (`${mode}` === "true") {

diff --git a/mixins/mixins.js b/mixins/mixins.js
@@ -208,6 +208,50 @@ Vue.mixin({
             permissions:
               "ALL_FUNCTIONS, READ_INSURANCE_COMPANY,UPDATE_INSURANCE_COMPANY,DELETE_INSURANCE_COMPANY,CREATE_INSURANCE_COMPANY"
           },
+        ],
+        settings: [
+          {
+            title: "label.titles.users",
+            to: "/settings",
+            icon: "mdi-account-settings",
+            permissions: "ALL_FUNCTIONS",
+          },
+          {
+            title: "label.menu.selfservice",
+            to: "/settings/selfservices",
+            icon: "mdi-tooltip-account",
+            permissions: "ALL_FUNCTIONS",
+          },
+          {
+            title: "label.menu.roles",
+            icon: "mdi-account-cog",
+            to: "/settings/roles",
+            permissions: "ALL_FUNCTIONS",
+          },
+          {
+            title: "label.titles.sms",
+            to: "/settings/sms",
+            icon: "mdi-message-cog-outline",
+            permissions: "ALL_FUNCTIONS",
+          },
+          {
+            title: "label.titles.email",
+            to: "/settings/config/email",
+            icon: "mdi-folder-cog-outline",
+            permissions: "ALL_FUNCTIONS",
+          },
+          {
+            title: "label.titles.themecolor",
+            to: "/settings/colors",
+            icon: "mdi-invert-colors",
+            permissions: "ALL_FUNCTIONS",
+          },
+          {
+            title: "label.menu.system",
+            to: "/settings/configurations",
+            icon: "mdi-cog-transfer",
+            permissions: "ALL_FUNCTIONS",
+          }
         ]
 
 
@@ -260,7 +304,7 @@ Vue.mixin({
           permissions: "ALL_FUNCTIONS",
         },
         {
-          title: "label.tooltip.settingsandconfigurations",
+          title: "label.menu.settings",
           icon: "mdi-cog",
           to: "/settings",
           permissions: "ALL_FUNCTIONS",

diff --git a/pages/settings.vue → pages/settingsa.vue b/pages/settings.vue → pages/settingsa.vue
diff --git a/static/locales/content-en.json b/static/locales/content-en.json
@@ -83,7 +83,10 @@
       "medicalservices": "Medical Services",
       "overview": "Overview",
       "settings": "Settings",
-      "calendarlist": "List of Events"
+      "calendarlist": "List of Events",
+      "roles": "Roles",
+      "selfservice": "Self-services",
+      "system": "System"
     },
     "message": {
       "nodataavailable": "No Data available ...",
@@ -183,9 +186,11 @@
       "insurances": "Insurances",
       "systemcolors": "System colors",
       "globalconfigurations": "Global configurations",
-      "themecolor": "Theme colors",
+      "themecolor": "Themes",
       "addnewevent": "Add new event",
-      "events": "Events"
+      "events": "Events",
+      "sms": "SMS",
+      "email": "Email"
     },
     "tab": {
       "appointments": "Appointments",