sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

removed errors for invalid icon types

Browse Source
This commit is contained in:
Peter Skrlj
2019-02-09 14:43:15 +01:00
parent 6b9860d0f1
commit ce73cce1a8
1 changed files with 88 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
src/app/components/product-card/product-card.component.html
View File

@@ -1,70 +1,92 @@
<div class="card-container" [ngClass]="{'recommanded': product.recommandation}" (click)="productDetails(product)">
<div class="icon-container">
<img class="product-icon" [src]="imageUrl$ | async">
<div
class="card-container"
[ngClass]="{ recommanded: product.recommandation }"
(click)="productDetails(product)"
>
<div class="icon-container">
<img class="product-icon" [src]="imageUrl$ | async" />
</div>
<div class="content-container">
<div class="author align-left">
<span>{{ product.author }}</span>
</div>
<div class="content-container">
<div class="author align-left">
<span>{{product.author}}</span>
<div class="title-price">
<div
class="title align-left"
[ngClass]="{ 'title-grid': product.recommandation }"
>
<div class="rec-icon-container" *ngIf="product.recommandation">
<img src="../../../assets/images/Empfehlungen_Icon.svg" />
</div>
<div class="title-price">
<div class="title align-left" [ngClass]="{'title-grid': product.recommandation}">
<div class="rec-icon-container" *ngIf="product.recommandation">
<img src="../../../assets/images/Empfehlungen_Icon.svg">
</div>
<div>
<span>{{product.title}}</span>
</div>
</div>
<div class="price align-right">
<span>{{product.price}}</span>
<span class="currency">{{product.currency}}</span>
</div>
</div>
<div class="type-stock">
<div class="type align-left">
<div class="type-icon-container align-left">
<img class="type-icon" src="../../../assets/images/Icon_{{product.typeIcon}}.svg">
</div>
<div class="type-text align-left">
<span>{{product.type}}</span>
</div>
</div>
<div class="stock-container align-right">
<div *ngIf="product.availability" class="available-stock">
<div class="available-icon-container">
<img class="available-icon" src="../../../assets/images/Check.svg">
</div>
<div class="available-text">
<span>Lieferbar</span>
</div>
<div class="stock-icon-wraper">
<img *ngIf="!product.recommandation" class="stock-icon" src="../../../assets/images/Icon_House.svg">
<img *ngIf="product.recommandation" class="stock-icon" src="../../../assets/images/Icon_House_recommended.svg">
</div>
<div class="stock">
<span>{{product.itemsInStock}}x</span>
</div>
</div>
<div *ngIf="!product.availability" class="not-available-stock">
<span>{{product.notAvailableReason}}</span>
</div>
</div>
</div>
<div class="publisher-order">
<div class="publisher-serial">
<div class="publisher align-left wrap-text-more">
<span>{{product.publisher}}</span>
</div>
<div class="align-left">
<span>|</span>
</div>
<div class="serial align-left">
<span>{{product.serial}}</span>
</div>
</div>
<div class="order">
<span>{{product.category}}</span>
</div>
<div>
<span>{{ product.title }}</span>
</div>
</div>
<div class="price align-right">
<span>{{ product.price }}</span>
<span class="currency">{{ product.currency }}</span>
</div>
</div>
</div>
<div class="type-stock">
<div class="type align-left">
<div class="type-icon-container align-left">
<img
class="type-icon"
src="../../../assets/images/Icon_{{ product.typeIcon }}.svg"
*ngIf="!!product.typeIcon && product.typeIcon != '--'"
/>
</div>
<div class="type-text align-left">
<span>{{ product.type }}</span>
</div>
</div>
<div class="stock-container align-right">
<div *ngIf="product.availability" class="available-stock">
<div class="available-icon-container">
<img
class="available-icon"
src="../../../assets/images/Check.svg"
/>
</div>
<div class="available-text">
<span>Lieferbar</span>
</div>
<div class="stock-icon-wraper">
<img
*ngIf="!product.recommandation"
class="stock-icon"
src="../../../assets/images/Icon_House.svg"
/>
<img
*ngIf="product.recommandation"
class="stock-icon"
src="../../../assets/images/Icon_House_recommended.svg"
/>
</div>
<div class="stock">
<span>{{ product.itemsInStock }}x</span>
</div>
</div>
<div *ngIf="!product.availability" class="not-available-stock">
<span>{{ product.notAvailableReason }}</span>
</div>
</div>
</div>
<div class="publisher-order">
<div class="publisher-serial">
<div class="publisher align-left wrap-text-more">
<span>{{ product.publisher }}</span>
</div>
<div class="align-left">
<span>|</span>
</div>
<div class="serial align-left">
<span>{{ product.serial }}</span>
</div>
</div>
<div class="order">
<span>{{ product.category }}</span>
</div>
</div>
</div>
</div>