some styling
This commit is contained in:
parent
2acb73802a
commit
d565b4ab6a
3 changed files with 35 additions and 28 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue