deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Рефакторинг

Browse Source
This commit is contained in:
Book Pauk
2020-02-04 19:45:06 +07:00
parent 9774fc4f65
commit 5ae87c8e03
1 changed files with 22 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
client/components/share/notify.js
View File

@@ -1,53 +1,39 @@
export function success(vue, message, caption) { export function notify(vue, opts) {
caption = (caption ? `<div style="font-size: 120%; color: black"><b>${caption}</b></div><br>` : ''); let {
caption = null,
captionColor = 'black',
color = 'positive',
icon = '',
iconColor = 'white',
message = '',
messageColor = 'black',
} = opts;
caption = (caption ? `<div style="font-size: 120%; color: ${captionColor}"><b>${caption}</b></div><br>` : '');
return vue.$q.notify({ return vue.$q.notify({
position: 'top-right', position: 'top-right',
color: 'positive', color,
textColor: 'white', textColor: iconColor,
icon: 'o_check_circle', icon,
actions: [{icon: 'o_close', color: 'black'}], actions: [{icon: 'o_close', color: 'black'}],
html: true, html: true,
message: message:
`<div style="max-width: 350px;"> `<div style="max-width: 350px;">
${caption} ${caption}
<div style="color: black; overflow-wrap: break-word; word-wrap: break-word;">${message}</div> <div style="color: ${messageColor}; overflow-wrap: break-word; word-wrap: break-word;">${message}</div>
</div>` </div>`
}); });
} }
export function success(vue, message, caption) {
notify(vue, {color: 'positive', icon: 'o_check_circle', message, caption});
}
export function error(vue, message, caption) { export function error(vue, message, caption) {
caption = (caption ? `<div style="font-size: 120%; color: yellow"><b>${caption}</b></div><br>` : ''); notify(vue, {color: 'negative', icon: 'o_error_outline', messageColor: 'yellow', message, caption});
return vue.$q.notify({
position: 'top-right',
color: 'negative',
textColor: 'white',
icon: 'o_error_outline',
actions: [{icon: 'o_close', color: 'black'}],
html: true,
message:
`<div style="max-width: 350px;">
${caption}
<div style="color: yellow; overflow-wrap: break-word; word-wrap: break-word;">${message}</div>
</div>`
});
} }
export function info(vue, message, caption) { export function info(vue, message, caption) {
caption = (caption ? `<div style="font-size: 120%; color: black"><b>${caption}</b></div><br>` : ''); notify(vue, {color: 'info', icon: 'o_notifications', message, caption});
return vue.$q.notify({
position: 'top-right',
color: 'info',
textColor: 'white',
icon: 'o_notifications',
actions: [{icon: 'o_close', color: 'black'}],
html: true,
message:
`<div style="max-width: 350px;">
${caption}
<div style="color: black; overflow-wrap: break-word; word-wrap: break-word;">${message}</div>
</div>`
});
} }