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