Merge pull request onehungrymind#3 from onehungrymind/feature/price

added price to list items

Author: Lukas Ruebbelke

apps/dashboard/src/app/items/items-list/items-list.component.css

@@ -5,3 +5,7 @@ mat-list-item:not(:first-of-type) {
 .symbol {
   color: #777;
 }
+
+.price {
+  float: right;
+}

apps/dashboard/src/app/items/items-list/items-list.component.html

@@ -9,10 +9,13 @@ <h1>Items</h1>
       <mat-list-item *ngFor="let item of items" (click)="selected.emit(item)" class="record">
         <h3 mat-line>{{item.name}}</h3>
         <button *ngIf="!readonly" mat-icon-button (click)="deleted.emit(item);$event.stopImmediatePropagation();">
-          <mat-icon>close</mat-icon>
+        <mat-icon>close</mat-icon>
         </button>
         <p mat-line>
-          {{item.description}}
+        {{item.description}}
+        </p>
+        <p class="price">
+          {{item.price | currency}}
         </p>
       </mat-list-item>
     </mat-list>

apps/dashboard/src/app/widgets/widgets-list/widgets-list.component.css

@@ -1,3 +1,7 @@
 mat-list-item:not(:first-of-type) {
   border-top: 1px solid #efefef;
 }
+
+.price {
+  float: right;
+}

apps/dashboard/src/app/widgets/widgets-list/widgets-list.component.html

@@ -14,6 +14,9 @@ <h3 mat-line>{{widget.name}}</h3>
         <p mat-line>
           {{widget.description}}
         </p>
+        <p class="price">
+            {{widget.price | currency}}
+          </p>
       </mat-list-item>
     </mat-list>
   </mat-card-content>