Merged PR 271: Show Date and Time on Geandert Timestamp on Detail Page

Show Date and Time on Geandert Timestamp on Detail Page

Related work items: #274
This commit is contained in:
Sebastian Neumair
2020-09-08 14:26:28 +00:00
committed by Lorenz Hilpert

View File

@@ -1,49 +1,89 @@
<div class="tags" *ngIf="item.features">
<lib-icon *ngIf="item.features?.prebooked" name="tag_icon_preorder" height="48px"></lib-icon>
<lib-icon
*ngIf="item.features?.prebooked"
name="tag_icon_preorder"
height="48px"
></lib-icon>
</div>
<div class="feature-spacing" *ngIf="item.features"></div>
<div class="isa-text-right isa-mb-9 isa-font-size-24" *ngIf="item.compartmentCode && displayCompartmentCode">
<strong>{{ item.compartmentCode
<div
class="isa-text-right isa-mb-9 isa-font-size-24"
*ngIf="item.compartmentCode && displayCompartmentCode"
>
<strong
>{{ item.compartmentCode
}}{{ item.compartmentInfo && '_' + item.compartmentInfo }}
</strong>
</div>
<div class="paid isa-mt-9 isa-mb-9" *ngIf="item.features?.paid">
<lib-icon height="24px" width="24px" name="Check_green_circle" class="isa-mr-10"></lib-icon>
<lib-icon
height="24px"
width="24px"
name="Check_green_circle"
class="isa-mr-10"
></lib-icon>
<strong> {{ item.features?.paid }} </strong>
</div>
<div class="grid-container">
<div class="cover">
<img class="thumbnail" src="https://produktbilder.ihugendubel.de/{{
<img
class="thumbnail"
src="https://produktbilder.ihugendubel.de/{{
item.product.ean
}}.jpg?showDummy=true" alt="item.product.name" />
}}.jpg?showDummy=true"
alt="item.product.name"
/>
</div>
<div class="title">
<strong class="product-name">
{{ [item.product.contributors, item.product.name] | title }}</strong>
{{ [item.product.contributors, item.product.name] | title }}</strong
>
<strong class="processing-status">
<lib-icon class="isa-mr-9" *ngIf="item.processingStatus | processingStatus: 'icon'; let icon" [name]="icon"
[ngClass]="icon">
<lib-icon
class="isa-mr-9"
*ngIf="item.processingStatus | processingStatus: 'icon'; let icon"
[name]="icon"
[ngClass]="icon"
>
</lib-icon>
{{ item.processingStatus | processingStatus }}
</strong>
</div>
<div class="details">
<div class="item-type">
<lib-icon class="isa-mr-9" name="Icon_{{ item.product.format }}"></lib-icon>
<lib-icon
class="isa-mr-9"
name="Icon_{{ item.product.format }}"
></lib-icon>
<strong>{{ item.product.formatDetail }}</strong>
</div>
<ng-container [ngSwitch]="item.processingStatus">
<div class="order-date spec" *ngSwitchCase="256">
<span>Geändert</span>
<strong>{{ item.processingStatusDate | date }}</strong>
<strong
>{{
item.processingStatusDate | date: 'dd.MM.yy | HH:mm'
}}
Uhr</strong
>
</div>
<div class="order-date spec" *ngSwitchCase="512">
<span>Geändert</span>
<strong>{{ item.processingStatusDate | date }}</strong>
<strong
>{{
item.processingStatusDate | date: 'dd.MM.yy | HH:mm'
}}
Uhr</strong
>
</div>
<div class="order-date spec" *ngSwitchCase="2048">
<span>Geändert</span>
<strong>{{ item.processingStatusDate | date }}</strong>
<strong
>{{
item.processingStatusDate | date: 'dd.MM.yy | HH:mm'
}}
Uhr</strong
>
</div>
<div class="order-date spec" *ngSwitchDefault>
<span>Bestelldatum</span>
@@ -65,4 +105,4 @@
<strong>{{ item.targetBranch }}</strong>
</div>
</div>
</div>
</div>