From 4884d13300f1b406b354313087245230babda988 Mon Sep 17 00:00:00 2001
From: Tobias Berger <tobi.berger13@gmail.com>
Date: Mon, 27 Sep 2021 12:28:17 +0200
Subject: [PATCH] Add multiple message types

---
 src/components/Log.svelte | 31 ++++++++++++++++++++++++++-----
 src/shark/Message.ts      | 10 +++++++++-
 2 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/components/Log.svelte b/src/components/Log.svelte
index f1d2ee2..5aa3809 100644
--- a/src/components/Log.svelte
+++ b/src/components/Log.svelte
@@ -1,13 +1,16 @@
 <script lang="ts">
-  import { Message } from "../shark/Message";
+  import { Message, MessageType } from "../shark/Message";
   import { SharkGame } from "../shark/SharkGame";
 
-  export function addMessage(message: string): void {
+  export function addMessage(
+    message: string,
+    type: MessageType = MessageType.message
+  ): void {
     SharkGame.messages = [
       ...SharkGame.messages.slice(
         -Math.max(...SharkGame.Settings.logLength.options)
       ),
-      new Message(message),
+      new Message(message, type),
     ];
   }
 
@@ -18,9 +21,19 @@
 <div id="log">
   <button
     on:click={() => {
-      addMessage("test" + SharkGame.messages.length);
+      addMessage("message" + SharkGame.messages.length);
     }}>Add Test Message</button
   >
+  <button
+    on:click={() => {
+      addMessage("warn" + SharkGame.messages.length, MessageType.warning);
+    }}>Add Test Warning</button
+  >
+  <button
+    on:click={() => {
+      addMessage("error" + SharkGame.messages.length, MessageType.error);
+    }}>Add Test Error</button
+  >
   <button
     on:click={() => {
       Message.even = true;
@@ -30,7 +43,9 @@
   <ol>
     {#each displaymessages as message, i}
       {#if i < logLength}
-        <li class={message.isEven ? "even" : "odd"}>{message}</li>
+        <li class={(message.isEven ? "even" : "odd") + " " + message.type}>
+          {message}
+        </li>
       {/if}
     {/each}
   </ol>
@@ -58,6 +73,12 @@
         &.even {
           background-color: var(--color-dark);
         }
+        &.warning {
+          color: darkorange;
+        }
+        &.error {
+          color: red;
+        }
       }
     }
   }
diff --git a/src/shark/Message.ts b/src/shark/Message.ts
index 12d2241..79a8f9f 100644
--- a/src/shark/Message.ts
+++ b/src/shark/Message.ts
@@ -1,11 +1,19 @@
+export enum MessageType {
+  message = "message",
+  warning = "warning",
+  error = "error",
+}
+
 export class Message {
   static even = true;
   isEven: boolean;
   message: string;
+  type: MessageType;
 
-  constructor(message: string) {
+  constructor(message: string, type: MessageType = MessageType.message) {
     this.message = message;
     this.isEven = Message.even;
+    this.type = type;
     Message.even = !Message.even;
   }