Skip to content

Instantly share code, notes, and snippets.

@Sampath-Lokuge

Sampath-Lokuge/gist:e380912b7c83386d734077fca8e8de09

Created August 8, 2018 21:03
Show Gist options
  • Save Sampath-Lokuge/e380912b7c83386d734077fca8e8de09 to your computer and use it in GitHub Desktop.
Save Sampath-Lokuge/e380912b7c83386d734077fca8e8de09 to your computer and use it in GitHub Desktop.
Download ZIP
Budget
@Sampath-Lokuge
Copy link
Author 

<ion-list>
   <ion-item class="background-color-primary" *ngIf="data?.budgetList!=null" no-lines>
     <ion-label fixed>Total</ion-label>
     <ion-input type="text" text-right [value]="data?.total | thousandsSeparatorPipe" disabled="true"></ion-input>
   </ion-item>
   <ion-item *ngFor="let d of data.budgetList" (click)="goToEditBudget(d)">
     <ion-thumbnail item-start>
       <img *ngIf="d?.transactionTotalPrice>= (d?.amount*1)" src="assets/img/0.png" class="budget-img">
       <img *ngIf="Math.round(((d?.amount*1)+(d?.contingency*(d?.amount*1)/100) - d?.transactionTotalPrice)/((d?.amount*1)+(d?.contingency*(d?.amount*1)/100))*4)==1"
         src="assets/img/1.png" class="budget-img">
       <img *ngIf="Math.round(((d?.amount*1)+(d?.contingency*(d?.amount*1)/100) - d?.transactionTotalPrice)/((d?.amount*1)+(d?.contingency*(d?.amount*1)/100))*4)==2"
         src="assets/img/2.png" class="budget-img">
       <img *ngIf="Math.round(((d?.amount*1)+(d?.contingency*(d?.amount*1)/100) - d?.transactionTotalPrice)/((d?.amount*1)+(d?.contingency*(d?.amount*1)/100))*4)==3"
         src="assets/img/3.png" class="budget-img">
       <img *ngIf="Math.round(((d?.amount*1)+(d?.contingency*(d?.amount*1)/100) - d?.transactionTotalPrice)/((d?.amount*1)+(d?.contingency*(d?.amount*1)/100))*4)==4"
         src="assets/img/4.png" class="budget-img">
     </ion-thumbnail>
     <h2>{{d.budgetGroup?.name}}</h2>
     <p *ngIf="(d?.amount*1)>d?.transactionTotalPrice">{{((d?.amount*1)+(d?.contingency*(d?.amount*1)/100) - d?.transactionTotalPrice) | thousandsSeparatorPipe}}</p>
     <p *ngIf="d?.transactionTotalPrice> (d?.amount*1)" [ngClass]="{'color-brown': d?.transactionTotalPrice> (d?.amount*1) }">{{((d?.amount*1)+(d?.contingency*(d?.amount*1)/100) - d?.transactionTotalPrice)| thousandsSeparatorPipe}}</p>
     <p *ngIf="d?.transactionTotalPrice> (d?.amount*1)+(d?.contingency*(d?.amount*1)/100)" [ngClass]="{'color-brown': d?.transactionTotalPrice> (d?.amount*1)+(d?.contingency*(d?.amount*1)/100) }">{{((d?.amount*1)+(d?.contingency*(d?.amount*1)/100) - d?.transactionTotalPrice)| thousandsSeparatorPipe}}</p>
     <label item-end>{{d?.amount | thousandsSeparatorPipe}}</label>
   </ion-item>
 </ion-list>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment