feat: define new CustomerDescriptorMenu action. Pending reactivity

src/pages/Customer/Card/CustomerDescriptor.vue

@@ -81,6 +81,22 @@ const setData = (entity) => (data.value = useCardDescription(entity.name, entity
                 >
                     <QTooltip>{{ t('customer.card.isDisabled') }}</QTooltip>
                 </QIcon>
+                <QIcon
+                    v-if="!entity.substitutionAllowed"
+                    name="help"
+                    size="xs"
+                    color="primary"
+                >
+                    <QTooltip>{{ t('Disabled substitution') }}</QTooltip>
+                </QIcon>
+                <QIcon
+                    v-if="entity.substitutionAllowed"
+                    name="help"
+                    size="xs"
+                    color="primary"
+                >
+                    <QTooltip>{{ t('Allowed substitution') }}</QTooltip>
+                </QIcon>
                 <QIcon v-if="entity.isFreezed" name="vn:frozen" size="xs" color="primary">
                     <QTooltip>{{ t('customer.card.isFrozen') }}</QTooltip>
                 </QIcon>

src/pages/Customer/Card/CustomerDescriptorMenu.vue

@@ -40,6 +40,16 @@ const sendSms = async (payload) => {
         notify(error.message, 'positive');
     }
 };
+const updateSubstitutionAllowed = async () => {
+    try {
+        await axios.patch(`Clients/${route.params.id}`, {
+            substitutionAllowed: !$props.customer.substitutionAllowed,
+        });
+        notify('globals.notificationSent', 'positive');
+    } catch (error) {
+        notify(error.message, 'positive');
+    }
+};
 </script>
 
 <template>
@@ -56,6 +66,13 @@ const sendSms = async (payload) => {
             </RouterLink>
         </QItemSection>
     </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection @click="updateSubstitutionAllowed()">{{
+            $props.customer.substitutionAllowed
+                ? t('Disable substitution')
+                : t('Allow substitution')
+        }}</QItemSection>
+    </QItem>
     <QItem v-ripple clickable>
         <QItemSection @click="showSmsDialog()">{{ t('Send SMS') }}</QItemSection>
     </QItem>