meBarista_in_Ionic2/src/pages/hardware/hardware.html

<ion-header>
  <ion-navbar>   
    <ion-spinner #spinner [hidden]="!spinner_show" [paused]="!this.abc.scanning" (click)="this.abc.bt_discover()" style="float: right; margin-right: 1em; width: 1.5em; height: 1.5em;"></ion-spinner>
    <span #tt42 [hidden]="spinner_show" style="float: right; margin-right: 1em;">{{temperature}}</span>

    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Hardware</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>

  <div style="margin-bottom: 2em;">
  <i>meCoffee's</i> output ports are dynamically assignable to a particular function. Configure if you have multiple boiler elements or want to drive the pump with a LIVE signal instead of the default NEUTRAL.  
	</div>

<ion-item class="mecoffee">

	<ion-label>Output 1 - NEUTRAL</ion-label>
    <ion-select [(ngModel)]="pars.o0" style="float: right;">
      <ion-option value="98">Boiler</ion-option>
      <ion-option value="112">Pump</ion-option>
      <ion-option value="118">Valve</ion-option>
      <ion-option value="110">None</ion-option>
    </ion-select>
   
</ion-item>

<ion-item class="mecoffee">

	<ion-label>Output 2 - LIVE</ion-label>
    <ion-select [(ngModel)]="pars.o1" style="float: right;">
      <ion-option value="98">Boiler</ion-option>
      <ion-option value="112">Pump</ion-option>
      <ion-option value="118">Valve</ion-option>
      <ion-option value="110">None</ion-option>
    </ion-select>
   
</ion-item>

<ion-item class="mecoffee">

	<ion-label>Output 3 - LIVE</ion-label>
    <ion-select [(ngModel)]="pars.o2" style="float: right;">
      <ion-option value="98">Boiler</ion-option>
      <ion-option value="112">Pump</ion-option>
      <ion-option value="118">Valve</ion-option>
      <ion-option value="110">None</ion-option>
    </ion-select>
   
</ion-item>

 <div style="margin-bottom: 2em;">
   When you have completed installing your <i>meCoffee</i> as a timer per step 9, your machine will presume the on-state after a power outage or unplugging and replugging in the wall socket. Enable to prevent warm up at cold boot.
 </div>

<ion-item class="mecoffee">

	<ion-label>Installed as a timer</ion-label>
    <ion-toggle [(ngModel)]="pars.tmrpwr" (ionChange)="notify($event)"  style="float:right;"></ion-toggle>
 
 </ion-item>

 <div style="margin-bottom: 2em;">
   When you have completed installing your <i>meCoffee</i> as a timer per step 9 on a V5E or machine with builtin 30-minute inactivity timer, enable this to support your variant of the power button.
 </div>

<ion-item class="mecoffee">

	<ion-label>Flipping power button / V5</ion-label>
    <ion-toggle [(ngModel)]="pars.pwrflp" (ionChange)="notify($event)"  style="float:right;"></ion-toggle>
 
 </ion-item>

 <div class="row" style="display: flex; flex-direction: row; align-items: center; width: 100%;">
    <div style="flex: 1 0 0;">
      <button ion-button id="defaults" [disabled]="!this.showDefaults()" (click)="doDefaults()">Defaults</button>
    </div>
    <div style="flex: 4 0 0;">
    <div style="float:right;">
    <button ion-button id="reset" [disabled]="!this.showUndo()"  (click)="doUndo()">Undo</button>
    <button ion-button id="update" [disabled]="!this.showUpdate()" (click)="doUpdate()">Update</button>
    </div>
    </div>
 </div>

</ion-content>