Untitled
unknown
plain_text
a year ago
14 kB
3
Indexable
<div class="bcmBodyContainer">
<div id="rightDiv" style="margin-left: 7px; margin-top: -18px; width: 98.6%;" class="span">
<div id="rightDiv" style="margin-left: 7px; margin-top: -18px; width: 98.6%;" class="span">
<!----------------------------------------------------------------- Validation div start ------------------------------------------------------------------------>
<div *ngIf="duplicateNote">
<span class="card" style="color: red; position: relative; margin-left: 0px; top: 10px; background-color: #FFFFD6;
font-family: 'Roboto'; font-size: 14px; font-weight: bold;">
<span>
<img src="assets/Error_icon.png" alt="Add" style="cursor: pointer; height: 16px; width: 17px; margin-left: 3px; margin-top: -5px;" />
Disaster Name cannot be duplicate!
</span>
</span>
</div>
<div *ngIf="successNote">
<span class="card" style="color: green; position: relative; margin-left: 0px; top: 20px; background-color: #FFFFD6;
font-family: 'Roboto'; font-size: 14px; font-weight: bold;">
<span>
<img src="assets/green_tick.png" alt="Add" style="cursor: pointer; height: 16px; margin-left: 3px; margin-top: 5px; margin-bottom: 5px" />
Saved successfully!
</span>
</span>
</div>
<div *ngIf="emptyNote">
<span class="card" style="color: red; position: relative; margin-left: 0px; top: 10px; background-color: #FFFFD6;
font-family: 'Roboto'; font-size: 14px; font-weight: bold;">
<span>
<img src="assets/Error_icon.png" alt="Add" style="cursor: pointer; height: 16px; width: 17px; margin-left: 3px; margin-top: -5px;" />
Disaster Type Name cannot be empty!
</span>
</span>
</div>
<!----------------------------------------------------------------- Validation Div End ------------------------------------------------------------------------>
</div>
<div class="bcmBlueDivBorder" style="margin-left: 7px; height: 715px; margin-top: 20px;">
<!-------------------------------------------------- Disaster classification dropdown start ------------------------------------------------------------------>
<div class="arrow" style="margin-left: -8px; cursor: default; width: 215px;">
<div style="margin-top: 2%; margin-left: 2%; width: 200px;">
<span>{{arrowText}}</span>:
</div>
</div>
<div id="rscrolldiv" class="bcmBlueDivBorder " style="margin: -2px 15px; margin-top: 43px; background-color: #B9CDE5; width: 60%;">
<div>
<span style="float: left; margin-left: 16px; font-weight: bold;">{{headingText}}</span>:
</div>
<div style="height: 28px; margin-left: 13px; margin-top: 10px; resize: none; width: 500px;">
<select style="height: 28px; margin-left: 11px; margin-top: -5px; resize: none; width: 500px;"
[(ngModel)]="selectedvalue" (ngModelChange)="getDisList()">
<option value="">Select</option>
<option *ngFor="let d of disasterlist" (click)="getDisList(d.lookUpID)">{{d.lookUpName}}</option>
</select>
</div>
</div>
</div>
<!-------------------------------------------------- Disaster classification dropdown end ------------------------------------------------------------------>
<div class="bcmBlueDivBorder" style="margin-left: 7px; height: 715px; margin-top: 20px;">
<!-- -----------------------------------------------------Data before Edit button Start------------------------------------------------- -->
<div *ngIf="isEditing"> <br /> <br />
<a *ngIf="selectedvalue" (click)="editButton()" style="float: right; margin-right: 617px; cursor: pointer; font-size: 14px; font-family: 'Roboto';
color: blue; text-decoration: underline; margin-top: -24px;"> Edit</a>
<!-- Disaster dd div start -->
<div class="background bcmBlueDivBorder bcmPanel" style="margin-top: 20px; width: 88%; max-height: 373px; overflow-y: scroll">
<span class="bcmLable">Disaster Type and Details</span>
<span style="color: red;" ng-hide="viewMode">*</span>
<span style="font-weight: bold;">:</span>
<!-- fainted div for actual disaster details start -->
<!-- repeating div start -->
<div *ngFor="let d of disasterlist">
<div style="border: 1px solid #BCE0EA; height: auto; width: 95%; padding-top: 4px;
padding-left: 4px; background-color: #E9EEF8; border: 1px solid #C1B4E1;">
<!-- Disaster Type start -->
<div style="width: 30%; margin-left: 8px; margin-top: 8px; padding-bottom: 5px;">
<span class="labelICR" style="float: right; font-size: 12px; margin-right: -7px;" ng-hide="viewMode"> of 100 </span>
<span style="font-weight: bold;" class="bcmLable"><span>Disaster Type</span></span>
<span style="font-weight: bold;"></span>
<span style="font-weight: bold;">:</span> <br />
<textarea style="width: 100%; overflow-y: scroll; resize: none; height: 30px; overflow-x: hidden; white-space: pre-wrap"
data-ng-model="ds.disasterType" maxlength="100">
</textarea>
</div>
<!-- Base Period (in Years): Type start -->
<div style="width: 14%; margin-top: -75px; float: right; margin-right: 526px;">
<span class="bcmLable">Base Period (in Years):</span> <br />
<input type="text" [disabled]=!isEditing onkeypress="return isNumberKey(event)" maxlength="2"
onpaste="return false" style="width: 36px; margin-left: 1px; margin-top: 2px;" ng-model="ds.basePeriod">
</div>
<!-- Base Period (in Years): Type end -->
<!-- Disaster Type end -->
<!-- Remarks start -->
<div style="width: 40%; margin-left: 8px; padding-bottom: 5px; float: right; margin-right: 47px; margin-top: -75px;">
<span class="labelICR" style="float: right; font-size: 12px; margin-right: -7px;"
data-ng-hide="completeView || viewMode"> of 200 </span>
<span style="font-weight: bold;" class="bcmLable">
<span>Remarks</span>
</span>
<span style="font-weight: bold;"></span>
<span style="font-weight: bold;">:</span> <br />
<textarea [disabled]=!isEditing style="width: 100%; overflow-y: scroll; resize: none; height: 30px; overflow-x: hidden; white-space: pre-wrap"
data-ng-model="ds.remarks" maxlength="200">
</textarea>
</div>
<!-- Remarks end -->
</div>
<div style="background-color: #B9CDE5; height: 12px"></div>
<!-- gap div -->
<!-- fainted div for actual disaster details end -->
<div style="float: right; margin-top: -70px; margin-right: 7px;"> </div>
</div>
<!-- repeating div end -->
</div>
</div>
<!-- -----------------------------------------------------Data before Edit button end------------------------------------------------- -->
<!-- -----------------------------------------------------Data After Edit button Start------------------------------------------------- -->
<div *ngIf="!isEditing">
<!-- Lower Div Start -->
<br /> <br />
<a *ngIf="selectedvalue" (click)="editButton()"style="float: right; margin-right: 617px; cursor: pointer; font-size: 14px;
font-family: 'Roboto'; color: blue; text-decoration: underline; margin-top: -24px;"> Edit
</a>
<!-- Disaster dd div start -->
<div class="background bcmBlueDivBorder bcmPanel" style="margin-top: 20px; width: 88%; max-height: 373px; overflow-y: scroll">
<span class="bcmLable">Disaster Type and Details</span>
<span style="color: red;" ng-hide="viewMode">*</span>
<span style="font-weight: bold;">:</span>
<!-- fainted div for actual disaster details start -->
<!-- repeating div start -->
<div *ngFor="let d of disasterlist">
<div style="border: 1px solid #BCE0EA; height: auto; width: 95%; padding-top: 4px; padding-left: 4px;
background-color: #E9EEF8; border: 1px solid #C1B4E1;">
<!-- Disaster Type start -->
<div style="width: 30%; margin-left: 8px; margin-top: 8px; padding-bottom: 5px;">
<span class="labelICR" style="float: right; font-size: 12px; margin-right: -7px;" ng-hide="viewMode"> of 100 </span>
<span style="font-weight: bold;" class="bcmLable"><span>Disaster Type</span></span>
<span style="font-weight: bold;"></span>
<span style="font-weight: bold;">:</span> <br />
<textarea style="width: 100%; overflow-y: scroll; resize: none; height: 30px; overflow-x: hidden; white-space: pre-wrap"
data-ng-model="ds.disasterType" maxlength="100">
</textarea>
</div>
<!-- Base Period (in Years): Type start -->
<div style="width: 14%; margin-top: -75px; float: right; margin-right: 526px;">
<span class="bcmLable">Base Period (in Years):</span> <br />
<input type="text" [disabled]=!isEditing onkeypress="return isNumberKey(event)" maxlength="2"
onpaste="return false" style="width: 36px; margin-left: 1px; margin-top: 2px;" ng-model="ds.basePeriod">
</div>
<!-- Base Period (in Years): Type end -->
<!-- Disaster Type end -->
<!-- Remarks start -->
<div style="width: 40%; margin-left: 8px; padding-bottom: 5px; float: right; margin-right: 47px; margin-top: -75px;">
<span class="labelICR" style="float: right; font-size: 12px; margin-right: -7px;"
data-ng-hide="completeView || viewMode"> of 200 </span>
<span style="font-weight: bold;" class="bcmLable">
<span>Remarks</span>
</span>
<span style="font-weight: bold;"></span>
<span style="font-weight: bold;">:</span> <br />
<textarea [disabled]=!isEditing style="width: 100%; overflow-y: scroll; resize: none; height: 30px; overflow-x: hidden; white-space: pre-wrap"
data-ng-model="ds.remarks" maxlength="200">
</textarea>
</div>
<!-- Remarks end -->
</div>
<div style="background-color: #B9CDE5; height: 12px"></div>
<!-- gap div --> <!-- fainted div for actual disaster details end -->
<div style="float: right; margin-top: -70px; margin-right: 7px;"> </div>
</div>
<!-- repaeating div end -->
<div style="margin-top: 15px; margin-left: 16px;">
<button type="submit" class="submitButton" (click)="warningPopup()">
<span>Submit</span>
</button>
<a class="bcmLink" style="cursor: pointer; font-size: 16px;
margin-right: 388px; margin-left: 10px; text-decoration: underline;" (click)="cancel()">
<span style="color: blue;">Cancel</span>
</a>
</div>
</div>
</div>
<!--------------------------------------------------------------------Data After Edit button end------------------------------------------------------- -->
</div>
<!-- Delete warning popup start -->
<div class="modal fade" id="myDisaster" tabindex="-1" data-keyboard="false" data-backdrop="static" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true"
style="top: 70%; display: none; width: 570px; left: 46%;">
<div class="modal-dialog">
<div class="modal-content"
style="border: 8px solid #265B9B; height: 111px;">
<div class="modal-header"
style="color: white; background-color: #265B9B; padding: 0px 15px; margin-top: -6px; height: 23px;">
<div style="padding-top: 2px; margin: -5px -5px -5px -14px;">
<span
style="font-family: 'Roboto'; font-size: 16px; font-weight: bold;">Warning</span>
</div>
<button type="button" class="closeClass" data-dismiss="modal"
style="background-color: transparent; margin-top: -15px; border: 0px none; color: #FFF; font-size: 30px; margin-left: 99%;">
<span aria-hidden="true">×</span>
<!-- <span class="sr-only">Close</span> -->
</button>
<h4 style="margin-left: -89%; margin-top: -4%;"
class="modal-title" id="myModalLabel"></h4>
</div>
<div class="modal-body">
<span style="font-family: 'Roboto'; font-size: 14px;"><span>This
will clear the current data.</span></span><span
style="font-family: 'Roboto'; font-size: 14px;" msg
key="Warning_question"><span msg key="Continue"></span></span>
<!-- <span>The Time Scales selected and the corresponding impact values defined are not consistent.Do you want to continue?</span> -->
<br /> <br /> <span>
<button type="submit" class="btn bcmButton" msg key="Yes"
data-dismiss="modal" data-ng-click="removeDisaster()"></button>
<button type="submit" data-dismiss="modal" class="btn bcmButton"
style="margin-left: 7px;" msg key="No"></button>
</span>
</div>
</div>
</div>
</div>
<!-- submit warning popup start -->
<div *ngIf="showPopup" class="modal-content"
style="border: 8px solid #265B9B; width: 500px;">
<div class="modal-header"
style="color: white; background-color: #265B9B; padding: 0px 1px; height: 23px;">
<b style="font-size: 15px;"><span msg="" key="Warning">Warning</span></b>
<button type="button" class="closeClass" data-dismiss="modal"
(click)="cancelpopUp()"
style="background-color: transparent; margin-right: -8px; border: 0px none; color: white; font-size: 30px; float: right;">
<span aria-hidden="true">×</span> <span class="sr-only"></span>
</button>
</div>
<div class="modal-body">
<span>Data once Submitted cannot be Deleted.</span>
<span msg="" key="Warning_question"> Do you want to continue?</span> <br> <br>
<span>
<button type="submit" class="submitButton" (click)="submit()">
<span>Yes</span>
</button>
<button style="margin-left: 20px" type="submit"
class="submitButton" (click)="cancelpopUp()">
<span>No</span>
</button>
</span>
</div>
</div>
</div>
</div>
can you find any Angular HTML error in above code and correct the code againLeave a Comment