This commit is contained in:
2018-11-21 19:08:19 +00:00
parent b1c4274098
commit 1a9710dee5
7 changed files with 73 additions and 44 deletions

View File

@@ -1,11 +1,19 @@
<template> <template>
<v-container> <v-flex xs12 md4>
<v-layout text-xs-center wrap=""> <v-card class="elevation-5 transparent">
<v-flex mb-4> <v-card-text class="text-xs-center">
<h1 class="display-2 font-weight-bold mb-3">TOP Part assembly</h1> <v-icon x-large color="secondary">fa-heart</v-icon>
</v-flex> </v-card-text>
</v-layout> <v-card-title primary-title class="layout justify-center">
</v-container> <div class="headline">Part assembly</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
</template> </template>
<script> <script>

View File

@@ -1,11 +1,19 @@
<template> <template>
<v-container> <v-flex xs12 md4>
<v-layout text-xs-center wrap=""> <v-card class="elevation-5 transparent">
<v-flex mb-4> <v-card-text class="text-xs-center">
<h1 class="display-2 font-weight-bold mb-3">TOP Parts</h1> <v-icon x-large color="secondary">fa-cannabis</v-icon>
</v-flex> </v-card-text>
</v-layout> <v-card-title primary-title class="layout justify-center">
</v-container> <div class="headline">Parts</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
</template> </template>
<script> <script>

View File

@@ -1,11 +1,19 @@
<template> <template>
<v-container> <v-flex xs12 md4>
<v-layout text-xs-center wrap=""> <v-card class="elevation-5 transparent">
<v-flex mb-4> <v-card-text class="text-xs-center">
<h1 class="display-2 font-weight-bold mb-3">TOP Purchase orders</h1> <v-icon x-large color="secondary">fa-crow</v-icon>
</v-flex> </v-card-text>
</v-layout> <v-card-title primary-title class="layout justify-center">
</v-container> <div class="headline">Purchase orders</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
</template> </template>
<script> <script>

View File

@@ -1,11 +1,19 @@
<template> <template>
<v-container> <v-flex xs12 md4>
<v-layout text-xs-center wrap=""> <v-card class="elevation-5 transparent">
<v-flex mb-4> <v-card-text class="text-xs-center">
<h1 class="display-2 font-weight-bold mb-3">Top Warehouses</h1> <v-icon x-large color="secondary">fa-transgender-alt </v-icon>
</v-flex> </v-card-text>
</v-layout> <v-card-title primary-title class="layout justify-center">
</v-container> <div class="headline">Warehouses</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
</template> </template>
<script> <script>

View File

@@ -2,28 +2,18 @@
<v-flex xs12 md4> <v-flex xs12 md4>
<v-card class="elevation-5 transparent"> <v-card class="elevation-5 transparent">
<v-card-text class="text-xs-center"> <v-card-text class="text-xs-center">
<v-icon x-large class="blue--text text--lighten-2">fa-bell</v-icon> <v-icon x-large color="secondary">fa-user-astronaut</v-icon>
</v-card-text> </v-card-text>
<v-card-title primary-title class="layout justify-center"> <v-card-title primary-title class="layout justify-center">
<div class="headline">Top Widget</div> <div class="headline">Top Widget</div>
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
todo: make this a box / card, add the buttons for the functionality or maybe a menu inside it Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
common options on front and less common in the menu Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog? Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text> </v-card-text>
</v-card> </v-card>
</v-flex> </v-flex>
<!-- <v-container>
<v-layout text-xs-center wrap="">
<v-flex mb-4>
<h1 class="display-2 font-weight-bold mb-3">TOP WIDGET</h1>
todo: make this a box / card, add the buttons for the functionality or maybe a menu inside it
common options on front and less common in the menu
also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog?
</v-flex>
</v-layout>
</v-container>-->
</template> </template>
<script> <script>

View File

@@ -2,7 +2,7 @@
<v-layout column wrap="" class="my-5" align-center> <v-layout column wrap="" class="my-5" align-center>
<v-flex xs12> <v-flex xs12>
<v-container grid-list-xl> <v-container grid-list-xl>
<v-layout row wrap="" align-center> <v-layout row wrap="" align-top>
<WidgetTop/> <WidgetTop/>
<WidgetList/> <WidgetList/>
<WarehouseTop/> <WarehouseTop/>

View File

@@ -28,6 +28,13 @@ Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOiIxNTQyNjY5Njc3IiwiZXhwIjoi
- Test as PWA on all devices - Test as PWA on all devices
UI TODO ITEMS
- Make the copyright banner at bottom left aligned, right now it seems weird in small iPhone size when it breaks to two lines (make text smaller?)
- Stage 2 AFTER POSTED TEST ROUND COMPLETED - Stage 2 AFTER POSTED TEST ROUND COMPLETED
- Error handling at client (log? display?) - Error handling at client (log? display?)
- Notification of some kind (bell / toast) - Notification of some kind (bell / toast)