diff options
Diffstat (limited to 'notif')
| -rw-r--r-- | notif/example.ts | 34 | ||||
| -rw-r--r-- | notif/notif.d.ts | 12 | ||||
| -rw-r--r-- | notif/notif.ts | 16 |
3 files changed, 31 insertions, 31 deletions
diff --git a/notif/example.ts b/notif/example.ts index a15f986..b2ff5d7 100644 --- a/notif/example.ts +++ b/notif/example.ts @@ -18,42 +18,42 @@ function main() { inputMsg.value = `Hello world, this is a notification with HTML format using <b>bold</b> and <u>underline</u> words.`; document.body.appendChild(inputMsg); - let el_wrapper = document.createElement("div"); - el_wrapper.style.marginTop = "10px"; - document.body.appendChild(el_wrapper); + const elWrapper = document.createElement("div"); + elWrapper.style.marginTop = "10px"; + document.body.appendChild(elWrapper); - let el_button_info = document.createElement("button"); - el_button_info.innerText = "Info"; - el_button_info.style.marginRight = "10px"; - el_button_info.onclick = notifInfo; - el_wrapper.appendChild(el_button_info); + const elButtonInfo = document.createElement("button"); + elButtonInfo.innerText = "Info"; + elButtonInfo.style.marginRight = "10px"; + elButtonInfo.onclick = notifInfo; + elWrapper.appendChild(elButtonInfo); - let el_button_error = document.createElement("button"); - el_button_error.innerText = "Error"; - el_button_error.onclick = notifError; - el_wrapper.appendChild(el_button_error); + const elButtonError = document.createElement("button"); + elButtonError.innerText = "Error"; + elButtonError.onclick = notifError; + elWrapper.appendChild(elButtonError); document.body.appendChild(document.createElement("p")); - let previewError = document.createElement("div"); + const previewError = document.createElement("div"); previewError.classList.add(`${WUI_NOTIF_CLASS_ERROR}`); previewError.innerText = `Preview of error style`; document.body.appendChild(previewError); - let previewInfo = document.createElement("div"); + const previewInfo = document.createElement("div"); previewInfo.classList.add(`${WUI_NOTIF_CLASS_INFO}`); previewInfo.innerText = `Preview of info style`; document.body.appendChild(previewInfo); } function notifInfo() { - wuiNotif.Info(inputMsg.value); + wuiNotif.info(inputMsg.value); } function notifError() { - wuiNotif.Error(inputMsg.value); + wuiNotif.error(inputMsg.value); } -//---- +// ---- main(); diff --git a/notif/notif.d.ts b/notif/notif.d.ts index ae2c331..0f90919 100644 --- a/notif/notif.d.ts +++ b/notif/notif.d.ts @@ -2,10 +2,10 @@ export declare const WUI_NOTIF_ID = "wui_notif"; export declare const WUI_NOTIF_CLASS_INFO = "wui_notif_info"; export declare const WUI_NOTIF_CLASS_ERROR = "wui_notif_error"; export declare class WuiNotif { - private el; - private timeout; - constructor(); - Info(msg: string): void; - Error(msg: string): void; - private initStyle; + private el; + private timeout; + constructor(); + Info(msg: string): void; + Error(msg: string): void; + private initStyle; } diff --git a/notif/notif.ts b/notif/notif.ts index 8bc5d84..23933ab 100644 --- a/notif/notif.ts +++ b/notif/notif.ts @@ -6,7 +6,7 @@ export const WUI_NOTIF_CLASS_INFO = "wui_notif_info"; export const WUI_NOTIF_CLASS_ERROR = "wui_notif_error"; // WuiNotif implement the HTML interface to display pop-up notification. -// The notification can be triggered by calling method Info() or Error(). +// The notification can be triggered by calling method info() or error(). // Each pop-up has 5 seconds duration, after that they will be removed // automatically. export class WuiNotif { @@ -22,9 +22,9 @@ export class WuiNotif { this.initStyle(); } - // Info show the msg as information. - Info(msg: string) { - let item = document.createElement("div"); + // info show the msg as information. + info(msg: string) { + const item = document.createElement("div"); item.innerHTML = msg; item.classList.add(WUI_NOTIF_CLASS_INFO); this.el.appendChild(item); @@ -34,9 +34,9 @@ export class WuiNotif { }, this.timeout); } - // Info show the msg as an error. - Error(msg: string) { - let item = document.createElement("div"); + // error show the msg as an error. + error(msg: string) { + const item = document.createElement("div"); item.innerHTML = msg; item.classList.add(WUI_NOTIF_CLASS_ERROR); this.el.appendChild(item); @@ -47,7 +47,7 @@ export class WuiNotif { } private initStyle() { - let style = document.createElement("style"); + const style = document.createElement("style"); style.type = "text/css"; style.innerText = ` #${WUI_NOTIF_ID} { |
