@crm-market/template-shared 1.0.6 → 1.0.8

package/components/ForgotPassword/index.vue

@@ -1,49 +0,0 @@
-<template>
-  <div class="authentication-area ptb-60">
-    <div class="container">
-      <div class="authentication-content">
-        <div class="row align-items-center">
-          <div class="col-lg-5">
-            <div class="login text-center">
-              <img src="~/assets/images/login.png" alt="login" />
-            </div>
-          </div>
-          <div class="col-lg-7">
-            <div class="authentication-form">
-              <ul class="nav nav-tabs login-tabs" id="myTab" role="tablist">
-                <li class="nav-item" role="presentation">
-                  <NuxtLink to="/forgot-password" class="nav-link active">
-                    {{ t('auth.forgotPassword') }}
-                  </NuxtLink>
-                </li>
-              </ul>
-              <p>{{ t('auth.loginDescription') }}</p>
-              <form>
-                <div class="form-group mb-4">
-                  <label class="label">{{ t('auth.email') }}</label>
-                  <input
-                    type="email"
-                    class="form-control"
-                    :placeholder="t('auth.enterEmail')"
-                  />
-                </div>
-                <div class="form-group mb-0">
-                  <button
-                    type="submit"
-                    class="btn btn-warning btn-pill text-white w-100 d-block"
-                  >
-                    {{ t('auth.forgotPassword') }}
-                  </button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n();
-</script>

package/components/Layout/FooterTwo.vue

@@ -1,159 +0,0 @@
-<template>
-  <div class="footer-area pb-60 bg-gray1">
-    <div class="container">
-      <div class="border-top pt-60 pb-35">
-        <v-row class="justify-content-center">
-          <v-col cols="12" lg="3" sm="6">
-            <div class="single-footer-widget">
-              <h3>{{ t('footer.aboutTheShop') }}</h3>
-              <p>
-                {{ t('footer.storeDescription') }}
-              </p>
-
-              <div class="call-info">
-                <span class="title">{{ t('footer.gotQuestion') }}</span>
-                <div class="d-flex align-items-center">
-                  <i class="flaticon-headphones-1"></i>
-                  <a href="tel:(808)-555-0111">(808) 555-0111</a>
-                </div>
-              </div>
-            </div>
-          </v-col>
-          <v-col cols="12" lg="3" sm="6">
-            <div class="single-footer-widget">
-              <h3>{{ t('footer.popularCategories') }}</h3>
-
-              <ul class="ps-0 mb-0 list-unstyled import-link">
-                <li v-for="category in footerCategories" :key="category.id">
-                  <NuxtLink :to="`/products?categoryId=${category.id}`">
-                    {{ category.name }}
-                  </NuxtLink>
-                </li>
-                <li v-if="footerCategories.length === 0">
-                  <NuxtLink to="/products">{{ t('nav.allProducts') }}</NuxtLink>
-                </li>
-              </ul>
-            </div>
-          </v-col>
-          <v-col cols="12" lg="3" sm="6">
-            <div class="single-footer-widget">
-              <h3>{{ t('footer.letUsHelp') }}</h3>
-
-              <ul class="ps-0 mb-0 list-unstyled import-link">
-                <li>
-                  <NuxtLink to="/dashboard">{{ t('account.yourAccount') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/order-history">{{ t('account.yourOrders') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/privacy-policy">{{ t('footer.returnPolicy') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/faq">{{ t('common.helpCenter') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/products">{{ t('footer.productReplacement') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/dashboard">{{ t('footer.shopWithPoints') }}</NuxtLink>
-                </li>
-              </ul>
-            </div>
-          </v-col>
-          <v-col cols="12" lg="3" sm="6">
-            <div class="single-footer-widget">
-              <h3>{{ t('footer.getToKnowUs') }}</h3>
-
-              <ul class="ps-0 mb-0 list-unstyled import-link">
-                <li>
-                  <NuxtLink to="/about-us">{{ t('nav.aboutUs') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/about-us">{{ t('footer.careers') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/contact">{{ t('footer.storeLocation') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/our-blog">{{ t('footer.newsCenter') }}</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/about-us">Investor Relations</NuxtLink>
-                </li>
-                <li>
-                  <NuxtLink to="/contact">{{ t('nav.contact') }}</NuxtLink>
-                </li>
-              </ul>
-            </div>
-          </v-col>
-        </v-row>
-      </div>
-      <v-row class="align-items-end justify-content-center">
-        <v-col cols="12" lg="6" md="6">
-          <div class="single-footer-bottom-item">
-            <ul
-              class="ps-0 mb-0 list-unstyled d-flex align-items-center social-link ms-0 justify-content-md-start justify-content-center"
-            >
-              <li>
-                <span class="titles">{{ t('footer.followUs') }}:</span>
-              </li>
-              <li>
-                <a href="https://www.facebook.com/" target="_blank">
-                  <i class="ri-facebook-fill"></i>
-                </a>
-              </li>
-              <li>
-                <a href="https://www.twitter.com/" target="_blank">
-                  <i class="ri-twitter-x-line"></i>
-                </a>
-              </li>
-              <li>
-                <a href="https://www.linkedin.com/" target="_blank">
-                  <i class="ri-linkedin-fill"></i>
-                </a>
-              </li>
-              <li>
-                <a href="https://www.whatsapp.com/" target="_blank">
-                  <i class="ri-whatsapp-line"></i>
-                </a>
-              </li>
-            </ul>
-          </div>
-        </v-col>
-        <v-col cols="12" lg="6" md="6">
-          <div class="single-footer-bottom-item">
-            <ul
-              class="ps-0 mb-0 list-unstyled d-flex align-items-center justify-content-center justify-content-lg-end app-link"
-            >
-              <li>
-                <span class="titles">{{ t('footer.downloadApp') }}:</span>
-              </li>
-              <li>
-                <a href="https://www.apple.com/store" target="_blank">
-                  <img src="~/assets/images/ios.svg" alt="ios" />
-                </a>
-              </li>
-              <li>
-                <a href="https://play.google.com/store/games" target="_blank">
-                  <img src="~/assets/images/gplay.svg" alt="gplay" />
-                </a>
-              </li>
-            </ul>
-          </div>
-        </v-col>
-      </v-row>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from "vue";
-
-const { t } = useI18n();
-const { topLevelCategories } = useCategories();
-
-const footerCategories = computed(() =>
-  topLevelCategories.value.slice(0, 6)
-);
-</script>

package/components/Layout/LocationOption.vue

@@ -1,178 +0,0 @@
-<template>
-  <div :class="['location-option', { show: stateStoreInstance.open }]">
-    <div class="modal-dialog modal-dialog-centered">
-      <div class="modal-content">
-        <div class="modal-header border-0 pb-0">
-          <h3 class="modal-title" id="exampleModal2Label">
-            Where to deliver your products?
-          </h3>
-          <button
-            type="button"
-            class="btn-close"
-            @click="stateStoreInstance.onChange"
-          ></button>
-        </div>
-        <div class="modal-body">
-          <form>
-            <div class="form-group mb-4">
-              <label class="label">Search your location</label>
-              <div class="position-relative">
-                <input
-                  type="text"
-                  class="form-control ps-5"
-                  placeholder="Search your location"
-                />
-                <i
-                  class="ri-map-pin-line position-absolute top-50 start-0 translate-middle-y ps-3"
-                ></i>
-              </div>
-            </div>
-            <h6>Select a Location</h6>
-
-            <ul class="ps-0 mb-0 list-unstyled location-list">
-              <li>
-                <div class="form-check ps-0 position-relative mb-0">
-                  <label
-                    class="form-check-label d-block"
-                    for="flexRadioDefault4"
-                  >
-                    <span class="title1">Alberta</span>
-                    <span class="dec">Athabasca T9S</span>
-                  </label>
-                  <input
-                    class="form-check-input"
-                    type="radio"
-                    name="flexRadioDefault4"
-                    id="flexRadioDefault4"
-                  />
-                </div>
-              </li>
-              <li>
-                <div class="form-check ps-0 position-relative mb-0">
-                  <label
-                    class="form-check-label d-block"
-                    for="flexRadioDefault5"
-                  >
-                    <span class="title1">British Columbia</span>
-                    <span class="dec">Athabasca T9S</span>
-                  </label>
-                  <input
-                    class="form-check-input"
-                    type="radio"
-                    name="flexRadioDefault5"
-                    id="flexRadioDefault5"
-                  />
-                </div>
-              </li>
-              <li>
-                <div class="form-check ps-0 position-relative mb-0">
-                  <label
-                    class="form-check-label d-block"
-                    for="flexRadioDefault6"
-                  >
-                    <span class="title1">New Brunswick</span>
-                    <span class="dec">Athabasca T9S</span>
-                  </label>
-                  <input
-                    class="form-check-input"
-                    type="radio"
-                    name="flexRadioDefault6"
-                    id="flexRadioDefault6"
-                  />
-                </div>
-              </li>
-              <li>
-                <div class="form-check ps-0 position-relative mb-0">
-                  <label
-                    class="form-check-label d-block"
-                    for="flexRadioDefault7"
-                  >
-                    <span class="title1">Nova Scotia</span>
-                    <span class="dec">Athabasca T9S</span>
-                  </label>
-                  <input
-                    class="form-check-input"
-                    type="radio"
-                    name="flexRadioDefault7"
-                    id="flexRadioDefault7"
-                  />
-                </div>
-              </li>
-              <li>
-                <div class="form-check ps-0 position-relative mb-0">
-                  <label
-                    class="form-check-label d-block"
-                    for="flexRadioDefault8"
-                  >
-                    <span class="title1">Ontario</span>
-                    <span class="dec">Athabasca T9S</span>
-                  </label>
-                  <input
-                    class="form-check-input"
-                    type="radio"
-                    name="flexRadioDefault8"
-                    id="flexRadioDefault8"
-                  />
-                </div>
-              </li>
-              <li>
-                <div class="form-check ps-0 position-relative mb-0">
-                  <label
-                    class="form-check-label d-block"
-                    for="flexRadioDefault9"
-                  >
-                    <span class="title1">Quebec</span>
-                    <span class="dec">Athabasca T9S</span>
-                  </label>
-                  <input
-                    class="form-check-input"
-                    type="radio"
-                    name="flexRadioDefault9"
-                    id="flexRadioDefault9"
-                  />
-                </div>
-              </li>
-              <li>
-                <div class="form-check ps-0 position-relative mb-0">
-                  <label
-                    class="form-check-label d-block"
-                    for="flexRadioDefault10"
-                  >
-                    <span class="title1">Yukon</span>
-                    <span class="dec">Athabasca T9S</span>
-                  </label>
-                  <input
-                    class="form-check-input"
-                    type="radio"
-                    name="flexRadioDefault10"
-                    id="flexRadioDefault10"
-                  />
-                </div>
-              </li>
-            </ul>
-          </form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue";
-import stateStore from "~/utils/store";
-
-export default defineComponent({
-  name: "MobileDeviceNavbar",
-  setup() {
-    const stateStoreInstance = stateStore;
-    const handleClick = () => {
-      stateStoreInstance.open = false;
-    };
-
-    return {
-      stateStoreInstance,
-      handleClick,
-    };
-  },
-});
-</script>

package/components/Layout/RTLSwitchBtn.vue

@@ -1,40 +0,0 @@
-<template>
-  <div class="settings-btn rtl-btn">
-    <label id="switch" class="switch">
-      <input type="checkbox" @change="toggleRTL" id="slider" />
-      <span class="slider round"></span>
-    </label>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, ref } from "vue";
-
-export default defineComponent({
-  name: "RTLSwitchBtn",
-  setup() {
-    const isRTLEnabled = ref(false);
-
-    const toggleRTL = () => {
-      isRTLEnabled.value = !isRTLEnabled.value;
-      document.body.classList.toggle("rtl", isRTLEnabled.value);
-      localStorage.setItem("isRTLEnabled", JSON.stringify(isRTLEnabled.value));
-    };
-
-    onMounted(() => {
-      const savedRTLEnabled = localStorage.getItem("isRTLEnabled");
-      if (savedRTLEnabled) {
-        isRTLEnabled.value = JSON.parse(savedRTLEnabled);
-        if (isRTLEnabled.value) {
-          document.body.classList.add("rtl");
-        }
-      }
-    });
-
-    return {
-      toggleRTL,
-      isRTLEnabled,
-    };
-  },
-});
-</script>

package/components/Login/index.vue

@@ -1,89 +0,0 @@
-<template>
-  <div class="authentication-area ptb-60">
-    <div class="container">
-      <div class="authentication-content">
-        <div class="row">
-          <div class="col-lg-5">
-            <div class="login h-100 text-center">
-              <img
-                src="~/assets/images/login.png"
-                class="h-100 object-fit-cover"
-                alt="login"
-              />
-            </div>
-          </div>
-          <div class="col-lg-7">
-            <div class="authentication-form">
-              <ul class="nav nav-tabs login-tabs" id="myTab" role="tablist">
-                <li class="nav-item" role="presentation">
-                  <NuxtLink to="/login" class="nav-link active">{{ t('auth.login') }}</NuxtLink>
-                </li>
-                <li class="nav-item" role="presentation">
-                  <NuxtLink to="/register" class="nav-link">{{ t('auth.register') }}</NuxtLink>
-                </li>
-              </ul>
-              <p>{{ t('auth.loginDescription') }}</p>
-              <form>
-                <div class="form-group mb-4">
-                  <label class="label">{{ t('auth.usernameOrEmail') }} *</label>
-                  <input
-                    type="text"
-                    class="form-control"
-                    :placeholder="t('auth.usernameOrEmail')"
-                  />
-                </div>
-                <div class="form-group mb-4">
-                  <label class="label">{{ t('auth.yourPassword') }} *</label>
-                  <input
-                    type="password"
-                    class="form-control"
-                    :placeholder="t('auth.yourPassword')"
-                  />
-                </div>
-                <div class="d-flex justify-content-between mb-4">
-                  <div class="form-check">
-                    <input
-                      class="form-check-input"
-                      type="checkbox"
-                      value=""
-                      id="flexCheckDefault"
-                    />
-                    <label class="form-check-label" for="flexCheckDefault">
-                      {{ t('auth.remember') }}
-                    </label>
-                  </div>
-                  <NuxtLink to="/forgot-password" class="text-primary">
-                    {{ t('auth.lostPassword') }}
-                  </NuxtLink>
-                </div>
-                <div class="form-group mb-4">
-                  <button
-                    type="submit"
-                    class="btn btn-warning btn-pill text-white w-100 d-block"
-                  >
-                    {{ t('auth.login') }}
-                  </button>
-                </div>
-                <div class="form-group mb-0">
-                  <p class="text-secondary ms-1 text-primary">
-                    {{ t(‘auth.noAccount’) }}
-                    <NuxtLink
-                      to="/register"
-                      class="text-decoration-none text-primary"
-                    >
-                      {{ t(‘auth.register’) }}
-                    </NuxtLink>
-                  </p>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n();
-</script>

package/components/MyAccount/index.vue

@@ -1,154 +0,0 @@
-<template>
-  <div class="authentication-area ptb-60">
-    <div class="container">
-      <div class="authentication-content">
-        <div class="row">
-          <div class="col-lg-5">
-            <div class="login h-100 text-center">
-              <img
-                src="~/assets/images/login.png"
-                class="h-100 object-fit-cover"
-                alt="login"
-              />
-            </div>
-          </div>
-          <div class="col-lg-7">
-            <div class="authentication-form">
-              <v-tabs v-model="tab" bg-color="white" class="login-tabs">
-                <v-tab value="login">{{ t('auth.login') }}</v-tab>
-                <v-tab value="register">{{ t('auth.register') }}</v-tab>
-              </v-tabs>
-
-              <v-card-text>
-                <v-tabs-window v-model="tab">
-                  <v-tabs-window-item value="login">
-                    <p>{{ t('auth.loginDescription') }}</p>
-                    <form>
-                      <div class="form-group mb-4">
-                        <label class="label">{{ t('auth.usernameOrEmail') }} *</label>
-                        <input
-                          type="text"
-                          class="form-control"
-                          :placeholder="t('auth.usernameOrEmail')"
-                        />
-                      </div>
-                      <div class="form-group mb-4">
-                        <label class="label">{{ t('auth.yourPassword') }} *</label>
-                        <input
-                          type="password"
-                          class="form-control"
-                          :placeholder="t('auth.yourPassword')"
-                        />
-                      </div>
-                      <div class="d-flex justify-content-between mb-4">
-                        <div class="form-check">
-                          <input
-                            class="form-check-input"
-                            type="checkbox"
-                            value=""
-                            id="flexCheckDefault"
-                          />
-                          <label
-                            class="form-check-label"
-                            for="flexCheckDefault"
-                          >
-                            {{ t('auth.remember') }}
-                          </label>
-                        </div>
-                        <NuxtLink to="/forgot-password" class="text-primary">
-                          {{ t('auth.lostPassword') }}
-                        </NuxtLink>
-                      </div>
-                      <div class="form-group mb-4">
-                        <button
-                          type="submit"
-                          class="btn btn-warning btn-pill text-white w-100 d-block"
-                        >
-                          {{ t('auth.login') }}
-                        </button>
-                      </div>
-                      <div class="form-group mb-0">
-                        <p class="text-secondary ms-1 text-primary">
-                          {{ t('auth.noAccount') }}
-                          <NuxtLink
-                            to="/register"
-                            class="text-decoration-none text-primary"
-                          >
-                            {{ t('auth.register') }}
-                          </NuxtLink>
-                        </p>
-                      </div>
-                    </form>
-                  </v-tabs-window-item>
-                  <v-tabs-window-item value="register">
-                    <p>{{ t('auth.loginDescription') }}</p>
-                    <form>
-                      <div class="form-group mb-4">
-                        <label class="label">{{ t('auth.username') }} *</label>
-                        <input
-                          type="text"
-                          class="form-control"
-                          :placeholder="t('auth.username')"
-                        />
-                      </div>
-                      <div class="form-group mb-4">
-                        <label class="label">{{ t('auth.email') }} *</label>
-                        <input
-                          type="email"
-                          class="form-control"
-                          :placeholder="t('auth.email')"
-                        />
-                      </div>
-                      <div class="form-group mb-4">
-                        <label class="label">{{ t('auth.password') }} *</label>
-                        <input
-                          type="password"
-                          class="form-control"
-                          :placeholder="t('auth.password')"
-                        />
-                      </div>
-                      <div class="form-group mb-4">
-                        <button
-                          type="submit"
-                          class="btn btn-warning btn-pill text-white w-100 d-block"
-                        >
-                          {{ t('auth.register') }}
-                        </button>
-                      </div>
-                      <div class="form-group mb-0">
-                        <p class="text-secondary ms-1 text-primary">
-                          {{ t('auth.haveAccount') }}
-                          <NuxtLink
-                            to="/login"
-                            class="text-decoration-none text-primary"
-                          >
-                            {{ t('auth.login') }}
-                          </NuxtLink>
-                        </p>
-                      </div>
-                    </form>
-                  </v-tabs-window-item>
-                </v-tabs-window>
-              </v-card-text>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  name: "MyAccount",
-  data: () => ({
-    tab: null,
-  }),
-  setup() {
-    const { t } = useI18n();
-    return { t };
-  },
-});
-</script>