diff --git a/forge/ee/routes/teamBroker/schema.js b/forge/ee/routes/teamBroker/schema.js
index d2bd59f21e..d3fd05369b 100644
--- a/forge/ee/routes/teamBroker/schema.js
+++ b/forge/ee/routes/teamBroker/schema.js
@@ -24,7 +24,10 @@ module.exports = async function (app) {
schema.servers = {
'team-broker': {
host: teamBrokerHost,
- protocol: 'mqtt'
+ protocol: 'mqtt',
+ security: [{
+ type: 'userPassword'
+ }]
}
}
}
diff --git a/frontend/src/pages/team/UNS/Hierarchy/index.vue b/frontend/src/pages/team/UNS/Hierarchy/index.vue
index 8b71b6d23e..3318dae578 100644
--- a/frontend/src/pages/team/UNS/Hierarchy/index.vue
+++ b/frontend/src/pages/team/UNS/Hierarchy/index.vue
@@ -2,7 +2,11 @@

-
Topic Hierarchy
+
Topic Hierarchy
+
+
+ Open Schema
+
+import { ExternalLinkIcon } from '@heroicons/vue/solid'
import { mapGetters, mapState } from 'vuex'
import brokerClient from '../../../../api/broker.js'
import EmptyState from '../../../../components/EmptyState.vue'
+import { useNavigationHelper } from '../../../../composables/NavigationHelper.js'
+
import TopicSegment from './components/TopicSegment.vue'
+const { openInANewTab } = useNavigationHelper()
+
export default {
name: 'UNSHierarchy',
- components: { TopicSegment, EmptyState },
+ components: { TopicSegment, EmptyState, ExternalLinkIcon },
data () {
return {
loading: false,
@@ -179,6 +188,9 @@ export default {
toggleSegmentVisibility (segment) {
// trigger's the hierarchy setter
this.hierarchy = segment
+ },
+ openSchema () {
+ openInANewTab(`/api/v1/teams/${this.team.id}/broker/team-broker/schema.yml`, '_blank')
}
}
}