1 files changed, 89 insertions, 0 deletions
diff --git a/public/projects/js-small-apps/budget-app/lib/class-notification.js b/public/projects/js-small-apps/budget-app/lib/class-notification.js
new file mode 100644
index 0000000..17a32a0
--- /dev/null
+++ b/public/projects/js-small-apps/budget-app/lib/class-notification.js
@@ -0,0 +1,89 @@
+class Notification {
+  #id = 0;
+  #title = "";
+  #message = "";
+  #type = "";
+  #duration = 0;
+  #position = "";
+
+  constructor(message, type) {
+    this.#message = message;
+    this.#type = type;
+  }
+
+  get id() {
+    return this.#id;
+  }
+
+  set title(string) {
+    this.#title = string;
+  }
+
+  get title() {
+    return this.#title;
+  }
+
+  set message(text) {
+    this.#message = text;
+  }
+
+  get message() {
+    return this.#message;
+  }
+
+  set type(string) {
+    this.#type = string;
+  }
+
+  get type() {
+    return this.#type;
+  }
+
+  set duration(number) {
+    this.#duration = number;
+  }
+
+  get duration() {
+    return this.#duration;
+  }
+
+  set position(string) {
+    this.#position = string;
+  }
+
+  get position() {
+    return this.#position;
+  }
+
+  #getWrapper() {
+    let wrapper = document.getElementById("notifications-center");
+
+    if (!wrapper) {
+      wrapper = document.createElement("div");
+      wrapper.id = "notifications-center";
+      wrapper.classList = "notifications";
+      document.body.appendChild(wrapper);
+    }
+
+    return wrapper;
+  }
+
+  notify() {
+    const notification = document.createElement("div");
+    notification.textContent = this.message;
+    notification.classList.add("notification", `notification--${this.type}`);
+
+    const wrapper = this.#getWrapper();
+    document.body.style.position = "relative";
+    wrapper.style.cssText = `position: fixed;${this.position}: 1rem;right: 1rem;display: flex;flex-flow: column wrap;gap: 1rem;`;
+    wrapper.appendChild(notification);
+
+    if (this.duration && Number(this.duration) !== 0) {
+      setTimeout(() => {
+        notification.remove();
+      }, this.duration);
+    }
+  }
+}
+
+export default Notification;