207 assign1 toast

docs/analysis/nouns-and-verbs.md

@@ -0,0 +1,36 @@
+# Nouns and Verbs Analysis
+
+## Entities
+- App
+  - verbs: load, start, close, refresh
+- Page
+  - verbs: display, transition, update
+- ToastNotification
+  - verbs: create, show, fade, remove
+- Overlay
+  - verbs: activate, deactivate, flash
+- Frame (MainFrame)
+  - verbs: render, navigate, initialize
+
+## Roles/Actors
+- User
+  - verbs: click, navigate, open app, trigger action
+- System
+  - verbs: notify, load resources, manage state
+
+## Attributes
+- title
+- message
+- duration
+- status
+- src (page source)
+- isActive
+- type (toast type)
+
+## System/Technical
+- iframe
+- DOM element
+- event listener
+- CSS class
+- script file
+- container element

src/App.js

@@ -0,0 +1,10 @@
+export class App {
+    constructor(name) {
+        this.name = name;
+    }
+
+    load() {}
+    start() {}
+    close() {}
+    refresh() {}
+}

src/MainFrame.js

@@ -0,0 +1,9 @@
+export class MainFrame {
+    constructor(iframeElement) {
+        this.iframeElement = iframeElement;
+    }
+
+    render() {}
+    navigate(src) {}
+    initialize() {}
+}

src/Overlay.js

@@ -0,0 +1,9 @@
+export class Overlay {
+    constructor() {
+        this.isActive = false;
+    }
+
+    activate() {}
+    deactivate() {}
+    flash() {}
+}

src/Page.js

@@ -0,0 +1,9 @@
+export class Page {
+    constructor(src) {
+        this.src = src;
+    }
+
+    display() {}
+    transition() {}
+    update() {}
+}

src/ToastNotification.js

@@ -0,0 +1,12 @@
+export class ToastNotification {
+    constructor(message, type, duration) {
+        this.message = message;
+        this.type = type;
+        this.duration = duration;
+    }
+
+    create() {}
+    show() {}
+    fade() {}
+    remove() {}
+}