summaryrefslogtreecommitdiff
path: root/iridescence/src/components
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-10-03 12:31:25 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-10-03 12:31:25 -0400
commit8a8aae4763e575cfdb268dc602a0cebd9581f138 (patch)
tree37199155205da6959259c1c6782db0cab19129d1 /iridescence/src/components
parentdb09b5a6fa8dd8c0039ec97a4864420e3f38e4ee (diff)
downloadtheglassyladies-8a8aae4763e575cfdb268dc602a0cebd9581f138.tar.xz
theglassyladies-8a8aae4763e575cfdb268dc602a0cebd9581f138.zip
started data uri parsing with dichroism
Diffstat (limited to 'iridescence/src/components')
-rw-r--r--iridescence/src/components/Navbar.vue50
-rw-r--r--iridescence/src/components/admin/NewProduct.vue27
-rw-r--r--iridescence/src/components/admin/ProductEditCard.vue17
3 files changed, 52 insertions, 42 deletions
diff --git a/iridescence/src/components/Navbar.vue b/iridescence/src/components/Navbar.vue
index c4e9c35..0a66fa8 100644
--- a/iridescence/src/components/Navbar.vue
+++ b/iridescence/src/components/Navbar.vue
@@ -29,34 +29,44 @@
</router-link>
</div>
- <div class="navbar-end" v-if="routeName == 'Administration'">
- <div class="navbar-item">
- <NewProduct></NewProduct>
- </div>
- </div>
- <div class="navbar-end" v-else>
+ <transition
+ mode="out-in"
+ enter-active-class="animate__animated animate__flipInX"
+ leave-active-class="animate__animated animate__flipOutX"
+ >
<div
- class="navbar-item has-dropdown is-active"
- v-for="category in categories.keys()"
- :key="category"
+ class="navbar-end"
+ v-if="routeName == 'Administration'"
+ key="newProduct"
>
- <div class="navbar-link">
- {{ category }}
+ <div class="navbar-item">
+ <NewProduct></NewProduct>
</div>
-
+ </div>
+ <div class="navbar-end" v-else key="cartCheckout">
<div
- class="navbar-dropdown"
- v-for="subcategory in categories.get(category)"
- :key="subcategory"
+ class="navbar-item has-dropdown is-active"
+ v-for="category in categories.keys()"
+ :key="category"
>
- {{ subcategory }}
+ <div class="navbar-link">
+ {{ category }}
+ </div>
+
+ <div
+ class="navbar-dropdown"
+ v-for="subcategory in categories.get(category)"
+ :key="subcategory"
+ >
+ {{ subcategory }}
+ </div>
</div>
- </div>
- <div class="navbar-item">
- <CartCheckout></CartCheckout>
+ <div class="navbar-item">
+ <CartCheckout></CartCheckout>
+ </div>
</div>
- </div>
+ </transition>
</div>
</nav>
</div>
diff --git a/iridescence/src/components/admin/NewProduct.vue b/iridescence/src/components/admin/NewProduct.vue
index 1cc43cd..8c45f0b 100644
--- a/iridescence/src/components/admin/NewProduct.vue
+++ b/iridescence/src/components/admin/NewProduct.vue
@@ -3,20 +3,15 @@
<button class="button is-primary" @click="toggleModal">
+ Add New
</button>
- <div class="modal is-active" v-if="modalEnabled">
- <transition
- name="modalTransition"
- enter-active-class="animate__animated animate__animate__fadeIn animate__faster"
- leave-active-class="animate__animated animate__animate__fadeOut animate__faster"
- >
- <div class="modal-background" v-if="modalEnabled"></div>
- </transition>
- <transition
- name="cardTransition"
- enter-active-class="animate__animated animate__fadeInDownBig animate__faster"
- leave-active-class="animate__animated animate__animate__fadeOut animate__faster"
- >
- <div class="modal-card" v-if="modalEnabled">
+ <transition
+ enter-active-class="animate__animated animate__fadeIn animate__faster"
+ leave-active-class="animate__animated animate__fadeOut animate__faster"
+ >
+ <div class="modal is-active" v-if="modalEnabled">
+ <div class="modal-background"></div>
+ <div
+ class="modal-card animate__animated animate__slideInDown animate__faster"
+ >
<header class="modal-card-head">
<p class="modal-card-title">Add a new product</p>
<button class="delete" @click="toggleModal"></button>
@@ -26,8 +21,8 @@
</section>
<footer class="modal-card-foot"></footer>
</div>
- </transition>
- </div>
+ </div>
+ </transition>
</div>
</template>
diff --git a/iridescence/src/components/admin/ProductEditCard.vue b/iridescence/src/components/admin/ProductEditCard.vue
index eb4958d..8d1eb3d 100644
--- a/iridescence/src/components/admin/ProductEditCard.vue
+++ b/iridescence/src/components/admin/ProductEditCard.vue
@@ -102,13 +102,18 @@
>{{ fileProgress }}%</progress
>
</div>
- <div class="card-footer">
- <div class="card-footer-item" v-if="isDifferent && isValid">
- <button class="button is-primary is-fullwidth" @click="saveProduct">
- Save
- </button>
+ <transition
+ enter-active-class="animate__animated animate__fadeIn"
+ leave-active-class="animate__animated animate__fadeOut"
+ >
+ <div class="card-footer" v-if="isDifferent && isValid">
+ <div class="card-footer-item">
+ <button class="button is-primary is-fullwidth" @click="saveProduct">
+ Save
+ </button>
+ </div>
</div>
- </div>
+ </transition>
</div>
</div>
</template>