Support for browser notifications

1 files changed, 5 insertions, 77 deletions

diff --git a/webui/src/Components/Timeline/EventNode.js b/webui/src/Components/Timeline/EventNode.js
index 9e7bebc..74022a7 100644
--- a/webui/src/Components/Timeline/EventNode.js
+++ b/webui/src/Components/Timeline/EventNode.js
@@ -1,103 +1,31 @@
 import React, { Component } from 'react';
 import './EventNode.scss';
-import moment from 'moment';
 
 class EventNode extends Component {
 
-  getColorClass() {
-
-      if(this.props.event.type === "StartupEvent")
-        return "green";
-
-      if(this.props.event.type === "WebhookAction")
-        return "blue";
-
-      return "purple";
-  }
-
-  getTitle() {
-
-      if(this.props.event.type === "StartupEvent")
-        return "Startup";
-
-      if(this.props.event.type === "WebhookAction")
-        return "Webhook";
-
-      return this.props.event.type;
-  }
-
-  getSubtitle() {
-
-      if(this.props.event.type === "StartupEvent") {
-
-        if(this.isWaiting())
-          return "Starting up.."
-
-        return "Listening for incoming connections";
-      }
-
-      if(this.props.event.type === "WebhookAction") {
-        if(this.props.event.messages.length)
-          return this.props.event.messages[this.props.event.messages.length - 1]
-        return "Incoming request from " + this.props.event['client-address'];
-      }
-
-      return this.props.event.type;
-  }
-
-  getDate() {
-      return moment.unix(this.props.event.timestamp).format("YYYY-MM-DD");
-  }
-
-  getTime() {
-      return moment.unix(this.props.event.timestamp).format("HH:mm");
-  }
-
-  getIconName() {
-
-    if(this.props.event.success === false)
-      return "alert"
-
-    if(this.props.event.type === "StartupEvent")
-      return "alert-circle";
-
-    return "check";
-  }
-
-  isWaiting() {
-    if(this.props.event.type === "StartupEvent") {
-      if(this.props.event['ws-started'] !== true || this.props.event['http-started'] !== true) {
-        return true;
-      }
-    } else if(this.props.event.waiting === true) {
-        return true;
-    }
-    return false;
-  }
-
   getIconElement() {
 
-    if(this.isWaiting()) {
+    if(this.props.event.isWaiting()) {
       return (
         <div className="icon spinner"></div>
       );
     }
 
     return (
-      <i className={"icon mdi mdi-" + this.getIconName()} />
+      <i className={"icon mdi mdi-" + this.props.event.getIconName()} />
     );
   }
 
   render() {
     return (
-      <div className={"EventNode " + this.props.alignment + " " + this.getColorClass()}>
+      <div className={"EventNode " + this.props.alignment + " " + this.props.event.getColorClass()}>
         <span className="horizontal-line"></span>
         <span className="timeline-icon"></span>
         <div className="inner">
           <div className="header">
               {this.getIconElement()}
-              <p className="title">{this.getTitle()}</p>
-              <p className="subtitle">{this.getSubtitle()}</p>
+              <p className="title">{this.props.event.getTitle()}</p>
+              <p className="subtitle">{this.props.event.getSubtitle()}</p>
           </div>
           <div className="body">
           {this.props.children}