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

Merged PR 849: #2196 Reservieren InStock Loading Spinner and Styling

Browse Source 
#2196 Reservieren InStock Loading Spinner and Styling
This commit is contained in:
Nino Righi
2021-09-17 12:14:35 +00:00
committed by Günther Schmidlehner
parent f0a4006ef0
commit aef54b9f83
3 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/shared/goods-in-out/src/lib/goods-in-out-order-group/goods-in-out-order-group-item.component.html
View File

@@ -73,8 +73,10 @@
</div>
<div class="extended-informations">
<div *ngIf="showInStock" class="item-stock">
<ui-icon icon="home" size="1.25rem"></ui-icon> <span>{{ getInStock(item?.product?.ean) }} x</span>
<ui-icon icon="home" size="22px"></ui-icon>
<span>{{ getInStock(item?.product?.ean) }}x</span>
</div>
<ui-spinner *ngIf="showInStock === null" [show]="true"></ui-spinner>
<div class="item-data-selector">
<ui-select-bullet *ngIf="selectable" [ngModel]="selected" (ngModelChange)="setSelected($event)"></ui-select-bullet>
</div>

12
apps/shared/goods-in-out/src/lib/goods-in-out-order-group/goods-in-out-order-group-item.component.scss
View File

@@ -86,13 +86,23 @@
.extended-informations {
@apply flex flex-col h-24;
ui-spinner {
@apply p-4;
margin-left: 1.3rem;
}
}
.item-stock {
@apply flex flex-row justify-end items-center;
ui-icon {
@apply text-ucla-blue;
}
span {
@apply ml-2 font-bold text-lg;
@apply ml-1 font-bold text-lg;
padding-top: 5px;
}
}

12
apps/shared/goods-in-out/src/lib/goods-in-out-order-group/goods-in-out-order-group.module.ts
View File

@@ -9,9 +9,19 @@ import { PipesModule } from '../pipes/pipes.module';
import { UiSelectBulletModule } from '@ui/select-bullet';
import { FormsModule } from '@angular/forms';
import { UiQuantityDropdownModule } from '@ui/quantity-dropdown';
import { UiSpinnerModule } from 'apps/ui/spinner/src/lib/ui-spinner.module';
@NgModule({
imports: [CommonModule, UiIconModule, ProductImageModule, PipesModule, UiSelectBulletModule, FormsModule, UiQuantityDropdownModule],
imports: [
CommonModule,
UiIconModule,
ProductImageModule,
PipesModule,
UiSelectBulletModule,
FormsModule,
UiQuantityDropdownModule,
UiSpinnerModule,
],
exports: [GoodsInOutOrderGroupComponent, GoodsInOutOrderGroupItemComponent],
declarations: [GoodsInOutOrderGroupComponent, GoodsInOutOrderGroupItemComponent],
})