cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html

   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" (click)="saveBluePrint()">
  24                         <i class="icon-save-sm" aria-hidden="true"></i>
  25                         <span>Save</span>
  26                     </a>
  27                     <a href="#" class="action-button" (click)="goBackToDashBorad()">
  28                         <i class="icon-discard-sm" aria-hidden="true"></i>
  29                         <span>Discard Changes</span>
  30                     </a>
  31
  32                     <hr>
  33                     <a href="#" class="action-button">
  34                         <i class="icon-clone-sm" aria-hidden="true"></i>
  35                         <span>Clone</span>
  36                     </a>
  37
  38                     <a href="#" class="action-button">
  39                         <i class="icon-archive-sm" aria-hidden="true"></i>
  40                         <span>Archive</span>
  41                     </a>
  42
  43                     <a href="#" class="action-button">
  44                         <i class="icon-download" aria-hidden="true"></i>
  45                         <span>Download</span>
  46                     </a>
  47
  48                     <a href="#" class="action-button delete">
  49                         <i class="icon-delete-sm" aria-hidden="true"></i>
  50                         <span>Delete</span>
  51                     </a>
  52                 </div>
  53
  54
  55                 <nav class="row">
  56                     <!--Nav Tabs-->
  57                     <div class="col">
  58                         <div class="nav nav-tabs " id="nav-tab" role="tablist">
  59                             <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab"
  60                                 href="#nav-metadata" role="tab" aria-controls="nav-metadata" aria-selected="false"
  61                                 autofocus #nameit (focusout)="test()">METADATA</a>
  62                             <a class="nav-item nav-link" id="nav-template-tab" data-toggle="tab" href="#nav-template"
  63                                 role="tab" aria-controls="nav-template" aria-selected="false">TEMPLATE & MAPPING</a>
  64                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
  65                                 role="tab" aria-controls="nav-scripts" aria-selected="false">SCRIPTS</a>
  66                             <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
  67                                 role="tab" aria-controls="nav-imports" aria-selected="false">DEFINITIONS</a>
  68                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
  69                                 href="#nav-authentication" role="tab" aria-controls="nav-authentication"
  70                                 aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
  71                         </div>
  72                     </div>
  73
  74                 </nav>
  75                 <div class="row mt-4">
  76                     <div class="col">
  77                         <div class="tab-content" id="nav-tabContent">
  78                             <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
  79                                 aria-labelledby="nav-metadata-tab">
  80                                 <app-metadata-tab></app-metadata-tab>
  81                             </div>
  82                             <div class="tab-pane fade" id="nav-template" role="tabpanel"
  83                                 aria-labelledby="nav-template-tab">
  84                                 <app-template-mapping></app-template-mapping>
  85                             </div>
  86                             <div class="tab-pane fade" id="nav-scripts" role="tabpanel"
  87                                 aria-labelledby="nav-scripts-tab">
  88                                 <app-scripts-tab></app-scripts-tab>
  89                             </div>
  90                             <div class="tab-pane fade" id="nav-imports" role="tabpanel"
  91                                 aria-labelledby="nav-imports-tab">
  92                                 <app-imports-tab></app-imports-tab>
  93
  94                             </div>
  95                             <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
  96                                 aria-labelledby="nav-authentication-tab">
  97                                 <div class="card creat-card">
  98                                     <div class="editor-container">
  99                                         <app-dsl-definitions-tab></app-dsl-definitions-tab>
 100                                     </div>
 101                                 </div>
 102                             </div>
 103                         </div>
 104                     </div>
 105                 </div>
 106             </div>
 107         </div>
 108     </div>
 109 </div>