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