Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

More functionality #6

Merged
merged 6 commits into from
Nov 13, 2017
Merged

More functionality #6

merged 6 commits into from
Nov 13, 2017

Conversation

core01
Copy link
Contributor

@core01 core01 commented Nov 3, 2017

New options:

  • enter / leave - options for animation type
  • closeButton - bulma or bootstrap close buttons
  • mode - HTML or TEXT, HTML mode enables HTML interpolation in notification body
  • permanent - this options makes notification permanent
    New methods:
  • removeAll - use it to remove all notifications

Also some CSS fixes (margin between notifications) and README.MD improvement

src/Notify.vue Outdated
<transition-group name="notify" tag="div" @enter="slideDown" @leave="slideUp">
<div v-for="(item, key) in items" :key="key" class="notify-item">
<div :class="item.options.itemClass">
<span :class="item.options.iconClass" v-if="item.options.iconClass"></span> {{ item.text }}</div>
<button v-if="item.options.closeButton === 'bulma'" class="delete" @click="removeItem(key)"></button>
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I do not like the strict tie-in to bulma (or bootstrap for that matter), isn't there another solution that will give the same results?

Copy link
Contributor Author

@core01 core01 Nov 5, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe something like that:

<button v-if="item.options.closeButtonClass" :class="item.options.closeButtonClass" @click="removeItem(key)" type="button" aria-label="Close"></button>
            <span aria-hidden="true">&times;</span>
          </button>

If closeButtonClass option === false (default false) - there is no close button
Would this be good?

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Jup, that would be a lot better :-)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@websmurf done

@core01
Copy link
Contributor Author

core01 commented Nov 7, 2017

Hi Adam, please review my PR.

@websmurf websmurf merged commit 33c05e8 into websmurf:master Nov 13, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants