errorFrame.js

class ErrorFrame extends ToastFrame {
  constructor(type, title, text) {
    super(type, title, text);
  }

  getTemplate() {
    this.incrementId();
    return `
    <div class="popup popup_error visible" id="${this.getId()}">
      <div class="popup_wrapper">
        <div class="popup_image_container">
          <img class="popup_image" src="./icons/error.png" alt="logo">
        </div>
        <div class="popup_text" >
          <h3>${this.title}</h3>
          <p>${this.text}</p>
        </div>
        <div class="popup_button">
          <button onclick="error.removePopup()">
            <img class="button_image" src="./icons/close.png" alt="logo">
          </button>
        </div>
      </div>
    </div>`;
  }
}

const error = new ErrorFrame("error", "Error!", "Oops, something is wrong.");