<ion-footer no-margin>
  <!-- keyboardAttach  -->
  <ion-toolbar>
    <ion-grid no-padding>
      <ion-row align-items-center>
        <ion-col col-2 class="icon-center">
          <button ion-button icon-only clear round (click)="addAttachment()" [disabled]="!connectionStatus">
            <ion-icon name="ios-add" color="generali"></ion-icon>
          </button>
        </ion-col>
        <ion-col col-8>
          <ion-textarea class="textarea input-round clear-item" placeholder="Write a message" name="chatText" [disabled]="!connectionStatus"
            [(ngModel)]="inputChat" (keyup.enter)="chatSend(inputChat)" (keyup)="onKeyUp($event)">
          </ion-textarea>
        </ion-col>
        <ion-col col-2 class="icon-center">
          <button ion-button icon-only clear round (click)="chatSend(inputChat)" [disabled]="!connectionStatus">
            <ion-icon name="ios-send-outline" color="generali"></ion-icon>
          </button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-toolbar>
</ion-footer>