1 <div class="edit-module-name">
2 <div class="edit-module-name-label vfInstance-name" data-tests-id="popover-vfinstance-name" sdc-tooltip [tooltip-text]="selectModule.vfInstanceName">{{selectModule.vfInstanceName}}</div>
3 <div class="edit-module-name-heatName">
4 <sdc-input #heatName [maxLength]="50"
5 [(value)]="selectModule.heatName"
6 [testId]="'popover-heat-name'"
7 [placeHolder]="'Enter Name'">
9 <sdc-validation [validateElement]="heatName">
10 <sdc-regex-validator [message]="'HTML elements not permitted in field values.'" [pattern]="pattern"></sdc-regex-validator>
13 <div class="edit-module-name-label module-name" data-tests-id="'popover-module-name'" sdc-tooltip [tooltip-text]="selectModule.moduleName">{{selectModule.moduleName}}</div>
14 <sdc-button class="edit-module-name-btn cancel-button"
16 [testId]="'popover-close-button'"
19 (click)="clickButton(false)">
21 <sdc-button class="edit-module-name-btn save-button"
23 [testId]="'popover-save-button'"
26 (click)="clickButton(true)"
27 [disabled]="selectModule.heatName == originalName">