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><a routerLink="/packages">CBA Packages</a></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)="goBacktoDashboard()">Discard
  15                         Changes</button>
  16                     <button class="float btn btn-sm btn-primary" (click)="editBluePrint()">Apply Changes</button>
  17                 </div>
  18             </div>
  19         </header>
  20
  21
  22
  23         <div class="container-fluid body-container">
  24
  25             <div class="container">
  26                 <!-- <div class="creat-action-container">
  27                     <a href="#" class="action-button">
  28                         <i class="icon-clone" aria-hidden="true"></i>
  29                         <span>Clone</span>
  30                     </a>
  31
  32                     <a href="#" class="action-button">
  33                         <i class="icon-archive" aria-hidden="true"></i>
  34                         <span>Archive</span>
  35                     </a>
  36
  37                     <a href="#" class="action-button delete">
  38                         <i class="icon-delete" aria-hidden="true"></i>
  39                         <span>Delete</span>
  40                     </a>
  41                 </div>-->
  42
  43                 <div class="card creat-card view-package-container">
  44                     <div class="row">
  45                         <div class="col-8">
  46                             <div class="row">
  47                                 <div class="col d-flex">
  48                                     <i class="package-type-icon icon-designer-mode"></i>
  49                                     <div class="package-name-container">
  50                                         <div class="row">
  51                                             <div class="col-12 package-name deployed">
  52                                                 {{viewedPackage.artifactName}}
  53                                                 <span>.vLB.CDS</span>
  54                                                 <i class="icon-deploy"></i>
  55                                             </div>
  56                                             <div class="col-12 package-description">
  57                                                 Last modified {{ viewedPackage.createdDate | date:'short' }} By
  58                                                 {{viewedPackage.updatedBy}}
  59                                             </div>
  60                                         </div>
  61
  62                                     </div>
  63                                 </div>
  64                             </div>
  65                         </div>
  66                         <div class="col-4 package-view-button">
  67                             <button class="btn btn-sm btn-outline-secondary" (click)="deployCurrentPackage()"><i
  68                                     class="fa fa-play-circle"></i> Deploy</button>
  69                             <button class="btn btn-sm btn-outline-secondary"
  70                                 (click)="downloadPackage(viewedPackage.artifactName,viewedPackage.artifactVersion)"><i
  71                                     class="fa"></i> Download</button>
  72
  73                             <button class="btn btn-sm btn-primary">Designer Mode</button>
  74                         </div>
  75                     </div>
  76
  77                 </div>
  78
  79                 <nav class="row">
  80                     <!--Nav Tabs-->
  81                     <div class="col">
  82                         <div class="nav nav-tabs " id="nav-tab" role="tablist">
  83                             <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab"
  84                                 href="#nav-metadata" role="tab" aria-controls="nav-metadata" aria-selected="true"
  85                                 autofocus #nameit (focusout)="saveMetaData()">METADATA</a>
  86                             <a class="nav-item nav-link" id="nav-template-tab" data-toggle="tab" href="#nav-template"
  87                                 role="tab" aria-controls="nav-template" aria-selected="false">TEMPLATE & MAPPING</a>
  88                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
  89                                 role="tab" aria-controls="nav-scripts" aria-selected="false">SCRIPTS</a>
  90                             <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
  91                                 role="tab" aria-controls="nav-imports" aria-selected="false">IMPORTS</a>
  92                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
  93                                 href="#nav-authentication" role="tab" aria-controls="nav-authentication"
  94                                 aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
  95                         </div>
  96                     </div>
  97
  98                 </nav>
  99                 <div class="row mt-4">
 100                     <div class="col">
 101                         <div class="tab-content" id="nav-tabContent">
 102                             <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
 103                                 aria-labelledby="nav-metadata-tab">
 104                                 <app-metadata-tab></app-metadata-tab>
 105                             </div>
 106                             <div class="tab-pane fade" id="nav-template" role="tabpanel"
 107                                 aria-labelledby="nav-template-tab">
 108                                 <app-template-mapping></app-template-mapping>
 109                             </div>
 110                             <div class="tab-pane fade" id="nav-scripts" role="tabpanel"
 111                                 aria-labelledby="nav-scripts-tab">
 112                                 <app-scripts-tab></app-scripts-tab>
 113                             </div>
 114                             <div class="tab-pane fade" id="nav-imports" role="tabpanel"
 115                                 aria-labelledby="nav-imports-tab">
 116                                 <app-imports-tab></app-imports-tab>
 117
 118                             </div>
 119                             <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
 120                                 aria-labelledby="nav-authentication-tab">
 121                                 <div class="card creat-card">
 122                                     <div class="editor-container">
 123                                         <app-dsl-definitions-tab></app-dsl-definitions-tab>
 124                                     </div>
 125                                 </div>
 126                             </div>
 127                         </div>
 128                     </div>
 129                 </div>
 130             </div>
 131         </div>
 132     </div>
 133 </div>