summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--resources/scss/header/_layout.scss19
-rw-r--r--src/app/MainScreenWrapper.jsx5
2 files changed, 24 insertions, 0 deletions
diff --git a/resources/scss/header/_layout.scss b/resources/scss/header/_layout.scss
index aca42ce..14d90ac 100644
--- a/resources/scss/header/_layout.scss
+++ b/resources/scss/header/_layout.scss
@@ -158,6 +158,12 @@
.vnf-search-button-icon {
background-image: url($icons-folder-path + '/vnfSearchicon.png');
}
+
+ .configurable-view-button-icon {
+ background-image: url($icons-folder-path + '/reports.svg');
+ -webkit-filter: brightness(500);
+ filter: brightness(500);
+ }
}
.main-menu-button:hover, .main-menu-button:focus {
@@ -174,6 +180,12 @@
.vnf-search-button-icon {
background-image: url($icons-folder-path + '/vnfSearchicon_hover.png');
}
+
+ .configurable-view-button-icon {
+ background-image: url($icons-folder-path + '/reports.svg');
+ -webkit-filter: brightness(1);
+ filter: brightness(1);
+ }
}
.main-menu-button-active {
@@ -185,6 +197,7 @@
width: 100%;
height: 90px;
text-align: center;
+ padding-top: 5px;
.view-inspect-button-icon {
background-image: url($icons-folder-path + '/binocularicon_active.png');
@@ -197,6 +210,12 @@
.vnf-search-button-icon {
background-image: url($icons-folder-path + '/vnfSearchicon_active.png');
}
+
+ .configurable-view-button-icon {
+ background-image: url($icons-folder-path + '/reports.svg');
+ -webkit-filter: brightness(0.55);
+ filter: brightness(0.55);
+ }
}
.search-bar {
diff --git a/src/app/MainScreenWrapper.jsx b/src/app/MainScreenWrapper.jsx
index 730ac93..3348494 100644
--- a/src/app/MainScreenWrapper.jsx
+++ b/src/app/MainScreenWrapper.jsx
@@ -140,6 +140,8 @@ class MainScreenWrapper extends Component {
extensibleViewNetworkCallbackData,
onExtensibleViewMessageCallback,
onOverlayNetworkCallback,
+ configurableViewsConfig,
+ customComponents,
customRoutes
} = this.props;
@@ -199,6 +201,8 @@ class MainScreenWrapper extends Component {
});
+ let configurableViewList = getConfigurableRoutes(configurableViewsConfig, customComponents);
+
return (
<Router>
<div className='main-app-container'>
@@ -210,6 +214,7 @@ class MainScreenWrapper extends Component {
<Route key='VnfSearchRoute' path='/vnfSearch/:filters?' component={VnfSearch}/>
{customViewList}
{customRoutes}
+ {configurableViewList}
</div>
</Router>
);