licenseAgreement.component.html 6.23 KB
<!-- main-heading -->
<div class="row"  style="margin-right: auto;">

<div class="col-sm-12 pageHeading" style="margin-left: 15px;">
  <h4>Product License</h4>
</div>

<!-- container -->
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
  <div class="container-fluid main-full">
	<div class="row">

	  <div class="well">
		<div class="row">
		  <div class="col-sm-12">
			<div class="panel-body">
				 <div class="form-horizontal" id="accountsection">
					<div class="form-group">
					  <label for="inputEmail3" class="col-sm-3 control-label">Select Account :</label>
					  <div class="col-sm-7">
						<select id='accountSelect'>
						  <option *ngFor="let item of tempLstAccountNumbers" [value]="item.m_Item1">{{item.m_Item2}}</option>
						</select>                    
					  </div>
					</div>
				</div>
				<!-- form -->
			  <form class="form-horizontal" [formGroup]="LicenseAgreementFrm">
			  
				<div class="row">
				  <input type="hidden" formControlName="licenseId" />
				  <input type="hidden" formControlName="licenseTypeId" />
				  <input type="hidden" formControlName="accountTypeId" />
				  <input type="hidden" formControlName="stateId" />
				  <input type="hidden" formControlName="countryId" />
				</div>
				
				<div class="form-group">
				  <label class="col-sm-3 control-label">License Type :</label>
				  <div class="col-sm-7">
					<input type="text" class="form-control input-sm" id="licenseTypeName" formControlName="licenseTypeName" disabled>
				  </div>
				</div>
				
				<div class="form-group">
					<div class="col-sm-7 col-sm-offset-3" *ngIf="(license.LicenseId > 0 && this.LicenseAgreementFrm.controls['licenseTypeId'].value != 5 )">
					 <div class="table-responsive">
					  <table class="table table-condensed table-bordered table-striped table-hover marginTop10">
						<thead>
						  <tr>
							<th class="col-sm-9">Product</th>
							<th *ngIf="(this.LicenseAgreementFrm.controls['licenseTypeId'].value != 3 )">No of Login</th>
						  </tr>
						</thead>
						<tbody>
						  <tr *ngFor="let item of this.LicenseAgreementFrm.controls['editionLoginArr'].value; let i = index">
							<td *ngIf="item.Checked==1 &&(item.Login>0 ||this.LicenseAgreementFrm.controls['licenseTypeId'].value == 3) ">{{item.Title}}</td>
							<td *ngIf="item.Checked==1 && item.Login>0 && (this.LicenseAgreementFrm.controls['licenseTypeId'].value != 3 )">
							  <input type="text" maxlength="8" style="width: 100px;" contenteditable="true" [(contenteditableModel)]="item.Login" NumberOnly disabled>
							</td>
						  </tr>
						</tbody>
					  </table>
					</div>
				  </div>
				</div>

				<div class="form-group">
				  <label for="inputPassword3" class="col-sm-3 control-label">Account No :</label>
				  <div class="col-sm-7">
					<input type="text" class="form-control input-sm" id="AccountNo" formControlName="accountNumber" disabled>
				  </div>
				</div>

				<div class="form-group">
				  <label for="inputPassword3" class="col-sm-3 control-label">Licensee First Name :</label>
				  <div class="col-sm-7">
					<input type="text" class="form-control input-sm" id="LicenseeFirstName" formControlName="licenseeFirstName" disabled>
				  </div>
				</div>

				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Licensee Last Name :</label>
				  <div class="col-sm-7">
				   <input type="text" class="form-control input-sm" id="LicenseelastName" formControlName="licenseeLastName" disabled>
				  </div>
				</div>

				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Account Type :</label>
				  <div class="col-sm-7">
					<input type="text" class="form-control input-sm" id="accountTypeName" formControlName="accountTypeName" disabled>
				  </div>
				</div>

				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Institution Name :</label>
				  <div class="col-sm-7">
					<input type="text" class="form-control input-sm" id="InstitutionName" formControlName="institutionName" disabled>
				  </div>
				</div>
				
				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Email ID :</label>
				  <div class="col-sm-7">
				  <input type="text" class="form-control input-sm" id="Email" formControlName="emailId" disabled>
				  </div>
				</div>

				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Address :</label>
				  <div class="col-sm-7">
				   <input type="text" class="form-control input-sm" id="Address" formControlName="address1" disabled>
				  </div>
				</div>

				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">City :</label>
				  <div class="col-sm-7">
				   <input type="text" class="form-control input-sm" id="City" formControlName="city" disabled>
				  </div>
				</div>
				
				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Zip :</label>
				  <div class="col-sm-7">
				   <input type="text" class="form-control input-sm" id="Zip" formControlName="zip" disabled>
				  </div>
				</div>
				
				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">State (only U.S.) :</label>
				  <div class="col-sm-7">
				   <input type="text" class="form-control input-sm" id="stateName" formControlName="stateName" disabled>
				  </div>
				</div>
				
				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Country :</label>
				  <div class="col-sm-7">
				   <input type="text" class="form-control input-sm" id="countryName" formControlName="countryName" disabled>
				  </div>
				</div>			
				
				<div class="form-group">
				  <label for="inputEmail3" class="col-sm-3 control-label">Phone :</label>
				  <div class="col-sm-7">
				  <input type="text" class="form-control input-sm" id="Phone" formControlName="phone" disabled>
				  </div>
				</div>

				<div class="row">
				  <div class="col-sm-12 marginTop20 text-center">
					<button class="btn btn-primary btn-sm" type="button" (click)="CloseLicense()"><i class="fa fa-close"></i> Cancel</button>
				  </div>
				</div>

			  </form>

             </div>
           </div>
         </div>
        </div>
       </div>
     </div>
    </div>
</div>