Siggg/culottes

<form class="ui form" name="donate">

 <div class="field">
  <label>Donate some ether to  this revolution</label>
  <div class="ui label">
    {{ revolutionAddress }} on the {{ revolutionBlockchain }} blockchain
  </div>
 </div>
 
 <div class="field">
  <label>How much ether are you donating?</label>
  <div class="ui right labeled input">
   <input [(ngModel)]="amount" type="number" name="amount" placeholder="Enter amount" />
   <div class="ui label">ETH</div>
  </div>
  <div class="ui action input">
   <div class="ui right aligned label fluid" style="text-align:right;">= {{ convertToFiat(amount) }}</div>
   <select (change)="onCurrencyChange($event)" class="ui compact dropdown label" style="max-width:6em;">
    <option value="EUR" [selected]="currency() == 'EUR'">€</option>
    <option value="USD" [selected]="currency() == 'USD'">$</option>
    <option [selected]="currency() == 'AUD'">AUD</option>
    <option [selected]="currency() == 'CAD'">CAD</option>
    <option [selected]="currency() == 'CNY'">CNY</option>
    <option value="GBP" [selected]="currency() == 'GBP'">£</option>
    <option value="JPY" [selected]="currency() == 'JPY'">¥</option>
   </select>
 </div>

  <div *ngIf="isOk">
    <div
      class="ui red inverted segment center aligned"
      style="margin-top: 15px"
    >
      Should not be empty / Should contain only numbers
    </div>
  </div>
 </div>

 <button (click)="onClickMe()" class="ui primary button">
  <i class="heart icon"></i> Donate
 </button>
 
 <div class="results"></div>

</form>