diff options
author | Adam T. Carpenter <atc@53hor.net> | 2022-10-26 21:02:31 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2022-10-26 21:02:31 -0400 |
commit | 9f3098e80c6b6c87e9bfbfe36239a39e5cafb29f (patch) | |
tree | db9ca419266117facecdff6d30460669f3148efb /iridescence/src/components/Navbar.vue | |
parent | f243a3b7341012227d6e8342a65f9c5d7784256f (diff) | |
download | theglassyladies-9f3098e80c6b6c87e9bfbfe36239a39e5cafb29f.tar.xz theglassyladies-9f3098e80c6b6c87e9bfbfe36239a39e5cafb29f.zip |
init: add some stories and personas and begin layout out domain
Diffstat (limited to 'iridescence/src/components/Navbar.vue')
-rw-r--r-- | iridescence/src/components/Navbar.vue | 114 |
1 files changed, 0 insertions, 114 deletions
diff --git a/iridescence/src/components/Navbar.vue b/iridescence/src/components/Navbar.vue deleted file mode 100644 index 3a3390c..0000000 --- a/iridescence/src/components/Navbar.vue +++ /dev/null @@ -1,114 +0,0 @@ -<template> - <div id="navbar"> - <nav class="navbar is-fixed-top is-primary"> - <div class="navbar-brand"> - <router-link to="/" class="navbar-item"> - <img src="@/assets/logo_sm.png" /> - <div class="navbar-item"> - <span style="color: white"> - The Glassy Ladies - </span> - </div> - </router-link> - <a class="navbar-burger burger" v-on:click="toggleNavMenu"> - <span></span> - <span></span> - <span></span> - </a> - </div> - <div :class="navMenu"> - <div class="navbar-start"> - <router-link to="/faq" class="navbar-item"> - F.A.Q. - </router-link> - <router-link to="/about" class="navbar-item"> - About Us - </router-link> - <router-link to="/care" class="navbar-item"> - Care & Handling - </router-link> - <router-link to="/privacy" class="navbar-item"> - Privacy Policy - </router-link> - <router-link to="/admin" class="navbar-item"> - Inventory - </router-link> - </div> - - <transition - mode="out-in" - enter-active-class="animate__animated animate__flipInX" - leave-active-class="animate__animated animate__flipOutX" - > - <div - class="navbar-end" - v-if="routeName != 'Administration'" - key="cartCheckout" - > - <div - class="navbar-item has-dropdown is-active" - v-for="category in categories" - :key="category" - > - <div class="navbar-link"> - {{ category }} - </div> - </div> - - <div class="navbar-item"> - <CartCheckout></CartCheckout> - </div> - </div> - </transition> - </div> - </nav> - </div> -</template> - -<script> -import CartCheckout from "@/components/CartCheckout.vue"; - -export default { - name: "Navbar", - components: { - CartCheckout - }, - data() { - return { - isMenuActive: false - }; - }, - computed: { - navMenu() { - if (this.isMenuActive) { - return "navbar-menu is-active"; - } else { - return "navbar-menu"; - } - }, - categories() { - //const raw = this.$store.getters.products.map(p => p.category.split("/")); - //const raw = [ - // [1, 2, 3], - // [1, 2, 4], - // [1, 5], - // [6, 7] - //]; - return []; - }, - routeName() { - return this.$route.name; - } - }, - methods: { - generateCategories() { - let results = []; - - return results; - }, - toggleNavMenu() { - this.isMenuActive = !this.isMenuActive; - } - } -}; -</script> |