From 77181aaaff230381313f2f05ce59332bf3c5154d Mon Sep 17 00:00:00 2001 From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com> Date: Fri, 29 Jul 2022 18:32:26 +0200 Subject: [PATCH] Feature/setup faq page (#1106) * Set up FAQ page * Update changelog --- CHANGELOG.md | 1 + apps/client/src/app/app-routing.module.ts | 5 + apps/client/src/app/core/auth.guard.ts | 1 + .../src/app/pages/about/about-page.html | 16 +- .../app/pages/faq/faq-page-routing.module.ts | 15 ++ .../src/app/pages/faq/faq-page.component.ts | 19 +++ apps/client/src/app/pages/faq/faq-page.html | 143 ++++++++++++++++++ .../src/app/pages/faq/faq-page.module.ts | 13 ++ apps/client/src/app/pages/faq/faq-page.scss | 12 ++ apps/client/src/assets/sitemap.xml | 34 +++-- 10 files changed, 241 insertions(+), 18 deletions(-) create mode 100644 apps/client/src/app/pages/faq/faq-page-routing.module.ts create mode 100644 apps/client/src/app/pages/faq/faq-page.component.ts create mode 100644 apps/client/src/app/pages/faq/faq-page.html create mode 100644 apps/client/src/app/pages/faq/faq-page.module.ts create mode 100644 apps/client/src/app/pages/faq/faq-page.scss diff --git a/CHANGELOG.md b/CHANGELOG.md index 8f5e598ad..e7fb0b289 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added +- Set up a Frequently Asked Questions (FAQ) page - Added the savings rate to the investment timeline grouped by month ### Fixed diff --git a/apps/client/src/app/app-routing.module.ts b/apps/client/src/app/app-routing.module.ts index aeade7b57..13ed5d7d5 100644 --- a/apps/client/src/app/app-routing.module.ts +++ b/apps/client/src/app/app-routing.module.ts @@ -92,6 +92,11 @@ const routes: Routes = [ './pages/blog/2022/07/how-do-i-get-my-finances-in-order/how-do-i-get-my-finances-in-order-page.module' ).then((m) => m.HowDoIGetMyFinancesInOrderPageModule) }, + { + path: 'faq', + loadChildren: () => + import('./pages/faq/faq-page.module').then((m) => m.FaqPageModule) + }, { path: 'features', loadChildren: () => diff --git a/apps/client/src/app/core/auth.guard.ts b/apps/client/src/app/core/auth.guard.ts index 781a076b9..6161df1f2 100644 --- a/apps/client/src/app/core/auth.guard.ts +++ b/apps/client/src/app/core/auth.guard.ts @@ -21,6 +21,7 @@ export class AuthGuard implements CanActivate { '/de/blog', '/demo', '/en/blog', + '/faq', '/features', '/markets', '/p', diff --git a/apps/client/src/app/pages/about/about-page.html b/apps/client/src/app/pages/about/about-page.html index 6bc2ff79d..8d1b05a3a 100644 --- a/apps/client/src/app/pages/about/about-page.html +++ b/apps/client/src/app/pages/about/about-page.html @@ -173,8 +173,18 @@
+
+ FAQ +
Changelog & License
-
+ -
+
(); + + public constructor() {} + + public ngOnDestroy() { + this.unsubscribeSubject.next(); + this.unsubscribeSubject.complete(); + } +} diff --git a/apps/client/src/app/pages/faq/faq-page.html b/apps/client/src/app/pages/faq/faq-page.html new file mode 100644 index 000000000..6f81579b1 --- /dev/null +++ b/apps/client/src/app/pages/faq/faq-page.html @@ -0,0 +1,143 @@ +
+
+
+

Frequently Asked Questions (FAQ)

+ + What is Ghostfolio? + + Ghostfolio is a lightweight, open source wealth management application + for individuals to keep track of their net worth. The software + empowers you to make solid, data-driven investment decisions. + + + + What assets can I track with Ghostfolio? + + With Ghostfolio, you can keep track of various assets like stocks, + ETFs or cryptocurrencies. + + + + What else is included in Ghostfolio? + + Please find a feature overview to manage your wealth +
here. + + + + How do I start? + + You can sign up via the “Get Started” button at the top of the page. You have multiple options to join + Ghostfolio: Create an account with a security token, using + Internet Identity + or Google Sign. We will guide you to set up your portfolio. + + + + Can I use Ghostfolio anonymously? + + Yes, the authentication systems (via security token or + Internet Identity) enable you to sign in securely and anonymously to Ghostfolio. There + is no need for an email address, phone number, or a username. + + + + How can Ghostfolio be free? + This project is driven by the efforts of contributors from around the + world. The + source code is + fully available as open source software (OSS). Our + Ghostfolio Premium users and + sponsors allow + us to run a free, limited plan for new investors. + + + Is it really free? + Yes, it is! Our + pricing page details everything you + get for free. + + + What is Ghostfolio Premium? + Ghostfolio Premium is a fully + managed Ghostfolio cloud offering for ambitious investors. The revenue + is used to cover the hosting infrastructure. It is the Open Source + code base with some extras like the market overview. + + + Can I start with a trial version? + Yes, you can try + Ghostfolio Premium by signing up + for Ghostfolio and applying for a trial (see “My Ghostfolio”). It’s + easy, free and there is no commitment. You can stop using it at any + time. + + + Which devices are supported? + Ghostfolio works in every modern web browser on smartphones, tablets + and desktop computers (where you have even more analysis options and + statistics). For Android users, there is a dedicated Ghostfolio app + available in the + Google Play Store. + + + Ghostfolio sounds cool, how can I get involved? + Any support for Ghostfolio is welcome. Be it with a + Ghostfolio Premium subscription to + finance the hosting, a positive rating in the + Google Play Store, a star on + GitHub, + feedback, bug reports, feature requests and of course contributions! + You can reach us by email at + hi@ghostfol.io or on Twitter + @ghostfolio_. + + + Got any other questions? + Join the Ghostfolio + Slack community, tweet to + @ghostfolio_ or send an + e-mail to + hi@ghostfol.io. + +
+
+
diff --git a/apps/client/src/app/pages/faq/faq-page.module.ts b/apps/client/src/app/pages/faq/faq-page.module.ts new file mode 100644 index 000000000..b411437eb --- /dev/null +++ b/apps/client/src/app/pages/faq/faq-page.module.ts @@ -0,0 +1,13 @@ +import { CommonModule } from '@angular/common'; +import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; +import { MatCardModule } from '@angular/material/card'; + +import { FaqPageRoutingModule } from './faq-page-routing.module'; +import { FaqPageComponent } from './faq-page.component'; + +@NgModule({ + declarations: [FaqPageComponent], + imports: [CommonModule, FaqPageRoutingModule, MatCardModule], + schemas: [CUSTOM_ELEMENTS_SCHEMA] +}) +export class FaqPageModule {} diff --git a/apps/client/src/app/pages/faq/faq-page.scss b/apps/client/src/app/pages/faq/faq-page.scss new file mode 100644 index 000000000..75bda52c9 --- /dev/null +++ b/apps/client/src/app/pages/faq/faq-page.scss @@ -0,0 +1,12 @@ +:host { + display: block; + + a { + color: rgba(var(--palette-primary-500), 1); + font-weight: 500; + + &:hover { + color: rgba(var(--palette-primary-300), 1); + } + } +} diff --git a/apps/client/src/assets/sitemap.xml b/apps/client/src/assets/sitemap.xml index 10a567628..0b2cf4ee3 100644 --- a/apps/client/src/assets/sitemap.xml +++ b/apps/client/src/assets/sitemap.xml @@ -6,62 +6,66 @@ http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"> https://ghostfol.io - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/about - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/about/changelog - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/blog - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/de/blog/2021/07/hallo-ghostfolio - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/demo - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/en/blog/2021/07/hello-ghostfolio - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/en/blog/2022/01/ghostfolio-first-months-in-open-source - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/en/blog/2022/07/ghostfolio-meets-internet-identity - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/en/blog/2022/07/how-do-i-get-my-finances-in-order - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 + + + https://ghostfol.io/faq + 2022-07-29T00:00:00+00:00 https://ghostfol.io/features - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/markets - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/pricing - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/register - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00 https://ghostfol.io/resources - 2022-07-23T00:00:00+00:00 + 2022-07-29T00:00:00+00:00