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

<form [formGroup]="modifyForm" (ngSubmit)="modifyProfile()">
  <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" (click)="onAddSensorWithTarget(item.target)"></button>
      </div>
    </div>

    <div class="ui-g-12 ui-md-8">
      <div class="ui-g form-group">
        <div class="ui-g-12">
        <span class="md-inputfield">
          <input type="text" pInputText formControlName="email" readonly value="{{member.email}}">
          <label>Email</label>
        </span>
        </div>
        <div class="ui-g-12">
        <span class="md-inputfield">
          <input type="text" pInputText formControlName="name" value="{{member.name}}" >
          <label>Name</label>
        </span>
        </div>
        <div class="ui-g-12">
        <span class="md-inputfield">
          <input type="text" pInputText formControlName="companyName" value="{{member.companyName}}" >
          <label>Company Name</label>
        </span>
        </div>
        <div class="ui-g-12">
        <span class="md-inputfield">
          <input type="text" pInputText  formControlName="phone" value="{{member.phone}}" >
          <label>Phone</label>
        </span>
        </div>
      </div>
    </div>
    <div class="ui-g-12" dir="rtl">
      <button type="submit" [disabled]="selected" 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>