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

Cleaner ad UI

This commit is contained in:
Mr. Stallion 2020-03-30 10:40:25 -05:00
parent 2466e8f3be
commit 29007ce05c
3 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
chat/ConversationView.vue
View File

@ -67,11 +67,18 @@
<button v-for="mode in modes" class="dropdown-item" :class="{ selected: conversation.mode == mode }" type="button" @click="setMode(mode)">{{l('channel.mode.' + mode)}}</button>
</dropdown>
<dropdown :keep-open="false" title="Ads" :icon-class="{fas: true, 'fa-pause': !conversation.adManager.isActive(), 'fa-play': conversation.adManager.isActive()}" wrap-class="btn-group ads" link-class="btn btn-secondary dropdown-toggle" v-show="(conversation.channel.mode == 'both' || conversation.channel.mode == 'ads')">
<button class="dropdown-item" type="button" @click="toggleAutoPostAds()">{{conversation.adManager.isActive() ? 'Stop' : 'Start'}} Posting Ads</button>
<dropdown :keep-open="false" wrap-class="btn-group ads" link-style="" link-class="btn btn-secondary dropdown-toggle dropdown-toggle-split" v-show="(conversation.channel.mode == 'both' || conversation.channel.mode == 'ads')">
<button class="dropdown-item" type="button" @click="toggleAutoPostAds()">{{conversation.adManager.isActive() ? 'Pause' : 'Start'}} Posting Ads</button>
<button class="dropdown-item" type="button" @click="showAdSettings()">Edit Channel Ads</button>
<div class="dropdown-divider"></div>
<button class="dropdown-item" :class="{ selected: showNonMatchingAds }" type="button" @click="toggleNonMatchingAds()">Show Incompatible Ads</button>
<template v-slot:split>
<a class="btn btn-secondary" @click="toggleAutoPostAds()">
<i :class="{fas: true, 'fa-pause': conversation.adManager.isActive(), 'fa-play': !conversation.adManager.isActive()}"></i>
{{conversation.adManager.isActive() ? 'Pause' : 'Start'}} Ads
</a>
</template>
</dropdown>
</div>
@ -606,6 +613,7 @@
a.btn {
padding-left: 0.5rem;
padding-right: 0.5rem;
color: #cbcbe5;
i {
margin-right: 0.4rem;
@ -687,6 +695,7 @@
.update {
color: rgba(255, 255, 255, 0.6);
font-size: 13px;
width: 75%;
}
.next {

5
components/Dropdown.vue
View File

@ -1,7 +1,8 @@
<template>
<div :class="wrapClass" @focusout="blur">
<slot name="split"></slot>
<a :class="linkClass" aria-haspopup="true" :aria-expanded="isOpen" @click.prevent="isOpen = !isOpen" href="#"
style="width:100%;text-align:left;align-items:center" role="button" tabindex="-1" ref="button">
:style="linkStyle" role="button" tabindex="-1" ref="button">
<i :class="iconClass" v-if="!!iconClass"></i>
<slot name="title">{{title}}</slot>
</a>
@ -28,6 +29,8 @@
readonly keepOpen?: boolean;
@Prop
readonly title?: string;
@Prop({default: 'width:100%;text-align:left;align-items:center'})
readonly linkStyle!: string;
@Watch('isOpen')
onToggle(): void {

1
readme.md
View File

@ -88,6 +88,7 @@ This repository contains a heavily customized version of the mainline F-Chat 3.0
* Conversation bot API
* 'Filter unmatching ads' is not channel specific -- it's either on everywhere or nowhere
* Bug? Usually submissive vs usually submissive shows up as 'maybe'
* Bug? YOU have 'loves humans'; THEY have 'no furry characters, just humans' -- THEIR ad shows green, not red -- your side of comparison is fully green, they just have 'no furry pairings' in red
# F-List Exported