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 <app-header></app-header>
  21
  22 <div class="new-wrapper">
  23     <div class="container-fluid main-container">
  24         <header class="page-title">
  25             <div class="row">
  26                 <h2 class="col m-0 pb-0">
  27                     <ul class="breadcrumb-header">
  28                         <li><a routerLink="/resource-dictionary">Resource Dictionary</a></li>
  29                         <i class="fa fa-angle-right ml-2 mr-2"></i>
  30                         <li>Dictionary Name</li>
  31                     </ul>
  32                 </h2>
  33             </div>
  34         </header>
  35         <div class="container-fluid body-container">
  36             <div class="container">
  37                 <!--Right Side - Action Buttons-->
  38                 <div class="creat-action-container">
  39                     <button class="action-button save" (click)="createDictionary()">
  40                         <i class="icon-save-sm" aria-hidden="true"></i>
  41                         <span>Save</span>
  42                     </button>
  43                     <button class="action-button" (click)="goBackToDashBorad()">
  44                         <i class="icon-discard-sm" aria-hidden="true"></i>
  45                         <span>Discard Changes</span>
  46                     </button>
  47                     <hr>
  48                     <button class="action-button">
  49                         <i class="icon-clone-sm" aria-hidden="true"></i>
  50                         <span>Clone</span>
  51                     </button>
  52
  53                     <a class="action-button">
  54                         <i class="icon-download" aria-hidden="true"></i>
  55                         <span>Download</span>
  56                     </a>
  57
  58                     <a class="action-button delete">
  59                         <i class="icon-delete-sm" aria-hidden="true"></i>
  60                         <span>Delete</span>
  61                     </a>
  62                 </div>
  63                 <div class="card creat-card view-package-container">
  64                     <div class="row mb-4">
  65                         <div class="col-12 package-name deployed">
  66                             Dictionary Name
  67                         </div>
  68                         <div class="col-12 package-description">
  69                             Last modified {{createDate}} By Me
  70                         </div>
  71                     </div>
  72                     <div class="row package-auth-info">
  73                         <div class="col-3">
  74                             <p><b>Author Name</b></p>
  75                             <span>Abdelmuhaimen Seaudi</span>
  76                         </div>
  77                         <div class="col-3">
  78                             <p><b>Author Email</b></p>
  79                             <span>abdelmuhaimen.seaudi@orange.com</span>
  80                         </div>
  81                         <div class="col-6">
  82                             <p><b>Contributions</b></p>
  83                             <ul class="package-contributers">
  84                                 <li>
  85                                     <button type="button" class="border-fade" data-toggle="tooltip"
  86                                         data-placement="bottom" title="User name">
  87                                         <img src="/assets/img/img-user1.jpeg">
  88                                     </button>
  89                                 </li>
  90                                 <li>
  91                                     <button type="button" data-toggle="tooltip" data-placement="bottom"
  92                                         title="User name">
  93                                         <img src="/assets/img/img-user2.jpg">
  94                                     </button>
  95                                 </li>
  96                                 <li>
  97                                     <button type="button" data-toggle="tooltip" data-placement="bottom"
  98                                         title="User name">
  99                                         <img src="/assets/img/img-user3.jpg">
 100                                     </button>
 101                                 </li>
 102                                 <li>
 103                                     <a href="">5 contributors</a>
 104                                 </li>
 105                             </ul>
 106                         </div>
 107                     </div>
 108                 </div>
 109                 <nav class="row">
 110                     <!--Nav Tabs-->
 111                     <div class="col">
 112                         <div class="nav nav-tabs" id="nav-tab" role="tablist">
 113                             <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab"
 114                                 href="#nav-metadata" role="tab" aria-controls="nav-metadata" aria-selected="false"
 115                                 autofocus #nameit (focusout)="saveDictionaryToStore()">METADATA</a>
 116                             <a class="nav-item nav-link" id="nav-source-tab" data-toggle="tab" href="#nav-source"
 117                                 role="tab" aria-controls="nav-source" aria-selected="false">SOURCES</a>
 118                             <a class="nav-item nav-link edit-button" id="nav-editor-tab" data-toggle="tab"
 119                                 href="#nav-editor" role="tab" aria-controls="nav-editor" aria-selected="false">EDITOR
 120                                 MODE</a>
 121                         </div>
 122                         <div class="tab-content" id="nav-tabContent">
 123                             <!--MetaData-->
 124                             <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
 125                                 aria-labelledby="nav-metadata-tab">
 126                                 <app-dictionary-metadata></app-dictionary-metadata>
 127                             </div>
 128                             <div class="tab-pane fade" id="nav-source" role="tabpanel"
 129                                 aria-labelledby="nav-source-tab">
 130                                 <app-sources-template></app-sources-template>
 131                             </div>
 132                             <div class="tab-pane fade" id="nav-editor" role="tabpanel"
 133                                 aria-labelledby="nav-editor-tab">
 134                                 <app-dictionary-editor></app-dictionary-editor>
 135                             </div>
 136                         </div>
 137                     </div>
 138                 </nav>
 139             </div>
 140         </div>
 141     </div>
 142 </div>