This commit is contained in:
2019-11-05 23:55:09 +00:00
parent c394fd35ba
commit 20cd32ed3f
6 changed files with 177 additions and 165 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>