diff options
Diffstat (limited to 'iridescence/src/components/InventoryCard.vue')
-rw-r--r-- | iridescence/src/components/InventoryCard.vue | 55 |
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> |