@colijnit/transaction 12.1.86 → 12.1.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-transaction.umd.js +1840 -1111
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.d.ts +71 -54
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/colijnit-transaction.js +72 -55
- package/esm2015/lib/component/avatar/avatar.component.js +85 -48
- package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +2 -2
- package/esm2015/lib/component/checkout/checkout.component.js +5 -1
- package/esm2015/lib/component/core/base/transaction-base.component.js +1 -12
- package/esm2015/lib/component/dialog/transaction-line/dialog-transaction-line-discount/dialog-transaction-line-discount.component.js +5 -5
- package/esm2015/lib/component/relation/relation-preferences/relation-preferences.component.js +27 -23
- package/esm2015/lib/component/search/search-feature.module.js +26 -0
- package/esm2015/lib/component/search/search-filter-panel/search-filter-panel.component.js +65 -0
- package/esm2015/lib/component/search/search-filter-panel/search-filter-panel.module.js +26 -0
- package/esm2015/lib/component/search/search-header-buttons/search-header-buttons.component.js +112 -0
- package/esm2015/lib/component/search/search-header-buttons/search-header-buttons.module.js +25 -0
- package/esm2015/lib/component/search/search-view-mode.service.js +77 -0
- package/esm2015/lib/component/search/search.component.js +87 -0
- package/esm2015/lib/component/transaction/transaction.component.js +5 -4
- package/esm2015/lib/component/transaction/transaction.module.js +4 -2
- package/esm2015/lib/component/transaction-button-bar/transaction-button-bar-button/transaction-sales-purchase-button-bar-button.component.js +4 -5
- package/esm2015/lib/component/transaction-confirmation-details/transaction-confirmation-details.component.js +6 -6
- package/esm2015/lib/component/transaction-confirmation-history/transaction-confirmation-history.component.js +5 -3
- package/esm2015/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.component.js +13 -15
- package/esm2015/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.module.js +6 -2
- package/esm2015/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.component.js +20 -22
- package/esm2015/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.module.js +12 -2
- package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service.js +4 -4
- package/esm2015/lib/component/transaction-line-fields/transaction-line-delivery-date-button.component.js +1 -3
- package/esm2015/lib/component/transaction-line-fields/transaction-line-delivery-method.component.js +2 -2
- package/esm2015/lib/component/transaction-line-fields/transaction-line-discount-button.component.js +1 -11
- package/esm2015/lib/component/transaction-line-fields/transaction-line-price/transaction-line-price.component.js +3 -3
- package/esm2015/lib/component/transaction-line-fields/transaction-line-price-list.component.js +2 -2
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.component.js +33 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.module.js +23 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.component.js +44 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.module.js +23 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.component.js +33 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.module.js +23 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.component.js +44 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.module.js +23 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.component.js +44 -0
- package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.module.js +23 -0
- package/esm2015/lib/component/transaction-navigation-button/transaction-navigation-button.component.js +40 -0
- package/esm2015/lib/component/transaction-navigation-button/transaction-navigation-button.module.js +23 -0
- package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.component.js +4 -5
- package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.js +5 -3
- package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.module.js +3 -4
- package/esm2015/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.js +19 -15
- package/esm2015/lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.component.js +2 -25
- package/esm2015/lib/component/transaction-search/transaction-filter/transaction-purchase-order-filter/transaction-purchase-order-filter.component.js +2 -13
- package/esm2015/lib/component/transaction-search/transaction-filter/transaction-sales-order-filter/transaction-sales-order-filter.component.js +1 -12
- package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.js +15 -38
- package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.module.js +1 -3
- package/esm2015/lib/component/transaction-search/transaction-search.component.js +52 -96
- package/esm2015/lib/component/transaction-search/transaction-search.module.js +11 -5
- package/esm2015/lib/enum/icon.enum.js +2 -1
- package/esm2015/lib/model/icon-svg.js +2 -1
- package/esm2015/lib/res/dictionary/dictionaries.js +3 -3
- package/esm2015/lib/service/pending-reason.service.js +53 -1
- package/esm2015/lib/service/transaction-connector-adapter.service.js +34 -15
- package/esm2015/lib/service/transaction-connector.service.js +6 -1
- package/esm2015/lib/service/transaction-event.service.js +4 -2
- package/esm2015/lib/service/transaction.service.js +79 -17
- package/esm2015/public_api.js +3 -3
- package/fesm2015/colijnit-transaction.js +3327 -2686
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/avatar/avatar.component.d.ts +21 -12
- package/lib/component/core/base/transaction-base.component.d.ts +0 -4
- package/lib/component/relation/relation-preferences/relation-preferences.component.d.ts +7 -5
- package/lib/component/search/search-feature.module.d.ts +2 -0
- package/lib/component/search/search-filter-panel/search-filter-panel.component.d.ts +16 -0
- package/lib/component/search/search-filter-panel/search-filter-panel.module.d.ts +2 -0
- package/lib/component/search/search-filter-panel/style/_layout.scss +62 -0
- package/lib/component/search/search-filter-panel/style/_material-definition.scss +17 -0
- package/lib/component/search/search-filter-panel/style/_theme.scss +4 -0
- package/lib/component/search/search-filter-panel/style/material.scss +3 -0
- package/lib/component/search/search-header-buttons/search-header-buttons.component.d.ts +29 -0
- package/lib/component/search/search-header-buttons/search-header-buttons.module.d.ts +2 -0
- package/lib/component/search/search-header-buttons/style/_layout.scss +151 -0
- package/lib/component/search/search-header-buttons/style/_material-definition.scss +1 -0
- package/lib/component/search/search-header-buttons/style/_theme.scss +21 -0
- package/lib/component/{transaction-search/transaction-search-header → search/search-header-buttons}/style/material.scss +0 -1
- package/lib/component/search/search-view-mode.service.d.ts +23 -0
- package/lib/component/search/search.component.d.ts +17 -0
- package/lib/component/search/style/_layout.scss +94 -0
- package/lib/component/search/style/_material-definition.scss +61 -0
- package/lib/component/search/style/_theme.scss +27 -0
- package/lib/component/search/style/material.scss +3 -0
- package/lib/component/transaction/style/_layout.scss +10 -0
- package/lib/component/transaction/style/_material-definition.scss +1 -0
- package/lib/component/transaction-line/transaction-purchase-line/style/_layout.scss +3 -0
- package/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.component.d.ts +1 -1
- package/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.component.d.ts +0 -2
- package/lib/component/transaction-line-fields/transaction-line-delivery-date-button.component.d.ts +0 -2
- package/lib/component/transaction-line-fields/transaction-line-discount-button.component.d.ts +0 -1
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.component.d.ts +10 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.module.d.ts +2 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.component.d.ts +13 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.module.d.ts +2 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.component.d.ts +10 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.module.d.ts +2 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.component.d.ts +13 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.module.d.ts +2 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.component.d.ts +13 -0
- package/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.module.d.ts +2 -0
- package/lib/component/transaction-navigation-button/style/_layout.scss +4 -0
- package/lib/component/transaction-navigation-button/style/_material-definition.scss +0 -0
- package/lib/component/transaction-navigation-button/style/_theme.scss +4 -0
- package/lib/component/transaction-navigation-button/style/material.scss +4 -0
- package/lib/component/transaction-navigation-button/transaction-navigation-button.component.d.ts +13 -0
- package/lib/component/transaction-navigation-button/transaction-navigation-button.module.d.ts +2 -0
- package/lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/style/_layout.scss +18 -0
- package/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.d.ts +1 -1
- package/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.d.ts +1 -1
- package/lib/component/transaction-search/style/_layout.scss +0 -76
- package/lib/component/transaction-search/style/_material-definition.scss +0 -24
- package/lib/component/transaction-search/style/material.scss +0 -2
- package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_layout.scss +0 -23
- package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_material-definition.scss +1 -18
- package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_theme.scss +0 -4
- package/lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.component.d.ts +1 -7
- package/lib/component/transaction-search/transaction-search-result/style/_material-definition.scss +2 -3
- package/lib/component/transaction-search/transaction-search-result/style/_theme.scss +0 -4
- package/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.d.ts +6 -11
- package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_material-definition.scss +3 -0
- package/lib/component/transaction-search/transaction-search.component.d.ts +12 -13
- package/lib/enum/icon.enum.d.ts +1 -0
- package/lib/res/dictionary/dictionaries.d.ts +8 -0
- package/lib/service/pending-reason.service.d.ts +9 -0
- package/lib/service/transaction-connector-adapter.service.d.ts +7 -5
- package/lib/service/transaction-connector.service.d.ts +7 -6
- package/lib/service/transaction-event.service.d.ts +3 -1
- package/lib/service/transaction.service.d.ts +6 -7
- package/package.json +2 -2
- package/public_api.d.ts +2 -2
- package/esm2015/lib/component/transaction-search/transaction-search-header/transaction-search-header.component.js +0 -126
- package/esm2015/lib/component/transaction-search/transaction-search-header/transaction-search-header.module.js +0 -27
- package/lib/component/transaction-search/transaction-search-header/style/_layout.scss +0 -147
- package/lib/component/transaction-search/transaction-search-header/style/_material-definition.scss +0 -26
- package/lib/component/transaction-search/transaction-search-header/style/_theme.scss +0 -17
- package/lib/component/transaction-search/transaction-search-header/transaction-search-header.component.d.ts +0 -36
- package/lib/component/transaction-search/transaction-search-header/transaction-search-header.module.d.ts +0 -2
|
@@ -1,31 +1,40 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ChangeDetectorRef, OnChanges, SimpleChanges } from "@angular/core";
|
|
2
2
|
import { TransactionService } from "../../service/transaction.service";
|
|
3
3
|
import { SharedService } from "../../service/shared.service";
|
|
4
4
|
import { ColorSequenceService } from "@colijnit/corecomponents_v12";
|
|
5
5
|
import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
|
|
6
6
|
import { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
|
|
7
7
|
import { RelationService } from "../../service/relation.service";
|
|
8
|
-
export declare class AvatarComponent implements
|
|
8
|
+
export declare class AvatarComponent implements OnChanges {
|
|
9
9
|
private _transactionService;
|
|
10
10
|
private _sharedService;
|
|
11
11
|
private _colorSequenceService;
|
|
12
12
|
private _relationService;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
get relationId(): number;
|
|
13
|
+
private _changeDetector;
|
|
14
|
+
image: CoDocument;
|
|
15
|
+
relationId: number;
|
|
17
16
|
relation: RelationListObject;
|
|
18
17
|
showClass(): boolean;
|
|
19
|
-
set initials(value: string);
|
|
20
|
-
get initials(): string;
|
|
21
18
|
imageSrc: string;
|
|
22
19
|
backgroundColor: string;
|
|
20
|
+
set initialsForAvatar(value: string);
|
|
21
|
+
get initialsForAvatar(): string;
|
|
22
|
+
protected set relationForAvatar(value: RelationListObject);
|
|
23
|
+
protected get relationForAvatar(): RelationListObject;
|
|
24
|
+
protected set relationIdForAvatar(value: number);
|
|
25
|
+
protected get relationIdForAvatar(): number;
|
|
26
|
+
protected set imageForAvatar(value: CoDocument);
|
|
27
|
+
protected get imageForAvatar(): CoDocument;
|
|
23
28
|
private _initials;
|
|
24
29
|
private _relationId;
|
|
30
|
+
private _relation;
|
|
25
31
|
private _image;
|
|
26
|
-
constructor(_transactionService: TransactionService, _sharedService: SharedService, _colorSequenceService: ColorSequenceService, _relationService: RelationService);
|
|
27
|
-
|
|
28
|
-
private
|
|
29
|
-
private
|
|
32
|
+
constructor(_transactionService: TransactionService, _sharedService: SharedService, _colorSequenceService: ColorSequenceService, _relationService: RelationService, _changeDetector: ChangeDetectorRef);
|
|
33
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
34
|
+
private _changeImage;
|
|
35
|
+
private _changeRelation;
|
|
36
|
+
private _setRelationIdForAvatar;
|
|
37
|
+
private _setRelationForAvatar;
|
|
38
|
+
private _setImageForAvatar;
|
|
30
39
|
private _setBackgroundColor;
|
|
31
40
|
}
|
|
@@ -9,7 +9,6 @@ import { RelationKind } from "@colijnit/articleapi/build/enum/relation-kind.enum
|
|
|
9
9
|
import { RelationAnyType } from "@colijnit/relationapi/build/model/relation-any-type";
|
|
10
10
|
import { RelationNameKind } from "@colijnit/relationapi/build/enum/relation-name-kind.enum";
|
|
11
11
|
import { Icon } from "../../../enum/icon.enum";
|
|
12
|
-
import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
|
|
13
12
|
export declare abstract class TransactionBaseComponent {
|
|
14
13
|
protected transactionService: TransactionService;
|
|
15
14
|
readonly icons: typeof Icon;
|
|
@@ -23,8 +22,6 @@ export declare abstract class TransactionBaseComponent {
|
|
|
23
22
|
get transactionInfo(): TransactionInfo;
|
|
24
23
|
set transactionTotal(value: TransactionTotal);
|
|
25
24
|
get transactionTotal(): TransactionTotal;
|
|
26
|
-
set purchasePortalLine(value: PurchasePortalLine);
|
|
27
|
-
get purchasePortalLine(): PurchasePortalLine;
|
|
28
25
|
set relation(value: RelationAnyType);
|
|
29
26
|
get relation(): RelationAnyType;
|
|
30
27
|
expanded: boolean;
|
|
@@ -46,7 +43,6 @@ export declare abstract class TransactionBaseComponent {
|
|
|
46
43
|
private _transactionLine;
|
|
47
44
|
private _transactionInfo;
|
|
48
45
|
private _transactionTotal;
|
|
49
|
-
private _purchasePortalLine;
|
|
50
46
|
constructor(transactionService: TransactionService);
|
|
51
47
|
handleCommit(value: any): Promise<boolean>;
|
|
52
48
|
protected commit(value: any): Promise<boolean>;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { OnInit } from "@angular/core";
|
|
2
1
|
import { RelationPrivacySetting } from "@colijnit/relationapi/build/model/relation-privacy-setting.bo";
|
|
3
2
|
import { TransactionService } from "../../../service/transaction.service";
|
|
4
3
|
import { RelationBaseComponent } from "../relation-base.component";
|
|
5
|
-
export declare class
|
|
4
|
+
export declare class PrivacySettingViewModel {
|
|
5
|
+
privacySetting: RelationPrivacySetting;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare class RelationPreferencesComponent extends RelationBaseComponent {
|
|
6
9
|
private _service;
|
|
7
10
|
readonly: boolean;
|
|
8
11
|
showClass(): boolean;
|
|
9
|
-
privacySettings:
|
|
12
|
+
privacySettings: PrivacySettingViewModel[];
|
|
10
13
|
constructor(_service: TransactionService);
|
|
11
|
-
ngOnInit(): Promise<void>;
|
|
12
|
-
isShared(relationPrivacySetting: RelationPrivacySetting): boolean;
|
|
13
14
|
changePrivacySetting(relationPrivacySetting: RelationPrivacySetting, value: boolean): void;
|
|
15
|
+
protected relationSet(): void;
|
|
14
16
|
private _loadPrivacySettings;
|
|
15
17
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { ColumnAlign } from "@colijnit/corecomponents_v12";
|
|
3
|
+
import { Icon } from "../../../enum/icon.enum";
|
|
4
|
+
import { IconCacheService } from "../../../service/icon-cache.service";
|
|
5
|
+
import { SearchViewModeService } from "../search-view-mode.service";
|
|
6
|
+
export declare class SearchFilterPanelComponent {
|
|
7
|
+
iconCacheService: IconCacheService;
|
|
8
|
+
searchViewModeService: SearchViewModeService;
|
|
9
|
+
readonly align: typeof ColumnAlign;
|
|
10
|
+
readonly icon: typeof Icon;
|
|
11
|
+
resetFilterClick: EventEmitter<void>;
|
|
12
|
+
showClass(): boolean;
|
|
13
|
+
constructor(iconCacheService: IconCacheService, searchViewModeService: SearchViewModeService);
|
|
14
|
+
onResetButtonClick(): void;
|
|
15
|
+
onCloseButtonClick(): void;
|
|
16
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
@include export-module('co-search-filter-panel-layout') {
|
|
2
|
+
.co-search-filter-panel {
|
|
3
|
+
font-family: $co-search-filter-panel-header-font-family;
|
|
4
|
+
font-size: $co-search-filter-panel-header-font-size;
|
|
5
|
+
width: $co-search-filter-panel-width;
|
|
6
|
+
padding: $co-search-filter-panel-padding;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
height: fit-content;
|
|
10
|
+
position: relative;
|
|
11
|
+
border: $co-search-filter-panel-border;
|
|
12
|
+
top: $co-search-filter-panel-top;
|
|
13
|
+
|
|
14
|
+
}
|
|
15
|
+
.search-filter-panel-header-wrapper {
|
|
16
|
+
display: flex;
|
|
17
|
+
justify-content: space-between;
|
|
18
|
+
align-items: baseline;
|
|
19
|
+
padding: $co-search-filter-panel-header-wrapper-padding;
|
|
20
|
+
|
|
21
|
+
.search-filter-panel-header {
|
|
22
|
+
display: flex;
|
|
23
|
+
justify-items: flex-start;
|
|
24
|
+
align-items: baseline;
|
|
25
|
+
font-weight: $co-search-filter-panel-header-font-weight;
|
|
26
|
+
font-size: $co-search-filter-panel-header-font-size;
|
|
27
|
+
color: $co-search-filter-panel-header-color;
|
|
28
|
+
|
|
29
|
+
co-icon {
|
|
30
|
+
margin-left: $co-search-filter-panel-icon-margin-left;
|
|
31
|
+
height: $co-search-filter-panel-icon-height;
|
|
32
|
+
width: $co-search-filter-panel-icon-width;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.search-filter-wrapper {
|
|
38
|
+
display: flex;
|
|
39
|
+
min-width: $co-search-filter-wrapper-min-width;
|
|
40
|
+
|
|
41
|
+
&.sidebar {
|
|
42
|
+
position: absolute;
|
|
43
|
+
left: 0;
|
|
44
|
+
transition: left 0.2s ease-in-out;
|
|
45
|
+
z-index: 2;
|
|
46
|
+
background: #FFF;
|
|
47
|
+
min-width: $co-search-filter-panel-wrapper-sidebar-min-width;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&.fullscreen {
|
|
51
|
+
position: relative;
|
|
52
|
+
left: 0;
|
|
53
|
+
transition: left 0.2s ease-in-out;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.clickable {
|
|
58
|
+
cursor: pointer;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
$co-search-filter-panel-header-font-family: $tp-font-family !default;
|
|
2
|
+
$co-search-filter-panel-header-font-size: $tp-font-size !default;
|
|
3
|
+
$co-search-filter-panel-background-color: $cc-color-light !default;
|
|
4
|
+
$co-search-filter-panel-header-wrapper-padding: 0 10px !default;
|
|
5
|
+
$co-search-filter-panel-header-font-weight: bold !default;
|
|
6
|
+
$co-search-filter-panel-header-font-size: 14px !default;
|
|
7
|
+
$co-search-filter-panel-header-color: $tp-color-font !default;
|
|
8
|
+
$co-search-filter-panel-icon-margin-left: 10px !default;
|
|
9
|
+
$co-search-filter-panel-icon-height: 13px !default;
|
|
10
|
+
$co-search-filter-panel-icon-width: 13px !default;
|
|
11
|
+
$co-search-filter-wrapper-min-width: 360px !default;
|
|
12
|
+
$co-search-filter-panel-wrapper-sidebar-min-width: 370px !default;
|
|
13
|
+
|
|
14
|
+
$co-search-filter-panel-width: 350px !default;
|
|
15
|
+
$co-search-filter-panel-padding: 10px !default;
|
|
16
|
+
$co-search-filter-panel-border: none !default;
|
|
17
|
+
$co-search-filter-panel-top: 0 !default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { ContentViewMode } from "../../../enum/content-view-mode.enum";
|
|
3
|
+
import { Icon } from "../../../enum/icon.enum";
|
|
4
|
+
import { SearchViewMode } from "../../../enum/search-view-mode.enum";
|
|
5
|
+
import { DictionaryService } from "../../../service/dictionary.service";
|
|
6
|
+
import { IconCacheService } from "../../../service/icon-cache.service";
|
|
7
|
+
import { SearchViewModeService } from "../search-view-mode.service";
|
|
8
|
+
export declare class SearchHeaderButtonsComponent {
|
|
9
|
+
iconCacheService: IconCacheService;
|
|
10
|
+
private _dictionary;
|
|
11
|
+
searchViewModeService: SearchViewModeService;
|
|
12
|
+
readonly icon: typeof Icon;
|
|
13
|
+
readonly contentViewModes: typeof ContentViewMode;
|
|
14
|
+
readonly searchViewModes: typeof SearchViewMode;
|
|
15
|
+
iconSlideIn: import("@angular/platform-browser").SafeHtml;
|
|
16
|
+
iconResize: import("@angular/platform-browser").SafeHtml;
|
|
17
|
+
iconCancel: import("@angular/platform-browser").SafeHtml;
|
|
18
|
+
addClick: EventEmitter<void>;
|
|
19
|
+
showClass(): boolean;
|
|
20
|
+
label: string;
|
|
21
|
+
searchPlaceholder: string;
|
|
22
|
+
constructor(iconCacheService: IconCacheService, _dictionary: DictionaryService, searchViewModeService: SearchViewModeService);
|
|
23
|
+
get fullscreen(): boolean;
|
|
24
|
+
onResizeClick(): void;
|
|
25
|
+
onCloseSearchClick(): void;
|
|
26
|
+
onAddButtonClick(): void;
|
|
27
|
+
onFilterButtonClick(): void;
|
|
28
|
+
onViewModeChange(viewMode: ContentViewMode): void;
|
|
29
|
+
}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
@include export-module('co-search-header-buttons-layout') {
|
|
2
|
+
.co-search-header-buttons {
|
|
3
|
+
.search-header-buttons-wrapper {
|
|
4
|
+
display: flex;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.upper-header {
|
|
10
|
+
display: flex;
|
|
11
|
+
justify-content: flex-end;
|
|
12
|
+
height: $co-search-result-upper-header-height;
|
|
13
|
+
padding-left: $co-search-result-upper-header-padding-left;
|
|
14
|
+
|
|
15
|
+
.header-buttons-wrapper {
|
|
16
|
+
display: flex;
|
|
17
|
+
padding: $co-search-result-header-buttons-wrapper-padding;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.button-wrapper {
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.toggle-sidebar-button {
|
|
26
|
+
height: $co-search-result-header-sidebar-button-size;
|
|
27
|
+
width: $co-search-result-header-sidebar-button-size;
|
|
28
|
+
padding: 0;
|
|
29
|
+
|
|
30
|
+
&:not(.circle).has-icon {
|
|
31
|
+
padding-left: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.co-icon {
|
|
35
|
+
width: $co-search-result-header-sidebar-icon-size;
|
|
36
|
+
height: $co-search-result-header-sidebar-icon-size;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&.fullscreen {
|
|
40
|
+
height: $co-search-filter-button-icon-size;
|
|
41
|
+
width: $co-search-filter-button-icon-size;
|
|
42
|
+
|
|
43
|
+
.co-icon {
|
|
44
|
+
width: $co-search-filter-button-icon-size;
|
|
45
|
+
height: $co-search-filter-button-icon-size;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.search-filter-button {
|
|
51
|
+
height: $co-search-filter-button-size;
|
|
52
|
+
width: $co-search-filter-button-size;
|
|
53
|
+
border-radius: $co-search-filter-button-border-radius;
|
|
54
|
+
//padding: $co-search-filter-button-padding;
|
|
55
|
+
justify-content: center;
|
|
56
|
+
|
|
57
|
+
.co-icon {
|
|
58
|
+
width: $co-search-filter-button-icon-size;
|
|
59
|
+
height: $co-search-filter-button-icon-size;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.close-search-button-wrapper {
|
|
64
|
+
display: flex;
|
|
65
|
+
column-gap: $co-search-result-header-search-button-wrapper-column-gap;
|
|
66
|
+
|
|
67
|
+
&.sidebar {
|
|
68
|
+
margin-bottom: 5px;
|
|
69
|
+
|
|
70
|
+
.toggle-sidebar-button {
|
|
71
|
+
justify-content: center;
|
|
72
|
+
width: $co-search-result-header-sidebar-button-size;
|
|
73
|
+
height: $co-search-result-header-sidebar-button-size;
|
|
74
|
+
|
|
75
|
+
co-icon {
|
|
76
|
+
height: $co-search-result-header-sidebar-close-button-size;
|
|
77
|
+
width: $co-search-result-header-sidebar-close-button-size;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
.header-searchbar-wrapper {
|
|
85
|
+
display: flex;
|
|
86
|
+
justify-content: center;
|
|
87
|
+
flex-direction: row;
|
|
88
|
+
align-items: center;
|
|
89
|
+
column-gap: $co-search-header-column-gap;
|
|
90
|
+
|
|
91
|
+
.header-searchbar-title {
|
|
92
|
+
font-size: $co-search-header-label-font-size;
|
|
93
|
+
font-weight: $co-search-header-label-font-weight;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.header-search-bar-button-wrapper {
|
|
98
|
+
display: flex;
|
|
99
|
+
align-items: center;
|
|
100
|
+
column-gap: $co-search-header-button-wrapper-column-gap;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.search-header-content-wrapper {
|
|
104
|
+
&.fullscreen {
|
|
105
|
+
co-input-text {
|
|
106
|
+
width: $co-search-input-text-fullscreen-width;
|
|
107
|
+
transition: width 0.2s ease-in-out;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&.sidebar {
|
|
112
|
+
co-input-text {
|
|
113
|
+
width: $co-search-input-text-sidebar-width;
|
|
114
|
+
transition: width 0.2s ease-in-out;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.view-mode-buttons-wrapper {
|
|
120
|
+
padding: $co-search-view-modes-wrapper-padding;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.add-button {
|
|
124
|
+
cursor: pointer;
|
|
125
|
+
height: $co-search-header-plus-button-size;
|
|
126
|
+
width: $co-search-header-plus-button-size;
|
|
127
|
+
padding: 0;
|
|
128
|
+
display: flex;
|
|
129
|
+
align-items: center;
|
|
130
|
+
justify-content: center;
|
|
131
|
+
border-style: $co-search-header-plus-button-border-style;
|
|
132
|
+
border-width: $co-search-header-plus-button-border-width;
|
|
133
|
+
border-radius: $co-search-header-plus-button-border-radius;
|
|
134
|
+
|
|
135
|
+
.co-icon {
|
|
136
|
+
width: $co-search-header-plus-button-icon-size;
|
|
137
|
+
height: $co-search-header-plus-button-icon-size;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
svg {
|
|
141
|
+
width: 90%;
|
|
142
|
+
height: 90%;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
&:not(.circle).has-icon {
|
|
146
|
+
padding-left: 0;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@include export-module('co-search-header-buttons-theme') {
|
|
2
|
+
.co-search-header-buttons {
|
|
3
|
+
.header-searchbar-title {
|
|
4
|
+
color: $co-search-header-label-color;
|
|
5
|
+
}
|
|
6
|
+
.add-button {
|
|
7
|
+
border-color: $co-search-header-plus-button-border-color;
|
|
8
|
+
background-color: $co-search-header-plus-button-background-color;
|
|
9
|
+
svg { // for fontawesome icons
|
|
10
|
+
fill: $co-search-header-plus-button-color;
|
|
11
|
+
}
|
|
12
|
+
& [fill] { // for own icons
|
|
13
|
+
fill: $co-search-header-plus-button-color;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
.search-filter-button {
|
|
17
|
+
background-color: $co-search-filter-button-color;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ContentViewMode } from "../../enum/content-view-mode.enum";
|
|
2
|
+
import { SearchViewMode } from "../../enum/search-view-mode.enum";
|
|
3
|
+
import { SearchbarViewMode } from "../../enum/searchbar-view-mode.enum";
|
|
4
|
+
export declare class SearchViewModeService {
|
|
5
|
+
readonly searchViewModes: typeof SearchViewMode;
|
|
6
|
+
readonly contentViewModes: typeof ContentViewMode;
|
|
7
|
+
activeSearchViewMode: SearchViewMode;
|
|
8
|
+
activeSearchBarViewMode: SearchbarViewMode;
|
|
9
|
+
activeContentViewMode: ContentViewMode;
|
|
10
|
+
showFilterSidebar: boolean;
|
|
11
|
+
constructor();
|
|
12
|
+
get fullscreen(): boolean;
|
|
13
|
+
get collapsed(): boolean;
|
|
14
|
+
calculateClasses(): any;
|
|
15
|
+
toggleFilter(): void;
|
|
16
|
+
handleHideFilter(): void;
|
|
17
|
+
handleResetFilter(): void;
|
|
18
|
+
onSearchViewResizeClick(): void;
|
|
19
|
+
toggleSearchBar(): void;
|
|
20
|
+
collapseSearchBar(): void;
|
|
21
|
+
expandSearchBar(): void;
|
|
22
|
+
changeContentViewMode(contentViewMode: ContentViewMode): void;
|
|
23
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { Icon } from "../../enum/icon.enum";
|
|
3
|
+
import { SearchViewModeService } from "./search-view-mode.service";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use for IONE the IONE co-search component
|
|
6
|
+
*/
|
|
7
|
+
export declare class SearchComponent {
|
|
8
|
+
searchViewModeService: SearchViewModeService;
|
|
9
|
+
readonly icon: typeof Icon;
|
|
10
|
+
get fullscreen(): boolean;
|
|
11
|
+
addClick: EventEmitter<void>;
|
|
12
|
+
resetFilterClick: EventEmitter<void>;
|
|
13
|
+
showClass(): boolean;
|
|
14
|
+
constructor(searchViewModeService: SearchViewModeService);
|
|
15
|
+
onAddClick(): void;
|
|
16
|
+
onResetFilterClick(): void;
|
|
17
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
@include export-module('co-search-layout') {
|
|
2
|
+
.co-search {
|
|
3
|
+
font-family: $co-search-font-family;
|
|
4
|
+
font-size: $co-search-font-size;
|
|
5
|
+
display: block;
|
|
6
|
+
|
|
7
|
+
.search-main-wrapper {
|
|
8
|
+
display: flex;
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 100%;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.search-wrapper {
|
|
14
|
+
display: flex;
|
|
15
|
+
&.fullscreen {
|
|
16
|
+
width: 100%;
|
|
17
|
+
transition: width 0.2s ease-in-out;
|
|
18
|
+
}
|
|
19
|
+
&.sidebar {
|
|
20
|
+
width: $co-search-searchbar-width;
|
|
21
|
+
transition: all 0.2s ease-in-out;
|
|
22
|
+
&.collapsed {
|
|
23
|
+
transform: translate(-$co-search-searchbar-width);
|
|
24
|
+
width: 0;
|
|
25
|
+
height: 0;
|
|
26
|
+
}
|
|
27
|
+
&.expanded {
|
|
28
|
+
transform: translate(0);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
.search-filter-panel {
|
|
33
|
+
display: flex;
|
|
34
|
+
min-width: $co-search-filter-wrapper-min-width;
|
|
35
|
+
min-height: $co-search-filter-wrapper-min-height;
|
|
36
|
+
|
|
37
|
+
&.sidebar {
|
|
38
|
+
position: absolute;
|
|
39
|
+
left: 0;
|
|
40
|
+
transition: left 0.2s ease-in-out;
|
|
41
|
+
z-index: 2;
|
|
42
|
+
background: #FFF;
|
|
43
|
+
min-width: $co-search-filter-wrapper-sidebar-min-width;
|
|
44
|
+
}
|
|
45
|
+
&.fullscreen {
|
|
46
|
+
position: relative;
|
|
47
|
+
left: 0;
|
|
48
|
+
transition: left 0.2s ease-in-out;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.search-header-result-wrapper {
|
|
53
|
+
width: $co-search-header-result-wrapper-width;
|
|
54
|
+
min-height: $co-search-header-result-wrapper-min-height;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.search-result {
|
|
58
|
+
display: flex;
|
|
59
|
+
overflow-y: auto;
|
|
60
|
+
flex-basis: 100%;
|
|
61
|
+
justify-content: flex-start;
|
|
62
|
+
padding: $co-search-result-wrapper-padding;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.search-content-wrapper {
|
|
66
|
+
display: block;
|
|
67
|
+
width: 100%;
|
|
68
|
+
&.fullscreen {
|
|
69
|
+
display: none;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
& > co-icon-collapse-handle {
|
|
73
|
+
position: absolute;
|
|
74
|
+
flex-shrink: 0;
|
|
75
|
+
top: 50vh;
|
|
76
|
+
&.fullscreen {
|
|
77
|
+
opacity: 0;
|
|
78
|
+
}
|
|
79
|
+
&.sidebar {
|
|
80
|
+
transition: all 0.2s ease-in-out;
|
|
81
|
+
&.collapsed {
|
|
82
|
+
opacity: 0;
|
|
83
|
+
transform: translate(0) rotate(90deg);
|
|
84
|
+
}
|
|
85
|
+
&.expanded {
|
|
86
|
+
opacity: 1;
|
|
87
|
+
transition-delay: 0.2s;
|
|
88
|
+
transition-property: opacity;
|
|
89
|
+
transform: translate($co-search-searchbar-width - 17px) rotate(90deg);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
$co-search-font-family: $tp-font-family !default;
|
|
2
|
+
$co-search-font-size: $tp-font-size !default;
|
|
3
|
+
$co-search-background-color: $cc-color-light !default;
|
|
4
|
+
$co-search-border-color: $tp-color-border !default;
|
|
5
|
+
$co-search-border-style: solid 1px !default;
|
|
6
|
+
$co-search-max-height: 100vh !default;
|
|
7
|
+
|
|
8
|
+
$co-search-searchbar-width: 370px !default;
|
|
9
|
+
|
|
10
|
+
$co-search-filter-wrapper-min-width: 360px !default;
|
|
11
|
+
$co-search-filter-wrapper-min-height: 93vh !default;
|
|
12
|
+
$co-search-sidebar-min-width: 370px !default;
|
|
13
|
+
|
|
14
|
+
$co-search-header-result-wrapper-width: 100% !default;
|
|
15
|
+
$co-search-header-result-wrapper-min-height: 93vh !default;
|
|
16
|
+
$co-search-header-result-wrapper-background-color: $cc-color-light !default;
|
|
17
|
+
$co-search-result-header-search-button-wrapper-column-gap: 10px !default;
|
|
18
|
+
|
|
19
|
+
$co-search-result-width: 100% !default;
|
|
20
|
+
$co-search-result-wrapper-padding: 0 10px !default;
|
|
21
|
+
$co-search-result-upper-header-padding-left: 27px !default;
|
|
22
|
+
$co-search-result-upper-header-height: 20px !default;
|
|
23
|
+
$co-search-result-header-buttons-wrapper-padding: 0 !default;
|
|
24
|
+
$co-search-result-header-sidebar-button-size: 15px !default;
|
|
25
|
+
$co-search-filter-button-icon-size: 20px !default;
|
|
26
|
+
|
|
27
|
+
$co-search-result-header-sidebar-icon-size: 15px !default;
|
|
28
|
+
$co-search-result-header-sidebar-button-color: $tp-color-label !default;
|
|
29
|
+
$co-search-result-header-sidebar-close-button-size: 15px !default;
|
|
30
|
+
$co-search-result-header-sidebar-close-button-color: $tp-color-label !default;
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
$co-search-view-modes-wrapper-padding: 0 35px !default;
|
|
34
|
+
|
|
35
|
+
$co-search-header-input-text-width: 300px !default;
|
|
36
|
+
$co-search-header-label-color: $tp-color-font !default;
|
|
37
|
+
$co-search-header-label-font-size: 18px !default;
|
|
38
|
+
$co-search-header-label-font-weight: bold !default;
|
|
39
|
+
$co-search-header-column-gap: 20px !default;
|
|
40
|
+
$co-search-header-button-wrapper-column-gap: 0 !default;
|
|
41
|
+
$co-search-header-plus-button-size: 26px !default;
|
|
42
|
+
$co-search-header-plus-button-icon-size: 20px !default;
|
|
43
|
+
$co-search-header-plus-button-color: $tp-color-label !default;
|
|
44
|
+
$co-search-header-plus-button-border-style: solid !default;
|
|
45
|
+
$co-search-header-plus-button-border-width: 0 !default;
|
|
46
|
+
$co-search-header-plus-button-border-color: $tp-color-font !default;
|
|
47
|
+
$co-search-header-plus-button-border-radius: 5px !default;
|
|
48
|
+
$co-search-header-plus-button-background-color: $tp-default-background-accent !default;
|
|
49
|
+
|
|
50
|
+
$co-search-input-text-fullscreen-width: 440px !default;
|
|
51
|
+
$co-search-input-text-sidebar-width: 250px !default;
|
|
52
|
+
$co-search-input-text-sidebar-height: 40px !default;
|
|
53
|
+
$co-search-input-text-label-margin-left: 5% !default;
|
|
54
|
+
|
|
55
|
+
$co-search-filter-panel-background-color: $cc-color-light !default;
|
|
56
|
+
$co-search-filter-button-color: $cc-color-light !default;
|
|
57
|
+
$co-search-filter-button-padding: 20px 0 !default;
|
|
58
|
+
$co-search-filter-button-width: 90% !default;
|
|
59
|
+
$co-search-filter-button-size: 32px !default;
|
|
60
|
+
$co-search-filter-button-border-radius: 5px !default;
|
|
61
|
+
$co-search-filter-wrapper-sidebar-min-width: 370px !default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
@include export-module('co-search-theme') {
|
|
2
|
+
.co-search {
|
|
3
|
+
.transaction-search-wrapper {
|
|
4
|
+
background-color: $co-search-background-color;
|
|
5
|
+
.transaction-search-result-wrapper.sidebar.expanded {
|
|
6
|
+
max-height: $co-search-max-height;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
.toggle-sidebar-button {
|
|
10
|
+
svg { // for fontawesome icons
|
|
11
|
+
fill: $co-search-result-header-sidebar-button-color;
|
|
12
|
+
}
|
|
13
|
+
& [fill] { // for own icons
|
|
14
|
+
fill: $co-search-result-header-sidebar-button-color;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.search-filter-panel {
|
|
19
|
+
background-color: $co-search-filter-panel-background-color;
|
|
20
|
+
border-color: $cc-color-border;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.search-header-result-wrapper {
|
|
24
|
+
background-color: $co-search-header-result-wrapper-background-color;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|