psw/cmc_fe
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

some styling

Browse source
This commit is contained in:
Paul Wilde 2023-03-24 12:55:23 +00:00
parent 2acb73802a
commit d565b4ab6a
3 changed files with 35 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/components/CustomerComments.vue
View file

@ -1,20 +1,25 @@
<template> <template>
<h3>Comments <v-card style="min-height:200px">
<v-btn v-if="customer.id != ''" color="warning" size="smaller" variant="text" icon="mdi-plus" @click="showAddNote"></v-btn> <v-card-title>
<v-btn v-if="customer.id != ''" color="green" size="smaller" variant="text" icon="mdi-refresh" @click="getCustomerComments" :loading="comments_loading"></v-btn> Comments
</h3> <v-btn v-if="customer.id != ''" color="warning" size="smaller" variant="text" icon="mdi-plus" @click="showAddNote"></v-btn>
<v-progress-linear color="yellow" :active="comments_loading" indeterminate> <v-btn v-if="customer.id != ''" color="green" size="smaller" variant="text" icon="mdi-refresh" @click="getCustomerComments" :loading="comments_loading"></v-btn>
</v-progress-linear> </v-card-title>
<v-list> <v-card-text>
<v-list-item v-for="item in comments" :key="item.id" :class="{ inactive : !item.active }"> <v-progress-linear color="yellow" :active="comments_loading" indeterminate>
{{ item.comment }} </v-progress-linear>
<template v-slot:append> <v-list>
<v-icon v-if="item.actioned" icon="mdi-tick" color="green" title="Actioned"></v-icon> <v-list-item v-for="item in comments" :key="item.id" :class="{ inactive : !item.active }">
<v-btn v-if="item.active" :loading="item.active_changing" @click="toggleActiveState(item)" size="small" icon="mdi-play" color="blue" title="Active"></v-btn> {{ item.comment }}
<v-btn v-if="!item.active" :loading="item.active_changing" @click="toggleActiveState(item)" size="small" icon="mdi-pause" title="Inactive"></v-btn> <template v-slot:append>
</template> <v-icon v-if="item.actioned" icon="mdi-tick" color="green" title="Actioned"></v-icon>
</v-list-item> <v-btn v-if="item.active" variant="text" :loading="item.active_changing" @click="toggleActiveState(item)" size="small" icon="mdi-play" color="blue" title="Active"></v-btn>
</v-list> <v-btn v-if="!item.active" variant="text" :loading="item.active_changing" @click="toggleActiveState(item)" size="small" icon="mdi-pause" title="Inactive"></v-btn>
</template>
</v-list-item>
</v-list>
</v-card-text>
</v-card>
<v-dialog v-model="dialog[0]"> <v-dialog v-model="dialog[0]">
<AddNote :customer="customer" @return="closeAddNote"></AddNote> <AddNote :customer="customer" @return="closeAddNote"></AddNote>
</v-dialog> </v-dialog>

17
src/components/RecentOrders.vue
View file

@ -5,11 +5,11 @@
<v-progress-linear color="blue" :active="orders_loading" indeterminate> <v-progress-linear color="blue" :active="orders_loading" indeterminate>
</v-progress-linear> </v-progress-linear>
<v-container> <v-container>
<v-row> <v-row dense>
<v-col cols=12 v-for="item in sortedOrders" :key="item.doc_no"> <v-col cols=12 v-for="item in sortedOrders" :key="item.doc_no">
<v-card :class="{ 'bg-green-lighten-5' : item.doc_status == 'Live' }"> <v-card density="compact" :class="{ 'bg-green-lighten-5' : item.doc_status == 'Live' }">
<v-row> <v-row dense>
<v-col cols=4> <v-col cols=4>
<v-card-title> <v-card-title>
Order: {{ item.doc_no }} Order: {{ item.doc_no }}
</v-card-title> </v-card-title>
@ -30,8 +30,8 @@
</template> </template>
</template> </template>
</v-card-text> </v-card-text>
</v-col> </v-col>
<v-col cols=8> <v-col>
<v-card-text> <v-card-text>
<h5>Items :</h5> <h5>Items :</h5>
<v-caption v-for="(i, index) in item.products" :key="index" style="border-bottom: 1px dotted #000;"> <v-caption v-for="(i, index) in item.products" :key="index" style="border-bottom: 1px dotted #000;">
@ -39,8 +39,9 @@
<span v-if="i.quantity != 0">x {{ i.quantity }}</span><br/> <span v-if="i.quantity != 0">x {{ i.quantity }}</span><br/>
</v-caption> </v-caption>
</v-card-text> </v-card-text>
</v-col> </v-col>
</v-row> </v-row>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

9
src/views/customers/CustomerList.vue
View file

@ -29,14 +29,14 @@
</v-card> </v-card>
</template> </template>
<template v-slot:append> <template v-slot:append>
<v-btn @click.prevent="goToContracts(item)" color="info"> <v-btn @click.prevent="goToContracts(item)" class="text-none" color="blue-lighten-1" title="View Contracts">
Contracts Contracts
<v-badge v-if="item.contract_count > 0" :content="item.contract_count"> <v-badge v-if="item.contract_count > 0" color="blue-lighten-4" floating :content="item.contract_count">
</v-badge> </v-badge>
</v-btn> </v-btn>
<v-btn @click.prevent="goToMedFeeds(item)" color="warning"> <v-btn @click.prevent="goToMedFeeds(item)" class="text-none" color="orange-lighten-1" title="View Med Feeds">
Med Feeds Med Feeds
<v-badge v-if="item.medfeed_count > 0" :content="item.medfeed_count"> <v-badge v-if="item.medfeed_count > 0" color="orange-lighten-4" floating :content="item.medfeed_count">
</v-badge> </v-badge>
</v-btn> </v-btn>
</template> </template>
@ -47,6 +47,7 @@
</v-col> </v-col>
<v-col cols="12" sm=12 lg=6> <v-col cols="12" sm=12 lg=6>
<CustomerComments :customer="selected_cust"></CustomerComments> <CustomerComments :customer="selected_cust"></CustomerComments>
<br/>
<RecentOrders :customer="selected_cust" doc_status="2"></RecentOrders> <RecentOrders :customer="selected_cust" doc_status="2"></RecentOrders>
</v-col> </v-col>
</v-row> </v-row>