| | |
| | | import { LightningElement, track, api } from 'lwc'; |
| | | import { LightningElement,track,api} from 'lwc'; |
| | | |
| | | export default class CommonToast extends LightningElement { |
| | | @track type = 'success'; |
| | | @track type='success'; |
| | | @track message; |
| | | @track messageIsHtml = false; |
| | | @track messageIsHtml=false; |
| | | @track showToastBar = false; |
| | | @api autoCloseTime = 5000; |
| | | @track icon = ''; |
| | | |
| | | @track icon=''; |
| | | |
| | | @api |
| | | showToast(type, message, icon, time) { |
| | | showToast(type, message,icon,time) { |
| | | this.type = type; |
| | | this.message = message; |
| | | this.icon = icon; |
| | | this.autoCloseTime = time; |
| | | this.icon=icon; |
| | | this.autoCloseTime=time; |
| | | this.showToastBar = true; |
| | | setTimeout(() => { |
| | | this.closeModel(); |
| | | }, this.autoCloseTime); |
| | | } |
| | | |
| | | |
| | | closeModel() { |
| | | this.showToastBar = false; |
| | | this.type = ''; |
| | | this.message = ''; |
| | | } |
| | | |
| | | |
| | | get getIconName() { |
| | | if (this.icon) { |
| | | if(this.icon) |
| | | { |
| | | return this.icon; |
| | | } |
| | | return 'utility:' + this.type.toLowerCase(); |
| | | } |
| | | |
| | | |
| | | get innerClass() { |
| | | return ( |
| | | 'slds-icon_container slds-icon-utility-' + |
| | | this.type.toLowerCase() + |
| | | ' slds-m-right_small slds-no-flex slds-align-top' |
| | | ); |
| | | return 'slds-icon_container slds-icon-utility-' + this.type.toLowerCase() + ' slds-m-right_small slds-no-flex slds-align-top'; |
| | | } |
| | | |
| | | |
| | | get outerClass() { |
| | | return ( |
| | | 'slds-notify slds-notify_toast slds-theme_' + |
| | | this.type.toLowerCase() |
| | | ); |
| | | return 'slds-notify slds-notify_toast slds-theme_' + this.type.toLowerCase(); |
| | | } |
| | | } |