73 lines
1.3 KiB
Vue
73 lines
1.3 KiB
Vue
<template>
|
|
<v-row>
|
|
<v-col
|
|
v-for="(item, i) in dashItems()"
|
|
:key="i"
|
|
class="d-flex child-flex"
|
|
cols="12"
|
|
sm="6"
|
|
lg="4"
|
|
xl="3"
|
|
>
|
|
<gz-dash
|
|
:title="'Dash-' + i"
|
|
:id="'dashitem-' + i"
|
|
v-on:dash-remove="dashRemove"
|
|
/>
|
|
</v-col>
|
|
</v-row>
|
|
</template>
|
|
|
|
<script>
|
|
import GzDash from "../components/dash-base.vue";
|
|
/**
|
|
*
|
|
*
|
|
* <div>
|
|
MRU + depending on role: new workorder, new client, personal workorder
|
|
list if scheduleable, or if ops then whatever ops needs or admin whatever
|
|
they need etc
|
|
</div>
|
|
*
|
|
*
|
|
*/
|
|
export default {
|
|
components: {
|
|
GzDash
|
|
},
|
|
beforeCreate() {
|
|
window.$gz.eventBus.$emit("menu-change", {
|
|
isMain: true,
|
|
icon: "$ayiTachometer",
|
|
title: "Dashboard",
|
|
helpUrl: "form-home-dashboard"
|
|
});
|
|
},
|
|
methods: {
|
|
dashItems: function() {
|
|
let ret = [];
|
|
for (var i = 0; i < 12; i++) {
|
|
ret.push({ index: i, title: `Dash ${i}` });
|
|
}
|
|
return ret;
|
|
},
|
|
dashRemove: function(item) {
|
|
console.log("home-dashboard:dashRemove", item);
|
|
}
|
|
},
|
|
data() {
|
|
return {};
|
|
// items: [
|
|
// {
|
|
// color: "#1F7087",
|
|
// title: "Supermodel"
|
|
// },
|
|
// {
|
|
// color: "#952175",
|
|
// title: "Halcyon Days"
|
|
// }
|
|
// ];
|
|
}
|
|
};
|
|
</script>
|