39 lines
995 B
Vue
39 lines
995 B
Vue
<template>
|
|
<template v-if="!maxByLine">
|
|
<!-- XL -->
|
|
<div v-if="isMultOf(rowIndex, 6)" class="col-12 shelf d-none d-xl-flex" />
|
|
<!-- LG -->
|
|
<div v-if="isMultOf(rowIndex, 4)" class="col-12 shelf d-none d-lg-flex d-xl-none" />
|
|
<!-- MD -->
|
|
<div v-if="isMultOf(rowIndex, 3)" class="col-12 shelf d-none d-md-flex d-lg-none" />
|
|
<!-- SM -->
|
|
<div v-if="isMultOf(rowIndex, 2)" class="col-12 shelf d-none d-sm-flex d-md-none" />
|
|
</template>
|
|
<template v-else>
|
|
<div v-if="isMultOf(rowIndex, maxByLine)" class="col-12 shelf" />
|
|
</template>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from "vue";
|
|
|
|
export default defineComponent({
|
|
name: "ShelfRow",
|
|
props: {
|
|
rowIndex: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
maxByLine: {
|
|
type: Number,
|
|
required: true,
|
|
default: 0,
|
|
},
|
|
},
|
|
methods: {
|
|
isMultOf(numerator:number, divider: number):boolean {
|
|
return numerator % divider === 0;
|
|
}
|
|
}
|
|
});
|
|
</script>
|