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">
   8                 <ul class="breadcrumb-header">
   9                     <li>CBA Packages</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" disabled>Discard Changes</button>
  15                 <button class="float btn btn-sm btn-primary" (click)="saveBluePrint()">Save</button>
  16             </div>
  17         </div>
  18     </header>
  19
  20
  21
  22         <div class="container-fluid body-container">
  23
  24             <div class="container">
  25                 <div class="creat-action-container">
  26                     <a href="#" class="action-button">
  27                         <i class="icon-clone" aria-hidden="true"></i>
  28                         <span>Clone</span>
  29                     </a>
  30
  31                     <a href="#" class="action-button">
  32                         <i class="icon-archive" aria-hidden="true"></i>
  33                         <span>Archive</span>
  34                     </a>
  35
  36                     <a href="#" class="action-button delete">
  37                         <i class="icon-delete" aria-hidden="true"></i>
  38                         <span>Delete</span>
  39                     </a>
  40                 </div>
  41
  42                 <div class="card creat-card view-package-container">
  43                     <div class="row">
  44                         <div class="col-8">
  45                             <div class="row">
  46                                 <div class="col d-flex">
  47                                     <i class="package-type-icon icon-designer-mode"></i>
  48                                     <div class="package-name-container">
  49                                         <div class="row">
  50                                             <div class="col-12 package-name deployed">
  51                                                 Package Name
  52                                                 <span>.vLB.CDS</span>
  53                                                 <i class="icon-deploy"></i>
  54                                             </div>
  55                                             <div class="col-12 package-description">
  56                                                 Last modified Oct 4, 2019 03:48 PM By Ahmed Abbas
  57                                             </div>
  58                                         </div>
  59                                         <!-- <div class="row">
  60                                             <div class="col-4">
  61                                                 <div class="package-view-title">Author Name</div>
  62                                                 <p>Abdelmuhaimen Seaudi</p>
  63                                             </div>
  64                                             <div class="col-4">
  65                                                 <div class="package-view-title">Author Email</div>
  66                                                 <p>abdelmuhaimen.seaudi@orange.com</p>
  67                                             </div>
  68                                             <div class="col-4">
  69                                                 <div class="package-view-title">Contributions</div>
  70                                                 <ul class="package-contributers">
  71                                                     <li>
  72                                                         <button type="button" class="border-fade" data-toggle="tooltip"
  73                                                                 data-placement="bottom"
  74                                                                 title="User name">
  75                                                             <img src="/assets/img/img-user1.jpeg">
  76                                                         </button>
  77                                                     </li>
  78                                                     <li>
  79                                                         <button type="button" data-toggle="tooltip" data-placement="bottom"
  80                                                                 title="User name">
  81                                                             <img src="/assets/img/img-user2.jpg">
  82                                                         </button>
  83                                                     </li>
  84                                                     <li>
  85                                                         <button type="button" data-toggle="tooltip" data-placement="bottom"
  86                                                                 title="User name">
  87                                                             <img src="/assets/img/img-user3.jpg">
  88                                                         </button>
  89                                                     </li>
  90                                                     <li>
  91                                                         <a href="">5 contributors</a>
  92                                                     </li>
  93                                                 </ul>
  94                                             </div>
  95                                         </div> -->
  96                                     </div>
  97                                 </div>
  98                             </div>
  99                         </div>
 100                         <div class="col-4 package-view-button">
 101                             <button class="btn btn-sm btn-outline-secondary"><i class="fa fa-play-circle"></i> Deploy</button>
 102                             <button class="btn btn-sm btn-primary">Designer Mode</button>
 103                         </div>
 104                     </div>
 105
 106                 </div>
 107
 108                 <nav class="row">
 109                     <!--Nav Tabs-->
 110                     <div class="col">
 111                         <div class="nav nav-tabs " id="nav-tab" role="tablist">
 112                             <a class="nav-item nav-link active" id="nav-metadata-tab" data-toggle="tab"
 113                                href="#nav-metadata"
 114                                role="tab" aria-controls="nav-metadata"
 115                                aria-selected="true">METADATA</a>
 116                             <a class="nav-item nav-link" id="nav-template-tab" data-toggle="tab" href="#nav-template"
 117                                role="tab" aria-controls="nav-template"
 118                                aria-selected="false">TEMPLATE & MAPPING</a>
 119                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
 120                                role="tab" aria-controls="nav-scripts"
 121                                aria-selected="false">SCRIPTS</a>
 122                             <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
 123                                role="tab" aria-controls="nav-imports"
 124                                aria-selected="false">IMPORTS</a>
 125                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
 126                                href="#nav-authentication"
 127                                role="tab" aria-controls="nav-authentication"
 128                                aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
 129                         </div>
 130                     </div>
 131
 132                 </nav>
 133                 <div class="row mt-4">
 134                     <div class="col">
 135                         <div class="tab-content" id="nav-tabContent">
 136                             <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
 137                                  aria-labelledby="nav-metadata-tab">
 138                                 <app-metadata-tab></app-metadata-tab>
 139                             </div>
 140                             <div class="tab-pane fade" id="nav-template" role="tabpanel"
 141                                  aria-labelledby="nav-template-tab">
 142                                 <app-template-mapping></app-template-mapping>
 143                             </div>
 144                             <div class="tab-pane fade" id="nav-scripts" role="tabpanel"
 145                                  aria-labelledby="nav-scripts-tab">
 146                                 <app-scripts-tab></app-scripts-tab>
 147                             </div>
 148                             <div class="tab-pane fade" id="nav-imports" role="tabpanel"
 149                                  aria-labelledby="nav-imports-tab">
 150                                 <app-imports-tab></app-imports-tab>
 151
 152                             </div>
 153                             <div class="tab-pane fade" id="nav-authentication" role="tabpanel"
 154                                  aria-labelledby="nav-authentication-tab">
 155                                 <div class="card creat-card">
 156                                     <div class="editor-container">
 157                                         <app-dsl-definitions-tab></app-dsl-definitions-tab>
 158                                     </div>
 159                                 </div>
 160                             </div>
 161                         </div>
 162                     </div>
 163                 </div>
 164             </div>
 165         </div>
 166 </div>
 167 </div>