licensemodulesettings.component.html 4.91 KB
<!-- main-heading -->
<div class="row">

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

  <ng-template #templatesuccess>
    <div class="modal-header">
      <h4 class="modal-title pull-left">Confirmation</h4>
      <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body" [innerHTML]="modalAlerts">
    </div>
    <div class="modal-footer">
    </div>
  </ng-template>

  <div class="col-sm-12">

    <div class="container-fluid main-full">

      <div class="row">

        <div class="well no-margin-btm">
          <div class="row">
            <div class="col-lg-4 col-sm-4">
              <div class="row">
                <div class="col-sm-12">
                  <div class="form-group marginTop5">
                    <label for="Account Number" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">Account Number :</label>
                  </div>
                  <div class="col-sm-12 col-lg-6 padd-left0 padd-right0">
                      <select class="form-control input-sm" id="AccountNumber" (change)="AccountNumberChanged($event.target.value)">
                          <option>Select</option>
                          <option *ngFor="let item of lstAccountNumbers" value="{{item.m_Item1}}">
                              {{item.m_Item2}}
                          </option>
                      </select>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="col-sm-12 padd-left0 padd-right0">

          <div class="well">
            <div class="row">
              <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="panel-body">
                  <!-- form -->
                  <form class="form-horizontal" [formGroup]="updateModuleSettingsFrm" (submit)="UpdateLicenseModulesStatus(templatesuccess)">
                    <div class="form-group" *ngIf="lstModuleStatus!=null">
                      <label for="inputPassword3" class="col-sm-3 control-label">Module :</label>
                      <div class="col-sm-9">
                        <div class="row" *ngFor="let item of this.updateModuleSettingsFrm.controls['lstModuleStatus'].value; let i = index">
                          <div class="col-sm-6">
                            <span class="help-block">{{item.m_Item3}}</span>
                          </div>

                          <div class="col-sm-6">
                              <label class="radio-inline">
                                  <input name="{{item.m_Item3}}" [value]="true" type="radio" [(ngModel)]="item.m_Item2" [ngModelOptions]="{standalone: true}"> On </label>
                                      <label class="radio-inline">
                                  <input name="{{item.m_Item3}}" [value]="false" type="radio" [(ngModel)]="item.m_Item2" [ngModelOptions]="{standalone: true}"> Off </label>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12 marginTop20 text-center">
                          <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-check"></i> Save</button>
                        </div>
                    </div>
                  </form>
                  <!-- form -->
                </div>
              </div>

              <!--save-button-->
              <div class="modal fade bs-example-modal-sm ui-draggable text-left" tabindex="-1" role="dialog" id="mymodal">
                <div class="modal-dialog modal-sm" role="document">
                  <div class="modal-content">
                    <div class="modal-header annotation-modal-header ui-draggable-handle">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                      <h4 class="modal-title" id="">Alert</h4>
                    </div>
                    <div class="modal-body">
                      <h5>Modules has been updated successfully.</h5>
                    </div>
                    <div class="modal-footer">
                      <div class="row">
                        <div class="col-sm-12"><button class="btn btn-primary btn-sm">Ok</button></div>
                      </div>
                    </div>

                  </div>
                  <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
              </div>
              <!-- /.modal -->
              <!--Save-button-->

            </div>
          </div>
        </div>
      </div>
      <!-- main-heading -->
      <!--container-->

    </div>
  </div>
</div>
<!-- main-heading -->