This commit is contained in:
@@ -1,5 +1,20 @@
|
|||||||
<template>
|
<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-layout text-xs-center wrap="">
|
||||||
<v-flex mb-4>
|
<v-flex mb-4>
|
||||||
<h1 class="display-2 font-weight-bold mb-3">TOP WIDGET</h1>
|
<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?
|
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-flex>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
</v-container>
|
</v-container>-->
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,11 +1,112 @@
|
|||||||
<template>
|
<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/>
|
<WidgetTop/>
|
||||||
<PartTop/>
|
<PartTop/>
|
||||||
<PartAssemblyTop/>
|
<PartAssemblyTop/>
|
||||||
<WarehouseTop/>
|
<WarehouseTop/>
|
||||||
<POTop/>
|
<POTop/>
|
||||||
</v-layout>
|
</v-layout>-->
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -52,6 +52,53 @@ SELECT NAV.INVENTORY -> SHOWS MULTIPLE TOP LEVEL UI WIDGETS RELATED TO INVENTORY
|
|||||||
- PART WAREHOUSES
|
- 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