.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 {
.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 {
width: 100%;
height: 90px;
text-align: center;
+ padding-top: 5px;
.view-inspect-button-icon {
background-image: url($icons-folder-path + '/binocularicon_active.png');
.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 {
extensibleViewNetworkCallbackData,
onExtensibleViewMessageCallback,
onOverlayNetworkCallback,
+ configurableViewsConfig,
+ customComponents,
customRoutes
} = this.props;
});
+ let configurableViewList = getConfigurableRoutes(configurableViewsConfig, customComponents);
+
return (
<Router>
<div className='main-app-container'>
<Route key='VnfSearchRoute' path='/vnfSearch/:filters?' component={VnfSearch}/>
{customViewList}
{customRoutes}
+ {configurableViewList}
</div>
</Router>
);