1 <h6 class="create-title">CREATE</h6>
2 <div class="card creat-card">
3 <div class="single-line-model">
4 <label class="label-name">Name
5 <span _ngcontent-uew-c3="">*</span>
8 <div class="label-input">
9 <input type="input" [(ngModel)]="fileName" placeholder="Topology name.vLB.CDS">
14 <div class="template-mapping-accordion">
17 <div class="card-header" id="headingOne">
18 <h5 class="mb-0 d-flex justify-content-between">
19 <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
20 aria-controls="collapseOne">
27 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
28 <div class="card-body">
29 <div class="single-line">
30 <label class="label-name">Template Type</label>
31 <div class="label-input">
33 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1"
41 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1"
49 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1"
58 <div class="create-template-import">Use the editor to add parameters or you can also <a href="#"
60 data-target="#exampleModal">Import
62 <div class="editor-container">
63 <app-dsl-definitions-tab></app-dsl-definitions-tab>
69 <div class="card-header" id="headingTwo">
71 <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo"
72 aria-expanded="false" aria-controls="collapseTwo">
77 <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
78 <div class="card-body">
79 <h6 class="text-center">Select a source to load config parameters</h6>
80 <div class="text-center">
81 <a href="#" class="mapping-source-load">
82 <i class="icon-current-template"></i>
84 <span>Use Current Template Instance</span>
86 <a href="#" data-toggle="modal" data-target="#exampleModal" class="mapping-source-load">
87 <i class="icon-Upload-attribute"></i>
89 <div>Upload attribute list</div>
90 <div class="source-load-note">(Should be comma delimited file)</div>
92 <!-- <a href="#" class="mapping-source-load">
93 <i class="icon-import-cds"></i>
95 <span>Import from SDC Model</span>
99 <div class="table-container">
111 <div class="template-mapping-action">
112 <button class="btn btn-sm btn-outline-secondary">Cancel</button>
113 <button class="btn btn-sm btn-primary">Finish</button>
119 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
121 <div class="modal-dialog" role="document">
122 <div class="modal-content">
123 <div class="modal-header">
124 <h5 class="modal-title" id="exampleModalLabel">Import File</h5>
125 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
126 <span aria-hidden="true">×</span>
129 <div class="modal-body">
130 <ngx-file-drop dropZoneLabel="Drop files here" (onFileDrop)="dropped($event)"
131 (onFileOver)="fileOver($event)" (onFileLeave)="fileLeave($event)">
132 <ng-template ngx-file-drop-content-tmp let-openFileSelector="openFileSelector">
133 <div class="folder-upload">
134 <img src="assets/img/folder-upload.svg"/>
136 <div class="folder-upload-text">
139 <div class="folder-upload-text">or
140 <button type="button" class="btn btn-sm btn-primary" (click)="openFileSelector()">Browse
144 <div class="folder-upload-type">Allowed file type: json</div>
147 <div class="upload-table" *ngFor="let item of uploadedFiles; let i=index">
148 <table class="table">
151 <th>Name : {{ item.name }}</th>
158 <div class="modal-footer">
159 <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal"
160 (click)="resetTheUploadedFiles()">Cancel
162 <button type="button" class="btn btn-sm btn-primary" data-dismiss="modal"
163 (click)="setFilesToStore()">