refactor: now id transfers to popup by props [WTEL-4001]

webitel · Nov 10, 2023 · 4fc9b15 · 4fc9b15
1 parent 42e678e
commit 4fc9b15
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/modules/contacts/modules/permissions/components/grantee-select.vue b/src/modules/contacts/modules/permissions/components/grantee-select.vue
@@ -31,7 +31,6 @@
 </template>
 
 <script setup>
-import { useCardStore } from '@webitel/ui-sdk/src/modules/CardStoreModule/composables/useCardStore';
 import { useI18n } from 'vue-i18n';
 import RolesAPI from '../api/RolesAPI';
 
@@ -40,15 +39,18 @@ const props = defineProps({
     required: true,
     type: Object,
   },
+
+  id: {
+    required: true,
+    type: String,
+  }
 });
 
 const emit = defineEmits(['input']);
 
 const { t } = useI18n();
 
-const baseNamespace = 'contacts';
-const { id } = useCardStore(baseNamespace);
-const loadRoles = (params) => RolesAPI.getList(id.value, { ...params, fields: ['id', 'name', 'user'] });
+const loadRoles = (params) => RolesAPI.getList(props.id, { ...params, fields: ['id', 'name', 'user'] });
 </script>
 
 <style lang="scss" scoped>

diff --git a/src/modules/contacts/modules/permissions/components/permissions-tab-grantee-popup.vue b/src/modules/contacts/modules/permissions/components/permissions-tab-grantee-popup.vue
@@ -9,6 +9,7 @@
     </template>
     <template v-slot:main>
       <grantee-select
+        :id="id"
         :value="grantee"
         @input="grantee = $event"
       ></grantee-select>
@@ -30,9 +31,10 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { useCardStore } from '@webitel/ui-sdk/src/modules/CardStoreModule/composables/useCardStore';
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import GranteeSelect from './grantee-select.vue';
 
@@ -48,6 +50,9 @@ const emit = defineEmits([
 
 const { t } = useI18n();
 
+const baseNamespace = 'contacts';
+const { id } = useCardStore(baseNamespace);
+
 const grantee = ref({});
 const isLoading = ref(false);