kfmc_website/src/app/login/login.component.html

  <div class="login-dashBoard" [style.height.px]="myInnerHeight">
    <div class="container">
        <div class="formContent-w">
            <h2>تسجيل الدخول</h2>
            <p>مرحباً ، قم بتسجيل الدخول الان</p>
            <div class="container">
              <div class="row">
                <div class="col-12">
                  <form (ngSubmit)="onSubmitedForm()" #f="ngForm">
                    <div class="form-group">
                      <label for="email">رقم الهويه</label>
                      <input type="phone" id="email" class="form-control" placeholder="رقم الهويه" appOnlyNumber name="identity_number" appEnglishCharacters ngModel required  #identity_number="ngModel" />
                      <span class="help-block" *ngIf="!identity_number.valid && identity_number.touched">من فضلك ، ادخل رقم الهويه صحيح</span>
                    </div>
                    <div class="form-group">
                        <label for="password"> كلمه المرور</label>
                        <input type="password" id="password" class="form-control" placeholder="كلمه المرور"  name="password" ngModel required #password="ngModel"/>
                        <span class="help-block" *ngIf="!password.valid && password.touched">من فضلك ، قم بادخال كود صحيح</span>
                    </div>
                    <div class="form-group">
                      <a [routerLink]="['/signup']" class="signUp-w" style="float: left; margin-left:10px">إنشاء حساب جديد</a>
                      <a routerLink="/page-not-found" class="forgetPassword-w" style="margin-right: 10px">نسيت كلمه المرور ؟</a>
                    </div>
                    <button class="btn btn-success form-control" type="submit" [disabled]="!f.valid">الدخول</button>
                  </form>
                </div>
              </div>
            </div>
          </div>
    </div>
  </div>