ticket btn & pagination

This commit is contained in:
shokouhi
2020-07-06 11:59:23 +04:30
parent 7918610072
commit 3f8ee6da08
6 changed files with 25 additions and 22 deletions
+1 -1
View File
@@ -203,7 +203,7 @@ export default {
sortable: false, sortable: false,
text: "Action", text: "Action",
value: "action", value: "action",
align: "right" align: "left"
} }
], ],
filter: {}, filter: {},
+2 -2
View File
@@ -128,7 +128,7 @@
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link to="/dashboard"> <router-link to="/dashboard">
@@ -174,7 +174,7 @@ export default {
sortable: false, sortable: false,
text: "Action", text: "Action",
value: "action", value: "action",
align: "right" align: "left"
} }
], ],
filter: { filter: {
+1 -1
View File
@@ -176,7 +176,7 @@ export default {
sortable: false, sortable: false,
text: "Action", text: "Action",
value: "action", value: "action",
align: "right" align: "left"
} }
], ],
filter: {}, filter: {},
+1 -1
View File
@@ -173,7 +173,7 @@ export default {
sortable: false, sortable: false,
text: "Action", text: "Action",
value: "action", value: "action",
align: "right" align: "left"
} }
], ],
filter: { filter: {
+1 -12
View File
@@ -127,17 +127,6 @@
<v-layout class="px-4 my-3"> <v-layout class="px-4 my-3">
<v-divider></v-divider> <v-divider></v-divider>
</v-layout> </v-layout>
<!-- <v-tooltip bottom open-on-hover>
<template #activator>
<v-btn
color="primary"
dark
v-bind="attrs"
v-on="on"
>Button</v-btn>
</template>
<span>Tooltip</span>
</v-tooltip> -->
<v-layout align-center wrap class="px-5 my-2"> <v-layout align-center wrap class="px-5 my-2">
<v-flex md12> <v-flex md12>
<v-data-table :headers="headers" :items="items" hide-actions> <v-data-table :headers="headers" :items="items" hide-actions>
@@ -294,7 +283,7 @@ export default {
sortable: false, sortable: false,
text: "Action", text: "Action",
value: "action", value: "action",
align: "right" align: "left"
} }
], ],
filter: { filter: {
+19 -5
View File
@@ -38,23 +38,37 @@
>{{ item.unread_messages_count }} unread</span> >{{ item.unread_messages_count }} unread</span>
</span> </span>
</td> </td>
<td class="text-xs-right"> <td class="text-xs-left FlexBtn">
<v-tooltip bottom open-on-hover>
<template v-slot:activator="{ on, attrs }">
<v-btn <v-btn
color="pink" color="cyan"
@click="showmessages(item.id)" @click="showmessages(item.id)"
class="WM-ActionButton" class="WM-ActionButton"
v-bind="attrs"
v-on="on"
> >
<v-icon class="white--text mr-2 caption">fas fa-chevron-right</v-icon> <v-icon class="white--text mr-2 caption">fas fa-eye</v-icon>
<span>Show Message</span> <span>Show Message</span>
</v-btn> </v-btn>
</template>
<span>Show Message</span>
</v-tooltip>
<v-tooltip bottom open-on-hover>
<template v-slot:activator="{ on, attrs }">
<v-btn <v-btn
color="pink" color="pink"
@click="remove(item.id)" @click="remove(item.id)"
class="WM-ActionButton" class="WM-ActionButton"
v-bind="attrs"
v-on="on"
> >
<v-icon class="white--text mr-2 caption">fas fa-trash</v-icon> <v-icon class="white--text mr-2 caption">fas fa-trash</v-icon>
<span>delete</span> <span>delete</span>
</v-btn> </v-btn>
</template>
<span>delete</span>
</v-tooltip>
</td> </td>
</template> </template>
</v-data-table> </v-data-table>
@@ -62,7 +76,7 @@
</v-layout> </v-layout>
<v-divider></v-divider> <v-divider></v-divider>
<div class="text-xs-center" v-if="lastPage > 1"> <div class="text-xs-center" v-if="lastPage > 1">
<v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination> <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
</div> </div>
<v-layout row wrap align-center justify-center class="mt-3"> <v-layout row wrap align-center justify-center class="mt-3">
<router-link :to="{name: 'Dashboard'}"> <router-link :to="{name: 'Dashboard'}">
@@ -102,7 +116,7 @@ export default {
sortable: false, sortable: false,
text: "Action", text: "Action",
value: "action", value: "action",
align: "right" align: "left"
} }
], ],
filter: { filter: {