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
  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>CLAMP</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 != '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
 147                                                         id="{{section.name}}" role="presentation"
 148                                                         ng-click="emptyMenuClick(section.link,section.name)"
 149                                                         class="ThisLink">{{section.name}}</a>
 150                                            </li>
 151                                            <li ng-repeat="section in tabs[dropDownName]"
 152                                                         ng-if="section.name==='User Info'"><a
 153                                                         id="{{section.name}}" role="presentation"
 154                                                         ng-click="emptyMenuClick(section.link,section.name)">{{section.name}}</a>
 155                                                 </li>
 156                                            <li ng-repeat="section in tabs[dropDownName]"
 157                                                         ng-if="section.name == 'ONAP User Guide - Design Overview' || section.name == 'ONAP User Guide - Closed Loop Design' || section.name == 'ONAP User Guide - CLAMP'"><a
 158                                                         id="{{section.name}}" role="presentation"
 159                                                         ng-href="{{section.link}}"
 160                                                         target="_blank"
 161                                                         >{{section.name}}</a>
 162                                            </li>
 163
 164                                         </ul></li>
 165
 166                         </ul>
 167
 168                 </div>
 169
 170
 171
 172                 <div attribute-test="menuid" id="navbar" class="navbar-collapse collapse pull-right">
 173                         <ul class="nav navbar-nav">
 174                                 <li class="dropdown" style="height: inherit"><a
 175                                         class="navbar-brand logo_name" active-link="active"
 176                                         class="dropdown-toggle dropdownTitle" role="button"
 177                                         data-toggle="dropdown" style="height: inherit;">Hello:{{loginuser}} </a></li>
 178                         </ul>
 179                 </div>
 180
 181         </div>
 182 </nav>