member_webapp/@overflow/member/component/member-profile.component.html

<form [formGroup]="profileForm" *ngIf="domainMember" (ngSubmit)="profileFormSubmit()">
  <div class="ui-g">
    <div class="ui-g-12 ui-md-4 ui-img-profile">
      <div class="ui-img-profile-box">
        <div class="ui-g">
          <img class="profile-image " src="assets/layout/images/avatar.png" />
        </div>
        <button type="button" class="ui-button-photo-add" pButton icon="ui-icon-account-box" ></button>
        <!--(click)="onAddSensorWithTarget(item.target)" -->
      </div>
    </div>

    <div class="ui-g-12 ui-md-8">
      <div class="ui-g form-group">
        <div class="ui-g-12 ui-bottom-space-10">
        <span class="md-inputfield">
          <input type="text" pInputText formControlName="email" readonly >
          <label>Email</label>
        </span>
        </div>
        <div class="ui-g-12 ui-bottom-space-10">
        <span class="md-inputfield">
          <input type="text" pInputText formControlName="name"  >
          <label>Name</label>
        </span>
        </div>
        <div class="ui-g-12 ui-bottom-space-10">
        <span class="md-inputfield">
          <input type="text" pInputText formControlName="companyName" >
          <label>Company Name</label>
        </span>
        </div>
        <div class="ui-g-12">
        <span class="md-inputfield">
          <input type="text" pInputText  formControlName="phone"  >
          <label>Phone</label>
        </span>
        </div>
      </div>
    </div>
    <div class="ui-g-12" dir="rtl">
      <button type="submit" [disabled]="profileForm.touched &&!profileForm.valid " class="ui-button ui-button-text-icon-left ui-button-width-fit">
        <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
        <span class="ui-button-text ui-c">Save</span>
      </button>
    </div>
  </div>
</form>