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

   1 <app-header></app-header>
   2
   3 <div class="new-wrapper">
   4     <div class="container-fluid main-container">
   5         <header class="page-title">
   6             <div class="row">
   7                 <h2 class="col m-0">
   8                     <ul class="breadcrumb-header">
   9                         <li>CBA Packages</li>
  10                         <li>Package Name</li>
  11                     </ul>
  12                 </h2>
  13                 <div class="col d-flex justify-content-end header-button-save">
  14                     <button class="float btn btn-sm btn-outline-secondary" (click)="goBackToDashBorad()" >Discard Changes</button>
  15                     <button class="float btn btn-sm btn-primary" (click)="saveBluePrint()">Save</button>
  16                 </div>
  17             </div>
  18         </header>
  19
  20
  21         <div class="container-fluid body-container">
  22
  23             <div class="container">
  24                 <div class="creat-action-container">
  25                     <a href="#" class="action-button">
  26                         <i class="icon-clone" aria-hidden="true"></i>
  27                         <span>Clone</span>
  28                     </a>
  29
  30                     <a href="#" class="action-button">
  31                         <i class="icon-archive" aria-hidden="true"></i>
  32                         <span>Archive</span>
  33                     </a>
  34
  35                     <a href="#" class="action-button delete">
  36                         <i class="icon-delete" aria-hidden="true"></i>
  37                         <span>Delete</span>
  38                     </a>
  39                 </div>
  40
  41
  42                 <nav class="row">
  43                     <!--Nav Tabs-->
  44                     <div class="col">
  45                         <div class="nav nav-tabs " id="nav-tab" role="tablist">
  46                             <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab"
  47                                href="#nav-metadata"
  48                                role="tab" aria-controls="nav-metadata"
  49                                aria-selected="false"  autofocus  #nameit (focusout)="test()">METADATA</a>
  50                             <a class="nav-item nav-link" id="nav-template-tab" data-toggle="tab" href="#nav-template"
  51                                role="tab" aria-controls="nav-template"
  52                                aria-selected="false">TEMPLATE & MAPPING</a>
  53                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
  54                                role="tab" aria-controls="nav-scripts"
  55                                aria-selected="false">SCRIPTS</a>
  56                             <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
  57                                role="tab" aria-controls="nav-imports"
  58                                aria-selected="false">IMPORTS</a>
  59                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
  60                                href="#nav-authentication"
  61                                role="tab" aria-controls="nav-authentication"
  62                                aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
  63                         </div>
  64                     </div>
  65
  66                 </nav>
  67                 <div class="row mt-4">
  68                     <div class="col">
  69                         <div class="tab-content" id="nav-tabContent">
  70                             <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
  71                                  aria-labelledby="nav-metadata-tab">
  72                                 <app-metadata-tab></app-metadata-tab>
  73                             </div>
  74                             <div class="tab-pane fade" id="nav-template" role="tabpanel"
  75                                  aria-labelledby="nav-template-tab">
  76                                 <app-template-mapping></app-template-mapping>
  77                             </div>
  78                             <div class="tab-pane fade" id="nav-scripts" role="tabpanel"
  79                                  aria-labelledby="nav-scripts-tab">
  80                                 <app-scripts-tab></app-scripts-tab>
  81                             </div>
  82                             <div class="tab-pane fade" id="nav-imports" role="tabpanel"
  83                                  aria-labelledby="nav-imports-tab">
  84                                 <app-imports-tab></app-imports-tab>
  85
  86                             </div>
  87                             <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
  88                                  aria-labelledby="nav-authentication-tab">
  89                                 <div class="card creat-card">
  90                                     <div class="editor-container">
  91                                         <app-dsl-definitions-tab></app-dsl-definitions-tab>
  92                                     </div>
  93                                 </div>
  94                             </div>
  95                         </div>
  96                     </div>
  97                 </div>
  98             </div>
  99         </div>
 100     </div>
 101 </div>