From c0ab84c6d6ce8cbe79049a1c466e2aa10073bde3 Mon Sep 17 00:00:00 2001
From: Jonas Dellinger <johnny@johnnycrazy.de>
Date: Sun, 21 May 2017 22:51:51 +0200
Subject: [PATCH 1/3] Added ability to style chat window

---
 resources/[system]/chat/html/App.js            | 1 +
 resources/[system]/chat/html/config.default.js | 5 +++++
 resources/[system]/chat/html/index.html        | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/resources/[system]/chat/html/App.js b/resources/[system]/chat/html/App.js
index 6a7b8b1..e0552ae 100644
--- a/resources/[system]/chat/html/App.js
+++ b/resources/[system]/chat/html/App.js
@@ -3,6 +3,7 @@ window.APP = {
   name: 'app',
   data() {
     return {
+      style: CONFIG.style,
       showInput: false,
       showWindow: false,
       suggestions: [],
diff --git a/resources/[system]/chat/html/config.default.js b/resources/[system]/chat/html/config.default.js
index 5715853..a517381 100644
--- a/resources/[system]/chat/html/config.default.js
+++ b/resources/[system]/chat/html/config.default.js
@@ -8,4 +8,9 @@ window.CONFIG = {
   },
   fadeTimeout: 7000,
   suggestionLimit: 5,
+  style: {
+    background: 'rgba(52, 73, 94, 0.7)',
+    width: '38%',
+    height: '240px',
+  }
 };
diff --git a/resources/[system]/chat/html/index.html b/resources/[system]/chat/html/index.html
index 8cd6659..de5ced8 100644
--- a/resources/[system]/chat/html/index.html
+++ b/resources/[system]/chat/html/index.html
@@ -21,7 +21,7 @@
   <!-- App Template -->
   <script type="text/x-template" id="app_template">
     <div id="app">
-      <div class="chat-window" :class="{ 'fadeOut animated': !showWindow }">
+      <div class="chat-window" :style="this.style" :class="{ 'fadeOut animated': !showWindow }">
         <div class="chat-messages" ref="messages">
           <message v-for="msg in messages"
                    :templates="templates"

From 2267d8ff2af001f7bf4a6f2a0d59746fe013cccd Mon Sep 17 00:00:00 2001
From: Jonas Dellinger <johnny@johnnycrazy.de>
Date: Sun, 21 May 2017 22:54:39 +0200
Subject: [PATCH 2/3] ^1 etc. can now be used by the template AND args

---
 resources/[system]/chat/html/Message.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/resources/[system]/chat/html/Message.js b/resources/[system]/chat/html/Message.js
index 19ea51f..a83e65e 100644
--- a/resources/[system]/chat/html/Message.js
+++ b/resources/[system]/chat/html/Message.js
@@ -5,13 +5,8 @@ Vue.component('message', {
   },
   computed: {
     textEscaped() {
-      let s = '';
-      if (this.template) {
-        s = this.colorize(this.template);
-      } else {
-        s = this.colorize(this.templates[this.templateId]);
-      }
-      return s.replace(/{(\d+)}/g, (match, number) => {
+      let s = this.template ? this.template : this.templates[this.templateId];
+      s = s.replace(/{(\d+)}/g, (match, number) => {
         const argEscaped = this.args[number] != undefined ? this.escape(this.args[number]) : match
         if (number == 0 && this.color) {
           //color is deprecated, use templates or ^1 etc.
@@ -19,6 +14,7 @@ Vue.component('message', {
         }
         return argEscaped;
       });
+      return this.colorize(s);
     },
   },
   methods: {

From 5cc1ceb1e478e1b51001d6941d17d3715fc4e168 Mon Sep 17 00:00:00 2001
From: Jonas Dellinger <johnny@johnnycrazy.de>
Date: Sun, 21 May 2017 22:56:12 +0200
Subject: [PATCH 3/3] Removed unused events

---
 resources/[system]/chat/sv_chat.lua | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/resources/[system]/chat/sv_chat.lua b/resources/[system]/chat/sv_chat.lua
index 731785a..6fd1d07 100644
--- a/resources/[system]/chat/sv_chat.lua
+++ b/resources/[system]/chat/sv_chat.lua
@@ -1,6 +1,3 @@
-RegisterServerEvent('chatCommandEntered')
-RegisterServerEvent('chatMessageEntered')
-
 RegisterServerEvent('chat:init')
 RegisterServerEvent('chat:addTemplate')
 RegisterServerEvent('chat:addMessage')