feat(product): add option to disable store feature

spa/src/App.vue

@@ -6,7 +6,7 @@
         <component :is="Component" :key="route.fullPath" />
       </Transition>
     </RouterView>
-    <CartButton/>
+    <CartButton v-if="settings.store_enabled"/>
   </div>
 </template>
 
@@ -16,6 +16,7 @@ import {useWebAppViewport, useBackButton} from 'vue-tg';
 import {useMiniApp, FullscreenViewport} from 'vue-tg';
 import {useRoute, useRouter} from "vue-router";
 import CartButton from "@/components/CartButton.vue";
+import {useSettingsStore} from "@/stores/SettingsStore.js";
 
 const tg = useMiniApp();
 const platform = ref();
@@ -26,6 +27,7 @@ disableVerticalSwipes();
 
 const router = useRouter();
 const route = useRoute();
+const settings = useSettingsStore();
 
 watch(
     () => route.name,

spa/src/stores/SettingsStore.js

@@ -4,6 +4,7 @@ import {fetchSettings} from "@/utils/ftch.js";
 export const useSettingsStore = defineStore('settings', {
     state: () => ({
         app_enabled: true,
+        store_enabled: true,
         app_name: 'OpenCart Telegram магазин',
         app_icon: '',
         app_icon192: '',
@@ -38,6 +39,7 @@ export const useSettingsStore = defineStore('settings', {
             this.theme.dark = settings.theme_dark;
             this.ya_metrika_enabled = settings.ya_metrika_enabled;
             this.app_enabled = settings.app_enabled;
+            this.store_enabled = settings.store_enabled;
         }
     }
 });

spa/src/views/Product.vue

@@ -91,34 +91,54 @@
 
     <div v-if="product.product_id"
          class="fixed px-4 pb-10 pt-4 bottom-0 left-0 w-full bg-base-200 z-50 flex flex-col gap-2 border-t-1 border-t-base-300">
-      <div class="text-error">
-        {{ error }}
-      </div>
-
-      <div v-if="canAddToCart === false" class="text-error text-center text-xs mt-1">
-        Выберите обязательные опции
-      </div>
-
-      <div class="flex gap-2">
-        <div class="flex-1">
-          <button
-              class="btn btn-primary btn-lg w-full"
-              :class="isInCart ? 'btn-success' : 'btn-primary'"
-              :disabled="cart.isLoading || canAddToCart === false"
-              @click="actionBtnClick"
-          >
-            <span v-if="cart.isLoading" class="loading loading-spinner loading-sm"></span>
-            {{ btnText }}
-          </button>
+      <template v-if="settings.store_enabled">
+        <div class="text-error">
+          {{ error }}
         </div>
 
-        <Quantity
-            v-if="isInCart === false"
-            :modelValue="quantity"
-            @update:modelValue="setQuantity"
-            size="lg"
-        />
-      </div>
+        <div v-if="canAddToCart === false" class="text-error text-center text-xs mt-1">
+          Выберите обязательные опции
+        </div>
+
+        <div class="flex gap-2">
+          <div class="flex-1">
+            <button
+                class="btn btn-primary btn-lg w-full"
+                :class="isInCart ? 'btn-success' : 'btn-primary'"
+                :disabled="cart.isLoading || canAddToCart === false"
+                @click="actionBtnClick"
+            >
+              <span v-if="cart.isLoading" class="loading loading-spinner loading-sm"></span>
+              {{ btnText }}
+            </button>
+          </div>
+
+          <Quantity
+              v-if="isInCart === false"
+              :modelValue="quantity"
+              @update:modelValue="setQuantity"
+              size="lg"
+          />
+        </div>
+      </template>
+
+      <template v-else>
+        <button
+            class="btn btn-primary btn-lg w-full"
+            :disabled="! product.share"
+            @click="openProductInMarketplace"
+        >
+          <template v-if="product.share">
+            Открыть товар
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+            </svg>
+          </template>
+
+          <template>Товар недоступен</template>
+
+        </button>
+      </template>
     </div>
 
     <ProductNotFound v-else/>
@@ -144,6 +164,7 @@ import {apiFetch} from "@/utils/ftch.js";
 import FullScreenImageViewer from "@/components/FullScreenImageViewer.vue";
 import LoadingFullScreen from "@/components/LoadingFullScreen.vue";
 import ProductNotFound from "@/components/ProductNotFound.vue";
+import {useSettingsStore} from "@/stores/SettingsStore.js";
 
 const route = useRoute();
 const productId = computed(() => route.params.id);
@@ -157,6 +178,7 @@ const btnText = computed(() => isInCart.value ? 'В корзине' : 'Купи
 const isFullScreen = ref(false);
 const initialFullScreenIndex = ref(0);
 const isLoading = ref(false);
+const settings = useSettingsStore();
 
 const canAddToCart = computed(() => {
   if (!product.value || product.value.options === undefined || product.value.options?.length === 0) {
@@ -204,6 +226,14 @@ async function actionBtnClick() {
   }
 }
 
+function openProductInMarketplace() {
+  if (! product.value.share) {
+    return;
+  }
+
+  window.Telegram.WebApp.openLink(product.value.share, { try_instant_view: false });
+}
+
 function setQuantity(newQuantity) {
   quantity.value = newQuantity;
   window.Telegram.WebApp.HapticFeedback.selectionChanged();