shadcn-ui 0.0.3 → 0.0.5

data/app/javascript/controllers/ui/toast_controller.js

@@ -4,40 +4,67 @@ export default class UIToastController extends Controller {
   static targets = ["item"];
 
   connect() {
-    setTimeout(() => {
-      this.openAll();
-    }, 1000);
+    if (this.element.role == "region" && this.element.dataset.auto != "false") {
+      setTimeout(() => {
+        this.open();
+      }, 1000);
+      this.close();
+    }
+  }
+
+  open() {
+    const toastElement = this.element.querySelector("[data-ui--toast-target='item']");
+    this.element.dataset.state = "open";
+    this.element.classList.remove("hidden");
+    this.showToast(toastElement);
+  }
+
+  close() {
+    const toastElement = this.element.querySelector("[data-ui--toast-target='item']");
+    this.element.dataset.state = "closed";
+    this.element.classList.add("hidden");
+    this.closeToast(toastElement);
+  }
+
+  showToast(el) {
+    if (el) {
+      el.dataset.state = "open";
+      el.classList.remove("hidden");
+    }
+  }
 
-    this.closeAll();
+  closeToast(el) {
+    if (el) {
+      setTimeout(() => {
+        el.dataset.state = "closed";
+        el.classList.add("hidden");
+      }, el.dataset.duration || 3000);
+    }
+  }
+
+  trigger() {
+    const idTarget = this.element.dataset.target;
+    const toastContainer = document.querySelector(`${idTarget}`);
+    toastContainer.dataset.state = "open";
+    toastContainer.classList.remove("hidden");
+    const toastElement = toastContainer.querySelector("[data-ui--toast-target='item']");
+    this.showToast(toastElement);
+    this.closeToast(toastElement);
   }
 
   openAll() {
-    const toastElements = document.querySelectorAll("[data-ui--toast-target='item']");
+    const toastElements = document.querySelectorAll(
+      "[data-ui--toast-target='item']:not([data-visible='false'])",
+    );
     toastElements.forEach((toastElement) => {
-      toastElement.dataset.state = "open";
-      toastElement.classList.remove("hidden");
+      this.showToast(toastElement);
     });
   }
 
   closeAll() {
     const toastElements = document.querySelectorAll("[data-ui--toast-target='item']");
     toastElements.forEach((toastElement) => {
-      setTimeout(() => {
-        toastElement.dataset.state = "closed";
-        toastElement.classList.add("hidden");
-      }, toastElement.dataset.duration);
+      this.closeToast(toastElement);
     });
   }
-
-  test() {
-    const $this = this;
-    this.closeAll();
-    setTimeout(() => {
-      $this.openAll();
-      setTimeout(() => {
-        $this.closeAll();
-      }, 3000);
-    }, 1000);
-  }
-  close() {}
 }

data/app/javascript/controllers/ui/transition_controller.js

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus";
-import { useTransition } from "stimulus-use";
+import { useTransition } from "https://ga.jspm.io/npm:stimulus-use@0.51.3/dist/index.js";
 
 export default class extends Controller {
   connect() {

data/app/models/user.rb

@@ -0,0 +1,9 @@
+class User
+  include ActiveModel::API
+  include ActiveModel::SecurePassword
+
+  attr_accessor :email, :password_digest
+
+  has_secure_password
+  validates :email, presence: true
+end