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 pb-0">
   8                     <ul class="breadcrumb-header">
   9                         <li><a routerLink="/packages">CBA Packages</a></li>
  10                         <i class="fa fa-angle-right ml-2 mr-2"></i>
  11                         <li>Package Name</li>
  12                     </ul>
  13                 </h2>
  14                 <div class="col">
  15
  16                 </div>
  17             </div>
  18         </header>
  19
  20         <div class="container-fluid body-container">
  21             <div class="container">
  22                 <div class="creat-action-container">
  23                     <!--  <a class="action-button save" [hidden]="!isSaveEnabled" (click)="saveBluePrint()">
  24                           <i class="icon-save-sm" aria-hidden="true"></i>
  25                           <span>Save</span>-->
  26                     <button (click)="saveBluePrint()" [disabled]="!isSaveEnabled"
  27                             class="action-button save" aria-hidden="true"><i class="icon-save-sm"
  28                                                                                           aria-hidden="true"></i>
  29                         <span>Save</span></button>
  30                 </div>
  31
  32
  33                 <nav class="row">
  34                     <!--Nav Tabs-->
  35                     <div class="col">
  36                         <div class="nav nav-tabs " id="nav-tab" role="tablist">
  37                             <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab"
  38                                href="#nav-metadata" role="tab" aria-controls="nav-metadata" aria-selected="false"
  39                                autofocus #nameit (focusout)="saveMetaData()" [classList]="metadataClasses">METADATA</a>
  40                             <a class="nav-item nav-link" id="nav-template-tab" data-toggle="tab" href="#nav-template"
  41                                role="tab" aria-controls="nav-template" aria-selected="false">TEMPLATE & MAPPING</a>
  42                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
  43                                role="tab" aria-controls="nav-scripts" aria-selected="false">SCRIPTS</a>
  44                             <!-- <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
  45                                role="tab" aria-controls="nav-imports" aria-selected="false">DEFINITIONS</a> -->
  46                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
  47                                href="#nav-authentication" role="tab" aria-controls="nav-authentication"
  48                                aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
  49                         </div>
  50                     </div>
  51
  52                 </nav>
  53                 <div class="row mt-4">
  54                     <div class="col">
  55                         <div class="tab-content" id="nav-tabContent">
  56                             <div  class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
  57                                  aria-labelledby="nav-metadata-tab">
  58                                 <app-metadata-tab></app-metadata-tab>
  59                             </div>
  60                             <div class="tab-pane fade" id="nav-template" role="tabpanel"
  61                                  aria-labelledby="nav-template-tab">
  62                                 <app-template-mapping></app-template-mapping>
  63                             </div>
  64                             <div class="tab-pane fade" id="nav-scripts" role="tabpanel"
  65                                  aria-labelledby="nav-scripts-tab">
  66                                 <app-scripts-tab></app-scripts-tab>
  67                             </div>
  68                             <div class="tab-pane fade" id="nav-imports" role="tabpanel"
  69                                  aria-labelledby="nav-imports-tab">
  70                                 <app-imports-tab></app-imports-tab>
  71
  72                             </div>
  73                             <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
  74                                  aria-labelledby="nav-authentication-tab">
  75                                 <div class="card creat-card">
  76                                     <div class="editor-container">
  77                                         <app-dsl-definitions-tab></app-dsl-definitions-tab>
  78                                     </div>
  79                                 </div>
  80                             </div>
  81                         </div>
  82                     </div>
  83                 </div>
  84             </div>
  85         </div>
  86     </div>
  87 </div>