valitydev/dashboard
14
0
Fork 0
mirror of https://github.com/valitydev/dashboard.git synced 2024-11-06 10:35:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FRONTEND-520. Responsive refunds (#455)

Browse Source 
* responsive refunds

* fixes

Co-authored-by: Rinat Arsaev <11846445+KrickRay@users.noreply.github.com>
This commit is contained in:
Denis Ezhov 2021-05-14 13:21:07 +03:00 committed by GitHub
parent 55801def1a
commit 450968ab9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 36 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/sections/payment-section/operations/refunds/refunds-list/refund-row-header/refund-row-header.component.html
View File

@ -7,6 +7,6 @@
> >
<dsh-row-header-label fxFlex>{{ t('amount') }}</dsh-row-header-label> <dsh-row-header-label fxFlex>{{ t('amount') }}</dsh-row-header-label>
<dsh-row-header-label fxFlex>{{ t('status') }}</dsh-row-header-label> <dsh-row-header-label fxFlex>{{ t('status') }}</dsh-row-header-label>
<dsh-row-header-label fxFlex>{{ t('updatedAt') }}</dsh-row-header-label> <dsh-row-header-label fxFlex fxHide.lt-md>{{ t('updatedAt') }}</dsh-row-header-label>
<dsh-row-header-label fxFlex fxHide.lt-md> {{ t('shop') }} </dsh-row-header-label> <dsh-row-header-label fxFlex fxHide.lt-md> {{ t('shop') }} </dsh-row-header-label>
</dsh-row> </dsh-row>

3
src/app/sections/payment-section/operations/refunds/refunds-search-filters/refunds-search-filters.component.html
View File

@ -4,15 +4,18 @@
(selectedChange)="daterangeSelectionChange($event)" (selectedChange)="daterangeSelectionChange($event)"
></dsh-daterange-filter> ></dsh-daterange-filter>
<dsh-filter-shops <dsh-filter-shops
fxHide.lt-md
[shops]="shops$ | async" [shops]="shops$ | async"
[selected]="selectedShops$ | async" [selected]="selectedShops$ | async"
(selectedChange)="shopSelectionChange($event)" (selectedChange)="shopSelectionChange($event)"
></dsh-filter-shops> ></dsh-filter-shops>
<dsh-invoices-filter <dsh-invoices-filter
fxHide.lt-md
[selected]="initParams?.invoiceIDs" [selected]="initParams?.invoiceIDs"
(selectedChange)="invoiceSelectionChange($event)" (selectedChange)="invoiceSelectionChange($event)"
></dsh-invoices-filter> ></dsh-invoices-filter>
<dsh-refund-status-filter <dsh-refund-status-filter
fxHide.lt-md
[selected]="initParams?.refundStatus" [selected]="initParams?.refundStatus"
(selectedChange)="statusSelectionChange($event)" (selectedChange)="statusSelectionChange($event)"
></dsh-refund-status-filter> ></dsh-refund-status-filter>

31
src/app/shared/components/api-model-details/invoice-details/invoice-details.component.html
View File

@ -1,19 +1,18 @@
<div fxLayout="column" fxLayoutGap="24px" *transloco="let t; scope: 'invoice-details'; read: 'invoiceDetails'"> <div
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="space-between" fxLayoutGap="24px"> gdColumns="1fr"
<dsh-details-item fxFlex="33" fxFlex.lt-md="100" [title]="t('status')"> gdColumns.gt-sm="1fr 1fr 1fr"
<dsh-status [color]="invoice.status | invoiceStatusColor">{{ gdGap="24px"
invoice.status | invoiceStatusName *transloco="let t; scope: 'invoice-details'; read: 'invoiceDetails'"
}}</dsh-status> >
</dsh-details-item> <dsh-details-item [title]="t('status')">
<dsh-details-item fxFlex="33" fxFlex.lt-md="100" [title]="t('amount')">{{ <dsh-status [color]="invoice.status | invoiceStatusColor">{{ invoice.status | invoiceStatusName }}</dsh-status>
invoice.amount | toMajor | currency: invoice.currency </dsh-details-item>
}}</dsh-details-item> <dsh-details-item [title]="t('amount')">{{
<dsh-details-item fxFlex="33" fxFlex.lt-md="100" [title]="t('createdAt')">{{ invoice.amount | toMajor | currency: invoice.currency
invoice.createdAt | date: 'dd MMMM yyyy, HH:mm' }}</dsh-details-item>
}}</dsh-details-item> <dsh-details-item [title]="t('createdAt')">{{ invoice.createdAt | date: 'dd MMMM yyyy, HH:mm' }}</dsh-details-item>
</div> <dsh-details-item gdColumn="3fr" [title]="t('name')">{{ invoice.product }}</dsh-details-item>
<dsh-details-item [title]="t('name')">{{ invoice.product }}</dsh-details-item> <dsh-details-item gdColumn="3fr" *ngIf="invoice.description" [title]="t('description')">{{
<dsh-details-item *ngIf="invoice.description" [title]="t('description')">{{
invoice.description invoice.description
}}</dsh-details-item> }}</dsh-details-item>
</div> </div>

4
src/app/shared/components/api-model-details/payment-details/payment-details.component.html
View File

@ -1,7 +1,7 @@
<div <div
*transloco="let t; scope: 'payment-info'; read: 'paymentInfo'" *transloco="let t; scope: 'payment-info'; read: 'paymentInfo'"
fxLayout="row" fxLayout.gt-sm="row"
fxLayout.lt-md="column" fxLayout="column"
fxLayoutGap="24px" fxLayoutGap="24px"
> >
<dsh-details-item fxFlex [title]="t('amount')">{{ <dsh-details-item fxFlex [title]="t('amount')">{{

29
src/app/shared/components/api-model-details/refund-details/refund-details.component.html
View File

@ -1,15 +1,16 @@
<div fxLayout="column" fxLayoutGap="24px" *transloco="let t; scope: 'refund-details'; read: 'refundDetails'"> <div
<div fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="space-between" fxLayoutGap="24px"> gdColumns="1fr"
<dsh-details-item fxFlex="33" fxFlex.lt-md="100" [title]="t('status')"> gdColumns.gt-sm="1fr 1fr 1fr"
<dsh-status [color]="refund.status | refundStatusColor">{{ refund.status | refundStatusName }}</dsh-status> gdGap="24px"
</dsh-details-item> *transloco="let t; scope: 'refund-details'; read: 'refundDetails'"
<dsh-details-item fxFlex="33" fxFlex.lt-md="100" [title]="t('amount')">{{ >
refund.amount | toMajor | currency: refund.currency <dsh-details-item [title]="t('status')">
}}</dsh-details-item> <dsh-status [color]="refund.status | refundStatusColor">{{ refund.status | refundStatusName }}</dsh-status>
<dsh-details-item fxFlex="33" fxFlex.lt-md="100" [title]="t('createdAt')">{{ </dsh-details-item>
refund.createdAt | date: 'dd MMMM yyyy, HH:mm' <dsh-details-item [title]="t('amount')">{{ refund.amount | toMajor | currency: refund.currency }}</dsh-details-item>
}}</dsh-details-item> <dsh-details-item [title]="t('createdAt')">{{ refund.createdAt | date: 'dd MMMM yyyy, HH:mm' }}</dsh-details-item>
</div> <dsh-details-item gdColumn="3fr" *ngIf="refund?.reason" [title]="t('reason')">{{ refund.reason }}</dsh-details-item>
<dsh-details-item *ngIf="refund?.reason" [title]="t('reason')">{{ refund.reason }}</dsh-details-item> <dsh-details-item gdColumn="3fr" *ngIf="refund?.error" [title]="t('error')">{{
<dsh-details-item *ngIf="refund?.error" [title]="t('error')">{{ refund.error.message }}</dsh-details-item> refund.error.message
}}</dsh-details-item>
</div> </div>