Files
safekat/httpdocs/assets/js/safekat/components/alerts/alert.js
2024-11-28 09:14:59 +01:00

53 lines
1.3 KiB
JavaScript

class Alert {
constructor(domItem) {
this.item = domItem
this.headingTitle = this.item.find(".alert-heading")
this.body = this.item.find(".alert-body")
this.icon = this.item.find(".icon-alert")
this.iconSuccess = "ti-circle-check"
this.iconError = "ti-exclamation-mark"
}
setIcon(iconClass){
this.icon.removeClass(this.iconSuccess)
this.icon.removeClass(this.iconError)
this.icon.addClass(iconClass)
}
setAsError() {
this.item.removeClass("alert-success")
this.item.addClass("alert-danger")
this.setIcon(this.iconError)
}
setAsSuccess() {
this.item.removeClass("alert-danger")
this.item.addClass("alert-success")
this.setIcon(this.iconSuccess)
}
setAsWarning() {
this.item.removeClass("alert-success")
this.item.addClass("alert-warning")
}
setAsInfo() {
this.item.removeClass("alert-*")
this.item.addClass("alert-info")
}
show() {
this.item.removeClass("d-none")
}
hide() {
this.item.addClass("d-none")
}
setHeadingTitle(title) {
this.headingTitle.text(title)
}
setContent(content) {
this.body.append(content)
}
setErrors() { }
}
export default Alert;