Specify icons to show when menu items are active

aleksis/apps/alsijil/frontend/index.js

@@ -9,6 +9,7 @@ export default {
     inMenu: true,
     titleKey: "alsijil.menu_title",
     icon: "mdi-account-group-outline",
+    iconActive: "mdi-account-group",
     validators: [hasPersonValidator],
   },
   props: {
@@ -205,6 +206,7 @@ export default {
         inMenu: true,
         titleKey: "alsijil.extra_marks.menu_title",
         icon: "mdi-label-variant-outline",
+        iconActive: "mdi-label-variant",
         permission: "alsijil.view_extramarks_rule",
       },
       props: {
@@ -243,6 +245,7 @@ export default {
         inMenu: true,
         titleKey: "alsijil.excuse_types.menu_title",
         icon: "mdi-label-outline",
+        iconActive: "mdi-label",
         permission: "alsijil.view_excusetypes_rule",
       },
       props: {
@@ -281,6 +284,7 @@ export default {
         inMenu: true,
         titleKey: "alsijil.group_roles.menu_title_manage",
         icon: "mdi-clipboard-plus-outline",
+        iconActive: "mdi-clipboard-plus",
         permission: "alsijil.view_grouproles_rule",
       },
       props: {
@@ -367,6 +371,7 @@ export default {
         inMenu: true,
         titleKey: "alsijil.group_roles.menu_title_assign",
         icon: "mdi-clipboard-account-outline",
+        iconActive: "mdi-clipboard-account",
         permission: "alsijil.assign_grouprole_for_multiple_rule",
       },
       props: {