fix: tags adding implemented, filters order fixed [WTEL-3222]

src/modules/contact-center/modules/queues/api/queues.js

@@ -111,6 +111,7 @@ const getQueuesList = async (params) => {
 
 const getQueue = async ({ itemId: id }) => {
   const defaultObject = {
+    tags: [],
     type: 0,
     formSchema: {},
     taskProcessing: {},

src/modules/contact-center/modules/queues/components/opened-queue-general.vue

@@ -118,6 +118,17 @@
         @input="setItemProp({ prop: 'grantee', value: $event })"
       />
 
+      <wt-tags-input
+        :disabled="disableUserInput"
+        :label="$tc('vocabulary.tag', 2)"
+        :search-method="loadQueuesTagOptions"
+        :value="itemInstance.tags"
+        option-label="name"
+        taggable
+        track-by="name"
+        @input="setItemProp({ prop: 'tags', value: $event })"
+      />
+
       <wt-textarea
         :disabled="disableUserInput"
         :label="$t('objects.description')"
@@ -138,6 +149,7 @@ import MediaAPI from '../../../../lookups/modules/media/api/media';
 import RolesAPI from '../../../../permissions/modules/roles/api/roles';
 import FlowsAPI from '../../../../routing/modules/flow/api/flow';
 import TeamsAPI from '../../teams/api/teams';
+import QueuesAPI from '../api/queues';
 import QueueTypeProperties from '../lookups/QueueTypeProperties.lookup';
 import { StrategyList } from '../store/_internals/enums/Strategy.enum';
 
@@ -193,6 +205,7 @@ export default {
     loadDropdownOptionsRoleList(params) {
       return RolesAPI.getLookup(params);
     },
+    loadQueuesTagOptions: QueuesAPI.getQueuesTags,
   },
 };
 </script>

src/modules/contact-center/modules/queues/modules/filters/components/queues-tags-filter.vue

@@ -6,7 +6,7 @@
     :search-method="search"
     :track-by="filterSchema.storedProp"
     :value="filterSchema.value"
-    class="flow-tags-filter"
+    class="queues-tags-filter"
     option-label="name"
     v-bind="$attrs"
     @input="handleInput"

src/modules/contact-center/modules/queues/modules/filters/components/the-queues-filters.vue

@@ -1,15 +1,16 @@
 <template>
   <wt-filters-panel-wrapper @reset="resetFilters">
+    <queues-tags-filter
+      :namespace="namespace"
+    />
     <component
+      class="queues-abstract-filter"
       :is="`abstract-${filter.type}-filter`"
       v-for="(filter) of filters"
       :key="filter.filterQuery"
       :filter-query="filter.filterQuery"
       :namespace="namespace"
     />
-    <queues-tags-filter
-      :namespace="namespace"
-    />
   </wt-filters-panel-wrapper>
 </template>
 
@@ -55,4 +56,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.queues-abstract-filter, .queues-tags-filter {
+  grid-column: span 2;
+}
 </style>