https://la-voyageuse.herokuapp.com/assets/controllers/popup_contro…a9992b01b5382aa0e05d935c99f8ff11c6e66dce.js

1import { Controller } from "@hotwired/stimulus"
2
3export default class extends Controller {
4
5  static targets = ["popup"]
6
7  connect () {
8    // console.log("hello from popup controller");
9    this.name = this.element.dataset.name
10    this.delay = this.element.dataset.delay
11    this.popupDisplaysCount = parseInt(sessionStorage.getItem(`${this.name}_displayed`)) || 0;
12
13    if(this.delay != "" && this.popupDisplaysCount < 1 ) this.displayAfterDelay()
14  }
15
16  displayAfterDelay () {
17    window.setTimeout(() => {
18      this.element.style.display = "flex";
19      sessionStorage.setItem(`${this.name}_displayed`, 1);
20    }, parseInt(this.delay * 1000));
21  }
22
23  dismiss (e) {
24    this.popupTarget.style.display = "none";
25  }
26
27}
28// sessionStorage.setItem("newsletter_displayed", 0);