You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.9 KiB
64 lines
1.9 KiB
<template>
|
|
<v-container fluid>
|
|
<div class="Tile Shadowed Padd-0 WM-Margin-B-10" >
|
|
<wm-breadcrumbs LinkClass="WM-Link-Cyan" :items="breadcrumbItems"></wm-breadcrumbs>
|
|
</div>
|
|
|
|
<div class="Tile Shadowed">
|
|
<WM-PartTitle class="WM-Margin-T-20" TitleFa=" محصولات و خدمات من " TitleEn=" My Products & Services " Color="red"></WM-PartTitle>
|
|
<wm-item-filter></wm-item-filter>
|
|
<v-layout row wrap>
|
|
<wm-item-tile v-for="(item, index) in items" :key="index">
|
|
</wm-item-tile>
|
|
</v-layout>
|
|
<router-link to="AddItem">
|
|
<v-btn large fab color="cyan" fixed bottom left dark style="left:5%"><v-icon dark>fas fa-plus</v-icon></v-btn>
|
|
</router-link>
|
|
</div>
|
|
</v-container>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
import Tile from '@Business/components/Items/Tile';
|
|
import Filters from '@Business/components/Items/Filters';
|
|
export default {
|
|
components: {
|
|
'wm-item-tile':Tile,
|
|
'wm-item-filter':Filters,
|
|
},
|
|
data: function () {
|
|
return {
|
|
items: [
|
|
{ message: 'Foo' },
|
|
{ message: 'Bar' },
|
|
{ message: 'Bar' },
|
|
{ message: 'Bar' },
|
|
{ message: 'Bar' },
|
|
{ message: 'Bar' },
|
|
{ message: 'Bar' },
|
|
{ message: 'Bar' },
|
|
{ message: 'Bar' },
|
|
],
|
|
breadcrumbItems: [
|
|
{
|
|
text: '',
|
|
disabled: false,
|
|
href: 'Home',
|
|
icon: 'home'
|
|
},
|
|
{
|
|
text: 'محصولات و خدمات من',
|
|
disabled: true,
|
|
href: 'Items'
|
|
},
|
|
]
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
</style>
|