Merge pull request #891 from ironmansoftware/add-js-plugin

Add js plugin
ironmansoftware · Jun 18, 2019 · a0717dc · a0717dc
2 parents 29b5311 + e0d8475
commit a0717dc
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 5 deletions.
diff --git a/src/client/src/app/App.jsx b/src/client/src/app/App.jsx
@@ -53,8 +53,11 @@ export default class App extends React.Component {
                     </div>
         }
 
+        var pluginRoutes = UniversalDashboard.provideRoutes();
+
         return (<Router>
                 <div className="ud-dashboard">
+                    {pluginRoutes}
                     <Route path={regex} component={UdDashboard} />
                 </div>
             </Router> )

diff --git a/src/client/src/app/services/fetch-service.jsx b/src/client/src/app/services/fetch-service.jsx
@@ -5,10 +5,9 @@ export const fetchGet = function(url, success, history) {
         credentials: 'include'
     })
     .then(function(response){
-        if (response.status === 401 && history) {
-            history.push("/login");
-            throw new Error('Redirecting to login');
-        } else if (response.status === 200) {
+        UniversalDashboard.invokeMiddleware('GET', url, history, response);
+
+        if (response.status === 200) {
             response.text().then(text => {
                 try 
                 {

diff --git a/src/client/src/app/services/universal-dashboard-service.jsx b/src/client/src/app/services/universal-dashboard-service.jsx
@@ -7,6 +7,10 @@ import toaster from './toaster';
 
 export const UniversalDashboardService = {
     components: [],
+    plugins: [],
+    registerPlugin: function(plugin) {
+        this.plugins.push(plugin);
+    },
     register: function(type, component) {
         var existingComponent = this.components.find(x => x.type === type);
         if (!existingComponent) this.components.push({
@@ -44,5 +48,56 @@ export const UniversalDashboardService = {
         }
 
         return internalRenderComponent(component, history);
+    },
+    provideDashboardComponents: function(state) {
+
+        var components = [];
+
+        this.plugins.forEach(x => {
+            try 
+            {
+                var pluginComponents = x.provideDashboardComponents(state);
+
+                if (pluginComponents == null) {
+                    return;
+                }
+
+                if (Array.isArray(pluginComponents)) {
+                    components = components.concat(pluginComponents);
+                } else {
+                    components.push(pluginComponents);
+                }
+            }
+            catch 
+            {
+
+            }
+        })
+
+        return components;
+    },
+    provideRoutes: function() {
+        return this.plugins.forEach(x => {
+            try 
+            {
+                return x.provideRoutes();
+            }
+            catch 
+            {
+
+            }
+        })
+    },
+    invokeMiddleware: function(method, url, history, response) {
+        this.plugins.forEach(x => {
+            try 
+            {
+                x.invokeMiddleware(method, url, history, response);
+            }
+            catch 
+            {
+
+            }
+        })
     }
 }
diff --git a/src/client/src/app/ud-dashboard.jsx b/src/client/src/app/ud-dashboard.jsx
@@ -325,6 +325,8 @@ export default class UdDashboard extends React.Component {
             )} />
         })
 
+        var pluginComponents = UniversalDashboard.provideDashboardComponents(this.state);
+
         return [
                 <header>
                     <UdNavbar backgroundColor={this.state.dashboard.navBarColor} 
@@ -356,7 +358,9 @@ export default class UdDashboard extends React.Component {
                     return <Suspense fallback={<div></div>}>
                         <UdPageCyclerComponent history={x.history} pages={this.state.dashboard.pages} cyclePages={this.state.dashboard.cyclePages && !this.state.pausePageCycle} cyclePagesInterval={this.state.dashboard.cyclePagesInterval} />
                     </Suspense>
-                    }.bind(this)}/>
+                    }.bind(this)}
+                />,
+                pluginComponents
                 ]
     }
 }