Skip to content
Snippets Groups Projects
Select Git revision
  • e9b0d46314dc2949b705130ad55f3ba0671ab7b8
  • main default protected
  • renovate/lock-file-maintenance
  • demo protected
  • person-select-custom
  • dbp-translation-component
  • icon-set-mapping
  • port-i18next-parser
  • remove-sentry
  • favorites-and-recent-files
  • revert-6c632dc6
  • lit2
  • advertisement
  • wc-part
  • automagic
  • publish
  • wip-cleanup
  • demo-file-handling
18 results

notification

VPU Notification Web Component

GitLab Repository

Usage

<vpu-notification></vpu-notification>

Attributes

  • lang (optional, default: de): set to de or en for German or English
    • example <vpu-notification lang="de" client-id="my-client-id"></vpu-notification>

Events to dispatch

Sending notifications

vpu-notification-send sends a notification to the web component

event = new CustomEvent("vpu-notification-send", {
    bubbles: true,
    cancelable: true,
    detail: {
        "summary": "Item deleted",
        "body": "Item foo was deleted!",
        "type": "info",
        "timeout": 5,
    },
});

Local development

# get the source
git clone git@gitlab.tugraz.at:VPU/WebComponents/Notification.git
cd Notification
git submodule update --init

# we are creating the symbolic links to our git sub-modules
# (there was no proper script to do this automatically before a "node install"
npm run setup

# install dependencies
npm install

# constantly build dist/bundle.js and run a local web-server on port 8002 
npm run watch-local

Jump to http://localhost:8002 and you should get a demo page.