cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html

   1 <a (click)="createNewTemplate()" class="create-template-mapping-button">
   2     <i class="fa fa-plus"></i> <span>Create Template</span>
   3 </a>
   4
   5
   6 <div class="template-mapping-accordion" tourAnchor="tm-templateEdit"  [hidden]="templateAndMappingMap?.size <= 0">
   7     <div class="" id="listAccordion">
   8         <div class="card">
   9             <div class="card-header" id="headingThree">
  10                 <h5 class="mb-0 d-flex justify-content-between">
  11                     <button class="btn regularTitle" data-toggle="collapse" data-target="#collapseThree"
  12                         aria-expanded="true" aria-controls="collapseThree">
  13                         Template and Mapping List
  14                     </button>
  15
  16                 </h5>
  17             </div>
  18
  19             <div id="collapseThree" class="show" aria-labelledby="headingThree" data-parent="#listAccordion">
  20                 <div class="card-body max-height-list">
  21                     <div class="row">
  22                         <!-- <div class="col-4" style="color:white" *ngFor="let file of templates.files | keyvalue; let mapIndex = index">-->
  23                         <div class="col-4" *ngFor="let file of  getKeys(templateAndMappingMap)">
  24                             <a class="template-mapping-list float" [ngClass]="{'active':currentFile == file}">
  25                                 <p (click)="setSourceCodeEditor(file)">{{file}}</p>
  26                                 <span *ngIf="getValue(file).isMapping">Mapping</span>
  27                                 <span *ngIf="getValue(file).isTemplate">Template</span>
  28
  29                                 <a data-toggle="modal" (click)="initDelete(file)" data-target="#templateDeletionModal"
  30                                     class="accordion-delete deleteTemplate" title="Delete Template"><i
  31                                         class="icon-delete-sm"></i></a>
  32                             </a>
  33
  34                         </div>
  35                     </div>
  36                 </div>
  37             </div>
  38         </div>
  39
  40     </div>
  41 </div>
  42
  43 <!-- Delete Modal -->
  44 <div class="modal fade" id="templateDeletionModal" tabindex="-1" role="dialog"
  45     aria-labelledby="templateDeletionModalLabel" aria-hidden="true">
  46     <div class="modal-dialog" role="document">
  47         <div class="modal-content">
  48             <div class="modal-header">
  49                 <h5 class="modal-title" id="templateDeletionModalLabel">Delete Script</h5>
  50                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  51                     <img src="assets/img/icon-close.svg" />
  52                 </button>
  53             </div>
  54             <div class="modal-body">
  55                 <p>Are you sure you want to delete Template file
  56                     <span>{{fileToDelete}}</span>?</p>
  57             </div>
  58             <div class="modal-footer">
  59                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
  60                 <button type="button" (click)="condifrmDelete()" data-dismiss="modal"
  61                     class="btn btn-primary">Delete</button>
  62             </div>
  63         </div>
  64     </div>
  65 </div>