summaryrefslogtreecommitdiff
path: root/iridescence/src/components/InventoryCard.vue
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/InventoryCard.vue')
-rw-r--r--iridescence/src/components/InventoryCard.vue55
1 files changed, 0 insertions, 55 deletions
diff --git a/iridescence/src/components/InventoryCard.vue b/iridescence/src/components/InventoryCard.vue
deleted file mode 100644
index 6bcc548..0000000
--- a/iridescence/src/components/InventoryCard.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
- <div id="inventoryCard">
- <div class="card">
- <div class="card-image">
- <figure class="image is-4by3">
- <img
- src="https://bulma.io/images/placeholders/1280x960.png"
- :alt="name"
- />
- </figure>
- </div>
- <div class="card-content">
- <div class="content">
- <p class="title is-4">{{ name }}</p>
- <p class="subtitle is-4">
- {{ dollars(cents) }}
- </p>
- <p class="subtitle is-6">{{ stock }}</p>
- </div>
-
- <div class="content">
- {{ description }}
- </div>
- </div>
- </div>
- </div>
-</template>
-
-<script>
-export default {
- name: "InventoryCard",
- props: {
- id: Number,
- name: String,
- quantity: Number,
- cents: Number,
- imgPath: String,
- description: String
- },
- computed: {
- stock() {
- if (this.quantity < 0) {
- return "Made to order";
- } else if (this.quantity == 0) {
- return "Out of stock";
- } else {
- return [this.quantity, "in stock"].join(" ");
- }
- }
- },
- methods: {
- dollars: cents => "$ " + (cents / 100).toFixed(2)
- }
-};
-</script>