From bcd88af53b1a920d728ec98b45daa9ac2e2c0917 Mon Sep 17 00:00:00 2001
From: transtrike <transtrike@gmail.com>
Date: Fri, 12 Feb 2021 19:04:53 +0200
Subject: Moved from DevHive

---
 .../success-bar/success-bar.component.css          | 11 ++++++++
 .../success-bar/success-bar.component.html         |  1 +
 .../success-bar/success-bar.component.ts           | 33 ++++++++++++++++++++++
 3 files changed, 45 insertions(+)
 create mode 100644 src/app/components/success-bar/success-bar.component.css
 create mode 100644 src/app/components/success-bar/success-bar.component.html
 create mode 100644 src/app/components/success-bar/success-bar.component.ts

(limited to 'src/app/components/success-bar')

diff --git a/src/app/components/success-bar/success-bar.component.css b/src/app/components/success-bar/success-bar.component.css
new file mode 100644
index 0000000..bee634d
--- /dev/null
+++ b/src/app/components/success-bar/success-bar.component.css
@@ -0,0 +1,11 @@
+#success-bar {
+  width: 100%;
+  background-color: var(--success);
+  color: white;
+  padding: .2em;
+  text-align: center;
+}
+
+#success-bar:empty {
+  display: none;
+}
diff --git a/src/app/components/success-bar/success-bar.component.html b/src/app/components/success-bar/success-bar.component.html
new file mode 100644
index 0000000..026e955
--- /dev/null
+++ b/src/app/components/success-bar/success-bar.component.html
@@ -0,0 +1 @@
+<div id="success-bar">{{successMsg}}</div>
diff --git a/src/app/components/success-bar/success-bar.component.ts b/src/app/components/success-bar/success-bar.component.ts
new file mode 100644
index 0000000..f7c7e54
--- /dev/null
+++ b/src/app/components/success-bar/success-bar.component.ts
@@ -0,0 +1,33 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-success-bar',
+  templateUrl: './success-bar.component.html',
+  styleUrls: ['./success-bar.component.css']
+})
+export class SuccessBarComponent implements OnInit {
+  public successMsg = '';
+
+  constructor()
+  { }
+
+  ngOnInit(): void {
+    this.hideMsg();
+  }
+
+  showMsg(msg?: string | undefined): void {
+    if (msg === undefined) {
+      this.successMsg = 'Success!';
+    }
+    else if (msg.trim() === '') {
+      this.successMsg = 'Success!';
+    }
+    else {
+      this.successMsg = msg;
+    }
+  }
+
+  hideMsg(): void {
+    this.successMsg = '';
+  }
+}
-- 
cgit v1.2.3