Add more cloud features

karlomikus · Jan 2, 2025 · 6707689 · 6707689
1 parent c792497
commit 6707689
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 5 deletions.
diff --git a/src/components/Calculator/CocktailPriceCalculator.vue b/src/components/Calculator/CocktailPriceCalculator.vue
@@ -2,6 +2,7 @@
     <div>
         <div class="dialog-title">{{ props.cocktail.name }}</div>
         <OverlayLoader v-if="isLoadingPrices"></OverlayLoader>
+        <SubscriptionCheck>Subscribe to "Mixologist" plan to unlock automatic price calculation!</SubscriptionCheck>
         <div class="cocktail-price-calculator__prices">
             <div v-for="cocktailPrice in cocktailPrices">
                 <CocktailPrice :cocktail-price=cocktailPrice></CocktailPrice>
@@ -13,11 +14,11 @@
             <input id="name" v-model="targetPourCost" class="form-input" type="text" required>
             <span class="form-input-hint">{{ $t('target-pour-cost-help') }}</span>
         </div>
-        <h2 class="cocktail-price-calculator__price" v-if="finalPrice">
+        <h2 class="cocktail-price-calculator__price" v-if="finalPrice && appState.isSubscribed()">
             <small>{{ $t('price.price') }}</small>
             {{ UnitHandler.formatPrice(parseFloat(finalPrice.price), finalPrice.currency) }}
         </h2>
-        <div class="dialog-actions">
+        <div class="dialog-actions" v-if="appState.isSubscribed()">
             <button class="button button--outline" @click="emit('closed')">{{ $t('cancel') }}</button>
             <button type="button" class="button button--dark" :disabled="!finalPrice" @click="selectFinalPrice">{{ $t('price.select') }}</button>
         </div>
@@ -31,6 +32,8 @@ import UnitHandler from '@/UnitHandler'
 import BarAssistantClient from '@/api/BarAssistantClient';
 import CocktailPrice from './../Cocktail/CocktailPrice.vue'
 import OverlayLoader from '../OverlayLoader.vue';
+import SubscriptionCheck from '../SubscriptionCheck.vue';
+import AppState from '@/AppState';
 
 type Cocktail = components["schemas"]["Cocktail"]
 type CocktailPrice = components["schemas"]["CocktailPrice"]
@@ -41,6 +44,7 @@ const props = defineProps<{
 
 const emit = defineEmits(['closed', 'selectedPrice'])
 
+const appState = new AppState()
 const targetPourCost = ref(22)
 const isLoadingPrices = ref(false)
 const cocktailPrices = ref([] as CocktailPrice[])

diff --git a/src/components/Ingredient/IngredientImport.vue b/src/components/Ingredient/IngredientImport.vue
@@ -33,12 +33,18 @@ async function importIngredients() {
     if (file.value) {
         try {
             (await BarAssistantClient.importIngredientsAsCSVFile(file.value))
-        } catch (e) {
+        } catch (e: any) {
+            toast.default(e.message)
+            isLoading.value = false
+            return
         }
     } else {
         try {
             (await BarAssistantClient.importIngredientsAsCSVBody(source.value))
-        } catch (e) {
+        } catch (e: any) {
+            toast.default(e.message)
+            isLoading.value = false
+            return
         }
     }
     isLoading.value = false

diff --git a/src/components/Settings/BillingInfo.vue b/src/components/Settings/BillingInfo.vue
@@ -25,6 +25,9 @@
                             <li>Add unlimited cocktail collections</li>
                             <li>No rate limits for import actions</li>
                             <li>Create personal access API tokens</li>
+                            <li>Automatic cocktail price menu suggestions</li>
+                            <li>Bulk ingredient import</li>
+                            <li>Unlimited price categories</li>
                             <li>Save <span>15%</span> when paying annually</li>
                         </ul>
                         <div class="form-group">

diff --git a/src/components/Settings/PriceCategoriesList.vue b/src/components/Settings/PriceCategoriesList.vue
@@ -1,7 +1,7 @@
 <template>
     <PageHeader>
         {{ $t('prices.price-categories') }}
-        <template #actions>
+        <template v-if="showCreateAction" #actions>
             <SaltRimDialog v-model="showDialog">
                 <template #trigger>
                     <button type="button" class="button button--dark" @click.prevent="openDialog($t('prices.add-price-category'), {})">{{ $t('prices.add-price-category') }}</button>
@@ -18,6 +18,7 @@
         </div>
         <div class="settings-page__content">
             <OverlayLoader v-if="isLoading" />
+            <SubscriptionCheck>Subscribe to "Mixologist" plan to unlock unlimited price categories!</SubscriptionCheck>
             <div v-if="categories.length > 0" class="block-container block-container--padded">
                 <table class="table">
                     <thead>
@@ -63,6 +64,8 @@ import SaltRimDialog from '@/components/Dialog/SaltRimDialog.vue'
 import PriceCategoryForm from '@/components/Settings/PriceCategoryForm.vue'
 import EmptyState from '../EmptyState.vue'
 import { useTitle } from '@/composables/title'
+import SubscriptionCheck from '../SubscriptionCheck.vue'
+import AppState from '@/AppState'
 
 export default {
     components: {
@@ -72,16 +75,23 @@ export default {
         PriceCategoryForm,
         SaltRimDialog,
         EmptyState,
+        SubscriptionCheck,
     },
     data() {
         return {
+            appState: new AppState(),
             isLoading: false,
             showDialog: false,
             dialogTitle: 'Price category data',
             editPriceCategory: {},
             categories: [],
         }
     },
+    computed: {
+        showCreateAction() {
+            return this.categories.length < 1 && !this.appState.isSubscribed()
+        }
+    },
     created() {
         useTitle(this.$t('prices.price-categories'))