From 543028043a50caa93376ad81c3b533ee2300bd45 Mon Sep 17 00:00:00 2001
From: "Mr. Stallion" <mrstallion@nobody.nowhere.fauxdomain.ext>
Date: Sat, 24 Oct 2020 14:43:06 -0500
Subject: [PATCH] Ad settings cleanup & ad buttons in channel list

---
 chat/ConversationView.vue                 |  2 +-
 chat/{ => ads}/ConversationAdSettings.vue | 57 ++++++++++++++++++-----
 chat/conversations.ts                     |  6 +++
 3 files changed, 53 insertions(+), 12 deletions(-)
 rename chat/{ => ads}/ConversationAdSettings.vue (68%)

diff --git a/chat/ConversationView.vue b/chat/ConversationView.vue
index c7d1bb7..5a4b3e2 100644
--- a/chat/ConversationView.vue
+++ b/chat/ConversationView.vue
@@ -189,7 +189,7 @@
     import CommandHelp from './CommandHelp.vue';
     import { characterImage, getByteLength, getKey } from './common';
     import ConversationSettings from './ConversationSettings.vue';
-    import ConversationAdSettings from './ConversationAdSettings.vue';
+    import ConversationAdSettings from './ads/ConversationAdSettings.vue';
     import core from './core';
     import {Channel, channelModes, Character, Conversation, Settings} from './interfaces';
     import l from './localize';
diff --git a/chat/ConversationAdSettings.vue b/chat/ads/ConversationAdSettings.vue
similarity index 68%
rename from chat/ConversationAdSettings.vue
rename to chat/ads/ConversationAdSettings.vue
index 7ea2476..5fd049b 100644
--- a/chat/ConversationAdSettings.vue
+++ b/chat/ads/ConversationAdSettings.vue
@@ -1,13 +1,15 @@
 <template>
-    <modal :action="`Ad settings for ${conversation.name}`" @submit="submit" ref="dialog" @open="load()" dialogClass="w-100"
+    <modal :action="`Ads for ${conversation.name}`" @submit="submit" ref="dialog" @open="load()" dialogClass="w-100"
         :buttonText="l('conversationSettings.save')">
         <div class="form-group ad-list" v-for="(ad, index) in ads">
             <label :for="'ad' + conversation.key + '-' + index" class="control-label">Ad #{{(index + 1)}}
                 <a v-if="(index > 0)" @click="moveAdUp(index)" title="Move Up"><i class="fa fa-arrow-up"></i></a>
                 <a v-if="(index < ads.length - 1)" @click="moveAdDown(index)" title="Move Down"><i class="fa fa-arrow-down"></i></a>
-                <a @click="removeAd(index)" title="Remove Ad"><i class="fa fa-minus-circle"></i></a>
+                <a @click="removeAd(index)" title="Remove Ad"><i class="fas fa-times-circle"></i></a>
             </label>
-            <textarea :id="'ad' + conversation.key + '-' + index" class="form-control" v-model="ads[index]"></textarea>
+
+            <bbcode-editor :id="'ad' + conversation.key + '-' + index" v-model="ads[index]" :hasToolbar="true" class="form-control">
+            </bbcode-editor>
         </div>
         <button class="btn btn-outline-secondary" @click="addAd()">Add Another</button>
 
@@ -16,10 +18,10 @@
 
 <script lang="ts">
     import {Component, Prop} from '@f-list/vue-ts';
-    import CustomDialog from '../components/custom_dialog';
-    import Modal from '../components/Modal.vue';
-    import {Conversation} from './interfaces';
-    import l from './localize';
+    import CustomDialog from '../../components/custom_dialog';
+    import Modal from '../../components/Modal.vue';
+    import {Conversation} from '../interfaces';
+    import l from '../localize';
 
     @Component({
         components: {modal: Modal}
@@ -84,13 +86,46 @@
 </script>
 
 <style lang="scss">
-    .form-group.ad-list label a {
+  .w-100 {
+    min-width: 70%;
+  }
+
+  .form-group.ad-list {
+    label {
+      font-size: 140%;
+
+      a {
         padding-right: 0.3rem;
-        opacity:0.3
+        opacity:0.3;
+        font-size: 70%;
+
+        &:hover {
+          opacity:0.6
+        }
+      }
     }
 
-    .form-group.ad-list label a:hover {
-        opacity:0.6
+    .bbcode-preview {
+      margin-top: 0;
+      border: 1px solid;
+      padding: 5px;
+      border-radius: 0 5px 5px 5px;
+      background: var(--input-bg);
+      border-color: var(--secondary);
     }
+
+    .bbcode-editor {
+      border: none;
+      background: none;
+      height: auto;
+
+      textarea {
+        width: 100%;
+        color: var(--input-color);
+        background-color: var(--input-bg);
+        border-radius: 0 5px 5px 5px;
+      }
+    }
+  }
 </style>
 
diff --git a/chat/conversations.ts b/chat/conversations.ts
index d46d9e8..f2f7454 100644
--- a/chat/conversations.ts
+++ b/chat/conversations.ts
@@ -407,6 +407,12 @@ class ChannelConversation extends Conversation implements Interfaces.ChannelConv
     }
 
 
+    hasAutomatedAds(): boolean {
+        return ((this.mode === 'both') || (this.mode === 'ads'))
+            && super.hasAutomatedAds();
+    }
+
+
     async sendAd(text: string): Promise<void> {
         if (text.length < 1)
             return;