This commit is contained in:
@@ -1,20 +1,22 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-col cols="12" md4>
|
<v-container>
|
||||||
<v-card class="elevation-5 transparent">
|
<v-col cols="12">
|
||||||
<v-card-text class="text-center">
|
<v-card class="elevation-5 transparent">
|
||||||
<v-icon x-large color="secondary">fa-heart</v-icon>
|
<v-card-text class="text-center">
|
||||||
</v-card-text>
|
<v-icon x-large color="secondary">fa-heart</v-icon>
|
||||||
<v-card-title primary-title class="layout justify-center">
|
</v-card-text>
|
||||||
<div class="headline">Part assembly</div>
|
<v-card-title primary-title class="layout justify-center">
|
||||||
</v-card-title>
|
<div class="headline">Part assembly</div>
|
||||||
<v-card-text>
|
</v-card-title>
|
||||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
|
<v-card-text>
|
||||||
ornare. Pellentesque habitant morbi tristique senectus et netus et
|
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
|
||||||
malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
|
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
|
||||||
est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
|
||||||
</v-card-text>
|
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||||
</v-card>
|
</v-card-text>
|
||||||
</v-col>
|
</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,20 +1,22 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-col cols="12" md4>
|
<v-container>
|
||||||
<v-card class="elevation-5 transparent">
|
<v-col cols="12">
|
||||||
<v-card-text class="text-center">
|
<v-card class="elevation-5 transparent">
|
||||||
<v-icon x-large color="secondary">fa-cannabis</v-icon>
|
<v-card-text class="text-center">
|
||||||
</v-card-text>
|
<v-icon x-large color="secondary">fa-cannabis</v-icon>
|
||||||
<v-card-title primary-title class="layout justify-center">
|
</v-card-text>
|
||||||
<div class="headline">Parts</div>
|
<v-card-title primary-title class="layout justify-center">
|
||||||
</v-card-title>
|
<div class="headline">Parts</div>
|
||||||
<v-card-text>
|
</v-card-title>
|
||||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
|
<v-card-text>
|
||||||
ornare. Pellentesque habitant morbi tristique senectus et netus et
|
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
|
||||||
malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
|
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
|
||||||
est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
|
||||||
</v-card-text>
|
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||||
</v-card>
|
</v-card-text>
|
||||||
</v-col>
|
</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,20 +1,22 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-col cols="12">
|
<v-container>
|
||||||
<v-card class="elevation-5 transparent">
|
<v-col cols="12">
|
||||||
<v-card-text class="text-center">
|
<v-card class="elevation-5 transparent">
|
||||||
<v-icon x-large color="secondary">fa-crow</v-icon>
|
<v-card-text class="text-center">
|
||||||
</v-card-text>
|
<v-icon x-large color="secondary">fa-crow</v-icon>
|
||||||
<v-card-title primary-title class="layout justify-center">
|
</v-card-text>
|
||||||
<div class="headline">Purchase orders</div>
|
<v-card-title primary-title class="layout justify-center">
|
||||||
</v-card-title>
|
<div class="headline">Purchase orders</div>
|
||||||
<v-card-text>
|
</v-card-title>
|
||||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
|
<v-card-text>
|
||||||
ornare. Pellentesque habitant morbi tristique senectus et netus et
|
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
|
||||||
malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
|
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
|
||||||
est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
|
||||||
</v-card-text>
|
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||||
</v-card>
|
</v-card-text>
|
||||||
</v-col>
|
</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,20 +1,22 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-col cols="12">
|
<v-container>
|
||||||
<v-card class="elevation-5 transparent">
|
<v-col cols="12">
|
||||||
<v-card-text class="text-center">
|
<v-card class="elevation-5 transparent">
|
||||||
<v-icon x-large color="secondary">fa-heart </v-icon>
|
<v-card-text class="text-center">
|
||||||
</v-card-text>
|
<v-icon x-large color="secondary">fa-heart </v-icon>
|
||||||
<v-card-title primary-title class="layout justify-center">
|
</v-card-text>
|
||||||
<div class="headline">Warehouses</div>
|
<v-card-title primary-title class="layout justify-center">
|
||||||
</v-card-title>
|
<div class="headline">Warehouses</div>
|
||||||
<v-card-text>
|
</v-card-title>
|
||||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
|
<v-card-text>
|
||||||
ornare. Pellentesque habitant morbi tristique senectus et netus et
|
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
|
||||||
malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
|
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
|
||||||
est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
|
||||||
</v-card-text>
|
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||||
</v-card>
|
</v-card-text>
|
||||||
</v-col>
|
</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,90 +1,92 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-row align-center v-if="this.formState.ready">
|
<v-container>
|
||||||
<v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
|
<div v-if="this.formState.ready">
|
||||||
<v-alert
|
<v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
|
||||||
ref="errorbox"
|
<v-alert
|
||||||
v-show="formState.errorBoxMessage"
|
ref="errorbox"
|
||||||
color="error"
|
v-show="formState.errorBoxMessage"
|
||||||
icon="fa-exclamation-circle "
|
color="error"
|
||||||
value="true"
|
icon="fa-exclamation-circle "
|
||||||
transition="scale-transition"
|
value="true"
|
||||||
class="multi-line"
|
transition="scale-transition"
|
||||||
outlined
|
class="multi-line"
|
||||||
>{{ formState.errorBoxMessage }}</v-alert
|
outlined
|
||||||
>
|
>{{ formState.errorBoxMessage }}</v-alert
|
||||||
</v-col>
|
|
||||||
<v-col cols="12">
|
|
||||||
<div v-if="this.formState.ready">
|
|
||||||
<v-toolbar flat>
|
|
||||||
<v-toolbar-title>
|
|
||||||
<v-icon large color="primary">fa-splotch</v-icon>
|
|
||||||
<span class="hidden-sm-and-down">{{ lt("WidgetList") }}</span>
|
|
||||||
</v-toolbar-title>
|
|
||||||
<v-spacer></v-spacer>
|
|
||||||
<v-btn v-if="this.rights.change" icon @click="newItem()">
|
|
||||||
<v-icon>fa-plus-circle</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<v-btn icon @click="filterMe()">
|
|
||||||
<v-icon>fa-filter</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<v-btn icon @click="getDataFromApi()">
|
|
||||||
<v-icon>fa-sync</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<v-btn icon>
|
|
||||||
<v-icon>fa-ellipsis-v</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</v-toolbar>
|
|
||||||
<v-data-table
|
|
||||||
v-model="selected"
|
|
||||||
:headers="headers"
|
|
||||||
:items="Items"
|
|
||||||
item-key="id"
|
|
||||||
:options.sync="localFormSettings.pagination"
|
|
||||||
:server-items-length="totalItems"
|
|
||||||
:loading="loading"
|
|
||||||
show-select
|
|
||||||
class="elevation-1"
|
|
||||||
:footer-props="{
|
|
||||||
itemsPerPageOptions: rowsPerPageItems,
|
|
||||||
itemsPerPageText: lt('RowsPerPage')
|
|
||||||
}"
|
|
||||||
>
|
>
|
||||||
<template slot="item" slot-scope="props">
|
</v-col>
|
||||||
<tr>
|
<v-col cols="12">
|
||||||
<td>
|
<div class="elevation-5" v-if="this.formState.ready">
|
||||||
<v-checkbox
|
<v-toolbar flat>
|
||||||
v-model="props.selected"
|
<v-toolbar-title>
|
||||||
primary
|
<v-icon large color="primary">fa-splotch</v-icon>
|
||||||
hide-details
|
<span class="hidden-sm-and-down">{{ lt("WidgetList") }}</span>
|
||||||
></v-checkbox>
|
</v-toolbar-title>
|
||||||
</td>
|
<v-spacer></v-spacer>
|
||||||
<td class="text-xs-left" @click="editItem(props.item)">
|
<v-btn v-if="this.rights.change" icon @click="newItem()">
|
||||||
{{ props.item.name | capitalize }}
|
<v-icon>fa-plus-circle</v-icon>
|
||||||
</td>
|
</v-btn>
|
||||||
<td class="text-xs-left" @click="editItem(props.item)">
|
<v-btn icon @click="filterMe()">
|
||||||
{{ props.item.serial }}
|
<v-icon>fa-filter</v-icon>
|
||||||
</td>
|
</v-btn>
|
||||||
<td class="text-xs-left" @click="editItem(props.item)">
|
<v-btn icon @click="getDataFromApi()">
|
||||||
{{ props.item.dollarAmount | currency }}
|
<v-icon>fa-sync</v-icon>
|
||||||
</td>
|
</v-btn>
|
||||||
<td class="text-xs-left" @click="editItem(props.item)">
|
<v-btn icon>
|
||||||
{{ props.item.active | boolastext }}
|
<v-icon>fa-ellipsis-v</v-icon>
|
||||||
</td>
|
</v-btn>
|
||||||
<td class="text-xs-left" @click="editItem(props.item)">
|
</v-toolbar>
|
||||||
{{ props.item.roles }}
|
<v-data-table
|
||||||
</td>
|
v-model="selected"
|
||||||
<td class="text-xs-left" @click="editItem(props.item)">
|
:headers="headers"
|
||||||
{{ props.item.startDate | shortdate }}
|
:items="Items"
|
||||||
</td>
|
item-key="id"
|
||||||
<td class="text-xs-left" @click="editItem(props.item)">
|
:options.sync="localFormSettings.pagination"
|
||||||
{{ props.item.endDate | shortdate }}
|
:server-items-length="totalItems"
|
||||||
</td>
|
:loading="loading"
|
||||||
</tr>
|
show-select
|
||||||
</template>
|
class="elevation-1"
|
||||||
</v-data-table>
|
:footer-props="{
|
||||||
</div>
|
itemsPerPageOptions: rowsPerPageItems,
|
||||||
</v-col>
|
itemsPerPageText: lt('RowsPerPage')
|
||||||
</v-row>
|
}"
|
||||||
|
>
|
||||||
|
<template slot="item" slot-scope="props">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<v-checkbox
|
||||||
|
v-model="props.selected"
|
||||||
|
primary
|
||||||
|
hide-details
|
||||||
|
></v-checkbox>
|
||||||
|
</td>
|
||||||
|
<td class="text-xs-left" @click="editItem(props.item)">
|
||||||
|
{{ props.item.name | capitalize }}
|
||||||
|
</td>
|
||||||
|
<td class="text-xs-left" @click="editItem(props.item)">
|
||||||
|
{{ props.item.serial }}
|
||||||
|
</td>
|
||||||
|
<td class="text-xs-left" @click="editItem(props.item)">
|
||||||
|
{{ props.item.dollarAmount | currency }}
|
||||||
|
</td>
|
||||||
|
<td class="text-xs-left" @click="editItem(props.item)">
|
||||||
|
{{ props.item.active | boolastext }}
|
||||||
|
</td>
|
||||||
|
<td class="text-xs-left" @click="editItem(props.item)">
|
||||||
|
{{ props.item.roles }}
|
||||||
|
</td>
|
||||||
|
<td class="text-xs-left" @click="editItem(props.item)">
|
||||||
|
{{ props.item.startDate | shortdate }}
|
||||||
|
</td>
|
||||||
|
<td class="text-xs-left" @click="editItem(props.item)">
|
||||||
|
{{ props.item.endDate | shortdate }}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</v-data-table>
|
||||||
|
</div>
|
||||||
|
</v-col>
|
||||||
|
</div>
|
||||||
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -18,22 +18,24 @@
|
|||||||
<POTop />
|
<POTop />
|
||||||
<PartTop />
|
<PartTop />
|
||||||
<PartAssemblyTop />
|
<PartAssemblyTop />
|
||||||
<v-col cols="12" md4>
|
<v-container>
|
||||||
<v-card class="elevation-0 transparent">
|
<v-col cols="12" md4>
|
||||||
<v-card-text class="text-center">
|
<v-card class="elevation-0 transparent">
|
||||||
<v-icon x-large color="accent">fa-lightbulb</v-icon>
|
<v-card-text class="text-center">
|
||||||
</v-card-text>
|
<v-icon x-large color="accent">fa-lightbulb</v-icon>
|
||||||
<v-card-title primary-title class="layout justify-center">
|
</v-card-text>
|
||||||
<div class="headline text-center">Material Design</div>
|
<v-card-title primary-title class="layout justify-center">
|
||||||
</v-card-title>
|
<div class="headline text-center">Material Design</div>
|
||||||
<v-card-text>
|
</v-card-title>
|
||||||
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
|
<v-card-text>
|
||||||
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
|
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
|
||||||
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
|
tincidunt ornare. Pellentesque habitant morbi tristique senectus et
|
||||||
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
|
||||||
</v-card-text>
|
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
|
||||||
</v-card>
|
</v-card-text>
|
||||||
</v-col>
|
</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-container>
|
||||||
</v-row>
|
</v-row>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user