src/main/resources/META-INF/resources/designer/partials/menu.html

   1 <!--
   2   ============LICENSE_START=======================================================
   3   ONAP CLAMP
   4   ================================================================================
   5   Copyright (C) 2017-2018 AT&T Intellectual Property. All rights
   6                               reserved.
   7   ================================================================================
   8   Licensed under the Apache License, Version 2.0 (the "License");
   9   you may not use this file except in compliance with the License.
  10   You may obtain a copy of the License at
  11
  12   http://www.apache.org/licenses/LICENSE-2.0
  13
  14   Unless required by applicable law or agreed to in writing, software
  15   distributed under the License is distributed on an "AS IS" BASIS,
  16   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17   See the License for the specific language governing permissions and
  18   limitations under the License.
  19   ============LICENSE_END============================================
  20   ===================================================================
  21   ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22   -->
  23
  24 <style>
  25 .navbar-custom {
  26         background-color: #229922;
  27         color: #ffffff;
  28         border-radius: 0;
  29 }
  30
  31 .red {
  32         color: red;
  33 }
  34
  35 .logo {
  36         font-family: 'Trebuchet MS', cursive;
  37         font-size: 20px;
  38         font-weight: 500;
  39         text-align: center;
  40 }
  41
  42 .logo_name {
  43         display: block;
  44         float: left;
  45         font-family: 'Trebuchet MS', cursive;
  46         font-size: 15px;
  47         font-weight: 500;
  48         height: 50px;
  49         text-align: center;
  50 }
  51
  52 .ThisLink {
  53         pointer-events: none;
  54         cursor: default;
  55         disabled: true;
  56         /*   background-color:#e7e7e7; */
  57         color: #A09B9B !important;
  58 }
  59
  60 .ThisLink a.blur:hover,.ThisLink a.blur:focus {
  61         color: #933;
  62 }
  63
  64 .fileUpload {
  65         position: relative;
  66         overflow: hidden;
  67         margin: 10px;
  68 }
  69
  70 .fileUpload input.upload {
  71         position: absolute;
  72         top: 0;
  73         right: 0;
  74         margin: 0;
  75         padding: 0;
  76         font-size: 20px;
  77         cursor: pointer;
  78         opacity: 0;
  79         filter: alpha(opacity = 0);
  80         float: left;
  81 }
  82
  83 .fileDisplay {
  84         display: inline-block;
  85         overflow: hidden;
  86         float: right;
  87         margin-left: 0px;
  88         z-index: initial;
  89         text-align: center;
  90         margin-top: 17px;
  91 }
  92 </style>
  93
  94 <nav attribute-test="menu" class="navbar navbar-default navbar-fixed-top" role="navigation"
  95         style="margin-left: 2px; margin-right: 2px;">
  96
  97         <div attribute-test="menuc" class="container-fluid">
  98
  99                 <div class="col-md-4 col-lg-4">
 100                         <img class="onap_logo" src="images/logo_onap_2017.png" height="50px"
 101                                 width="234px" style="display: inline-block; float: left">
 102                         <div class="navbar-brand logo" ng-href=""
 103                                 style="display: inline-block; float: left">
 104                                 &nbsp;&nbsp;<b>Closed Loop Definition</b>
 105                         </div>
 106                 </div>
 107
 108
 109                 <div style="float: right; padding-right: 50px;"
 110                         class="col-md-2 navbar-header navbar-primary navbar-fixed-right hidden-sm hidden-md hidden-lg">
 111                         <button type="button" class="navbar-toggle collapsed"
 112                                 data-toggle="collapse" data-target="#navbar" aria-expanded="false"
 113                                 aria-controls="navbar">
 114                                 <span class="icon-bar"></span> <span class="icon-bar"></span> <span
 115                                         class="icon-bar"></span>
 116                         </button>
 117                         <a class="navbar-brand" ng-href=""></a>
 118                 </div>
 119
 120                 <div id="navbar" class="navbar-collapse collapse col-md-10 col-lg-10">
 121                         <ul class="nav navbar-nav">
 122
 123                                 <li class="dropdown" ng-repeat="dropDownName in keyList"
 124                                         style="height: inherit"><a active-link="active"
 125                                         class="dropdown-toggle dropdownTitle" role="button"
 126                                         data-toggle="dropdown"
 127                                         style="height: inherit; font-weight: bold; color: #000">{{dropDownName}}
 128                                                 <span class="caret"></span>
 129                                 </a>
 130                                         <ul class="dropdown-menu" role="menu">
 131
 132                                                 <li ng-repeat="section in tabs[dropDownName]"
 133                                                         ng-if="section.name==='Create CL'"><a
 134                                                         id="{{section.name}}" role="presentation"
 135                                                         ng-click="emptyMenuClick(section.link,section.name)"
 136                                                         ng-class="{true:'ThisLink', false:''}[!(userInfo['permissionUpdateCl'])]">{{section.name}}</a>
 137                                                 </li>
 138
 139                                                 <li ng-repeat="section in tabs[dropDownName]"
 140                                                         ng-if="section.name==='Open CL'"><a
 141                                                         id="{{section.name}}" role="presentation"
 142                                                         ng-click="emptyMenuClick(section.link,section.name)">{{section.name}}</a>
 143                                                 </li>
 144
 145                                                 <li ng-repeat="section in tabs[dropDownName]"
 146                                                         ng-if="section.name==='Log Out'"><a
 147                                                         id="{{section.name}}" role="presentation"
 148                                                         ng-click="emptyMenuClick(section.link,section.name)">{{section.name}}</a>
 149                                                 </li>
 150
 151                                                 <li ng-repeat="section in tabs[dropDownName]"
 152                                                         ng-if="section.name != 'Create CL' && section.name != 'Open CL' && section.name != 'ECOMP User Guide - Design Overview' && section.name != 'ECOMP User Guide - Closed Loop Design' && section.name != 'ECOMP User Guide - CLAMP' && section.name != 'User Info'"><a
 153                                                         id="{{section.name}}" role="presentation"
 154                                                         ng-click="emptyMenuClick(section.link,section.name)"
 155                                                         class="ThisLink">{{section.name}}</a>
 156                                            </li>
 157                                            <li ng-repeat="section in tabs[dropDownName]"
 158                                                         ng-if="section.name==='User Info'"><a
 159                                                         id="{{section.name}}" role="presentation"
 160                                                         ng-click="emptyMenuClick(section.link,section.name)">{{section.name}}</a>
 161                                                 </li>
 162                                            <li ng-repeat="section in tabs[dropDownName]"
 163                                                         ng-if="section.name == 'ONAP User Guide - Design Overview' || section.name == 'ONAP User Guide - Closed Loop Design' || section.name == 'ONAP User Guide - CLAMP'"><a
 164                                                         id="{{section.name}}" role="presentation"
 165                                                         ng-href="{{section.link}}"
 166                                                         target="_blank"
 167                                                         >{{section.name}}</a>
 168                                            </li>
 169
 170                                         </ul></li>
 171
 172                         </ul>
 173
 174                 </div>
 175
 176
 177
 178                 <div attribute-test="menuid" id="navbar" class="navbar-collapse collapse pull-right">
 179                         <ul class="nav navbar-nav">
 180                                 <li class="dropdown" style="height: inherit"><a
 181                                         class="navbar-brand logo_name" active-link="active"
 182                                         class="dropdown-toggle dropdownTitle" role="button"
 183                                         data-toggle="dropdown" style="height: inherit;">Hello:{{loginuser}} </a></li>
 184                         </ul>
 185                 </div>
 186
 187         </div>
 188 </nav>