@lancom/shared 0.0.105 → 0.0.106

package/components/pricing/pricing_print/discounts_table/discounts-table.vue

@@ -1,91 +0,0 @@
-<template>
-  <table
-    class="lc_table col-1-highlighted col-1-stripedless"
-    :class="{ striped }">
-    <thead class="centered">
-      <tr>
-        <th>&nbsp;</th>
-        <th v-if="visibleSleeve">
-          6x6
-          <i
-            v-tooltip="{ content: 'Sleeve prints only by request' }"
-            class="icon-info-circled DiscountsTable__info">
-          </i>
-        </th>
-        <th>10x10</th>
-        <th>Half-A4</th>
-        <th>A4</th>
-        <th>A3</th>
-      </tr>
-    </thead>
-    <tbody class="centered">
-      <tr
-        v-for="range in defaultPricing"
-        :key="range.min">
-        <td class="pull-left">
-          {{ range.max >= 9999 ? `${range.min}+` : `${range.min}-${range.max}` }}
-        </td>
-        <td v-if="visibleSleeve">
-          &mdash;
-        </td>
-        <td> {{ priceInRange(prices['rect10_l'], range.min) | tax(pricingSettings.gstTax) | price }}</td>
-        <td> {{ priceInRange(prices['half_a4_h'], range.min) | tax(pricingSettings.gstTax) | price }}</td>
-        <td> {{ priceInRange(prices['a4_v'], range.min) | tax(pricingSettings.gstTax) | price }}</td>
-        <td> {{ priceInRange(prices['a3'], range.min) | tax(pricingSettings.gstTax) | price }}</td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-
-<script>
-import { mapGetters } from 'vuex';
-import { price, priceInRange, tax } from '@lancom/shared/assets/js/utils/filters';
-import ContactUs from '@lancom/shared/components/asides/contact_us/contact-us';
-import { getProductPrintsAreasPrices } from '@lancom/shared/assets/js/models/print-area';
-
-export default {
-  name: 'DiscountsTable',
-  filters: {
-    price,
-    tax
-  },
-  props: {
-    product: {
-      type: Object
-    },
-    visibleSleeve: {
-      type: Boolean,
-      default: true
-    },
-    striped: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'pricingSettings'
-    ]),
-    ...mapGetters('product', [
-      'printsPricing'
-    ]),
-    defaultPricing() {
-      const defailtKey = Object.keys(this.prices)[0];
-      return this.prices[defailtKey] || [];
-    },
-    prices() {
-      return this.product ? getProductPrintsAreasPrices(this.product) : this.printsPricing;
-    }
-  },
-  methods: {
-    contactUs() {
-      this.$aside.show(ContactUs);
-    },
-    priceInRange
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'discounts-table';
-</style>

package/components/pricing/pricing_screen_print/discounts_table/discounts-table.scss

@@ -1,14 +0,0 @@
-@import "@/assets/scss/variables";
-
-table.DiscountsTable td,
-table.DiscountsTable th {
-    @media (max-width: $bp-extra-small-max) {
-      font-size: 7px !important;
-    }
-}
-
-table.DiscountsTable:not(.tight-rows) tr {
-  @media (max-width: $bp-extra-small-max) {    
-    height: 30px;
-  }
-}

package/components/pricing/pricing_screen_print/discounts_table/discounts-table.vue

@@ -1,78 +0,0 @@
-<template>
-  <table
-    class="DiscountsTable lc_table col-1-highlighted col-1-stripedless bordered striped">
-    <thead class="centered">
-      <tr class="stripped">
-        <th
-          :colspan="1 + columns.length"
-          class="lc_semibold20">
-          $55 setup per colour + print cost per item, size does not matter.
-        </th>
-      </tr>
-      <tr class="stripped">
-        <th>&nbsp;</th>
-        <th
-          v-for="column in columns"
-          :key="column">
-          {{ parseInt(column) }}
-          <span class="hidden-sm-and-down">
-            {{ parseInt(column) > 1 ? 'colours' : 'colour' }}
-          </span>
-        </th>
-      </tr>
-    </thead>
-    <tbody class="centered">
-      <tr
-        v-for="range in screenPrintsPrices['1_color']"
-        :key="range.min">
-        <td class="fill">
-          {{ !range.max ? `${range.min}+` : `${range.min}-${range.max}` }}
-        </td>
-        <td
-          v-for="column in columns"
-          :key="`${range.min}__${column}`">
-          {{ priceInRange(screenPrintsPrices[column], range.min) | tax(pricingSettings.gstTax) | price }}
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-
-<script>
-import { mapGetters } from 'vuex';
-import { price, priceInRange, tax } from '@lancom/shared/assets/js/utils/filters';
-
-export default {
-  name: 'DiscountsTable',
-  filters: {
-    price,
-    tax
-  },
-  props: {
-    visibleSleeve: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'screenPrintsPrices',
-      'pricingSettings'
-    ]),
-    columns() {
-      return Object.keys(this.screenPrintsPrices);
-    }
-  },
-  methods: {
-    priceInRange,
-    getColumnName(column) {
-      const count = parseInt(column);
-      return `${count} colour${count > 1 ? 's' : ''}`;
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-@import 'discounts-table';
-</style>