-
-
- Account
-
-
- @for (account of accounts; track account.id) {
-
-
- @if (account.platform?.url) {
-
- }
- {{ account.name }}
-
-
- }
-
-
-
-
-
- Holding
-
- {{
- filterForm.get('holding')?.value?.name
- }}
-
- @for (holding of holdings; track holding.name) {
-
-
- {{ holding.name }}
-
- {{ holding.symbol | gfSymbol }} ·
- {{ holding.currency }}
-
-
- }
-
-
-
-
-
- Tag
-
-
- @for (tag of tags; track tag.id) {
- {{ tag.label }}
- }
-
-
-
-
-
- Asset Class
-
-
- @for (assetClass of assetClasses; track assetClass.id) {
- {{
- assetClass.label
- }}
- }
-
-
-
-
-
-
-
-
+ @if (!searchFormControl.value) {
+
+
+ Date Range
+
+ @for (
+ dateRangeOption of dateRangeOptions;
+ track dateRangeOption.value
+ ) {
+ {{
+ dateRangeOption.label
+ }}
+ }
+
+
+
+
+
+
+
+
+
- }
-
+
+ }
diff --git a/libs/ui/src/lib/portfolio-filter-form/index.ts b/libs/ui/src/lib/portfolio-filter-form/index.ts
new file mode 100644
index 000000000..51d22c034
--- /dev/null
+++ b/libs/ui/src/lib/portfolio-filter-form/index.ts
@@ -0,0 +1,2 @@
+export * from './interfaces';
+export * from './portfolio-filter-form.component';
diff --git a/libs/ui/src/lib/portfolio-filter-form/interfaces/index.ts b/libs/ui/src/lib/portfolio-filter-form/interfaces/index.ts
new file mode 100644
index 000000000..62feaa56a
--- /dev/null
+++ b/libs/ui/src/lib/portfolio-filter-form/interfaces/index.ts
@@ -0,0 +1 @@
+export * from './portfolio-filter-form-value.interface';
diff --git a/libs/ui/src/lib/portfolio-filter-form/interfaces/portfolio-filter-form-value.interface.ts b/libs/ui/src/lib/portfolio-filter-form/interfaces/portfolio-filter-form-value.interface.ts
new file mode 100644
index 000000000..21ff0ae3b
--- /dev/null
+++ b/libs/ui/src/lib/portfolio-filter-form/interfaces/portfolio-filter-form-value.interface.ts
@@ -0,0 +1,8 @@
+import { PortfolioPosition } from '@ghostfolio/common/interfaces';
+
+export interface PortfolioFilterFormValue {
+ account: string;
+ assetClass: string;
+ holding: PortfolioPosition;
+ tag: string;
+}
diff --git a/libs/ui/src/lib/portfolio-filter-form/portfolio-filter-form.component.html b/libs/ui/src/lib/portfolio-filter-form/portfolio-filter-form.component.html
new file mode 100644
index 000000000..e017d33d6
--- /dev/null
+++ b/libs/ui/src/lib/portfolio-filter-form/portfolio-filter-form.component.html
@@ -0,0 +1,75 @@
+