kugatsu765 / vuenotification Goto Github PK

Hi. I've decided to use your package in my project and certain things I cannot configure very well. Basically, what I'm trying to accomplish is to reduce animation time that is quite slow and then I followed your instructions. First, I imported TimelineMax from GSAP

import TimelineMax from 'gsap';

Then I start to configure the notification:

this.$notification.success(message, { title: this.t('messages.SUCCESS'), timer: 5, animateIn: () => { let tl = new TimelineMax() .from(.vn-notif${this.uuid}, 0.6, { opacity: 0 }) .from(this.notificationEl, 0.4, { borderRadius: 100, width: 20, height: 20 }) .from(.vn-notif${this.uuid}>div, 0.3, { opacity: 0 }); tl.pause(); return tl; } });

And I've got an error in console: Cannot tween a null target. I tried to debug it with no success. What's actually happening in this case?

Hi I installed this module (vueNotification) but got a error messageModule not found: Error: Can't resolve 'gsap' in '/var/www/html/node_modules/@kugatsu/vuenotification/dist'.

I solved it installing the module GSAP but is missing instruction in the documentation about it or another way is to include as dependence on this module.

Can we add the type of notification class onto the container so that we can customise the container style?

I had declared properly the import and the Vue Use.

I have this error only if a specify the animateIn in the Vue.use.

When i call the notification in a Vue component, the notification works as expected but an error appear in the debug console :

[Vue warn]: Error in mounted hook: "ReferenceError: TimelineMax is not defined"
(found in )

Hello.

Is it possible to customize the left side icon SVG and add my own?

If it is impossible can you please add this feature in the future?

Thank you.

Hello.
Is it possible to customize fonts of title and message text?
If it is impossible can you add this feature?

HTML not working!

this.$notification.success("hello world");

The problem arises when using notifications in a really long page.

I currently have the position set to bottomRight. When I scroll up, the notification will be scrolled out. This is not always the desired behavior.

Would it be possible to allow for a configuration setting .notificationCenter position to fixed?

est-il possible d'utiliser une nouvelle ligne (new line ) dans le message?

Hello.
When i open Dialog like in this example https://vuetifyjs.com/ru/components/data-tables#crud-actions
all notifications appears on back plan. How to fix it?

function createNotification(lConf) {
var ComponentClass = Vue.extend(Notification);
var newComponent = new ComponentClass({
el: document.createElement("div"),
propsData: _objectSpread({}, options, lConf)
});
notifications.push(newComponent);
return newComponent;
}

thanks for your work - great component

I have an action which is triggered if an api request throws an error. i would like to take this error message and display them to user from the action. Does such a functionallity exist.