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

   1 <!--
   2   ============LICENSE_START=======================================================
   3   ONAP CLAMP
   4   ================================================================================
   5   Copyright (C) 2017 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 Template'"><a
 153                                                         id="{{section.name}}" role="presentation"
 154                                                         ng-click="emptyMenuClick(section.link,section.name)"
 155                                                         ng-class="{true:'ThisLink', false:''}[!(userInfo['permissionUpdateTemplate'])]">{{section.name}}</a>
 156                                                 </li>
 157
 158                                                 <li ng-repeat="section in tabs[dropDownName]"
 159                                                         ng-if="section.name==='Open Template'"><a
 160                                                         id="{{section.name}}" role="presentation"
 161                                                         ng-click="emptyMenuClick(section.link,section.name)">{{section.name}}</a>
 162                                                 </li>
 163
 164                                                 <li ng-repeat="section in tabs[dropDownName]"
 165                                                         ng-if="section.name != 'Create CL' && section.name != 'Create Template' && section.name != 'Open CL' && section.name != 'Open Template' && 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
 166                                                         id="{{section.name}}" role="presentation"
 167                                                         ng-click="emptyMenuClick(section.link,section.name)"
 168                                                         class="ThisLink">{{section.name}}</a>
 169                                            </li>
 170                                            <li ng-repeat="section in tabs[dropDownName]"
 171                                                         ng-if="section.name==='User Info'"><a
 172                                                         id="{{section.name}}" role="presentation"
 173                                                         ng-click="emptyMenuClick(section.link,section.name)">{{section.name}}</a>
 174                                                 </li>
 175                                            <li ng-repeat="section in tabs[dropDownName]"
 176                                                         ng-if="section.name == 'ONAP User Guide - Design Overview' || section.name == 'ONAP User Guide - Closed Loop Design' || section.name == 'ONAP User Guide - CLAMP'"><a
 177                                                         id="{{section.name}}" role="presentation"
 178                                                         ng-href="{{section.link}}"
 179                                                         target="_blank"
 180                                                         >{{section.name}}</a>
 181                                            </li>
 182
 183                                         </ul></li>
 184
 185                         </ul>
 186
 187                 </div>
 188
 189
 190
 191                 <div attribute-test="menuid" id="navbar" class="navbar-collapse collapse pull-right">
 192                         <ul class="nav navbar-nav">
 193                                 <li class="dropdown" style="height: inherit"><a
 194                                         class="navbar-brand logo_name" active-link="active"
 195                                         class="dropdown-toggle dropdownTitle" role="button"
 196                                         data-toggle="dropdown" style="height: inherit;">Hello:{{loginuser}} </a></li>
 197                         </ul>
 198                 </div>
 199
 200         </div>
 201 </nav>