gerrit.onap Code Review - sdc.git/blob

   1 <div data-ng-controller="Sdc.ViewModels.CategoryManagementViewModel" class="category-management">
   2
   3     <loader data-display="isLoading"></loader>
   4
   5     <div class="row">
   6
   7         <div class="col-sm-6">
   8
   9             <h4>
  10                 <span class="hand selected" data-ng-click="selectType(SERVICE)" data-tests-id="servicecategoryheader"
  11                       data-ng-class="{'selected': type === SERVICE}" translate="SERVICE_CATEGORY_HEADER"></span>
  12                 <span class="hand" data-ng-click="selectType(RESOURCE)" data-tests-id="resourcecategoryheader"
  13                       data-ng-class="{'selected': type === RESOURCE}" translate="RESOURCE_CATEGORY_HEADER"></span>
  14             </h4>
  15             <span data-ng-click="createCategoryModal(null)" translate="ADD_CATEGORY" data-tests-id="newcategory"></span>
  16
  17             <perfect-scrollbar class="perfect-scrollbar">
  18                 <ul>
  19                     <li data-ng-repeat="category in categoriesToShow"
  20                         data-ng-class="{'selected': selectedCategory === category, 'gray': selectedSubCategory}"
  21                         data-ng-click="selectCategory(category)"
  22                         data-tests-id="{{ type === SERVICE ? 'servicecategory' : 'resourcecategory' }}">
  23                         {{category.name}}
  24
  25                         <!--<button class="sprite e-sdc-small-icons-delete" data-ng-click="deleteCategory(category, null)" type="button"></button>-->
  26                         <!--button class="sprite e-sdc-small-icons-pad" data-ng-click="" type="button"></button-->
  27                     </li>
  28                 </ul>
  29             </perfect-scrollbar>
  30         </div>
  31
  32         <div class="col-sm-6">
  33
  34             <h4><span translate="SUBCATEGORY_HEADER" data-tests-id="subcategoryheader"></span></h4>
  35             <span data-ng-if="type === RESOURCE && selectedCategory" data-ng-click="selectedCategory ? createCategoryModal(selectedCategory) : ''" translate="ADD_SUBCATEGORY" data-tests-id="newsubcategory"></span>
  36
  37             <perfect-scrollbar class="perfect-scrollbar">
  38                 <ul>
  39                     <li data-ng-repeat="subcategory in selectedCategory.subcategories"
  40                         data-ng-class="{'selected': selectedSubCategory === subcategory}"
  41                         data-ng-click="selectSubCategory(subcategory)"
  42                         data-tests-id="subcategory">
  43                         {{subcategory.name}}
  44
  45                         <!--<button class="sprite e-sdc-small-icons-delete" data-ng-click="deleteCategory(selectedCategory, subcategory)" type="button"></button>-->
  46                         <!--button class="sprite e-sdc-small-icon-pad" data-ng-click="" type="button"></button-->
  47                     </li>
  48                 </ul>
  49             </perfect-scrollbar>
  50         </div>
  51
  52     </div>
  53 </div>