gerrit.onap Code Review - ccsdk/cds.git/blob

   1 <!-- /*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright (C) 2020 TechMahindra
   6 *=================================================================================
   7 * Licensed under the Apache License, Version 2.0 (the "License");
   8 * you may not use this file except in compliance with the License.
   9 * You may obtain a copy of the License at
  10 *
  11 *     http://www.apache.org/licenses/LICENSE-2.0
  12 *
  13 * Unless required by applicable law or agreed to in writing, software
  14 * distributed under the License is distributed on an "AS IS" BASIS,
  15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16 * See the License for the specific language governing permissions and
  17 * limitations under the License.
  18 * ============LICENSE_END=========================================================
  19 */ -->
  20
  21 <div class="row packages-card">
  22     <div class="col-lg-3 col-md-6 d-flex">
  23         <!--Add Package Card-->
  24         <div class="card addPaackage-card">
  25             <div class="card-body text-center">
  26                 <img src="/assets/img/icon-addPackage.svg" width="40%">
  27             </div>
  28             <div class="card-footer row">
  29                 <div class="col text-center">
  30                     <a routerLink="/resource-dictionary/createDictionary" role="button" aria-pressed="true"
  31                         class="btn-create-package float"><i class="icon-create-white" aria-hidden="true"></i>Create Dictionary
  32                     </a>
  33                     <br/>
  34                     <a href="#" role="button" aria-pressed="true" class="btn-import-package float mb-3"><i class="icon-import-blue" aria-hidden="true"></i>Import Package
  35                     </a>
  36                 </div>
  37             </div>
  38         </div>
  39     </div>
  40     <div class="col-lg-3 col-md-6 d-flex" *ngFor="let dictionary of viewedDictionary">
  41         <!--Card 1-->
  42         <div>
  43             <div class="card">
  44                 <div class="card-body">
  45                     <div class="row">
  46                         <div class="col-9 pr-0">
  47                             <a class="card-title" [routerLink]="['/dictionary/dictionaryByName', dictionary.name]"
  48                                 (click)="testDispatch(dictionary)">
  49                                 <!-- <img class="icon-deployed" src="/assets/img/icon-deploy.svg"> -->
  50                                 {{dictionary.name}}
  51                             </a>
  52                         </div>
  53                         <div class="col-3">
  54
  55                             <div class="dropdown">
  56                                 <input class="dropdown-toggle" type="text">
  57                                 <div class="dropdown-text">
  58                                     <!-- <img src="/assets/img/icon-menuDots.svg" title="Actions"> -->
  59                                     <i class="icon-menuDots" aria-hidden="true"></i>
  60                                 </div>
  61                                 <ul class="dropdown-content">
  62                                     <li class="action-clone">
  63                                         <a href="#">
  64                                             <i class="icon-clone-sm" aria-hidden="true"></i>
  65                                             Clone
  66                                         </a>
  67                                     </li>
  68                                     <li class="action-delete">
  69                                         <a href="#">
  70                                             <i class="icon-delete-sm" aria-hidden="true"></i>
  71                                             Delete
  72                                         </a>
  73                                     </li>
  74                                 </ul>
  75                             </div>
  76
  77                         </div>
  78                     </div>
  79                     <div class="row">
  80                         <div class="col">
  81                             <p class="mb-0">Last modified {{ dictionary.createdDate | date:'short' }}
  82                             </p>
  83                             <p class="mb-2">By {{dictionary.updatedBy}}</p>
  84                         </div>
  85                     </div>
  86                 </div>
  87             </div>
  88         </div>
  89     </div>
  90 </div>