gui/app/views/layout/sideNav.html

   1 <div class="naviSide">
   2
   3
   4
   5
   6     <ul class="nav bs-sidenav">
   7
   8         <div class="panel-group " role="tablist " aria-multiselectable="true " bs-collapse style="margin-bottom:0px; ">
   9             <div class="panel panel-default ">
  10                 <div class="panel-heading " role="tab ">
  11                     <h4 class="panel-title ">
  12                         <a bs-collapse-toggle style=" text-decoration: none;" ng-click="gotoProject();">
  13         Project
  14         </a>
  15                     </h4>
  16
  17                 </div>
  18
  19             </div>
  20         </div>
  21         <div class="panel-group" role="tablist" aria-multiselectable="true" bs-collapse style="margin-bottom:0px;" ng-model="activeStatus" ng-if="ifshowEnvChild">
  22             <div class="panel panel-default">
  23                 <div class="panel-heading" role="tab">
  24                     <h4 class="panel-title">
  25                         <a bs-collapse-toggle style=" text-decoration: none;">
  26                             <div style="display:inline;" ng-click="gotoEnviron()">Environment </div>
  27                             <i class="fa fa-sort-asc" aria-hidden="true" style="margin-left: 71px;display:inline" ng-show="activeStatus==0"></i>
  28                             <i class="fa fa-sort-desc" aria-hidden="true" style="margin-left: 71px;display:inline" ng-show="activeStatus==-1"></i>
  29                         </a>
  30                     </h4>
  31                 </div>
  32                 <div class="panel-collapse" role="tabpanel" bs-collapse-target>
  33                     <div class="panel-body" style="border-top: 2px solid grey;text-align: right;cursor:pointer" ng-click="gotoOpenrcPage()" ng-class="{active:$state.includes('app.environmentDetail')}">
  34                         Openrc
  35                     </div>
  36                     <div class="panel-body " style="border:none;text-align: right;cursor:pointer" ng-click="gotoUploadPage()" ng-class="{active:$state.includes('app.uploadImage')}">
  37                         Image
  38                     </div>
  39                     <div class="panel-body " style="border:none;text-align: right;cursor:pointer" ng-click="gotoPodPage()" ng-class="{active:$state.includes('app.podUpload')}">
  40                         Pod File
  41                     </div>
  42                     <div class="panel-body " style="border:none;text-align: right;cursor:pointer" ng-click="gotoContainerPage()" ng-class="{active:$state.includes('app.container')}">
  43                         Container
  44                     </div>
  45                     <div class="panel-body " style="border:none;text-align: right;">
  46                         Others
  47                     </div>
  48                 </div>
  49             </div>
  50         </div>
  51         <div class="panel-group" role="tablist" aria-multiselectable="false" bs-collapse style="margin-bottom:0px;" ng-if="!ifshowEnvChild">
  52             <div class="panel panel-default">
  53                 <div class="panel-heading" role="tab">
  54                     <h4 class="panel-title">
  55                         <a bs-collapse-toggle style=" text-decoration: none;">
  56                             <div style="display:inline;" ng-click="gotoEnviron()">Environment </div>
  57                             <!--<i class="fa fa-sort-asc" aria-hidden="true" style="margin-left: 71px;display:inline"></i>-->
  58                         </a>
  59                     </h4>
  60                 </div>
  61
  62             </div>
  63         </div>
  64
  65         <div class="panel-group " role="tablist " aria-multiselectable="true " bs-collapse style="margin-bottom:0px; ">
  66             <div class="panel panel-default ">
  67                 <div class="panel-heading " role="tab ">
  68                     <h4 class="panel-title ">
  69                         <a bs-collapse-toggle style=" text-decoration: none;" ng-click="gotoTestcase()">
  70          Test Case
  71         </a>
  72                     </h4>
  73
  74                 </div>
  75
  76             </div>
  77         </div>
  78
  79         <div class="panel-group " role="tablist " aria-multiselectable="true " bs-collapse style="margin-bottom:0px; ">
  80             <div class="panel panel-default ">
  81                 <div class="panel-heading " role="tab ">
  82                     <h4 class="panel-title ">
  83                         <a bs-collapse-toggle style=" text-decoration: none;" ng-click="gotoSuite()">
  84         Test Suite
  85         </a>
  86                     </h4>
  87
  88                 </div>
  89
  90             </div>
  91         </div>
  92
  93
  94
  95     </ul>
  96
  97
  98
  99
 100
 101 </div>
 102
 103
 104 <style>
 105     .bs-sidenav {
 106         margin-top: 21px;
 107         margin-bottom: 20px;
 108         width: 124px;
 109     }
 110
 111     .naviSide {
 112         height: 150%;
 113     }
 114
 115     .nav {
 116         margin-bottom: 0;
 117         padding-left: 0;
 118         list-style: none;
 119     }
 120
 121     .nav>li {
 122         position: relative;
 123         display: block;
 124     }
 125
 126     li {
 127         display: list-item;
 128         text-align: -webkit-match-parent;
 129     }
 130
 131     a {
 132         cursor: pointer;
 133     }
 134
 135     a.active {
 136         background-color: #EEEEEE;
 137         border-radius: 5px;
 138         width: 165px;
 139     }
 140     /*
 141     a:hover {
 142         width: 165px;
 143     }*/
 144
 145     .nav>li>a:hover,
 146     .nav>li>a:focus {
 147         text-decoration: underline;
 148         background-color: transparent;
 149     }
 150
 151     .active.panel-body {
 152         background-color: #dfe3e4;
 153     }
 154 </style>