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                         <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                 </div>
  16             </div>
  17         </header>
  18
  19
  20         <div class="container-fluid body-container">
  21
  22             <div class="container">
  23                 <div class="creat-action-container">
  24
  25                     <a href="#" class="action-button save" (click)="editBluePrint()">
  26                         <i class="icon-save-sm" aria-hidden="true"></i>
  27                         <span>Save</span>
  28                     </a>
  29                     <a href="#" class="action-button" (click)="goBacktoDashboard()">
  30                         <i class="icon-discard-sm" aria-hidden="true"></i>
  31                         <span>Discard Changes</span>
  32                     </a>
  33
  34                     <hr>
  35                     <a href="#" class="action-button">
  36                         <i class="icon-clone-sm" aria-hidden="true"></i>
  37                         <span>Clone</span>
  38                     </a>
  39
  40                     <a href="#" class="action-button">
  41                         <i class="icon-archive-sm" aria-hidden="true"></i>
  42                         <span>Archive</span>
  43                     </a>
  44
  45                     <a class="action-button"
  46                        (click)="downloadPackage(viewedPackage.artifactName,viewedPackage.artifactVersion)">
  47                         <i class="icon-download" aria-hidden="true"></i>
  48                         <span>Download</span>
  49                     </a>
  50
  51                     <a class="action-button delete">
  52                         <i class="icon-delete-sm" aria-hidden="true"></i>
  53                         <span>Delete</span>
  54                     </a>
  55                 </div>
  56
  57                 <div class="card creat-card view-package-container">
  58                     <div class="row">
  59                         <div class="col-1 text-center"><i class="package-type-icon icon-topologyView-active"></i></div>
  60                         <div class="col-9">
  61                             <div class="row mb-4">
  62                                 <div class="col-12 package-name deployed">
  63                                     {{viewedPackage.artifactName}}
  64                                     <img src="/assets/img/icon-deploy-inactive.svg" class="deply-status-icon">
  65                                     <span class="package-version">Version 1.0.2</span>
  66                                 </div>
  67                                 <div class="col-12 package-description">
  68                                     Last modified {{ viewedPackage.createdDate | date:'short' }} By
  69                                     {{viewedPackage.updatedBy}}
  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>Shaaban Ebrahim</span>
  76                                 </div>
  77                                 <div class="col-4">
  78                                     <p><b>Author Email</b></p>
  79                                     <span>shaaban.eltanany.ext@orange.com</span>
  80                                 </div>
  81                                 <div class="col-5">
  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                         <div class="col-2 package-view-button pt-3">
 110                             <button class="btn btn-sm btn-primary mb-2" (click)="goToDesignerMode()">Designer
 111                                 Mode
 112                             </button>
 113                             <button class="btn btn-sm btn-outline-secondary" (click)="deployCurrentPackage()"><i
 114                                     class="fa fa-play-circle"></i> Deploy
 115                             </button>
 116                         </div>
 117                     </div>
 118
 119                 </div>
 120
 121                 <nav class="row">
 122                     <!--Nav Tabs-->
 123                     <div class="col">
 124                         <div class="nav nav-tabs " id="nav-tab" role="tablist">
 125                             <a class="nav-item nav-link active complete" id="nav-metadata-tab" data-toggle="tab"
 126                                href="#nav-metadata" role="tab" aria-controls="nav-metadata" aria-selected="true"
 127                                autofocus #nameit (focusout)="saveMetaData()">METADATA</a>
 128                             <a class="nav-item nav-link" id="nav-template-tab" data-toggle="tab" href="#nav-template"
 129                                role="tab" aria-controls="nav-template" aria-selected="false">TEMPLATE & MAPPING</a>
 130                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
 131                                role="tab" aria-controls="nav-scripts" aria-selected="false">SCRIPTS</a>
 132                             <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
 133                                role="tab" aria-controls="nav-imports" aria-selected="false">DEFINITIONS</a>
 134                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
 135                                href="#nav-authentication" role="tab" aria-controls="nav-authentication"
 136                                aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
 137                         </div>
 138                     </div>
 139
 140                 </nav>
 141                 <div class="row mt-4">
 142                     <div class="col">
 143                         <div class="tab-content" id="nav-tabContent">
 144                             <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
 145                                  aria-labelledby="nav-metadata-tab">
 146                                 <app-metadata-tab></app-metadata-tab>
 147                             </div>
 148                             <div class="tab-pane fade" id="nav-template" role="tabpanel"
 149                                  aria-labelledby="nav-template-tab">
 150                                 <app-template-mapping></app-template-mapping>
 151                             </div>
 152                             <div class="tab-pane fade" id="nav-scripts" role="tabpanel"
 153                                  aria-labelledby="nav-scripts-tab">
 154                                 <app-scripts-tab></app-scripts-tab>
 155                             </div>
 156                             <div class="tab-pane fade" id="nav-imports" role="tabpanel"
 157                                  aria-labelledby="nav-imports-tab">
 158                                 <app-imports-tab></app-imports-tab>
 159
 160                             </div>
 161                             <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
 162                                  aria-labelledby="nav-authentication-tab">
 163                                 <div class="card creat-card">
 164                                     <div class="editor-container">
 165                                         <app-dsl-definitions-tab></app-dsl-definitions-tab>
 166                                     </div>
 167                                 </div>
 168                             </div>
 169                         </div>
 170                     </div>
 171                 </div>
 172             </div>
 173         </div>
 174     </div>
 175 </div>