FIX: broken links for subgroups containing a /

src/components/BCDRights.vue

@@ -22,7 +22,7 @@
             <ul>
               <li v-for="grp in bcd_groups" v-bind:key="grp.group_name">
                 <b :title="grp.group_name in groups?groups[grp.group_name].description:''">
-                  <b-link :to="'/cntl/groups/'+grp.group_name">{{ grp.group_name }}</b-link>
+                  <b-link :to="'/cntl/groups/'+encodeURIComponent(grp.group_name)">{{ grp.group_name }}</b-link>
                 </b>
                 <b-link class="ml-1"
                         v-if="grp.group_name in group2mgrs && group2mgr_emails(grp.group_name).length > 0"
@@ -67,7 +67,7 @@
           <ul>
             <li v-for="grp in bcd_groups" v-bind:key="grp.group_name">
               <b :title="grp.group_name in groups?groups[grp.group_name].description:''">
-                <b-link :to="'/cntl/groups/'+grp.group_name">{{ grp.group_name }}</b-link>
+                <b-link :to="'/cntl/groups/'+encodeURIComponent(grp.group_name)">{{ grp.group_name }}</b-link>
               </b>
               <b-link class="ml-1"
                       v-if="grp.group_name in group2mgrs && group2mgr_emails(grp.group_name).length > 0"

src/components/GlobalSearch.vue

@@ -270,7 +270,7 @@ export default {
               'nd.ip_subnet': '/dnsvs/bcds/' + result.bcd,
               'nd.bcd': '/dnsvs/bcds/' + result.name,
               'nd.vlan': '/dnsvs/bcds/' + result.bcd,
-              'cntl.group': '/cntl/groups/' + result.name,
+              'cntl.group': '/cntl/groups/' + encodeURIComponent(result.name),
               'org.unit': '/org/ou/' + result.short_name,
               'nd.vxlan': '/dnsvs/bcds/' + result.bcd,
               'macauth.client': '/macauth/bcds/' + result.bcd_name,

src/components/SVCAccountCard.vue

@@ -141,7 +141,7 @@
     <b-collapse :id="account.login_name + '-groups-collapse'">
       <b-table :items="own_groups" :fields="group_list_fields">
         <template v-slot:cell(name)="data">
-          <b-link :to="`/cntl/groups/${data.item.name}`">{{ data.item.name }}</b-link>
+          <b-link :to="`/cntl/groups/${encodeURIComponent(data.item.name)}`">{{ data.item.name }}</b-link>
         </template>
         <template v-slot:cell(ou_short_name)="data">
           <b-link :to="`/org/ou/${data.item.ou_short_name}`">{{ data.item.ou_short_name }}</b-link>

src/views/Launchpad.vue

@@ -66,7 +66,7 @@ export default {
       'cntl.group': async () => {
         const res = (await GroupService.list(this.$store.state, {gpk: payload})).data[0]
         if (this.checkRes(res)) {
-          await this.$router.push('/cntl/groups/' + res[0].name)
+          await this.$router.push('/cntl/groups/' + encodeURIComponent(res[0].name))
         }
       },
       'dns.fqdn': async () => {

src/views/org/OU.vue

@@ -205,7 +205,7 @@
                 <template v-slot:cell(actions)="">
                 </template>
                 <template v-slot:cell(name)="data">
-                  <b-link :to="'/cntl/groups/'+data.item.name">{{ data.item.name }}</b-link>
+                  <b-link :to="'/cntl/groups/'+encodeURIComponent(data.item.name)">{{ data.item.name }}</b-link>
                 </template>
               </PaginatorTable>
               <template v-if="!is_entry && ous_by_parent && ou.short_name in ous_by_parent"
@@ -216,7 +216,7 @@
                   <template v-slot:cell(actions)="">
                   </template>
                   <template v-slot:cell(name)="data">
-                    <b-link :to="'/cntl/groups/'+data.item.name">{{ data.item.name }}</b-link>
+                    <b-link :to="'/cntl/groups/'+encodeURIComponent(data.item.name)">{{ data.item.name }}</b-link>
                     <b-badge class="ml-2" pill :to="'/org/ou/' + data.item.ou_short_name">
                       <netvs-icon icon="orgs"/>
                       {{ data.item.ou_short_name }}