Add Tosca Monitoring App to Policy Gui

Implemented the prototype monitoring gui onto the policy gui

Issue-ID: POLICY-3357
Change-Id: Iabf25cd6c26d4e65a7a963cdd79c25aa91c39736
Signed-off-by: brunomilitzer <bruno.militzer@est.tech>

1 files changed, 3 insertions, 0 deletions

diff --git a/gui-clamp/ui-react/src/LoopUI.js b/gui-clamp/ui-react/src/LoopUI.js
index 6904122..4009bf1 100644
--- a/gui-clamp/ui-react/src/LoopUI.js
+++ b/gui-clamp/ui-react/src/LoopUI.js
@@ -17,6 +17,7 @@
  * SPDX-License-Identifier: Apache-2.0
  * ============LICENSE_END=========================================================
  */
+
 import React from 'react';
 import styled from 'styled-components';
 import MenuBar from './components/menu/MenuBar';
@@ -51,6 +52,7 @@ import Spinner from 'react-bootstrap/Spinner';
 
 import { Link } from 'react-router-dom';
 import ReadAndConvertYaml from "./components/dialogs/ReadAndConvertYaml";
+import MonitoringControlLoopModal from "./components/dialogs/ControlLoop/MonitoringControlLoopModal";
 import GetLocalToscaFileForUpload from "./components/dialogs/GetLocalToscaFileForUpload";
 
 const StyledMainDiv = styled.div`
@@ -380,6 +382,7 @@ export default class LoopUI extends React.Component {
                                                                               showSucAlert={ this.showSucAlert }
                                                                               showFailAlert={ this.showFailAlert }/>) }
         />
+        <Route path="/monitoring" render={ (routeProps) => (<MonitoringControlLoopModal { ...routeProps } />) }/>
       </React.Fragment>
     );
   }