kittyfangs
/
fchat-rising
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Less busy PM list

This commit is contained in:
Mr. Stallion 2020-03-20 17:25:35 -05:00
parent e0161dc072
commit 0e428a44bc
1 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
chat/ChatView.vue
View File

@ -40,11 +40,8 @@
<span>{{conversation.character.name}}</span> <span>{{conversation.character.name}}</span>
<div style="line-height:0;display:flex"> <div style="line-height:0;display:flex">
<span class="fas fa-reply" v-show="needsReply(conversation)"></span> <span class="fas fa-reply" v-show="needsReply(conversation)"></span>
<span class="fas" <span class='online-status' :class="getOnlineStatusIconClasses(conversation)"></span>
:class="{'fa-comment-dots': conversation.typingStatus == 'typing', 'fa-comment': conversation.typingStatus == 'paused'}"
></span>
<span style="flex:1"></span> <span style="flex:1"></span>
<span :class="getOnlineStatusIconClasses(conversation)"></span>
<span class="pin fas fa-thumbtack" :class="{'active': conversation.isPinned}" <span class="pin fas fa-thumbtack" :class="{'active': conversation.isPinned}"
@click="conversation.isPinned = !conversation.isPinned" :aria-label="l('chat.pinTab')"></span> @click="conversation.isPinned = !conversation.isPinned" :aria-label="l('chat.pinTab')"></span>
<span class="fas fa-times leave" @click.stop="conversation.close()" :aria-label="l('chat.closeTab')"></span> <span class="fas fa-times leave" @click.stop="conversation.close()" :aria-label="l('chat.closeTab')"></span>
@ -281,6 +278,14 @@
getOnlineStatusIconClasses(conversation: PrivateConversation): Record<string, any> { getOnlineStatusIconClasses(conversation: PrivateConversation): Record<string, any> {
const status = conversation.character.status; const status = conversation.character.status;
if ((conversation.typingStatus === 'typing') || (conversation.typingStatus === 'paused')) {
return {
fas: true,
'fa-comment-dots': (conversation.typingStatus === 'typing'),
'fa-comment': (conversation.typingStatus === 'paused')
};
}
const styling = { const styling = {
crown: { color: 'online', icon: ['fas', 'fa-crown'] }, crown: { color: 'online', icon: ['fas', 'fa-crown'] },
online: { color: 'online', icon: ['fas', 'fa-circle'] }, online: { color: 'online', icon: ['fas', 'fa-circle'] },
@ -402,12 +407,17 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
.offline, .online-status {
.online, padding-left: 1px;
.away { font-size: 85%;
font-size: 80%;
} }
/*.offline,*/
/*.online,*/
/*.away {*/
/* font-size: 80%;*/
/*}*/
.offline { .offline {
color: #5c5c84; color: #5c5c84;
} }
@ -420,9 +430,14 @@
color: #c7894f; color: #c7894f;
} }
.fa-eye { .fa-comment,
margin-right: 3px; .fa-comment-dots {
color: #cbcbe5;
} }
/*.fa-eye {*/
/* // margin-right: 3px;*/
/*}*/
} }
img { img {
height: 40px; height: 40px;