This commit is contained in:
@@ -1,5 +1,20 @@
|
||||
<template>
|
||||
<v-container>
|
||||
<v-flex xs12 md4>
|
||||
<v-card class="elevation-5 transparent">
|
||||
<v-card-text class="text-xs-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">fa-bell</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline">Top Widget</div>
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
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-card-text>
|
||||
</v-card>
|
||||
</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>
|
||||
@@ -8,7 +23,7 @@
|
||||
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>
|
||||
</v-container>-->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -1,11 +1,112 @@
|
||||
<template>
|
||||
<v-layout align-center justify-center row fill-height>
|
||||
<v-layout column wrap="" class="my-5" align-center>
|
||||
<v-flex xs12>
|
||||
<v-container grid-list-xl>
|
||||
<v-layout row wrap="" align-center>
|
||||
<WidgetTop/>
|
||||
<v-flex xs12 md4>
|
||||
<v-card class="elevation-0 transparent">
|
||||
<v-card-text class="text-xs-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">color_lens</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline text-xs-center">Material Design</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>
|
||||
<v-flex xs12 md4>
|
||||
<v-card class="elevation-0 transparent">
|
||||
<v-card-text class="text-xs-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline">Fast development</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>
|
||||
<v-flex xs12 md4>
|
||||
<v-card class="elevation-0 transparent">
|
||||
<v-card-text class="text-xs-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">build</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline text-xs-center">Completely Open Sourced</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>
|
||||
<v-flex xs12 md4>
|
||||
<v-card class="elevation-0 transparent">
|
||||
<v-card-text class="text-xs-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline">Fast development</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>
|
||||
|
||||
<v-flex xs12 md4>
|
||||
<v-card class="elevation-0 transparent">
|
||||
<v-card-text class="text-xs-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline">Fast development</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>
|
||||
|
||||
<v-flex xs12 md4>
|
||||
<v-card class="elevation-0 transparent">
|
||||
<v-card-text class="text-xs-center">
|
||||
<v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
|
||||
</v-card-text>
|
||||
<v-card-title primary-title class="layout justify-center">
|
||||
<div class="headline">Fast development</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>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<!-- <v-layout align-center justify-center row fill-height>
|
||||
<WidgetTop/>
|
||||
<PartTop/>
|
||||
<PartAssemblyTop/>
|
||||
<WarehouseTop/>
|
||||
<POTop/>
|
||||
</v-layout>
|
||||
</v-layout>-->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -52,6 +52,53 @@ SELECT NAV.INVENTORY -> SHOWS MULTIPLE TOP LEVEL UI WIDGETS RELATED TO INVENTORY
|
||||
- PART WAREHOUSES
|
||||
|
||||
|
||||
=-=-=-=-=-=
|
||||
This is a worked example to determine what UI elements should be where using the Client as the example object type:
|
||||
|
||||
CLIENT OPS
|
||||
=-=-=-=-=-
|
||||
- list
|
||||
- mass change
|
||||
- Delete
|
||||
- Tag
|
||||
- Report
|
||||
- Import / Export / Integrate
|
||||
- Notifications
|
||||
|
||||
- Report / Graph
|
||||
|
||||
- Search / Find quickly by typing in part of the name or something
|
||||
- Filter
|
||||
- Sort
|
||||
|
||||
- Single
|
||||
- CRUD
|
||||
- TAGS
|
||||
- Duplicate
|
||||
- Report / Graph
|
||||
- Notifications settings
|
||||
- Service BANK
|
||||
- CSR
|
||||
|
||||
- Show all
|
||||
- Units
|
||||
- Workorders
|
||||
- Quotes
|
||||
- PM
|
||||
- CSR
|
||||
- Service history feature for quickly seeing totals and dates (see case for deets)
|
||||
- Export / Integrate
|
||||
- Attachments
|
||||
- Wiki
|
||||
- Follow up / schedule
|
||||
- Record history (should just show in main UI I think)
|
||||
- Notes (separate collection, but maybe should be part of main edit ui)
|
||||
|
||||
|
||||
- Contracts
|
||||
- Projects
|
||||
|
||||
=-=-=-=-=-=-=-=-
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user