https://github.com/flowfuse/node-red-dashboard-2-user-addon

https://github.com/flowfuse/node-red-dashboard-2-user-addon

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/flowfuse/node-red-dashboard-2-user-addon
• Owner: FlowFuse
• License: other
• Created: 2023-11-08T08:49:01.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-04T14:10:08.000Z (5 months ago)
• Last Synced: 2024-09-23T11:47:46.447Z (about 2 months ago)
• Language: JavaScript
• Size: 38.1 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# FlowFuse Multiuser (Node-RED Dashboard 2.0 Plugin)

This repository contains a Node-RED Dashboard 2.0 plugin that enhances events emitted from Dashboard with user data. This plugin is designed to be used with FlowFuse, and utilises the `req.session.user` object that is made available by the FlowFuse `nr-launcher` project.

## Checking Installation

Dashboard 2.0 will list the FlowFuse plugin in the "Client Data" tab of the Dashboard Sidebar. If you do not see the plugin listed there, then the plugin is not installed correctly, and the `msg._client.user` object will not be available to you.

## Showing User Info

If you'd like to show information about the currently logged in user, you can use the following code inside a template node:

```vue

    

        


            

            Hi, {{ setup.socketio.auth.user.name }}!

    


export default {

    data () {

        return {

            loaded: false

        }

    },

    mounted() {

        // code here when the component is first loaded

        console.log('on mounted')

        console.log(this.$store.state.setup?.setup?.socketio?.auth.user)

        this.loaded = true

    }

}

    .user-info {

        display: flex; align-items: center; gap: 8px;

    }

    .user-info img {

        width:24px; height: 24px;

    }

```