sudacode/ghostfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Feature/set up terms of service (#4490)

Browse Source 
* Set up terms of service

* Update changelog
This commit is contained in:
Thomas Kaul 2025-03-30 09:59:56 +02:00 committed by GitHub
parent ff563ddfea
commit b720a8dd96
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
21 changed files with 267 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## Unreleased
### Added
- Set up the terms of service for the _Ghostfolio_ SaaS (cloud)
### Changed
- Improved the static portfolio analysis rule: Emergency fund setup by supporting assets

15
apps/client/src/app/app.component.html
View File

@ -84,9 +84,11 @@
>
</li>
}
<li>
<a i18n [routerLink]="routerLinkAboutLicense">License</a>
</li>
@if (!hasPermissionForSubscription) {
<li>
<a i18n [routerLink]="routerLinkAboutLicense">License</a>
</li>
}
@if (hasPermissionForStatistics) {
<li>
<a [routerLink]="['/open']">Open Startup</a>
@ -104,6 +106,13 @@
>
</li>
}
@if (hasPermissionForSubscription) {
<li>
<a i18n [routerLink]="routerLinkAboutTermsOfService"
>Terms of Service</a
>
</li>
}
@if (hasPermissionForSubscription) {
<li>
<a

4
apps/client/src/app/app.component.ts
View File

@ -75,6 +75,10 @@ export class AppComponent implements OnDestroy, OnInit {
'/' + $localize`:snake-case:about`,
$localize`:snake-case:privacy-policy`
];
public routerLinkAboutTermsOfService = [
'/' + $localize`:snake-case:about`,
$localize`:snake-case:terms-of-service`
];
public routerLinkFaq = ['/' + $localize`:snake-case:faq`];
public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
public routerLinkMarkets = ['/' + $localize`:snake-case:markets`];

3
apps/client/src/app/core/paths.ts
View File

@ -7,5 +7,6 @@ export const paths = {
pricing: $localize`pricing`,
privacyPolicy: $localize`privacy-policy`,
register: $localize`register`,
resources: $localize`resources`
resources: $localize`resources`,
termsOfService: $localize`terms-of-service`
};

7
apps/client/src/app/pages/about/about-page-routing.module.ts
View File

@ -44,6 +44,13 @@ const routes: Routes = [
import('./privacy-policy/privacy-policy-page.module').then(
(m) => m.PrivacyPolicyPageModule
)
},
{
path: paths.termsOfService,
loadChildren: () =>
import('./terms-of-service/terms-of-service-page.module').then(
(m) => m.TermsOfServicePageModule
)
}
],
component: AboutPageComponent,

13
apps/client/src/app/pages/about/about-page.component.ts
View File

@ -41,7 +41,7 @@ export class AboutPageComponent implements OnDestroy, OnInit {
.subscribe((state) => {
this.tabs = [
{
iconName: 'reader-outline',
iconName: 'information-circle-outline',
label: $localize`About`,
path: ['/' + $localize`about`]
},
@ -53,7 +53,8 @@ export class AboutPageComponent implements OnDestroy, OnInit {
{
iconName: 'ribbon-outline',
label: $localize`License`,
path: ['/' + $localize`about`, $localize`license`]
path: ['/' + $localize`about`, $localize`license`],
showCondition: !this.hasPermissionForSubscription
}
];
@ -64,6 +65,14 @@ export class AboutPageComponent implements OnDestroy, OnInit {
path: ['/' + $localize`about`, $localize`privacy-policy`],
showCondition: this.hasPermissionForSubscription
});
this.tabs.push({
iconName: 'document-text-outline',
label: $localize`Terms of Service`,
path: ['/' + $localize`about`, $localize`terms-of-service`],
showCondition: this.hasPermissionForSubscription
});
this.user = state.user;
this.changeDetectorRef.markForCheck();

4
apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.component.ts
View File

@ -3,9 +3,9 @@ import { Subject } from 'rxjs';
@Component({
selector: 'gf-privacy-policy-page',
standalone: false,
styleUrls: ['./privacy-policy-page.scss'],
templateUrl: './privacy-policy-page.html',
standalone: false
templateUrl: './privacy-policy-page.html'
})
export class PrivacyPolicyPageComponent implements OnDestroy {
private unsubscribeSubject = new Subject<void>();

8
apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.scss
View File

@ -12,6 +12,14 @@
color: rgba(var(--palette-primary-300), 1);
}
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.25rem;
}
}
}
}

21
apps/client/src/app/pages/about/terms-of-service/terms-of-service-page-routing.module.ts Normal file
View File

@ -0,0 +1,21 @@
import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TermsOfServicePageComponent } from './terms-of-service-page.component';
const routes: Routes = [
{
canActivate: [AuthGuard],
component: TermsOfServicePageComponent,
path: '',
title: $localize`Terms of Service`
}
];
@NgModule({
exports: [RouterModule],
imports: [RouterModule.forChild(routes)]
})
export class TermsOfServicePageRoutingModule {}

17
apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.component.ts Normal file
View File

@ -0,0 +1,17 @@
import { Component, OnDestroy } from '@angular/core';
import { Subject } from 'rxjs';
@Component({
selector: 'gf-terms-of-service-page',
standalone: false,
styleUrls: ['./terms-of-service-page.scss'],
templateUrl: './terms-of-service-page.html'
})
export class TermsOfServicePageComponent implements OnDestroy {
private unsubscribeSubject = new Subject<void>();
public ngOnDestroy() {
this.unsubscribeSubject.next();
this.unsubscribeSubject.complete();
}
}

10
apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.html Normal file
View File

@ -0,0 +1,10 @@
<div class="container">
<div class="mb-5 row">
<div class="col">
<h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>
Terms of Service
</h1>
<markdown [src]="'../assets/terms-of-service.md'"></markdown>
</div>
</div>
</div>

17
apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.module.ts Normal file
View File

@ -0,0 +1,17 @@
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { MarkdownModule } from 'ngx-markdown';
import { TermsOfServicePageRoutingModule } from './terms-of-service-page-routing.module';
import { TermsOfServicePageComponent } from './terms-of-service-page.component';
@NgModule({
declarations: [TermsOfServicePageComponent],
imports: [
CommonModule,
MarkdownModule.forChild(),
TermsOfServicePageRoutingModule
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class TermsOfServicePageModule {}

29
apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.scss Normal file
View File

@ -0,0 +1,29 @@
:host {
color: rgb(var(--dark-primary-text));
display: block;
::ng-deep {
markdown {
a {
color: rgba(var(--palette-primary-500), 1);
font-weight: 500;
&:hover {
color: rgba(var(--palette-primary-300), 1);
}
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.25rem;
}
}
}
}
:host-context(.theme-dark) {
color: rgb(var(--light-primary-text));
}

10
apps/client/src/app/pages/register/register-page.component.ts
View File

@ -11,6 +11,7 @@ import { DeviceDetectorService } from 'ngx-device-detector';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { ShowAccessTokenDialogParams } from './show-access-token-dialog/interfaces/interfaces';
import { ShowAccessTokenDialog } from './show-access-token-dialog/show-access-token-dialog.component';
@Component({
@ -24,6 +25,7 @@ export class RegisterPageComponent implements OnDestroy, OnInit {
public demoAuthToken: string;
public deviceType: string;
public hasPermissionForSocialLogin: boolean;
public hasPermissionForSubscription: boolean;
public hasPermissionToCreateUser: boolean;
public historicalDataItems: LineChartItem[];
public info: InfoItem;
@ -52,6 +54,10 @@ export class RegisterPageComponent implements OnDestroy, OnInit {
globalPermissions,
permissions.enableSocialLogin
);
this.hasPermissionForSubscription = hasPermission(
globalPermissions,
permissions.enableSubscription
);
this.hasPermissionToCreateUser = hasPermission(
globalPermissions,
permissions.createUserAccount
@ -70,6 +76,10 @@ export class RegisterPageComponent implements OnDestroy, OnInit {
public openShowAccessTokenDialog() {
const dialogRef = this.dialog.open(ShowAccessTokenDialog, {
data: {
deviceType: this.deviceType,
needsToAcceptTermsOfService: this.hasPermissionForSubscription
} as ShowAccessTokenDialogParams,
disableClose: true,
height: this.deviceType === 'mobile' ? '98vh' : undefined,
width: this.deviceType === 'mobile' ? '100vw' : '30rem'

4
apps/client/src/app/pages/register/show-access-token-dialog/interfaces/interfaces.ts Normal file
View File

@ -0,0 +1,4 @@
export interface ShowAccessTokenDialogParams {
deviceType: string;
needsToAcceptTermsOfService: boolean;
}

9
apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.component.ts
View File

@ -4,12 +4,16 @@ import {
ChangeDetectionStrategy,
ChangeDetectorRef,
Component,
Inject,
ViewChild
} from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatStepper } from '@angular/material/stepper';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { ShowAccessTokenDialogParams } from './interfaces/interfaces';
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'gf-show-access-token-dialog',
@ -25,11 +29,16 @@ export class ShowAccessTokenDialog {
public isCreateAccountButtonDisabled = true;
public isDisclaimerChecked = false;
public role: string;
public routerLinkAboutTermsOfService = [
'/' + $localize`:snake-case:about`,
$localize`:snake-case:terms-of-service`
];
private unsubscribeSubject = new Subject<void>();
public constructor(
private changeDetectorRef: ChangeDetectorRef,
@Inject(MAT_DIALOG_DATA) public data: ShowAccessTokenDialogParams,
private dataService: DataService
) {}

31
apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.html
View File

@ -5,7 +5,12 @@
}
</h1>
<div class="px-0" mat-dialog-content>
<mat-stepper #stepper animationDuration="0ms" [linear]="true">
<mat-stepper
#stepper
animationDuration="0ms"
[linear]="true"
[orientation]="data.deviceType === 'mobile' ? 'vertical' : 'horizontal'"
>
<mat-step editable="false" [completed]="isDisclaimerChecked">
<ng-template i18n matStepLabel>Terms and Conditions</ng-template>
<div class="pt-2">
@ -15,14 +20,28 @@
>
</div>
<mat-checkbox
class="pt-2"
class="mt-2"
color="primary"
(change)="onChangeDislaimerChecked()"
>
<ng-container i18n
>I understand that if I lose my security token, I cannot recover my
account.</ng-container
account</ng-container
>
@if (data.needsToAcceptTermsOfService) {
<ng-container>&nbsp;</ng-container>
<ng-container i18n
>and I agree to the
<a
class="font-weight-bold"
target="_blank"
[routerLink]="routerLinkAboutTermsOfService"
>Terms of Service</a
>.</ng-container
>
} @else {
<ng-container>.</ng-container>
}
</mat-checkbox>
<div class="mt-3" mat-dialog-actions>
<div class="flex-grow-1">
@ -35,7 +54,8 @@
[disabled]="!isDisclaimerChecked"
(click)="createAccount()"
>
<ng-container i18n>Continue</ng-container>
<span i18n>Continue</span>
<ion-icon class="ml-1" name="arrow-forward-outline" />
</button>
</div>
</div>
@ -78,8 +98,7 @@
[disabled]="isCreateAccountButtonDisabled"
[mat-dialog-close]="authToken"
>
<span i18n>Create Account</span>
<ion-icon class="ml-1" name="arrow-forward-outline" />
<ng-container i18n>Create Account</ng-container>
</button>
</div>
</div>

2
apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.module.ts
View File

@ -9,6 +9,7 @@ import { MatDialogModule } from '@angular/material/dialog';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { MatStepperModule } from '@angular/material/stepper';
import { RouterModule } from '@angular/router';
import { ShowAccessTokenDialog } from './show-access-token-dialog.component';
@ -25,6 +26,7 @@ import { ShowAccessTokenDialog } from './show-access-token-dialog.component';
MatInputModule,
MatStepperModule,
ReactiveFormsModule,
RouterModule,
TextFieldModule
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]

14
apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.scss
View File

@ -1,6 +1,16 @@
:host {
--mat-dialog-with-actions-content-padding: 0;
a {
color: rgba(var(--palette-primary-500), 1);
font-weight: 500;
&:hover {
color: rgba(var(--palette-primary-300), 1);
}
}
.mat-mdc-dialog-actions {
padding-left: 0 !important;
padding-right: 0 !important;
padding: 0 !important;
}
}

6
apps/client/src/assets/privacy-policy.md
View File

@ -1,5 +1,3 @@
Last updated: June 18, 2022
This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.
We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy.
@ -16,7 +14,7 @@ For the purposes of this Privacy Policy:
- **Account** means a unique account created for You to access our Service or parts of our Service.
- **Application** means the software program provided by the Company downloaded by You on any electronic device, named Ghostfolio App.
- **Company** (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to Ghostfolio.
- **Company** (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to Ghostfolio LLC.
- **Country** refers to: Switzerland
- **Device** means any device that can access the Service such as a computer, a cellphone or a digital tablet.
- **Personal Data** is any information that relates to an identified or identifiable individual.
@ -78,3 +76,5 @@ You are advised to review this Privacy Policy periodically for any changes. Chan
## Contact Us
If you have any questions about this Privacy Policy, You can contact us [here](https://ghostfol.io/en/about).
Date of Last Revision: March 29, 2025

58
apps/client/src/assets/terms-of-service.md Normal file
View File

@ -0,0 +1,58 @@
This Terms of Service Agreement (hereinafter referred to as the "Agreement") is a legally binding contract between you (hereinafter referred to as the "User" or "You") and Ghostfolio LLC (hereinafter referred to as "LICENSEE") governing your use of the web application and the application programming interface (API) (hereinafter referred to as the "Service") provided by LICENSEE. By either accessing or using the Service, or by downloading data provided by the Service, you agree to be bound by the terms and conditions of this Agreement. If you do not agree to these terms, please do not access or use the Service.
## Definitions
<ol type="a">
<li>"Service" refers to the services provided by LICENSEE, including, but not limited to, the web application, the application programming interface (API), and the provision of financial market data.</li>
<li>"User" refers to any individual or entity that either accesses or uses the Service, or downloads data provided by the Service.</li>
<li>"LICENSEE" refers to Ghostfolio LLC, the provider of the Service.</li>
</ol>
## License Grant
LICENSEE grants the User a non-exclusive, non-transferable, revocable license to access and use the Service, and download data provided by the Service, solely for lawful and non-commercial purposes in accordance with the terms and conditions of this Agreement.
## Use Restrictions
The User agrees to the following use restrictions:
<ol type="a">
<li>The Service provided by LICENSEE is for informational and educational purposes only and shall not be used for any commercial purposes.</li>
<li>The User shall not distribute, sell, rent, lease, sublicense, or otherwise transfer the data provided by the Service to any third party.</li>
<li>The User shall not modify, adapt, reverse engineer, decompile, disassemble, or create derivative works based on the Service.</li>
<li>The User shall not use the Service in any manner that violates applicable laws or regulations.</li>
</ol>
## Ownership
The Service, and all data provided by the Service, is the property of LICENSEE and is protected by intellectual property laws. The User acknowledges that LICENSEE retains all rights, title, and interest in and to the Service.
## Disclaimer of Warranty
LICENSEE provides the Service and data provided by the Service "as is" and makes no representations or warranties regarding the accuracy, completeness, or reliability of the Service. The User uses the Service at their own risk.
## Limitation of Liability
LICENSEE shall not be liable for any direct, indirect, incidental, special, or consequential damages arising out of or in connection with the use or inability to use the Service or the data provided by the Service.
## Termination
This Agreement is effective until terminated by either party. The User may terminate this Agreement by ceasing to use the Service. LICENSEE may terminate this Agreement at any time without notice if the User breaches any of its terms. Upon termination, the User must cease all use of the Service and data provided by the Service.
## Governing Law
This Agreement shall be governed by and construed in accordance with the laws of Zurich, Switzerland, without regard to its conflict of law principles.
## Entire Agreement
This Agreement constitutes the entire agreement between the User and LICENSEE regarding the Service and supersedes all prior agreements and understandings, whether oral or written.
## Changes to Agreement
LICENSEE reserves the right to modify this Agreement at any time. Users are encouraged to review this Agreement periodically for updates. Continued use of the Service after changes to this Agreement constitutes acceptance of the modified terms.
By accessing or using the Service, or downloading data provided by the Service, the User acknowledges that they have read, understood, and agreed to be bound by this Terms of Service Agreement.
For any questions or concerns regarding this Agreement, please contact us [here](https://ghostfol.io/en/about).
Date of Last Revision: March 29, 2025