search

serversideup / financial-freedom

🔥🔥🔥 An open source alternative to Mint, YNAB, and more. Stay on budget and build wealth without sacrificing your privacy.
https://serversideup.net/open-source/financial-freedom/
GNU General Public License v3.0
1.67k stars 137 forks source link

Add Notification System #3

Closed danpastori closed 8 months ago

danpastori commented 3 years ago

Description

Right now when events happen there is no way to notify the user. We need to add a simple notification system where an action can dispatch an event that let's the user know what happened in the system.

What We Need To create

A Notification Banner

This should show when the action is completed. image

A Simple Reusable System

We should be able to reuse this for 3 types of notifications

  1. Success
  2. Failure
  3. Warning

Event Dispatch: type : success, failure, warning (determines the icon) title : The top heading message : This will be the message to display to the user.

Example

EventBus.$emit('notification', {
  type: 'success',
  title: 'Transaction Created!',
  message: 'Your transaction for $34.53 has been added.'
});