cssd-doc/cssd-back
1
0
Fork 0
mirror of https://git.meshkee.com/cssd/cssd-back.git synced 2026-10-13 06:51:07 +03:30
Code Issues Packages Projects Releases Wiki Activity

new edit

Browse Source
This commit is contained in:
Shokouhi
2019-07-02 12:37:41 +04:30
parent 579cab4e33
commit 1ab25bf79d
4 changed files with 135 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/vue/views/Tickets/List.vue
+50 -2
View File
@@ -28,8 +28,23 @@
</template>
<template slot="items" slot-scope="{ item }">
<td class="headline font-weight-light WM-NoLetterSpacing">{{ item.name }}</td>
<td class="title font-weight-light">{{ item.messages_count }}</td>
<td class="title font-weight-light">{{ item.unread_messages_count }}</td>
<td class="title font-weight-light">
<span class="Chip">
<span class="Count Content">
3 count
</span>
<!-- {{ item.messages_count }} -->
</span>
</td>
<td class="title font-weight-light">
<span class="Chip">
<span class="Unread Content">
3 unread
<!-- {{ item.unread_messages_count }} -->
</span>
</span>
<!-- {{ item.unread_messages_count }} -->
</td>
<td class="text-xs-right">
<v-btn color="pink" @click="showmessages(item.id)" class="WM-ActionButton">
<v-icon class="white--text mr-2 caption">fas fa-chevron-right</v-icon>
@@ -124,4 +139,37 @@ export default {
.WM-ActionButton {
padding: 8px 22px;
}
.Chip {
align-items: center;
border-radius: 28px;
display: inline-flex;
font-size: 13px;
margin: 4px;
outline: none;
position: relative;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
vertical-align: middle;
height:24px;
color:#000;
}
.Chip .Content {
align-items: center;
border-radius: 24px;
cursor: default;
display: inline-flex;
height: 32px;
justify-content: space-between;
padding: 0 12px;
vertical-align: middle;
white-space: nowrap;
z-index: 1;
}
.Chip .Content.Count {
background-color: #b2dfdb;
}
.Chip .Content.Unread {
background-color: #ffcdd2;
}
</style>