David Böhm
19cf60c9a9
Added icons from webcrunch resp. heroicons Added helperfunction to display inline svg with the plugin inline-svg Implemented fancy notice message webcrunch. Realy nice but does only work with javascript on.
30 lines
625 B
JavaScript
30 lines
625 B
JavaScript
import { Controller } from "@hotwired/stimulus";
|
|
|
|
// Connects to data-controller="flash"
|
|
export default class extends Controller {
|
|
static targets = ["toast"];
|
|
|
|
connect() {
|
|
requestAnimationFrame(() => {
|
|
this.toastTarget.classList.remove("translate-x-full");
|
|
this.toastTarget.classList.add("translate-x-0");
|
|
});
|
|
|
|
setTimeout(() => {
|
|
this.dismiss();
|
|
}, 5000);
|
|
}
|
|
|
|
dismiss() {
|
|
this.toastTarget.classList.add(
|
|
"opacity-0",
|
|
"transition-opacity",
|
|
"duration-300",
|
|
"translate-x-full"
|
|
);
|
|
setTimeout(() => {
|
|
this.toastTarget.remove();
|
|
}, 300);
|
|
}
|
|
}
|