Untitled

mail@pastecode.io avatar
unknown
plain_text
a month ago
14 kB
2
Indexable
Never
<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">&times;</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">&times;</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 again
Leave a Comment