ui/angular/src/app/job/create-job/batch/batch.component.html [25:61]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  <div class="row">
    <!-- <form name="Form" id="form" novalidate> -->
    <form name="jobForm" id="form" (ngSubmit)="submit(jobForm)" #jobForm="ngForm" novalidate>
      <div class="formStep">
        <label class="stepDesc info">Please setup the job required information</label>
        <div class="container-fluid">
          <!-- schema definition list -->
          <div class="col-md-12 col-lg-12 col-sm-12">
            <fieldset (window:resize)="onResize($event)">
              <legend>
                Required Information
              </legend>
              <div class="y-scrollable">
                <div class="col-md-12 col-lg-12 col-sm-12">
                  <div class="form-group"
                       [ngClass]="{'has-error':jobName.dirty&&jobName.invalid, 'has-success':jobName.valid}">
                    <label class="col-md-2 col-lg-2 col-sm-2 control-label">
                      Job Name<span class="symbol required"></span>:
                    </label>
                    <div class="col-md-10 col-lg-10 col-sm-10 ">
                      <input type="text" class="form-control" [(ngModel)]="jobname" name="jobName" #jobName="ngModel"
                             placeholder="Please input the job name" required pattern="^[a-zA-Z0-9_-]*$" id="jobName">
                      <span class="error text-small block " *ngIf="jobName.dirty && (jobName.errors?.required)">
                        Job Name is required</span>
                      <span class="error text-small block " *ngIf="jobName.dirty && (jobName.errors?.pattern)">Only letter, number, "-" and "_" are allowed</span>
                    </div>
                  </div>
                </div>
                <div class="col-md-12 col-lg-12 col-sm-12">
                  <div class="form-group">
                    <label for="measureSelector" class="col-md-2 col-lg-2 col-sm-2 control-label">
                      Measure Name<span class="symbol required"></span>:
                    </label>
                    <div class="col-md-10 col-lg-10 col-sm-10 ">
                      <select id="measureSelector" class="form-control" ngControl="name" required name="measure.name"
                              [(ngModel)]="measure" (ngModelChange)="onChange($event)">
                        <option *ngFor="let row of Measures" value="{{row.name}}">{{row.name}}</option>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



ui/angular/src/app/job/create-job/streaming/streaming.component.html [25:61]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  <div class="row">
    <!-- <form name="Form" id="form" novalidate> -->
    <form name="jobForm" id="form" (ngSubmit)="submit(jobForm)" #jobForm="ngForm" novalidate>
      <div class="formStep">
        <label class="stepDesc info">Please setup the job required information</label>
        <div class="container-fluid">
          <!-- schema definition list -->
          <div class="col-md-12 col-lg-12 col-sm-12">
            <fieldset (window:resize)="onResize($event)">
              <legend>
                Required Information
              </legend>
              <div class="y-scrollable">
                <div class="col-md-12 col-lg-12 col-sm-12">
                  <div class="form-group"
                       [ngClass]="{'has-error':jobName.dirty&&jobName.invalid, 'has-success':jobName.valid}">
                    <label class="col-md-2 col-lg-2 col-sm-2 control-label">
                      Job Name<span class="symbol required"></span>:
                    </label>
                    <div class="col-md-10 col-lg-10 col-sm-10 ">
                      <input type="text" class="form-control" [(ngModel)]="jobname" name="jobName" #jobName="ngModel"
                             placeholder="Please input the job name" required pattern="^[a-zA-Z0-9_-]*$" id="jobName">
                      <span class="error text-small block " *ngIf="jobName.dirty && (jobName.errors?.required)">
                        Job Name is required</span>
                      <span class="error text-small block " *ngIf="jobName.dirty && (jobName.errors?.pattern)">Only letter, number, "-" and "_" are allowed</span>
                    </div>
                  </div>
                </div>
                <div class="col-md-12 col-lg-12 col-sm-12">
                  <div class="form-group">
                    <label for="measureSelector" class="col-md-2 col-lg-2 col-sm-2 control-label">
                      Measure Name<span class="symbol required"></span>:
                    </label>
                    <div class="col-md-10 col-lg-10 col-sm-10 ">
                      <select id="measureSelector" class="form-control" ngControl="name" required name="measure.name"
                              [(ngModel)]="measure" (ngModelChange)="onChange($event)">
                        <option *ngFor="let row of Measures" value="{{row.name}}">{{row.name}}</option>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -