angularjs - jade form that contains Vertical Tabs has to be converted into SideNav -
the last few lines of jade contains md-tabs , these tabs should converted sidenav tabs. css change can convert sidenav ?
extends ../../../core/pronghorn/views/layout block append scripts script(src="./scripts/angular-filter.min.js") script(src="./scripts/networkconfig.js")
block append links link(rel="stylesheet" href="../networkmanagement/style/networkstyle.css")
block append content
div(ng-controller="networkconfig" flex ng-cloak style="font-size:12px;ovelrflow-x:none" ) //content layout start here div.layout-bg(layout="row" layout-fill="layout-fill" flex="flex" style="height:calc(100% - 10px); height:calc(100vh - 50px);")
//content - right section md-content.flex(layout="column" ) div.view-details-bar(layout='row' ) h3(style="height:35px;margin-left:38%;font-weight:bold") network inventory management span(flex) md-button(class="md-icon-button" ng-click="" help-window style="float:right") // content box div( class="help-con-box" ng-if="showhelpcont" ) md-dialog-actions(layout="row" class="layout-row" style="min-height:30px; background-color:#fff" ) label() steps do... span(flex) md-button.scrunched(class="md-icon-button" ng-click="hidehelpcont()" ) div(layout="row") div.view-content( flex style="border-top:1px solid #ccc;height:calc(100% - 10px); height:calc(100vh - 50px);") md-tabs(md-stretch-tabs style="padding:5px" md-border-bottom md-dynamic-height ) //network inventory tab md-tab(label="pnf/vnf management") include pnf_vnf_management.jade md-tab(label="zone management") include zone_management.jade md-tab(label="ntc management" md-on-select="getntcnames()") include ntc_management.jade
Comments
Post a Comment