Release 1.187.0 (#1227 )

Feature/improve chart calculation (#1226 )
* Improve chart calculation * Update changelog
2022-09-03 21:42:23 +02:00 · 2022-09-03 21:41:06 +02:00 · 2022-09-03 21:28:57 +02:00 · 2022-09-03 11:37:14 +02:00 · 2022-09-03 11:19:31 +02:00 · 2022-09-03 10:28:20 +02:00
169 changed files with 8962 additions and 2229 deletions
--- a/.github/workflows/build-code.yml
+++ b/.github/workflows/build-code.yml
@ -0,0 +1,36 @@
+name: Build code
+
+on:
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node_version:
+          - 16
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Use Node.js ${{ matrix.node_version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node_version }}
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Check formatting
+        run: yarn format:check
+
+      - name: Execute tests
+        run: yarn test
+
+      - name: Build application
+        run: yarn build:all
--- a/.github/workflows/docker-image.yml
+++ b/.github/workflows/docker-image.yml
@ -0,0 +1,49 @@
+name: Docker image CD
+
+on:
+  push:
+    tags:
+      - '*.*.*'
+  pull_request:
+    branches:
+      - 'main'
+
+jobs:
+  build_and_push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Docker metadata
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: ghostfolio/ghostfolio
+          tags: |
+            type=semver,pattern={{version}}
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Login to DockerHub
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_HUB_USERNAME }}
+          password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v3
+        with:
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.output.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
--- a/.travis.yml
+++ b/.travis.yml
@ -1,30 +0,0 @@
-language: node_js
-git:
-  depth: false
-node_js:
-  - 16
-
-services:
-  - docker
-
-cache: yarn
-
-if: (type = pull_request) OR (tag IS present)
-
-jobs:
-  include:
-    - stage: Install dependencies
-      if: type = pull_request
-      script: yarn --frozen-lockfile
-    - stage: Check formatting
-      if: type = pull_request
-      script: yarn format:check
-    - stage: Execute tests
-      if: type = pull_request
-      script: yarn test
-    - stage: Build application
-      if: type = pull_request
-      script: yarn build:all
-    - stage: Build and publish docker image
-      if: tag IS present
-      script: ./publish-docker-image.sh
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -5,6 +5,124 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

+## 1.187.0 - 03.09.2022
+
+### Added
+
+- Supported units in the line chart component
+- Added a new chart calculation engine (experimental)
+
+## 1.186.2 - 03.09.2022
+
+### Changed
+
+- Decreased the rate limiter duration of queue jobs from 5 to 4 seconds
+- Removed the alias from the `User` database schema
+- Upgraded `angular` from version `14.1.0` to `14.2.0`
+- Upgraded `Nx` from version `14.5.1` to `14.6.4`
+
+### Fixed
+
+- Fixed the environment variables `REDIS_HOST`, `REDIS_PASSWORD` and `REDIS_PORT` in the Redis configuration
+- Handled errors in the portfolio calculation if there is no internet connection
+- Fixed the _GitHub_ contributors count on the about page
+
+## 1.185.0 - 30.08.2022
+
+### Added
+
+- Added a skeleton loader to the market mood component in the markets overview
+
+### Changed
+
+- Moved the build pipeline from _Travis_ to _GitHub Actions_
+- Increased the caching of the benchmarks
+
+### Fixed
+
+- Disabled the language selector for the demo user
+
+## 1.184.2 - 28.08.2022
+
+### Added
+
+- Added the alias to the `Access` database schema
+- Added support for translated time distances
+- Added a _GitHub Action_ to create an `arm64` docker image
+
+### Changed
+
+- Improved the language localization for German (`de`)
+
+### Fixed
+
+- Fixed the missing assets during the local development
+
+## 1.183.0 - 24.08.2022
+
+### Added
+
+- Added a filter by asset sub class for the asset profiles in the admin control
+
+### Changed
+
+- Improved the language localization for German (`de`)
+
+## 1.182.0 - 23.08.2022
+
+### Changed
+
+- Improved the language localization for German (`de`)
+- Extended and made the columns of the asset profiles sortable in the admin control
+- Moved the asset profile details in the admin control panel to a dialog
+
+## 1.181.2 - 21.08.2022
+
+### Added
+
+- Added a language selector to the account page
+- Added support for translated labels in the value component
+
+### Changed
+
+- Integrated the commands `database:setup` and `database:migrate` into the container start
+
+### Fixed
+
+- Fixed a division by zero error in the benchmarks calculation
+
+### Todo
+
+- Apply manual data migration (`yarn database:migrate`) is not needed anymore
+
+## 1.180.1 - 18.08.2022
+
+### Added
+
+- Set up `ng-extract-i18n-merge` to improve the i18n extraction and merge workflow
+- Set up language localization for German (`de`)
+- Resolved the feature graphic of the blog post
+
+### Changed
+
+- Tagged template literal strings in components for localization with `$localize`
+
+### Fixed
+
+- Fixed the license component in the about page
+- Fixed the links to the blog posts
+
+## 1.179.5 - 15.08.2022
+
+### Added
+
+- Set up i18n support
+- Added a blog post: _500 Stars on GitHub_
+
+### Changed
+
+- Reduced the maximum width of the performance chart on the home page
+
 ## 1.178.0 - 09.08.2022

 ### Added
--- a/20
+++ b/20
@ -1,7 +1,6 @@
-FROM node:16-alpine as builder
+FROM --platform=$BUILDPLATFORM node:16-slim as builder

 # Build application and add additional files
-
 WORKDIR /ghostfolio

 # Only add basic files without the application itself to avoid rebuilding
@ -10,9 +9,16 @@ COPY ./CHANGELOG.md CHANGELOG.md
 COPY ./LICENSE LICENSE
 COPY ./package.json package.json
 COPY ./yarn.lock yarn.lock
+COPY ./.yarnrc .yarnrc
 COPY ./prisma/schema.prisma prisma/schema.prisma

-RUN apk add --no-cache python3 g++ make openssl git
+RUN apt update && apt install -y \
+    git \
+    g++ \
+    make \
+    openssl \
+    python3 \
+    && rm -rf /var/lib/apt/lists/*
 RUN yarn install

 # See https://github.com/nrwl/nx/issues/6586 for further details
@ -45,8 +51,12 @@ COPY package.json /ghostfolio/dist/apps/api
 RUN yarn database:generate-typings

 # Image to run, copy everything needed from builder
-FROM node:16-alpine
+FROM node:16-slim
+RUN apt update && apt install -y \
+    openssl \
+    && rm -rf /var/lib/apt/lists/*
+
 COPY --from=builder /ghostfolio/dist/apps /ghostfolio/apps
 WORKDIR /ghostfolio/apps/api
 EXPOSE 3333
-CMD [ "node", "main" ]
+CMD [  "yarn", "start:prod" ]
--- a/README.md
+++ b/README.md
@ -12,13 +12,11 @@
    <strong>Open Source Wealth Management Software</strong>
  </p>
  <p>
-    <a href="https://ghostfol.io"><strong>Ghostfol.io</strong></a> | <a href="https://ghostfol.io/demo"><strong>Live Demo</strong></a> | <a href="https://ghostfol.io/pricing"><strong>Ghostfolio Premium</strong></a> | <a href="https://ghostfol.io/faq"><strong>FAQ</strong></a> | <a href="https://ghostfol.io/blog"><strong>Blog</strong></a> | <a href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"><strong>Slack</strong></a> | <a href="https://twitter.com/ghostfolio_"><strong>Twitter</strong></a>
+    <a href="https://ghostfol.io"><strong>Ghostfol.io</strong></a> | <a href="https://ghostfol.io/en/demo"><strong>Live Demo</strong></a> | <a href="https://ghostfol.io/en/pricing"><strong>Ghostfolio Premium</strong></a> | <a href="https://ghostfol.io/en/faq"><strong>FAQ</strong></a> | <a href="https://ghostfol.io/en/blog"><strong>Blog</strong></a> | <a href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"><strong>Slack</strong></a> | <a href="https://twitter.com/ghostfolio_"><strong>Twitter</strong></a>
  </p>
  <p>
    <a href="#contributing">
      <img src="https://img.shields.io/badge/contributions-welcome-orange.svg"/></a>
-    <a href="https://travis-ci.com/github/ghostfolio/ghostfolio" rel="nofollow">
-      <img src="https://travis-ci.com/ghostfolio/ghostfolio.svg?branch=main" alt="Build Status"/></a>
    <a href="https://www.gnu.org/licenses/agpl-3.0" rel="nofollow">
      <img src="https://img.shields.io/badge/License-AGPL%20v3-blue.svg" alt="License: AGPL v3"/></a>
  </p>
@ -33,7 +31,7 @@

 ## Ghostfolio Premium

-Our official **[Ghostfolio Premium](https://ghostfol.io/pricing)** cloud offering is the easiest way to get started. Due to the time it saves, this will be the best option for most people. The revenue is used for covering the hosting costs.
+Our official **[Ghostfolio Premium](https://ghostfol.io/en/pricing)** cloud offering is the easiest way to get started. Due to the time it saves, this will be the best option for most people. The revenue is used for covering the hosting costs.

 If you prefer to run Ghostfolio on your own infrastructure, please find further instructions in the [Self-hosting](#self-hosting) section.

@ -81,6 +79,8 @@ The frontend is built with [Angular](https://angular.io) and uses [Angular Mater

 ## Self-hosting

+We provide official container images hosted on [Docker Hub](https://hub.docker.com/r/ghostfolio/ghostfolio) for `linux/amd64` and `linux/arm64`.
+
 ### Supported Environment Variables

 | Name                | Default Value | Description                                                                                                                         |
@ -94,9 +94,9 @@ The frontend is built with [Angular](https://angular.io) and uses [Angular Mater
 | `POSTGRES_DB`       |               | The name of the _PostgreSQL_ database                                                                                               |
 | `POSTGRES_PASSWORD` |               | The password of the _PostgreSQL_ database                                                                                           |
 | `POSTGRES_USER`     |               | The user of the _PostgreSQL_ database                                                                                               |
-| `REDIS_HOST`        | `localhost`   | The host where _Redis_ is running                                                                                                   |
+| `REDIS_HOST`        |               | The host where _Redis_ is running                                                                                                   |
 | `REDIS_PASSWORD`    |               | The password of _Redis_                                                                                                             |
-| `REDIS_PORT`        | `6379`        | The port where _Redis_ is running                                                                                                   |
+| `REDIS_PORT`        |               | The port where _Redis_ is running                                                                                                   |

 ### Run with Docker Compose

@ -114,14 +114,6 @@ Run the following command to start the Docker images from [Docker Hub](https://h
 docker-compose --env-file ./.env -f docker/docker-compose.yml up -d
 ```

-##### Setup Database
-
-Run the following command to setup the database once Ghostfolio is running:
-
-```bash
-docker-compose --env-file ./.env -f docker/docker-compose.yml exec ghostfolio yarn database:setup
-```
-
 #### b. Build and run environment

 Run the following commands to build and start the Docker images:
@ -131,14 +123,6 @@ docker-compose --env-file ./.env -f docker/docker-compose.build.yml build
 docker-compose --env-file ./.env -f docker/docker-compose.build.yml up -d
 ```

-##### Setup Database
-
-Run the following command to setup the database once Ghostfolio is running:
-
-```bash
-docker-compose --env-file ./.env -f docker/docker-compose.build.yml exec ghostfolio yarn database:setup
-```
-
 #### Fetch Historical Data

 Open http://localhost:3333 in your browser and accomplish these steps:
@ -150,8 +134,8 @@ Open http://localhost:3333 in your browser and accomplish these steps:
 #### Upgrade Version

 1. Increase the version of the `ghostfolio/ghostfolio` Docker image in `docker/docker-compose.yml`
-1. Run the following command to start the new Docker image: `docker-compose --env-file ./.env -f docker/docker-compose.yml up -d`
-1. Then, run the following command to keep your database schema in sync: `docker-compose --env-file ./.env -f docker/docker-compose.yml exec ghostfolio yarn database:migrate`
+1. Run the following command to start the new Docker image: `docker-compose --env-file ./.env -f docker/docker-compose.yml up -d`  
+   At each start, the container will automatically apply the database schema migrations if needed.

 ### Run with _Unraid_ (Community)

@ -275,7 +259,7 @@ Ghostfolio is **100% free** and **open source**. We encourage and support an act

 Not sure what to work on? We have got some ideas. Please join the Ghostfolio [Slack channel](https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg), tweet to [@ghostfolio\_](https://twitter.com/ghostfolio_) or send an e-mail to hi@ghostfol.io. We would love to hear from you.

-If you like to support this project, get **[Ghostfolio Premium](https://ghostfol.io/pricing)** or **[Buy me a coffee](https://www.buymeacoffee.com/ghostfolio)**.
+If you like to support this project, get **[Ghostfolio Premium](https://ghostfol.io/en/pricing)** or **[Buy me a coffee](https://www.buymeacoffee.com/ghostfolio)**.

 ## License

--- a/angular.json
+++ b/angular.json
@ -77,41 +77,45 @@
            "polyfills": "apps/client/src/polyfills.ts",
            "tsConfig": "apps/client/tsconfig.app.json",
            "assets": [
-              "apps/client/src/assets",
              {
                "glob": "assetlinks.json",
                "input": "apps/client/src/assets",
-                "output": "./.well-known"
+                "output": "./../.well-known"
              },
              {
                "glob": "CHANGELOG.md",
                "input": "",
-                "output": "./assets"
+                "output": "./../assets"
              },
              {
                "glob": "LICENSE",
                "input": "",
-                "output": "./assets"
+                "output": "./../assets"
              },
              {
                "glob": "robots.txt",
                "input": "apps/client/src/assets",
-                "output": "./"
+                "output": "./../"
              },
              {
                "glob": "sitemap.xml",
                "input": "apps/client/src/assets",
-                "output": "./"
+                "output": "./../"
              },
              {
                "glob": "**/*",
                "input": "node_modules/ionicons/dist/ionicons",
-                "output": "./ionicons"
+                "output": "./../ionicons"
              },
              {
                "glob": "**/*.js",
                "input": "node_modules/ionicons/dist/",
-                "output": "./"
+                "output": "./../"
+              },
+              {
+                "glob": "**/*",
+                "input": "apps/client/src/assets",
+                "output": "./../assets/"
              }
            ],
            "styles": ["apps/client/src/styles.scss"],
@ -124,6 +128,14 @@
            "namedChunks": true
          },
          "configurations": {
+            "development-de": {
+              "baseHref": "/de/",
+              "localize": ["de"]
+            },
+            "development-en": {
+              "baseHref": "/en/",
+              "localize": ["en"]
+            },
            "production": {
              "fileReplacements": [
                {
@ -162,15 +174,24 @@
            "proxyConfig": "apps/client/proxy.conf.json"
          },
          "configurations": {
+            "development-de": {
+              "browserTarget": "client:build:development-de"
+            },
+            "development-en": {
+              "browserTarget": "client:build:development-en"
+            },
            "production": {
              "browserTarget": "client:build:production"
            }
          }
        },
        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "ng-extract-i18n-merge:ng-extract-i18n-merge",
          "options": {
-            "browserTarget": "client:build"
+            "browserTarget": "client:build",
+            "includeContext": true,
+            "outputPath": "src/locales",
+            "targetFiles": ["messages.de.xlf"]
          }
        },
        "lint": {
@ -188,6 +209,15 @@
          "outputs": ["coverage/apps/client"]
        }
      },
+      "i18n": {
+        "locales": {
+          "de": {
+            "baseHref": "/de/",
+            "translation": "apps/client/src/locales/messages.de.xlf"
+          }
+        },
+        "sourceLocale": "en"
+      },
      "tags": []
    },
    "client-e2e": {
--- a/apps/api/jest.config.ts
+++ b/apps/api/jest.config.ts
@ -1,3 +1,4 @@
+/* eslint-disable */
 export default {
  displayName: 'api',

--- a/apps/api/src/app/access/access.controller.ts
+++ b/apps/api/src/app/access/access.controller.ts
@ -42,14 +42,16 @@ export class AccessController {
    return accessesWithGranteeUser.map((access) => {
      if (access.GranteeUser) {
        return {
-          granteeAlias: access.GranteeUser?.alias,
+          alias: access.alias,
+          grantee: access.GranteeUser?.id,
          id: access.id,
          type: 'RESTRICTED_VIEW'
        };
      }

      return {
-        granteeAlias: 'Public',
+        alias: access.alias,
+        grantee: 'Public',
        id: access.id,
        type: 'PUBLIC'
      };
@ -71,6 +73,10 @@ export class AccessController {
    }

    return this.accessService.createAccess({
+      alias: data.alias || undefined,
+      GranteeUser: data.granteeUserId
+        ? { connect: { id: data.granteeUserId } }
+        : undefined,
      User: { connect: { id: this.request.user.id } }
    });
  }
--- a/apps/api/src/app/access/create-access.dto.ts
+++ b/apps/api/src/app/access/create-access.dto.ts
@ -1 +1,11 @@
-export class CreateAccessDto {}
+import { IsOptional, IsString } from 'class-validator';
+
+export class CreateAccessDto {
+  @IsOptional()
+  @IsString()
+  alias?: string;
+
+  @IsOptional()
+  @IsString()
+  granteeUserId?: string;
+}
--- a/apps/api/src/app/admin/admin.controller.ts
+++ b/apps/api/src/app/admin/admin.controller.ts
@ -8,7 +8,8 @@ import {
 import {
  AdminData,
  AdminMarketData,
-  AdminMarketDataDetails
+  AdminMarketDataDetails,
+  Filter
 } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import type { RequestWithUser } from '@ghostfolio/common/types';
@ -22,6 +23,7 @@ import {
  Param,
  Post,
  Put,
+  Query,
  UseGuards
 } from '@nestjs/common';
 import { REQUEST } from '@nestjs/core';
@ -226,7 +228,9 @@ export class AdminController {

  @Get('market-data')
  @UseGuards(AuthGuard('jwt'))
-  public async getMarketData(): Promise<AdminMarketData> {
+  public async getMarketData(
+    @Query('assetSubClasses') filterByAssetSubClasses?: string
+  ): Promise<AdminMarketData> {
    if (
      !hasPermission(
        this.request.user.permissions,
@ -239,7 +243,18 @@ export class AdminController {
      );
    }

-    return this.adminService.getMarketData();
+    const assetSubClasses = filterByAssetSubClasses?.split(',') ?? [];
+
+    const filters: Filter[] = [
+      ...assetSubClasses.map((assetSubClass) => {
+        return <Filter>{
+          id: assetSubClass,
+          type: 'ASSET_SUB_CLASS'
+        };
+      })
+    ];
+
+    return this.adminService.getMarketData(filters);
  }

  @Get('market-data/:dataSource/:symbol')
--- a/apps/api/src/app/admin/admin.service.ts
+++ b/apps/api/src/app/admin/admin.service.ts
@ -11,11 +11,13 @@ import {
  AdminMarketData,
  AdminMarketDataDetails,
  AdminMarketDataItem,
+  Filter,
  UniqueAsset
 } from '@ghostfolio/common/interfaces';
 import { Injectable } from '@nestjs/common';
-import { Property } from '@prisma/client';
+import { AssetSubClass, Prisma, Property } from '@prisma/client';
 import { differenceInDays } from 'date-fns';
+import { groupBy } from 'lodash';

@Injectable()
 export class AdminService {
@ -63,14 +65,27 @@ export class AdminService {
    };
  }

-  public async getMarketData(): Promise<AdminMarketData> {
+  public async getMarketData(filters?: Filter[]): Promise<AdminMarketData> {
+    const where: Prisma.SymbolProfileWhereInput = {};
+
+    const { ASSET_SUB_CLASS: filtersByAssetSubClass } = groupBy(
+      filters,
+      (filter) => {
+        return filter.type;
+      }
+    );
+
    const marketData = await this.prismaService.marketData.groupBy({
      _count: true,
      by: ['dataSource', 'symbol']
    });

-    const currencyPairsToGather: AdminMarketDataItem[] =
-      this.exchangeRateDataService
+    let currencyPairsToGather: AdminMarketDataItem[] = [];
+
+    if (filtersByAssetSubClass) {
+      where.assetSubClass = AssetSubClass[filtersByAssetSubClass[0].id];
+    } else {
+      currencyPairsToGather = this.exchangeRateDataService
        .getCurrencyPairs()
        .map(({ dataSource, symbol }) => {
          const marketDataItemCount =
@ -84,17 +99,24 @@ export class AdminService {
          return {
            dataSource,
            marketDataItemCount,
-            symbol
+            symbol,
+            countriesCount: 0,
+            sectorsCount: 0
          };
        });
+    }

    const symbolProfilesToGather: AdminMarketDataItem[] = (
      await this.prismaService.symbolProfile.findMany({
+        where,
        orderBy: [{ symbol: 'asc' }],
        select: {
          _count: {
            select: { Order: true }
          },
+          assetClass: true,
+          assetSubClass: true,
+          countries: true,
          dataSource: true,
          Order: {
            orderBy: [{ date: 'asc' }],
@ -102,10 +124,14 @@ export class AdminService {
            take: 1
          },
          scraperConfiguration: true,
+          sectors: true,
          symbol: true
        }
      })
    ).map((symbolProfile) => {
+      const countriesCount = symbolProfile.countries
+        ? Object.keys(symbolProfile.countries).length
+        : 0;
      const marketDataItemCount =
        marketData.find((marketDataItem) => {
          return (
@ -113,10 +139,17 @@ export class AdminService {
            marketDataItem.symbol === symbolProfile.symbol
          );
        })?._count ?? 0;
+      const sectorsCount = symbolProfile.sectors
+        ? Object.keys(symbolProfile.sectors).length
+        : 0;

      return {
+        countriesCount,
        marketDataItemCount,
+        sectorsCount,
        activityCount: symbolProfile._count.Order,
+        assetClass: symbolProfile.assetClass,
+        assetSubClass: symbolProfile.assetSubClass,
        dataSource: symbolProfile.dataSource,
        date: symbolProfile.Order?.[0]?.date,
        symbol: symbolProfile.symbol
--- a/apps/api/src/app/app.module.ts
+++ b/apps/api/src/app/app.module.ts
@ -10,7 +10,7 @@ import { ExchangeRateDataModule } from '@ghostfolio/api/services/exchange-rate-d
 import { PrismaModule } from '@ghostfolio/api/services/prisma.module';
 import { TwitterBotModule } from '@ghostfolio/api/services/twitter-bot/twitter-bot.module';
 import { BullModule } from '@nestjs/bull';
-import { Module } from '@nestjs/common';
+import { MiddlewareConsumer, Module, RequestMethod } from '@nestjs/common';
 import { ConfigModule } from '@nestjs/config';
 import { ScheduleModule } from '@nestjs/schedule';
 import { ServeStaticModule } from '@nestjs/serve-static';
@ -23,6 +23,7 @@ import { AuthModule } from './auth/auth.module';
 import { BenchmarkModule } from './benchmark/benchmark.module';
 import { CacheModule } from './cache/cache.module';
 import { ExportModule } from './export/export.module';
+import { FrontendMiddleware } from './frontend.middleware';
 import { ImportModule } from './import/import.module';
 import { InfoModule } from './info/info.module';
 import { OrderModule } from './order/order.module';
@ -82,4 +83,10 @@ import { UserModule } from './user/user.module';
  controllers: [AppController],
  providers: [CronService]
 })
-export class AppModule {}
+export class AppModule {
+  configure(consumer: MiddlewareConsumer) {
+    consumer
+      .apply(FrontendMiddleware)
+      .forRoutes({ path: '*', method: RequestMethod.ALL });
+  }
+}
--- a/apps/api/src/app/auth/auth.controller.ts
+++ b/apps/api/src/app/auth/auth.controller.ts
@ -1,5 +1,6 @@
 import { WebAuthService } from '@ghostfolio/api/app/auth/web-auth.service';
 import { ConfigurationService } from '@ghostfolio/api/services/configuration.service';
+import { DEFAULT_LANGUAGE_CODE } from '@ghostfolio/common/config';
 import { OAuthResponse } from '@ghostfolio/common/interfaces';
 import {
  Body,
@ -62,9 +63,17 @@ export class AuthController {
    const jwt: string = req.user.jwt;

    if (jwt) {
-      res.redirect(`${this.configurationService.get('ROOT_URL')}/auth/${jwt}`);
+      res.redirect(
+        `${this.configurationService.get(
+          'ROOT_URL'
+        )}/${DEFAULT_LANGUAGE_CODE}/auth/${jwt}`
+      );
    } else {
-      res.redirect(`${this.configurationService.get('ROOT_URL')}/auth`);
+      res.redirect(
+        `${this.configurationService.get(
+          'ROOT_URL'
+        )}/${DEFAULT_LANGUAGE_CODE}/auth`
+      );
    }
  }

--- a/apps/api/src/app/auth/web-auth.service.ts
+++ b/apps/api/src/app/auth/web-auth.service.ts
@ -54,7 +54,7 @@ export class WebAuthService {
      rpName: 'Ghostfolio',
      rpID: this.rpID,
      userID: user.id,
-      userName: user.alias,
+      userName: '',
      timeout: 60000,
      attestationType: 'indirect',
      authenticatorSelection: {
--- a/apps/api/src/app/benchmark/benchmark.controller.ts
+++ b/apps/api/src/app/benchmark/benchmark.controller.ts
@ -1,30 +1,20 @@
 import { TransformDataSourceInRequestInterceptor } from '@ghostfolio/api/interceptors/transform-data-source-in-request.interceptor';
 import { TransformDataSourceInResponseInterceptor } from '@ghostfolio/api/interceptors/transform-data-source-in-response.interceptor';
-import { PropertyService } from '@ghostfolio/api/services/property/property.service';
-import { PROPERTY_BENCHMARKS } from '@ghostfolio/common/config';
-import { BenchmarkResponse, UniqueAsset } from '@ghostfolio/common/interfaces';
+import { BenchmarkResponse } from '@ghostfolio/common/interfaces';
 import { Controller, Get, UseInterceptors } from '@nestjs/common';

 import { BenchmarkService } from './benchmark.service';

@Controller('benchmark')
 export class BenchmarkController {
-  public constructor(
-    private readonly benchmarkService: BenchmarkService,
-    private readonly propertyService: PropertyService
-  ) {}
+  public constructor(private readonly benchmarkService: BenchmarkService) {}

  @Get()
  @UseInterceptors(TransformDataSourceInRequestInterceptor)
  @UseInterceptors(TransformDataSourceInResponseInterceptor)
  public async getBenchmark(): Promise<BenchmarkResponse> {
-    const benchmarkAssets: UniqueAsset[] =
-      ((await this.propertyService.getByKey(
-        PROPERTY_BENCHMARKS
-      )) as UniqueAsset[]) ?? [];
-
    return {
-      benchmarks: await this.benchmarkService.getBenchmarks(benchmarkAssets)
+      benchmarks: await this.benchmarkService.getBenchmarks()
    };
  }
 }
--- a/apps/api/src/app/benchmark/benchmark.service.ts
+++ b/apps/api/src/app/benchmark/benchmark.service.ts
@ -1,10 +1,13 @@
 import { RedisCacheService } from '@ghostfolio/api/app/redis-cache/redis-cache.service';
 import { DataProviderService } from '@ghostfolio/api/services/data-provider/data-provider.service';
 import { MarketDataService } from '@ghostfolio/api/services/market-data.service';
+import { PropertyService } from '@ghostfolio/api/services/property/property.service';
 import { SymbolProfileService } from '@ghostfolio/api/services/symbol-profile.service';
+import { PROPERTY_BENCHMARKS } from '@ghostfolio/common/config';
 import { BenchmarkResponse, UniqueAsset } from '@ghostfolio/common/interfaces';
 import { Injectable } from '@nestjs/common';
 import Big from 'big.js';
+import ms from 'ms';

@Injectable()
 export class BenchmarkService {
@ -13,25 +16,32 @@ export class BenchmarkService {
  public constructor(
    private readonly dataProviderService: DataProviderService,
    private readonly marketDataService: MarketDataService,
+    private readonly propertyService: PropertyService,
    private readonly redisCacheService: RedisCacheService,
    private readonly symbolProfileService: SymbolProfileService
  ) {}

-  public async getBenchmarks(
-    benchmarkAssets: UniqueAsset[]
-  ): Promise<BenchmarkResponse['benchmarks']> {
+  public async getBenchmarks({ useCache = true } = {}): Promise<
+    BenchmarkResponse['benchmarks']
+  > {
    let benchmarks: BenchmarkResponse['benchmarks'];

-    try {
-      benchmarks = JSON.parse(
-        await this.redisCacheService.get(this.CACHE_KEY_BENCHMARKS)
-      );
+    if (useCache) {
+      try {
+        benchmarks = JSON.parse(
+          await this.redisCacheService.get(this.CACHE_KEY_BENCHMARKS)
+        );

-      if (benchmarks) {
-        return benchmarks;
-      }
-    } catch {}
+        if (benchmarks) {
+          return benchmarks;
+        }
+      } catch {}
+    }

+    const benchmarkAssets: UniqueAsset[] =
+      ((await this.propertyService.getByKey(
+        PROPERTY_BENCHMARKS
+      )) as UniqueAsset[]) ?? [];
    const promises: Promise<number>[] = [];

    const [quotes, assetProfiles] = await Promise.all([
@ -48,9 +58,13 @@ export class BenchmarkService {
    benchmarks = allTimeHighs.map((allTimeHigh, index) => {
      const { marketPrice } = quotes[benchmarkAssets[index].symbol];

-      const performancePercentFromAllTimeHigh = new Big(marketPrice)
-        .div(allTimeHigh)
-        .minus(1);
+      let performancePercentFromAllTimeHigh = new Big(0);
+
+      if (allTimeHigh) {
+        performancePercentFromAllTimeHigh = new Big(marketPrice)
+          .div(allTimeHigh)
+          .minus(1);
+      }

      return {
        marketCondition: this.getMarketCondition(
@ -72,7 +86,8 @@ export class BenchmarkService {

    await this.redisCacheService.set(
      this.CACHE_KEY_BENCHMARKS,
-      JSON.stringify(benchmarks)
+      JSON.stringify(benchmarks),
+      ms('4 hours') / 1000
    );

    return benchmarks;
--- a/apps/api/src/app/frontend.middleware.ts
+++ b/apps/api/src/app/frontend.middleware.ts
@ -0,0 +1,81 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+import { ConfigurationService } from '@ghostfolio/api/services/configuration.service';
+import { DEFAULT_LANGUAGE_CODE } from '@ghostfolio/common/config';
+import { Injectable, NestMiddleware } from '@nestjs/common';
+import { NextFunction, Request, Response } from 'express';
+
+@Injectable()
+export class FrontendMiddleware implements NestMiddleware {
+  public indexHtmlDe = fs.readFileSync(
+    this.getPathOfIndexHtmlFile('de'),
+    'utf8'
+  );
+  public indexHtmlEn = fs.readFileSync(
+    this.getPathOfIndexHtmlFile(DEFAULT_LANGUAGE_CODE),
+    'utf8'
+  );
+
+  public constructor(
+    private readonly configurationService: ConfigurationService
+  ) {}
+
+  public use(req: Request, res: Response, next: NextFunction) {
+    let featureGraphicPath = 'assets/cover.png';
+
+    if (
+      req.path === '/en/blog/2022/08/500-stars-on-github' ||
+      req.path === '/en/blog/2022/08/500-stars-on-github/'
+    ) {
+      featureGraphicPath = 'assets/images/blog/500-stars-on-github.jpg';
+    }
+
+    if (req.path.startsWith('/api/') || this.isFileRequest(req.url)) {
+      // Skip
+      next();
+    } else if (req.path === '/de' || req.path.startsWith('/de/')) {
+      res.send(
+        this.interpolate(this.indexHtmlDe, {
+          featureGraphicPath,
+          languageCode: 'de',
+          path: req.path,
+          rootUrl: this.configurationService.get('ROOT_URL')
+        })
+      );
+    } else {
+      res.send(
+        this.interpolate(this.indexHtmlEn, {
+          featureGraphicPath,
+          languageCode: DEFAULT_LANGUAGE_CODE,
+          path: req.path,
+          rootUrl: this.configurationService.get('ROOT_URL')
+        })
+      );
+    }
+  }
+
+  private getPathOfIndexHtmlFile(aLocale: string) {
+    return path.join(__dirname, '..', 'client', aLocale, 'index.html');
+  }
+
+  private interpolate(template: string, context: any) {
+    return template.replace(/[$]{([^}]+)}/g, (_, objectPath) => {
+      const properties = objectPath.split('.');
+      return properties.reduce(
+        (previous, current) => previous?.[current],
+        context
+      );
+    });
+  }
+
+  private isFileRequest(filename: string) {
+    if (filename === '/assets/LICENSE') {
+      return true;
+    } else if (filename.includes('auth/ey')) {
+      return false;
+    }
+
+    return filename.split('.').pop() !== filename;
+  }
+}
--- a/apps/api/src/app/info/info.service.ts
+++ b/apps/api/src/app/info/info.service.ts
@ -1,6 +1,5 @@
 import { RedisCacheService } from '@ghostfolio/api/app/redis-cache/redis-cache.service';
 import { ConfigurationService } from '@ghostfolio/api/services/configuration.service';
-import { DataGatheringService } from '@ghostfolio/api/services/data-gathering.service';
 import { ExchangeRateDataService } from '@ghostfolio/api/services/exchange-rate-data.service';
 import { PrismaService } from '@ghostfolio/api/services/prisma.service';
 import { PropertyService } from '@ghostfolio/api/services/property/property.service';
@ -13,7 +12,10 @@ import {
  PROPERTY_SYSTEM_MESSAGE,
  ghostfolioFearAndGreedIndexDataSource
 } from '@ghostfolio/common/config';
-import { encodeDataSource } from '@ghostfolio/common/helper';
+import {
+  encodeDataSource,
+  extractNumberFromString
+} from '@ghostfolio/common/helper';
 import { InfoItem } from '@ghostfolio/common/interfaces';
 import { Statistics } from '@ghostfolio/common/interfaces/statistics.interface';
 import { Subscription } from '@ghostfolio/common/interfaces/subscription.interface';
@ -21,6 +23,7 @@ import { permissions } from '@ghostfolio/common/permissions';
 import { Injectable, Logger } from '@nestjs/common';
 import { JwtService } from '@nestjs/jwt';
 import * as bent from 'bent';
+import * as cheerio from 'cheerio';
 import { subDays } from 'date-fns';

@Injectable()
@ -30,7 +33,6 @@ export class InfoService {
  public constructor(
    private readonly configurationService: ConfigurationService,
    private readonly exchangeRateDataService: ExchangeRateDataService,
-    private readonly dataGatheringService: DataGatheringService,
    private readonly jwtService: JwtService,
    private readonly prismaService: PrismaService,
    private readonly propertyService: PropertyService,
@ -143,17 +145,21 @@ export class InfoService {
  private async countGitHubContributors(): Promise<number> {
    try {
      const get = bent(
-        `https://api.github.com/repos/ghostfolio/ghostfolio/contributors`,
+        'https://github.com/ghostfolio/ghostfolio',
        'GET',
-        'json',
+        'string',
        200,
-        {
-          'User-Agent': 'request'
-        }
+        {}
      );

-      const contributors = await get();
-      return contributors?.length;
+      const html = await get();
+      const $ = cheerio.load(html);
+
+      return extractNumberFromString(
+        $(
+          `a[href="/ghostfolio/ghostfolio/graphs/contributors"] .Counter`
+        ).text()
+      );
    } catch (error) {
      Logger.error(error, 'InfoService');

--- a/apps/api/src/app/portfolio/portfolio-calculator.ts
+++ b/apps/api/src/app/portfolio/portfolio-calculator.ts
@ -16,6 +16,7 @@ import {
  isBefore,
  isSameMonth,
  isSameYear,
+  isWithinInterval,
  max,
  min,
  set
@ -167,13 +168,21 @@ export class PortfolioCalculator {
    this.transactionPoints = transactionPoints;
  }

-  public async getCurrentPositions(start: Date): Promise<CurrentPositions> {
-    if (!this.transactionPoints?.length) {
+  public async getCurrentPositions(
+    start: Date,
+    end = new Date(Date.now())
+  ): Promise<CurrentPositions> {
+    const transactionPointsBeforeEndDate =
+      this.transactionPoints?.filter((transactionPoint) => {
+        return isBefore(parseDate(transactionPoint.date), end);
+      }) ?? [];
+
+    if (!transactionPointsBeforeEndDate.length) {
      return {
        currentValue: new Big(0),
-        hasErrors: false,
        grossPerformance: new Big(0),
        grossPerformancePercentage: new Big(0),
+        hasErrors: false,
        netPerformance: new Big(0),
        netPerformancePercentage: new Big(0),
        positions: [],
@ -182,39 +191,38 @@ export class PortfolioCalculator {
    }

    const lastTransactionPoint =
-      this.transactionPoints[this.transactionPoints.length - 1];
-
-    // use Date.now() to use the mock for today
-    const today = new Date(Date.now());
+      transactionPointsBeforeEndDate[transactionPointsBeforeEndDate.length - 1];

    let firstTransactionPoint: TransactionPoint = null;
-    let firstIndex = this.transactionPoints.length;
+    let firstIndex = transactionPointsBeforeEndDate.length;
    const dates = [];
    const dataGatheringItems: IDataGatheringItem[] = [];
    const currencies: { [symbol: string]: string } = {};

    dates.push(resetHours(start));
-    for (const item of this.transactionPoints[firstIndex - 1].items) {
+    for (const item of transactionPointsBeforeEndDate[firstIndex - 1].items) {
      dataGatheringItems.push({
        dataSource: item.dataSource,
        symbol: item.symbol
      });
      currencies[item.symbol] = item.currency;
    }
-    for (let i = 0; i < this.transactionPoints.length; i++) {
+    for (let i = 0; i < transactionPointsBeforeEndDate.length; i++) {
      if (
-        !isBefore(parseDate(this.transactionPoints[i].date), start) &&
+        !isBefore(parseDate(transactionPointsBeforeEndDate[i].date), start) &&
        firstTransactionPoint === null
      ) {
-        firstTransactionPoint = this.transactionPoints[i];
+        firstTransactionPoint = transactionPointsBeforeEndDate[i];
        firstIndex = i;
      }
      if (firstTransactionPoint !== null) {
-        dates.push(resetHours(parseDate(this.transactionPoints[i].date)));
+        dates.push(
+          resetHours(parseDate(transactionPointsBeforeEndDate[i].date))
+        );
      }
    }

-    dates.push(resetHours(today));
+    dates.push(resetHours(end));

    const marketSymbols = await this.currentRateService.getValues({
      currencies,
@ -241,7 +249,7 @@ export class PortfolioCalculator {
      }
    }

-    const todayString = format(today, DATE_FORMAT);
+    const endDateString = format(end, DATE_FORMAT);

    if (firstIndex > 0) {
      firstIndex--;
@ -254,7 +262,7 @@ export class PortfolioCalculator {
    const errors: ResponseError['errors'] = [];

    for (const item of lastTransactionPoint.items) {
-      const marketValue = marketSymbolMap[todayString]?.[item.symbol];
+      const marketValue = marketSymbolMap[endDateString]?.[item.symbol];

      const {
        grossPerformance,
@ -264,6 +272,7 @@ export class PortfolioCalculator {
        netPerformance,
        netPerformancePercentage
      } = this.getSymbolMetrics({
+        end,
        marketSymbolMap,
        start,
        symbol: item.symbol
@ -432,30 +441,36 @@ export class PortfolioCalculator {
      }
    }

+    let minNetPerformance = new Big(0);
+    let maxNetPerformance = new Big(0);
+
    const timelineInfoInterfaces: TimelineInfoInterface[] = await Promise.all(
      timelinePeriodPromises
    );
-    const minNetPerformance = timelineInfoInterfaces
-      .map((timelineInfo) => timelineInfo.minNetPerformance)
-      .filter((performance) => performance !== null)
-      .reduce((minPerformance, current) => {
-        if (minPerformance.lt(current)) {
-          return minPerformance;
-        } else {
-          return current;
-        }
-      });

-    const maxNetPerformance = timelineInfoInterfaces
-      .map((timelineInfo) => timelineInfo.maxNetPerformance)
-      .filter((performance) => performance !== null)
-      .reduce((maxPerformance, current) => {
-        if (maxPerformance.gt(current)) {
-          return maxPerformance;
-        } else {
-          return current;
-        }
-      });
+    try {
+      minNetPerformance = timelineInfoInterfaces
+        .map((timelineInfo) => timelineInfo.minNetPerformance)
+        .filter((performance) => performance !== null)
+        .reduce((minPerformance, current) => {
+          if (minPerformance.lt(current)) {
+            return minPerformance;
+          } else {
+            return current;
+          }
+        });
+
+      maxNetPerformance = timelineInfoInterfaces
+        .map((timelineInfo) => timelineInfo.maxNetPerformance)
+        .filter((performance) => performance !== null)
+        .reduce((maxPerformance, current) => {
+          if (maxPerformance.gt(current)) {
+            return maxPerformance;
+          } else {
+            return current;
+          }
+        });
+    } catch {}

    const timelinePeriods = timelineInfoInterfaces.map(
      (timelineInfo) => timelineInfo.timelinePeriods
@ -694,10 +709,12 @@ export class PortfolioCalculator {
  }

  private getSymbolMetrics({
+    end,
    marketSymbolMap,
    start,
    symbol
  }: {
+    end: Date;
    marketSymbolMap: {
      [date: string]: { [symbol: string]: Big };
    };
@ -720,13 +737,12 @@ export class PortfolioCalculator {
    }

    const dateOfFirstTransaction = new Date(first(orders).date);
-    const endDate = new Date(Date.now());

    const unitPriceAtStartDate =
      marketSymbolMap[format(start, DATE_FORMAT)]?.[symbol];

    const unitPriceAtEndDate =
-      marketSymbolMap[format(endDate, DATE_FORMAT)]?.[symbol];
+      marketSymbolMap[format(end, DATE_FORMAT)]?.[symbol];

    if (
      !unitPriceAtEndDate ||
@ -779,7 +795,7 @@ export class PortfolioCalculator {
    orders.push({
      symbol,
      currency: null,
-      date: format(endDate, DATE_FORMAT),
+      date: format(end, DATE_FORMAT),
      dataSource: null,
      fee: new Big(0),
      itemType: 'end',
--- a/apps/api/src/app/portfolio/portfolio.controller.ts
+++ b/apps/api/src/app/portfolio/portfolio.controller.ts
@ -35,7 +35,8 @@ import {
  Param,
  Query,
  UseGuards,
-  UseInterceptors
+  UseInterceptors,
+  Version
 } from '@nestjs/common';
 import { REQUEST } from '@nestjs/core';
 import { AuthGuard } from '@nestjs/passport';
@ -110,6 +111,26 @@ export class PortfolioController {
    };
  }

+  @Get('chart')
+  @UseGuards(AuthGuard('jwt'))
+  @Version('2')
+  public async getChartV2(
+    @Headers('impersonation-id') impersonationId: string,
+    @Query('range') range
+  ): Promise<PortfolioChart> {
+    const historicalDataContainer = await this.portfolioService.getChartV2(
+      impersonationId,
+      range
+    );
+
+    return {
+      chart: historicalDataContainer.items,
+      hasError: false,
+      isAllTimeHigh: false,
+      isAllTimeLow: false
+    };
+  }
+
  @Get('details')
  @UseGuards(AuthGuard('jwt'))
  @UseInterceptors(RedactValuesInResponseInterceptor)
@ -349,6 +370,7 @@ export class PortfolioController {

    const portfolioPublicDetails: PortfolioPublicDetails = {
      hasDetails,
+      alias: access.alias,
      holdings: {}
    };

--- a/apps/api/src/app/portfolio/portfolio.service.ts
+++ b/apps/api/src/app/portfolio/portfolio.service.ts
@ -57,6 +57,7 @@ import {
 } from '@prisma/client';
 import Big from 'big.js';
 import {
+  addDays,
  differenceInDays,
  endOfToday,
  format,
@ -71,7 +72,7 @@ import {
  subDays,
  subYears
 } from 'date-fns';
-import { isEmpty, sortBy, uniq, uniqBy } from 'lodash';
+import { isEmpty, last, sortBy, uniq, uniqBy } from 'lodash';

 import {
  HistoricalDataContainer,
@ -85,6 +86,7 @@ const emergingMarkets = require('../../assets/countries/emerging-markets.json');

@Injectable()
 export class PortfolioService {
+  private static readonly MAX_CHART_ITEMS = 250;
  private baseCurrency: string;

  public constructor(
@ -327,10 +329,10 @@ export class PortfolioService {
    }

    let isAllTimeHigh = timelineInfo.maxNetPerformance?.eq(
-      lastItem?.netPerformance
+      lastItem?.netPerformance ?? 0
    );
    let isAllTimeLow = timelineInfo.minNetPerformance?.eq(
-      lastItem?.netPerformance
+      lastItem?.netPerformance ?? 0
    );
    if (isAllTimeHigh && isAllTimeLow) {
      isAllTimeHigh = false;
@ -354,6 +356,78 @@ export class PortfolioService {
    };
  }

+  public async getChartV2(
+    aImpersonationId: string,
+    aDateRange: DateRange = 'max'
+  ): Promise<HistoricalDataContainer> {
+    const userId = await this.getUserId(aImpersonationId, this.request.user.id);
+
+    const { portfolioOrders, transactionPoints } =
+      await this.getTransactionPoints({
+        userId
+      });
+
+    const portfolioCalculator = new PortfolioCalculator({
+      currency: this.request.user.Settings.currency,
+      currentRateService: this.currentRateService,
+      orders: portfolioOrders
+    });
+
+    portfolioCalculator.setTransactionPoints(transactionPoints);
+    if (transactionPoints.length === 0) {
+      return {
+        isAllTimeHigh: false,
+        isAllTimeLow: false,
+        items: []
+      };
+    }
+    const endDate = new Date();
+
+    const portfolioStart = parseDate(transactionPoints[0].date);
+    const startDate = this.getStartDate(aDateRange, portfolioStart);
+
+    const daysInMarket = differenceInDays(new Date(), startDate);
+    const step = Math.round(
+      daysInMarket / Math.min(daysInMarket, PortfolioService.MAX_CHART_ITEMS)
+    );
+
+    const items: HistoricalDataItem[] = [];
+
+    let currentEndDate = startDate;
+
+    while (isBefore(currentEndDate, endDate)) {
+      const currentPositions = await portfolioCalculator.getCurrentPositions(
+        startDate,
+        currentEndDate
+      );
+
+      items.push({
+        date: format(currentEndDate, DATE_FORMAT),
+        value: currentPositions.netPerformancePercentage.toNumber() * 100
+      });
+
+      currentEndDate = addDays(currentEndDate, step);
+    }
+
+    const today = new Date();
+
+    if (last(items)?.date !== format(today, DATE_FORMAT)) {
+      // Add today
+      const { netPerformancePercentage } =
+        await portfolioCalculator.getCurrentPositions(startDate, today);
+      items.push({
+        date: format(today, DATE_FORMAT),
+        value: netPerformancePercentage.toNumber() * 100
+      });
+    }
+
+    return {
+      isAllTimeHigh: false,
+      isAllTimeLow: false,
+      items: items
+    };
+  }
+
  public async getDetails(
    aImpersonationId: string,
    aUserId: string,
@ -466,7 +540,9 @@ export class PortfolioService {

      holdings[item.symbol] = {
        markets,
-        allocationCurrent: value.div(totalValue).toNumber(),
+        allocationCurrent: totalValue.eq(0)
+          ? 0
+          : value.div(totalValue).toNumber(),
        allocationInvestment: item.investment.div(totalInvestment).toNumber(),
        assetClass: symbolProfile.assetClass,
        assetSubClass: symbolProfile.assetSubClass,
@ -478,7 +554,7 @@ export class PortfolioService {
          item.grossPerformancePercentage?.toNumber() ?? 0,
        investment: item.investment.toNumber(),
        marketPrice: item.marketPrice,
-        marketState: dataProviderResponse.marketState,
+        marketState: dataProviderResponse?.marketState ?? 'delayed',
        name: symbolProfile.name,
        netPerformance: item.netPerformance?.toNumber() ?? 0,
        netPerformancePercent: item.netPerformancePercentage?.toNumber() ?? 0,
--- a/apps/api/src/app/redis-cache/redis-cache.module.ts
+++ b/apps/api/src/app/redis-cache/redis-cache.module.ts
@ -1,7 +1,6 @@
 import { ConfigurationModule } from '@ghostfolio/api/services/configuration.module';
 import { ConfigurationService } from '@ghostfolio/api/services/configuration.service';
-import { CacheModule, Module } from '@nestjs/common';
-import { ConfigModule, ConfigService } from '@nestjs/config';
+import { CacheManagerOptions, CacheModule, Module } from '@nestjs/common';
 import * as redisStore from 'cache-manager-redis-store';

 import { RedisCacheService } from './redis-cache.service';
@ -9,16 +8,18 @@ import { RedisCacheService } from './redis-cache.service';
@Module({
  imports: [
    CacheModule.registerAsync({
-      imports: [ConfigModule],
-      inject: [ConfigService],
-      useFactory: async (configurationService: ConfigurationService) => ({
-        host: configurationService.get('REDIS_HOST'),
-        max: configurationService.get('MAX_ITEM_IN_CACHE'),
-        password: configurationService.get('REDIS_PASSWORD'),
-        port: configurationService.get('REDIS_PORT'),
-        store: redisStore,
-        ttl: configurationService.get('CACHE_TTL')
-      })
+      imports: [ConfigurationModule],
+      inject: [ConfigurationService],
+      useFactory: async (configurationService: ConfigurationService) => {
+        return <CacheManagerOptions>{
+          host: configurationService.get('REDIS_HOST'),
+          max: configurationService.get('MAX_ITEM_IN_CACHE'),
+          password: configurationService.get('REDIS_PASSWORD'),
+          port: configurationService.get('REDIS_PORT'),
+          store: redisStore,
+          ttl: configurationService.get('CACHE_TTL')
+        };
+      }
    }),
    ConfigurationModule
  ],
--- a/apps/api/src/app/subscription/subscription.controller.ts
+++ b/apps/api/src/app/subscription/subscription.controller.ts
@ -1,6 +1,9 @@
 import { ConfigurationService } from '@ghostfolio/api/services/configuration.service';
 import { PropertyService } from '@ghostfolio/api/services/property/property.service';
-import { PROPERTY_COUPONS } from '@ghostfolio/common/config';
+import {
+  DEFAULT_LANGUAGE_CODE,
+  PROPERTY_COUPONS
+} from '@ghostfolio/common/config';
 import { Coupon } from '@ghostfolio/common/interfaces';
 import type { RequestWithUser } from '@ghostfolio/common/types';
 import {
@ -93,7 +96,11 @@ export class SubscriptionController {
      'SubscriptionController'
    );

-    res.redirect(`${this.configurationService.get('ROOT_URL')}/account`);
+    res.redirect(
+      `${this.configurationService.get(
+        'ROOT_URL'
+      )}/${DEFAULT_LANGUAGE_CODE}/account`
+    );
  }

  @Post('stripe/checkout-session')
--- a/apps/api/src/app/subscription/subscription.service.ts
+++ b/apps/api/src/app/subscription/subscription.service.ts
@ -1,5 +1,6 @@
 import { ConfigurationService } from '@ghostfolio/api/services/configuration.service';
 import { PrismaService } from '@ghostfolio/api/services/prisma.service';
+import { DEFAULT_LANGUAGE_CODE } from '@ghostfolio/common/config';
 import { SubscriptionType } from '@ghostfolio/common/types/subscription.type';
 import { Injectable, Logger } from '@nestjs/common';
 import { Subscription } from '@prisma/client';
@ -33,7 +34,9 @@ export class SubscriptionService {
    userId: string;
  }) {
    const checkoutSessionCreateParams: Stripe.Checkout.SessionCreateParams = {
-      cancel_url: `${this.configurationService.get('ROOT_URL')}/account`,
+      cancel_url: `${this.configurationService.get(
+        'ROOT_URL'
+      )}/${DEFAULT_LANGUAGE_CODE}/account`,
      client_reference_id: userId,
      line_items: [
        {
--- a/apps/api/src/app/user/update-user-setting.dto.ts
+++ b/apps/api/src/app/user/update-user-setting.dto.ts
@ -5,10 +5,18 @@ export class UpdateUserSettingDto {
  @IsOptional()
  emergencyFund?: number;

+  @IsBoolean()
+  @IsOptional()
+  isExperimentalFeatures?: boolean;
+
  @IsBoolean()
  @IsOptional()
  isRestrictedView?: boolean;

+  @IsString()
+  @IsOptional()
+  language?: string;
+
  @IsString()
  @IsOptional()
  locale?: string;
--- a/apps/api/src/app/user/user.service.ts
+++ b/apps/api/src/app/user/user.service.ts
@ -43,7 +43,7 @@ export class UserService {
      include: {
        User: true
      },
-      orderBy: { User: { alias: 'asc' } },
+      orderBy: { alias: 'asc' },
      where: { GranteeUser: { id } }
    });
    let tags = await this.tagService.getByUser(id);
@ -62,7 +62,7 @@ export class UserService {
      tags,
      access: access.map((accessItem) => {
        return {
-          alias: accessItem.User.alias,
+          alias: accessItem.alias,
          id: accessItem.id
        };
      }),
@ -98,7 +98,6 @@ export class UserService {
    const {
      accessToken,
      Account,
-      alias,
      authChallenge,
      createdAt,
      id,
@ -116,7 +115,6 @@ export class UserService {
    const user: UserWithSettings = {
      accessToken,
      Account,
-      alias,
      authChallenge,
      createdAt,
      id,
--- a/apps/api/src/services/data-gathering.module.ts
+++ b/apps/api/src/services/data-gathering.module.ts
@ -17,7 +17,7 @@ import { SymbolProfileModule } from './symbol-profile.module';
  imports: [
    BullModule.registerQueue({
      limiter: {
-        duration: ms('5 seconds'),
+        duration: ms('4 seconds'),
        max: 1
      },
      name: DATA_GATHERING_QUEUE
--- a/apps/api/src/services/data-provider/ghostfolio-scraper-api/ghostfolio-scraper-api.service.ts
+++ b/apps/api/src/services/data-provider/ghostfolio-scraper-api/ghostfolio-scraper-api.service.ts
@ -6,7 +6,11 @@ import {
 } from '@ghostfolio/api/services/interfaces/interfaces';
 import { PrismaService } from '@ghostfolio/api/services/prisma.service';
 import { SymbolProfileService } from '@ghostfolio/api/services/symbol-profile.service';
-import { DATE_FORMAT, getYesterday } from '@ghostfolio/common/helper';
+import {
+  DATE_FORMAT,
+  extractNumberFromString,
+  getYesterday
+} from '@ghostfolio/common/helper';
 import { Granularity } from '@ghostfolio/common/types';
 import { Injectable, Logger } from '@nestjs/common';
 import { DataSource, SymbolProfile } from '@prisma/client';
@ -16,8 +20,6 @@ import { addDays, format, isBefore } from 'date-fns';

@Injectable()
 export class GhostfolioScraperApiService implements DataProviderInterface {
-  private static NUMERIC_REGEXP = /[-]{0,1}[\d]*[.,]{0,1}[\d]+/g;
-
  public constructor(
    private readonly prismaService: PrismaService,
    private readonly symbolProfileService: SymbolProfileService
@ -77,7 +79,7 @@ export class GhostfolioScraperApiService implements DataProviderInterface {
      const html = await get();
      const $ = cheerio.load(html);

-      const value = this.extractNumberFromString($(selector).text());
+      const value = extractNumberFromString($(selector).text());

      return {
        [symbol]: {
@ -175,15 +177,4 @@ export class GhostfolioScraperApiService implements DataProviderInterface {

    return { items };
  }
-
-  private extractNumberFromString(aString: string): number {
-    try {
-      const [numberString] = aString.match(
-        GhostfolioScraperApiService.NUMERIC_REGEXP
-      );
-      return parseFloat(numberString.trim());
-    } catch {
-      return undefined;
-    }
-  }
 }
--- a/apps/api/src/services/twitter-bot/twitter-bot.module.ts
+++ b/apps/api/src/services/twitter-bot/twitter-bot.module.ts
@ -7,7 +7,7 @@ import { Module } from '@nestjs/common';

@Module({
  exports: [TwitterBotService],
-  imports: [BenchmarkModule, ConfigurationModule, PropertyModule, SymbolModule],
+  imports: [BenchmarkModule, ConfigurationModule, SymbolModule],
  providers: [TwitterBotService]
 })
 export class TwitterBotModule {}
--- a/apps/api/src/services/twitter-bot/twitter-bot.service.ts
+++ b/apps/api/src/services/twitter-bot/twitter-bot.service.ts
@ -1,9 +1,7 @@
 import { BenchmarkService } from '@ghostfolio/api/app/benchmark/benchmark.service';
 import { SymbolService } from '@ghostfolio/api/app/symbol/symbol.service';
 import { ConfigurationService } from '@ghostfolio/api/services/configuration.service';
-import { PropertyService } from '@ghostfolio/api/services/property/property.service';
 import {
-  PROPERTY_BENCHMARKS,
  ghostfolioFearAndGreedIndexDataSource,
  ghostfolioFearAndGreedIndexSymbol
 } from '@ghostfolio/common/config';
@ -11,7 +9,6 @@ import {
  resolveFearAndGreedIndex,
  resolveMarketCondition
 } from '@ghostfolio/common/helper';
-import { UniqueAsset } from '@ghostfolio/common/interfaces';
 import { Injectable, Logger } from '@nestjs/common';
 import { isWeekend } from 'date-fns';
 import { TwitterApi, TwitterApiReadWrite } from 'twitter-api-v2';
@ -23,7 +20,6 @@ export class TwitterBotService {
  public constructor(
    private readonly benchmarkService: BenchmarkService,
    private readonly configurationService: ConfigurationService,
-    private readonly propertyService: PropertyService,
    private readonly symbolService: SymbolService
  ) {
    this.twitterClient = new TwitterApi({
@ -82,14 +78,9 @@ export class TwitterBotService {
  }

  private async getBenchmarkListing(aMax: number) {
-    const benchmarkAssets: UniqueAsset[] =
-      ((await this.propertyService.getByKey(
-        PROPERTY_BENCHMARKS
-      )) as UniqueAsset[]) ?? [];
-
-    const benchmarks = await this.benchmarkService.getBenchmarks(
-      benchmarkAssets
-    );
+    const benchmarks = await this.benchmarkService.getBenchmarks({
+      useCache: false
+    });

    const benchmarkListing: string[] = [];

--- a/apps/client/jest.config.ts
+++ b/apps/client/jest.config.ts
@ -1,3 +1,4 @@
+/* eslint-disable */
 export default {
  displayName: 'client',

--- a/apps/client/proxy.conf.json
+++ b/apps/client/proxy.conf.json
@ -2,5 +2,13 @@
  "/api": {
    "target": "http://localhost:3333",
    "secure": false
+  },
+  "/assets": {
+    "target": "http://localhost:3333",
+    "secure": false
+  },
+  "/ionicons": {
+    "target": "http://localhost:3333",
+    "secure": false
  }
 }
--- a/apps/client/src/app/app-routing.module.ts
+++ b/apps/client/src/app/app-routing.module.ts
@ -54,45 +54,52 @@ const routes: Routes = [
      import('./pages/blog/blog-page.module').then((m) => m.BlogPageModule)
  },
  {
-    path: 'de/blog/2021/07/hallo-ghostfolio',
+    path: 'blog/2021/07/hallo-ghostfolio',
    loadChildren: () =>
      import(
        './pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.module'
      ).then((m) => m.HalloGhostfolioPageModule)
  },
  {
-    path: 'demo',
-    loadChildren: () =>
-      import('./pages/demo/demo-page.module').then((m) => m.DemoPageModule)
-  },
-  {
-    path: 'en/blog/2021/07/hello-ghostfolio',
+    path: 'blog/2021/07/hello-ghostfolio',
    loadChildren: () =>
      import(
        './pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.module'
      ).then((m) => m.HelloGhostfolioPageModule)
  },
  {
-    path: 'en/blog/2022/01/ghostfolio-first-months-in-open-source',
+    path: 'blog/2022/01/ghostfolio-first-months-in-open-source',
    loadChildren: () =>
      import(
        './pages/blog/2022/01/first-months-in-open-source/first-months-in-open-source-page.module'
      ).then((m) => m.FirstMonthsInOpenSourcePageModule)
  },
  {
-    path: 'en/blog/2022/07/ghostfolio-meets-internet-identity',
+    path: 'blog/2022/07/ghostfolio-meets-internet-identity',
    loadChildren: () =>
      import(
        './pages/blog/2022/07/ghostfolio-meets-internet-identity/ghostfolio-meets-internet-identity-page.module'
      ).then((m) => m.GhostfolioMeetsInternetIdentityPageModule)
  },
  {
-    path: 'en/blog/2022/07/how-do-i-get-my-finances-in-order',
+    path: 'blog/2022/07/how-do-i-get-my-finances-in-order',
    loadChildren: () =>
      import(
        './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: 'blog/2022/08/500-stars-on-github',
+    loadChildren: () =>
+      import(
+        './pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.module'
+      ).then((m) => m.FiveHundredStarsOnGitHubPageModule)
+  },
+  {
+    path: 'demo',
+    loadChildren: () =>
+      import('./pages/demo/demo-page.module').then((m) => m.DemoPageModule)
+  },
  {
    path: 'faq',
    loadChildren: () =>
--- a/apps/client/src/app/app.component.html
+++ b/apps/client/src/app/app.component.html
@ -24,8 +24,8 @@
            class="cursor-pointer d-inline-block info-message px-3 py-2"
            (click)="onCreateAccount()"
          >
-            <span i18n>You are using the Live Demo.</span>
-            <span class="a ml-2" i18n>Create Account</span>
+            <span>You are using the Live Demo.</span>
+            <span class="a ml-2">Create Account</span>
          </div></a
        >
        <div
--- a/apps/client/src/app/components/access-table/access-table.component.html
+++ b/apps/client/src/app/components/access-table/access-table.component.html
@ -1,8 +1,15 @@
 <table class="gf-table w-100" mat-table [dataSource]="dataSource">
-  <ng-container matColumnDef="granteeAlias">
+  <ng-container matColumnDef="alias">
+    <th *matHeaderCellDef class="px-1" i18n mat-header-cell>Alias</th>
+    <td *matCellDef="let element" class="px-1" mat-cell>
+      {{ element.alias }}
+    </td>
+  </ng-container>
+
+  <ng-container matColumnDef="grantee">
    <th *matHeaderCellDef class="px-1" i18n mat-header-cell>Grantee</th>
    <td *matCellDef="let element" class="px-1" mat-cell>
-      {{ element.granteeAlias }}
+      {{ element.grantee }}
    </td>
  </ng-container>

@ -21,8 +28,10 @@
    <td *matCellDef="let element" class="px-1 text-nowrap" mat-cell>
      <ng-container *ngIf="element.type === 'PUBLIC'">
        <ion-icon class="mr-1" name="link-outline"></ion-icon>
-        <a href="{{ baseUrl }}/p/{{ element.id }}" target="_blank"
-          >{{ baseUrl }}/p/{{ element.id }}</a
+        <a
+          href="{{ baseUrl }}/{{ defaultLanguageCode }}/p/{{ element.id }}"
+          target="_blank"
+          >{{ baseUrl }}/{{ defaultLanguageCode }}/p/{{ element.id }}</a
        >
      </ng-container>
    </td>
@ -41,8 +50,8 @@
        <ion-icon name="ellipsis-vertical"></ion-icon>
      </button>
      <mat-menu #transactionMenu="matMenu" xPosition="before">
-        <button i18n mat-menu-item (click)="onDeleteAccess(element.id)">
-          Revoke
+        <button mat-menu-item (click)="onDeleteAccess(element.id)">
+          <ng-container i18n>Revoke</ng-container>
        </button>
      </mat-menu>
    </td>
--- a/apps/client/src/app/components/access-table/access-table.component.ts
+++ b/apps/client/src/app/components/access-table/access-table.component.ts
@ -8,6 +8,7 @@ import {
  Output
 } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
+import { DEFAULT_LANGUAGE_CODE } from '@ghostfolio/common/config';
 import { Access } from '@ghostfolio/common/interfaces';

@Component({
@ -24,6 +25,7 @@ export class AccessTableComponent implements OnChanges, OnInit {

  public baseUrl = window.location.origin;
  public dataSource: MatTableDataSource<Access>;
+  public defaultLanguageCode = DEFAULT_LANGUAGE_CODE;
  public displayedColumns = [];

  public constructor() {}
@ -31,7 +33,7 @@ export class AccessTableComponent implements OnChanges, OnInit {
  public ngOnInit() {}

  public ngOnChanges() {
-    this.displayedColumns = ['granteeAlias', 'type', 'details'];
+    this.displayedColumns = ['alias', 'grantee', 'type', 'details'];

    if (this.showActions) {
      this.displayedColumns.push('actions');
@ -44,7 +46,7 @@ export class AccessTableComponent implements OnChanges, OnInit {

  public onDeleteAccess(aId: string) {
    const confirmation = confirm(
-      'Do you really want to revoke this granted access?'
+      $localize`Do you really want to revoke this granted access?`
    );

    if (confirmation) {
--- a/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.html
+++ b/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.html
@ -21,18 +21,10 @@

    <div class="row">
      <div class="col-6 mb-3">
-        <gf-value
-          label="Account Type"
-          size="medium"
-          [value]="accountType"
-        ></gf-value>
+        <gf-value size="medium" [value]="accountType">Account Type</gf-value>
      </div>
      <div class="col-6 mb-3">
-        <gf-value
-          label="Platform"
-          size="medium"
-          [value]="platformName"
-        ></gf-value>
+        <gf-value size="medium" [value]="platformName">Platform</gf-value>
      </div>
    </div>

--- a/apps/client/src/app/components/accounts-table/accounts-table.component.html
+++ b/apps/client/src/app/components/accounts-table/accounts-table.component.html
@ -19,13 +19,8 @@
  </ng-container>

  <ng-container matColumnDef="currency">
-    <th
-      *matHeaderCellDef
-      class="d-none d-lg-table-cell px-1"
-      i18n
-      mat-header-cell
-    >
-      Currency
+    <th *matHeaderCellDef class="d-none d-lg-table-cell px-1" mat-header-cell>
+      <ng-container i18n>Currency</ng-container>
    </th>
    <td *matCellDef="let element" class="d-none d-lg-table-cell px-1" mat-cell>
      {{ element.currency }}
@ -36,13 +31,8 @@
  </ng-container>

  <ng-container matColumnDef="platform">
-    <th
-      *matHeaderCellDef
-      class="d-none d-lg-table-cell px-1"
-      i18n
-      mat-header-cell
-    >
-      Platform
+    <th *matHeaderCellDef class="d-none d-lg-table-cell px-1" mat-header-cell>
+      <ng-container i18n>Platform</ng-container>
    </th>
    <td *matCellDef="let element" class="d-none d-lg-table-cell px-1" mat-cell>
      <div class="d-flex">
@ -81,10 +71,9 @@
    <th
      *matHeaderCellDef
      class="d-none d-lg-table-cell px-1 text-right"
-      i18n
      mat-header-cell
    >
-      Cash Balance
+      <ng-container i18n>Cash Balance</ng-container>
    </th>
    <td
      *matCellDef="let element"
@ -116,10 +105,9 @@
    <th
      *matHeaderCellDef
      class="d-none d-lg-table-cell px-1 text-right"
-      i18n
      mat-header-cell
    >
-      Value
+      <ng-container i18n>Value</ng-container>
    </th>
    <td
      *matCellDef="let element"
@ -151,10 +139,9 @@
    <th
      *matHeaderCellDef
      class="d-lg-none d-xl-none px-1 text-right"
-      i18n
      mat-header-cell
    >
-      Value
+      <ng-container i18n>Value</ng-container>
    </th>
    <td
      *matCellDef="let element"
--- a/apps/client/src/app/components/accounts-table/accounts-table.component.ts
+++ b/apps/client/src/app/components/accounts-table/accounts-table.component.ts
@ -69,7 +69,9 @@ export class AccountsTableComponent implements OnChanges, OnDestroy, OnInit {
  }

  public onDeleteAccount(aId: string) {
-    const confirmation = confirm('Do you really want to delete this account?');
+    const confirmation = confirm(
+      $localize`Do you really want to delete this account?`
+    );

    if (confirmation) {
      this.accountDeleted.emit(aId);
--- a/apps/client/src/app/components/admin-jobs/admin-jobs.html
+++ b/apps/client/src/app/components/admin-jobs/admin-jobs.html
@ -24,7 +24,7 @@
      <table class="gf-table w-100">
        <thead>
          <tr class="mat-header-row">
-            <th class="mat-header-cell px-1 py-2 text-right" i18n>#</th>
+            <th class="mat-header-cell px-1 py-2 text-right">#</th>
            <th class="mat-header-cell px-1 py-2" i18n>Type</th>
            <th class="mat-header-cell px-1 py-2" i18n>Symbol</th>
            <th class="mat-header-cell px-1 py-2" i18n>Data Source</th>
@ -105,19 +105,18 @@
                  <ion-icon name="ellipsis-vertical"></ion-icon>
                </button>
                <mat-menu #accountMenu="matMenu" xPosition="before">
-                  <button i18n mat-menu-item (click)="onViewData(job.data)">
-                    View Data
+                  <button mat-menu-item (click)="onViewData(job.data)">
+                    <ng-container i18n>View Data</ng-container>
                  </button>
                  <button
-                    i18n
                    mat-menu-item
                    [disabled]="job.stacktrace?.length <= 0"
                    (click)="onViewStacktrace(job.stacktrace)"
                  >
-                    View Stacktrace
+                    <ng-container i18n>View Stacktrace</ng-container>
                  </button>
-                  <button i18n mat-menu-item (click)="onDeleteJob(job.id)">
-                    Delete Job
+                  <button mat-menu-item (click)="onDeleteJob(job.id)">
+                    <ng-container i18n>Delete Job</ng-container>
                  </button>
                </mat-menu>
              </td>
--- a/apps/client/src/app/components/admin-market-data-detail/market-data-detail-dialog/market-data-detail-dialog.html
+++ b/apps/client/src/app/components/admin-market-data-detail/market-data-detail-dialog/market-data-detail-dialog.html
@ -43,8 +43,8 @@
  </div>
  <div class="justify-content-end" mat-dialog-actions>
    <button i18n mat-button (click)="onCancel()">Cancel</button>
-    <button color="primary" i18n mat-flat-button (click)="onUpdate()">
-      Save
+    <button color="primary" mat-flat-button (click)="onUpdate()">
+      <ng-container i18n>Save</ng-container>
    </button>
  </div>
 </form>
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.component.ts
+++ b/apps/client/src/app/components/admin-market-data/admin-market-data.component.ts
@ -3,17 +3,27 @@ import {
  ChangeDetectorRef,
  Component,
  OnDestroy,
-  OnInit
+  OnInit,
+  ViewChild
 } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
+import { ActivatedRoute, Router } from '@angular/router';
 import { AdminService } from '@ghostfolio/client/services/admin.service';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
-import { getDateFormatString } from '@ghostfolio/common/helper';
-import { UniqueAsset, User } from '@ghostfolio/common/interfaces';
+import { DATE_FORMAT, getDateFormatString } from '@ghostfolio/common/helper';
+import { Filter, UniqueAsset, User } from '@ghostfolio/common/interfaces';
 import { AdminMarketDataItem } from '@ghostfolio/common/interfaces/admin-market-data.interface';
-import { DataSource, MarketData } from '@prisma/client';
+import { AssetSubClass, DataSource } from '@prisma/client';
+import { format, parseISO } from 'date-fns';
+import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
+import { distinctUntilChanged, switchMap, takeUntil } from 'rxjs/operators';
+
+import { AssetProfileDialog } from './asset-profile-dialog/asset-profile-dialog.component';
+import { AssetProfileDialogParams } from './asset-profile-dialog/interfaces/interfaces';

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
@ -22,11 +32,46 @@ import { takeUntil } from 'rxjs/operators';
  templateUrl: './admin-market-data.html'
 })
 export class AdminMarketDataComponent implements OnDestroy, OnInit {
+  @ViewChild(MatSort) sort: MatSort;
+
+  public activeFilters: Filter[] = [];
+  public allFilters: Filter[] = [
+    AssetSubClass.BOND,
+    AssetSubClass.COMMODITY,
+    AssetSubClass.CRYPTOCURRENCY,
+    AssetSubClass.ETF,
+    AssetSubClass.MUTUALFUND,
+    AssetSubClass.PRECIOUS_METAL,
+    AssetSubClass.PRIVATE_EQUITY,
+    AssetSubClass.STOCK
+  ].map((id) => {
+    return {
+      id,
+      label: id,
+      type: 'ASSET_SUB_CLASS'
+    };
+  });
  public currentDataSource: DataSource;
  public currentSymbol: string;
+  public dataSource: MatTableDataSource<AdminMarketDataItem> =
+    new MatTableDataSource();
  public defaultDateFormat: string;
-  public marketData: AdminMarketDataItem[] = [];
-  public marketDataDetails: MarketData[] = [];
+  public deviceType: string;
+  public displayedColumns = [
+    'symbol',
+    'dataSource',
+    'assetClass',
+    'assetSubClass',
+    'date',
+    'activityCount',
+    'marketDataItemCount',
+    'countriesCount',
+    'sectorsCount',
+    'actions'
+  ];
+  public filters$ = new Subject<Filter[]>();
+  public isLoading = false;
+  public placeholder = '';
  public user: User;

  private unsubscribeSubject = new Subject<void>();
@ -35,8 +80,29 @@ export class AdminMarketDataComponent implements OnDestroy, OnInit {
    private adminService: AdminService,
    private changeDetectorRef: ChangeDetectorRef,
    private dataService: DataService,
+    private deviceService: DeviceDetectorService,
+    private dialog: MatDialog,
+    private route: ActivatedRoute,
+    private router: Router,
    private userService: UserService
  ) {
+    this.route.queryParams
+      .pipe(takeUntil(this.unsubscribeSubject))
+      .subscribe((params) => {
+        if (
+          params['assetProfileDialog'] &&
+          params['dataSource'] &&
+          params['dateOfFirstActivity'] &&
+          params['symbol']
+        ) {
+          this.openAssetProfileDialog({
+            dataSource: params['dataSource'],
+            dateOfFirstActivity: params['dateOfFirstActivity'],
+            symbol: params['symbol']
+          });
+        }
+      });
+
    this.userService.stateChanged
      .pipe(takeUntil(this.unsubscribeSubject))
      .subscribe((state) => {
@ -51,7 +117,31 @@ export class AdminMarketDataComponent implements OnDestroy, OnInit {
  }

  public ngOnInit() {
-    this.fetchAdminMarketData();
+    this.deviceType = this.deviceService.getDeviceInfo().deviceType;
+
+    this.filters$
+      .pipe(
+        distinctUntilChanged(),
+        switchMap((filters) => {
+          this.isLoading = true;
+          this.activeFilters = filters;
+          this.placeholder =
+            this.activeFilters.length <= 0 ? $localize`Filter by...` : '';
+
+          return this.dataService.fetchAdminMarketData({
+            filters: this.activeFilters
+          });
+        }),
+        takeUntil(this.unsubscribeSubject)
+      )
+      .subscribe(({ marketData }) => {
+        this.dataSource = new MatTableDataSource(marketData);
+        this.dataSource.sort = this.sort;
+
+        this.isLoading = false;
+
+        this.changeDetectorRef.markForCheck();
+      });
  }

  public onDeleteProfileData({ dataSource, symbol }: UniqueAsset) {
@ -75,28 +165,19 @@ export class AdminMarketDataComponent implements OnDestroy, OnInit {
      .subscribe(() => {});
  }

-  public onMarketDataChanged(withRefresh: boolean = false) {
-    if (withRefresh) {
-      this.fetchAdminMarketData();
-      this.fetchAdminMarketDataBySymbol({
-        dataSource: this.currentDataSource,
-        symbol: this.currentSymbol
-      });
-    }
-  }
-
-  public setCurrentProfile({ dataSource, symbol }: UniqueAsset) {
-    this.marketDataDetails = [];
-
-    if (this.currentSymbol === symbol) {
-      this.currentDataSource = undefined;
-      this.currentSymbol = '';
-    } else {
-      this.currentDataSource = dataSource;
-      this.currentSymbol = symbol;
-
-      this.fetchAdminMarketDataBySymbol({ dataSource, symbol });
-    }
+  public onOpenAssetProfileDialog({
+    dataSource,
+    dateOfFirstActivity,
+    symbol
+  }: UniqueAsset & { dateOfFirstActivity: string }) {
+    this.router.navigate([], {
+      queryParams: {
+        dataSource,
+        symbol,
+        assetProfileDialog: true,
+        dateOfFirstActivity: format(parseISO(dateOfFirstActivity), DATE_FORMAT)
+      }
+    });
  }

  public ngOnDestroy() {
@ -104,25 +185,40 @@ export class AdminMarketDataComponent implements OnDestroy, OnInit {
    this.unsubscribeSubject.complete();
  }

-  private fetchAdminMarketData() {
-    this.dataService
-      .fetchAdminMarketData()
+  private openAssetProfileDialog({
+    dataSource,
+    dateOfFirstActivity,
+    symbol
+  }: {
+    dataSource: DataSource;
+    dateOfFirstActivity: string;
+    symbol: string;
+  }) {
+    this.userService
+      .get()
      .pipe(takeUntil(this.unsubscribeSubject))
-      .subscribe(({ marketData }) => {
-        this.marketData = marketData;
+      .subscribe((user) => {
+        this.user = user;

-        this.changeDetectorRef.markForCheck();
-      });
-  }
+        const dialogRef = this.dialog.open(AssetProfileDialog, {
+          autoFocus: false,
+          data: <AssetProfileDialogParams>{
+            dataSource,
+            dateOfFirstActivity,
+            symbol,
+            deviceType: this.deviceType,
+            locale: this.user?.settings?.locale
+          },
+          height: this.deviceType === 'mobile' ? '97.5vh' : '80vh',
+          width: this.deviceType === 'mobile' ? '100vw' : '50rem'
+        });

-  private fetchAdminMarketDataBySymbol({ dataSource, symbol }: UniqueAsset) {
-    this.adminService
-      .fetchAdminMarketDataBySymbol({ dataSource, symbol })
-      .pipe(takeUntil(this.unsubscribeSubject))
-      .subscribe(({ marketData }) => {
-        this.marketDataDetails = marketData;
-
-        this.changeDetectorRef.markForCheck();
+        dialogRef
+          .afterClosed()
+          .pipe(takeUntil(this.unsubscribeSubject))
+          .subscribe(() => {
+            this.router.navigate(['.'], { relativeTo: this.route });
+          });
      });
  }
 }
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.html
+++ b/apps/client/src/app/components/admin-market-data/admin-market-data.html
@ -1,79 +1,147 @@
 <div class="container">
  <div class="row">
    <div class="col">
-      <table class="gf-table w-100">
-        <thead>
-          <tr class="mat-header-row">
-            <th class="mat-header-cell px-1 py-2" i18n>Symbol</th>
-            <th class="mat-header-cell px-1 py-2" i18n>Data Source</th>
-            <th class="mat-header-cell px-1 py-2" i18n>First Activity</th>
-            <th class="mat-header-cell px-1 py-2" i18n>Activity Count</th>
-            <th class="mat-header-cell px-1 py-2" i18n>Historical Data</th>
-            <th class="mat-header-cell px-1 py-2"></th>
-          </tr>
-        </thead>
-        <tbody>
-          <ng-container *ngFor="let item of marketData; let i = index">
-            <tr
-              class="cursor-pointer mat-row"
-              (click)="setCurrentProfile({ dataSource: item.dataSource, symbol: item.symbol })"
+      <gf-activities-filter
+        [allFilters]="allFilters"
+        [isLoading]="isLoading"
+        [placeholder]="placeholder"
+        (valueChanged)="filters$.next($event)"
+      ></gf-activities-filter>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <table
+        class="gf-table w-100"
+        matSort
+        matSortActive="symbol"
+        matSortDirection="asc"
+        mat-table
+        [dataSource]="dataSource"
+      >
+        <ng-container matColumnDef="symbol">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Symbol</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1" mat-cell>
+            {{ element.symbol }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="dataSource">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Data Source</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1" mat-cell>
+            {{ element.dataSource }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="assetClass">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Asset Class</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1" mat-cell>
+            {{ element.assetClass }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="assetSubClass">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Asset Sub Class</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1" mat-cell>
+            {{ element.assetSubClass }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="date">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>First Activity</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1" mat-cell>
+            {{ (element.date | date: defaultDateFormat) ?? '' }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="activityCount">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Activity Count</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
+            {{ element.activityCount }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="marketDataItemCount">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Historical Data</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
+            {{ element.marketDataItemCount }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="countriesCount">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Countries Count</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
+            {{ element.countriesCount }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="sectorsCount">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Sectors Count</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
+            {{ element.sectorsCount }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="actions">
+          <th *matHeaderCellDef class="px-1 text-center" mat-header-cell></th>
+          <td *matCellDef="let element" class="px-1 text-center" mat-cell>
+            <button
+              class="mx-1 no-min-width px-2"
+              mat-button
+              [matMenuTriggerFor]="accountMenu"
+              (click)="$event.stopPropagation()"
            >
-              <td class="mat-cell px-1 py-2">{{ item.symbol }}</td>
-              <td class="mat-cell px-1 py-2">{{ item.dataSource }}</td>
-              <td class="mat-cell px-1 py-2">
-                {{ (item.date | date: defaultDateFormat) ?? '' }}
-              </td>
-              <td class="mat-cell px-1 py-2">{{ item.activityCount }}</td>
-              <td class="mat-cell px-1 py-2">{{ item.marketDataItemCount }}</td>
-              <td class="mat-cell px-1 py-2">
-                <button
-                  class="mx-1 no-min-width px-2"
-                  mat-button
-                  [matMenuTriggerFor]="accountMenu"
-                  (click)="$event.stopPropagation()"
-                >
-                  <ion-icon name="ellipsis-vertical"></ion-icon>
-                </button>
-                <mat-menu #accountMenu="matMenu" xPosition="before">
-                  <button
-                    i18n
-                    mat-menu-item
-                    (click)="onGatherSymbol({dataSource: item.dataSource, symbol: item.symbol})"
-                  >
-                    Gather Data
-                  </button>
-                  <button
-                    i18n
-                    mat-menu-item
-                    (click)="onGatherProfileDataBySymbol({dataSource: item.dataSource, symbol: item.symbol})"
-                  >
-                    Gather Profile Data
-                  </button>
-                  <button
-                    i18n
-                    mat-menu-item
-                    [disabled]="item.activityCount !== 0"
-                    (click)="onDeleteProfileData({dataSource: item.dataSource, symbol: item.symbol})"
-                  >
-                    Delete Profile Data
-                  </button>
-                </mat-menu>
-              </td>
-            </tr>
-            <tr *ngIf="currentSymbol === item.symbol" class="mat-row">
-              <td class="p-1" colspan="6">
-                <gf-admin-market-data-detail
-                  [dataSource]="item.dataSource"
-                  [dateOfFirstActivity]="item.date"
-                  [locale]="user?.settings?.locale"
-                  [marketData]="marketDataDetails"
-                  [symbol]="item.symbol"
-                  (marketDataChanged)="onMarketDataChanged($event)"
-                ></gf-admin-market-data-detail>
-              </td>
-            </tr>
-          </ng-container>
-        </tbody>
+              <ion-icon name="ellipsis-vertical"></ion-icon>
+            </button>
+            <mat-menu #accountMenu="matMenu" xPosition="before">
+              <button
+                mat-menu-item
+                (click)="onGatherSymbol({dataSource: element.dataSource, symbol: element.symbol})"
+              >
+                <ng-container i18n>Gather Data</ng-container>
+              </button>
+              <button
+                mat-menu-item
+                (click)="onGatherProfileDataBySymbol({dataSource: element.dataSource, symbol: element.symbol})"
+              >
+                <ng-container i18n>Gather Profile Data</ng-container>
+              </button>
+              <button
+                mat-menu-item
+                [disabled]="element.activityCount !== 0"
+                (click)="onDeleteProfileData({dataSource: element.dataSource, symbol: element.symbol})"
+              >
+                <ng-container i18n>Delete</ng-container>
+              </button>
+            </mat-menu>
+          </td>
+        </ng-container>
+
+        <tr *matHeaderRowDef="displayedColumns" mat-header-row></tr>
+        <tr
+          *matRowDef="let row; columns: displayedColumns"
+          class="cursor-pointer"
+          mat-row
+          (click)="onOpenAssetProfileDialog({ dateOfFirstActivity: row.date, dataSource: row.dataSource, symbol: row.symbol })"
+        ></tr>
      </table>
    </div>
  </div>
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.module.ts
+++ b/apps/client/src/app/components/admin-market-data/admin-market-data.module.ts
@ -2,17 +2,23 @@ import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatMenuModule } from '@angular/material/menu';
-import { GfAdminMarketDataDetailModule } from '@ghostfolio/client/components/admin-market-data-detail/admin-market-data-detail.module';
+import { MatSortModule } from '@angular/material/sort';
+import { MatTableModule } from '@angular/material/table';
+import { GfActivitiesFilterModule } from '@ghostfolio/ui/activities-filter/activities-filter.module';

 import { AdminMarketDataComponent } from './admin-market-data.component';
+import { GfAssetProfileDialogModule } from './asset-profile-dialog/assset-profile-dialog.module';

@NgModule({
  declarations: [AdminMarketDataComponent],
  imports: [
    CommonModule,
-    GfAdminMarketDataDetailModule,
+    GfActivitiesFilterModule,
+    GfAssetProfileDialogModule,
    MatButtonModule,
-    MatMenuModule
+    MatMenuModule,
+    MatSortModule,
+    MatTableModule
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.scss
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.scss
@ -0,0 +1,7 @@
+:host {
+  display: block;
+
+  .mat-dialog-content {
+    max-height: unset;
+  }
+}
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.ts
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.ts
@ -0,0 +1,73 @@
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  Inject,
+  OnDestroy,
+  OnInit
+} from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { AdminService } from '@ghostfolio/client/services/admin.service';
+import { UniqueAsset } from '@ghostfolio/common/interfaces';
+import { MarketData } from '@prisma/client';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+import { AssetProfileDialogParams } from './interfaces/interfaces';
+
+@Component({
+  host: { class: 'd-flex flex-column h-100' },
+  selector: 'gf-asset-profile-dialog',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  templateUrl: 'asset-profile-dialog.html',
+  styleUrls: ['./asset-profile-dialog.component.scss']
+})
+export class AssetProfileDialog implements OnDestroy, OnInit {
+  public marketDataDetails: MarketData[] = [];
+
+  private unsubscribeSubject = new Subject<void>();
+
+  public constructor(
+    private adminService: AdminService,
+    private changeDetectorRef: ChangeDetectorRef,
+    public dialogRef: MatDialogRef<AssetProfileDialog>,
+    @Inject(MAT_DIALOG_DATA) public data: AssetProfileDialogParams
+  ) {}
+
+  public ngOnInit(): void {
+    this.initialize();
+  }
+
+  public onClose(): void {
+    this.dialogRef.close();
+  }
+
+  public onMarketDataChanged(withRefresh: boolean = false) {
+    if (withRefresh) {
+      this.initialize();
+    }
+  }
+
+  public ngOnDestroy() {
+    this.unsubscribeSubject.next();
+    this.unsubscribeSubject.complete();
+  }
+
+  private fetchAdminMarketDataBySymbol({ dataSource, symbol }: UniqueAsset) {
+    this.adminService
+      .fetchAdminMarketDataBySymbol({ dataSource, symbol })
+      .pipe(takeUntil(this.unsubscribeSubject))
+      .subscribe(({ marketData }) => {
+        this.marketDataDetails = marketData;
+
+        this.changeDetectorRef.markForCheck();
+      });
+  }
+
+  private initialize() {
+    this.fetchAdminMarketDataBySymbol({
+      dataSource: this.data.dataSource,
+      symbol: this.data.symbol
+    });
+  }
+}
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
@ -0,0 +1,24 @@
+<gf-dialog-header
+  mat-dialog-title
+  position="center"
+  [deviceType]="data.deviceType"
+  [title]="data.symbol"
+  (closeButtonClicked)="onClose()"
+></gf-dialog-header>
+
+<div class="flex-grow-1" mat-dialog-content>
+  <gf-admin-market-data-detail
+    [dataSource]="data.dataSource"
+    [dateOfFirstActivity]="data.dateOfFirstActivity"
+    [locale]="data.locale"
+    [marketData]="marketDataDetails"
+    [symbol]="data.symbol"
+    (marketDataChanged)="onMarketDataChanged($event)"
+  ></gf-admin-market-data-detail>
+</div>
+
+<gf-dialog-footer
+  mat-dialog-actions
+  [deviceType]="data.deviceType"
+  (closeButtonClicked)="onClose()"
+></gf-dialog-footer>
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/assset-profile-dialog.module.ts
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/assset-profile-dialog.module.ts
@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialogModule } from '@angular/material/dialog';
+import { GfAdminMarketDataDetailModule } from '@ghostfolio/client/components/admin-market-data-detail/admin-market-data-detail.module';
+import { GfDialogFooterModule } from '@ghostfolio/client/components/dialog-footer/dialog-footer.module';
+import { GfDialogHeaderModule } from '@ghostfolio/client/components/dialog-header/dialog-header.module';
+
+import { AssetProfileDialog } from './asset-profile-dialog.component';
+
+@NgModule({
+  declarations: [AssetProfileDialog],
+  imports: [
+    CommonModule,
+    GfAdminMarketDataDetailModule,
+    GfDialogFooterModule,
+    GfDialogHeaderModule,
+    MatButtonModule,
+    MatDialogModule
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class GfAssetProfileDialogModule {}
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/interfaces/interfaces.ts
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/interfaces/interfaces.ts
@ -0,0 +1,9 @@
+import { DataSource } from '@prisma/client';
+
+export interface AssetProfileDialogParams {
+  dateOfFirstActivity: string;
+  dataSource: DataSource;
+  deviceType: string;
+  locale: string;
+  symbol: string;
+}
--- a/apps/client/src/app/components/admin-overview/admin-overview.component.ts
+++ b/apps/client/src/app/components/admin-overview/admin-overview.component.ts
@ -103,7 +103,7 @@ export class AdminOverviewComponent implements OnDestroy, OnInit {
  }

  public onAddCurrency() {
-    const currency = prompt('Please add a currency:');
+    const currency = prompt($localize`Please add a currency:`);

    if (currency) {
      const currencies = uniq([...this.customCurrencies, currency]);
@ -116,7 +116,9 @@ export class AdminOverviewComponent implements OnDestroy, OnInit {
  }

  public onDeleteCoupon(aCouponCode: string) {
-    const confirmation = confirm('Do you really want to delete this coupon?');
+    const confirmation = confirm(
+      $localize`Do you really want to delete this coupon?`
+    );

    if (confirmation === true) {
      const coupons = this.coupons.filter((coupon) => {
@ -127,7 +129,9 @@ export class AdminOverviewComponent implements OnDestroy, OnInit {
  }

  public onDeleteCurrency(aCurrency: string) {
-    const confirmation = confirm('Do you really want to delete this currency?');
+    const confirmation = confirm(
+      $localize`Do you really want to delete this currency?`
+    );

    if (confirmation === true) {
      const currencies = this.customCurrencies.filter((currency) => {
@ -142,7 +146,9 @@ export class AdminOverviewComponent implements OnDestroy, OnInit {
  }

  public onFlushCache() {
-    const confirmation = confirm('Do you really want to flush the cache?');
+    const confirmation = confirm(
+      $localize`Do you really want to flush the cache?`
+    );

    if (confirmation === true) {
      this.cacheService
@ -190,7 +196,7 @@ export class AdminOverviewComponent implements OnDestroy, OnInit {
  }

  public onSetSystemMessage() {
-    const systemMessage = prompt('Please set your system message:');
+    const systemMessage = prompt($localize`Please set your system message:`);

    if (systemMessage) {
      this.putSystemMessage(systemMessage);
--- a/apps/client/src/app/components/admin-overview/admin-overview.html
+++ b/apps/client/src/app/components/admin-overview/admin-overview.html
@ -8,7 +8,7 @@
            <div class="w-50">{{ userCount }}</div>
          </div>
          <div class="d-flex my-3">
-            <div class="w-50" i18n>Transaction Count</div>
+            <div class="w-50" i18n>Activity Count</div>
            <div class="w-50">
              <ng-container *ngIf="transactionCount">
                {{ transactionCount }} ({{ transactionCount / userCount | number
@ -17,7 +17,7 @@
            </div>
          </div>
          <div class="d-flex my-3">
-            <div class="w-50" i18n>Data Gathering</div>
+            <div class="w-50" i18n>Data Management</div>
            <div class="w-50">
              <div class="overflow-hidden">
                <div class="mb-2">
--- a/apps/client/src/app/components/admin-users/admin-users.component.ts
+++ b/apps/client/src/app/components/admin-users/admin-users.component.ts
@ -55,7 +55,9 @@ export class AdminUsersComponent implements OnDestroy, OnInit {
  }

  public onDeleteUser(aId: string) {
-    const confirmation = confirm('Do you really want to delete this user?');
+    const confirmation = confirm(
+      $localize`Do you really want to delete this user?`
+    );

    if (confirmation) {
      this.dataService
--- a/apps/client/src/app/components/admin-users/admin-users.html
+++ b/apps/client/src/app/components/admin-users/admin-users.html
@ -7,17 +7,17 @@
            <tr class="mat-header-row">
              <th class="mat-header-cell px-1 py-2 text-right">#</th>
              <th class="mat-header-cell px-1 py-2" i18n>User</th>
-              <th class="mat-header-cell px-1 py-2 text-right" i18n>
-                Registration
+              <th class="mat-header-cell px-1 py-2 text-right">
+                <ng-container i18n>Registration</ng-container>
              </th>
-              <th class="mat-header-cell px-1 py-2 text-right" i18n>
-                Accounts
+              <th class="mat-header-cell px-1 py-2 text-right">
+                <ng-container i18n>Accounts</ng-container>
              </th>
-              <th class="mat-header-cell px-1 py-2 text-right" i18n>
-                Activities
+              <th class="mat-header-cell px-1 py-2 text-right">
+                <ng-container i18n>Activities</ng-container>
              </th>
-              <th class="mat-header-cell px-1 py-2 text-right" i18n>
-                Engagement per Day
+              <th class="mat-header-cell px-1 py-2 text-right">
+                <ng-container i18n>Engagement per Day</ng-container>
              </th>
              <th class="mat-header-cell px-1 py-2" i18n>Last Request</th>
              <th class="mat-header-cell px-1 py-2"></th>
--- a/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.html
+++ b/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.html
@ -1,13 +1,23 @@
-<div class="align-items-center d-flex flex-row">
-  <div class="h2 mb-0 mr-2">{{ fearAndGreedIndexEmoji }}</div>
-  <div>
-    <div class="h4 mb-0">
-      <span class="mr-2">{{ fearAndGreedIndexText }}</span>
-      <small class="text-muted"
-        ><strong>{{ fearAndGreedIndex }}</strong
-        >/100</small
-      >
+<div class="position-relative">
+  <div class="align-items-center d-flex flex-row" [hidden]="!fearAndGreedIndex">
+    <div class="h2 mb-0 mr-2">{{ fearAndGreedIndexEmoji }}</div>
+    <div>
+      <div class="h4 mb-0">
+        <span class="mr-2">{{ fearAndGreedIndexText }}</span>
+        <small class="text-muted"
+          ><strong>{{ fearAndGreedIndex }}</strong
+          >/100</small
+        >
+      </div>
+      <small class="d-block" i18n>Current Market Mood</small>
    </div>
-    <small class="d-block" i18n>Current Market Mood</small>
  </div>
+  <ngx-skeleton-loader
+    *ngIf="!fearAndGreedIndex"
+    animation="pulse"
+    class="position-absolute w-100"
+    [theme]="{
+      height: '100%'
+    }"
+  ></ngx-skeleton-loader>
 </div>
--- a/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.scss
+++ b/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.scss
@ -1,3 +1,8 @@
 :host {
  display: block;
+
+  ngx-skeleton-loader {
+    bottom: 0;
+    top: 0;
+  }
 }
--- a/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.module.ts
+++ b/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.module.ts
@ -1,11 +1,12 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';

 import { FearAndGreedIndexComponent } from './fear-and-greed-index.component';

@NgModule({
  declarations: [FearAndGreedIndexComponent],
  exports: [FearAndGreedIndexComponent],
-  imports: [CommonModule]
+  imports: [CommonModule, NgxSkeletonLoaderModule]
 })
 export class GfFearAndGreedIndexModule {}
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@ -285,17 +285,16 @@
      mat-flat-button
      ><ion-icon name="logo-github"></ion-icon
    ></a>
-    <button class="mx-1" i18n mat-flat-button (click)="openLoginDialog()">
-      Sign In
+    <button class="mx-1" mat-flat-button (click)="openLoginDialog()">
+      <ng-container i18n>Sign in</ng-container>
    </button>
    <a
      *ngIf="currentRoute !== 'register' && !info?.isReadOnlyMode"
      class="d-none d-sm-block"
      color="primary"
-      i18n
      mat-flat-button
      [routerLink]="['/register']"
-      >Get Started
+      ><ng-container i18n>Get started</ng-container>
    </a>
  </ng-container>
 </mat-toolbar>
--- a/apps/client/src/app/components/header/header.component.ts
+++ b/apps/client/src/app/components/header/header.component.ts
@ -109,7 +109,7 @@ export class HeaderComponent implements OnChanges {
      data: {
        accessToken: '',
        hasPermissionToUseSocialLogin: this.hasPermissionForSocialLogin,
-        title: 'Sign in'
+        title: $localize`Sign in`
      },
      width: '30rem'
    });
@ -123,7 +123,7 @@ export class HeaderComponent implements OnChanges {
            .loginAnonymous(data?.accessToken)
            .pipe(
              catchError(() => {
-                alert('Oops! Incorrect Security Token.');
+                alert($localize`Oops! Incorrect Security Token.`);

                return EMPTY;
              }),
--- a/apps/client/src/app/components/home-holdings/home-holdings.component.ts
+++ b/apps/client/src/app/components/home-holdings/home-holdings.component.ts
@ -2,6 +2,7 @@ import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { PositionDetailDialog } from '@ghostfolio/client/components/position/position-detail-dialog/position-detail-dialog.component';
+import { ToggleComponent } from '@ghostfolio/client/components/toggle/toggle.component';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service';
 import {
@ -9,7 +10,6 @@ import {
  SettingsStorageService
 } from '@ghostfolio/client/services/settings-storage.service';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
-import { defaultDateRangeOptions } from '@ghostfolio/common/config';
 import { Position, User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { DateRange } from '@ghostfolio/common/types';
@ -27,7 +27,7 @@ import { PositionDetailDialogParams } from '../position/position-detail-dialog/i
 })
 export class HomeHoldingsComponent implements OnDestroy, OnInit {
  public dateRange: DateRange;
-  public dateRangeOptions = defaultDateRangeOptions;
+  public dateRangeOptions = ToggleComponent.DEFAULT_DATE_RANGE_OPTIONS;
  public deviceType: string;
  public hasImpersonationId: boolean;
  public hasPermissionToCreateOrder: boolean;
@ -47,7 +47,7 @@ export class HomeHoldingsComponent implements OnDestroy, OnInit {
    private settingsStorageService: SettingsStorageService,
    private userService: UserService
  ) {
-    route.queryParams
+    this.route.queryParams
      .pipe(takeUntil(this.unsubscribeSubject))
      .subscribe((params) => {
        if (
--- a/apps/client/src/app/components/home-market/home-market.component.ts
+++ b/apps/client/src/app/components/home-market/home-market.component.ts
@ -21,6 +21,8 @@ import { takeUntil } from 'rxjs/operators';
 export class HomeMarketComponent implements OnDestroy, OnInit {
  public benchmarks: Benchmark[];
  public fearAndGreedIndex: number;
+  public fearLabel = $localize`Fear`;
+  public greedLabel = $localize`Greed`;
  public hasPermissionToAccessFearAndGreedIndex: boolean;
  public historicalData: HistoricalDataItem[];
  public info: InfoItem;
--- a/apps/client/src/app/components/home-market/home-market.html
+++ b/apps/client/src/app/components/home-market/home-market.html
@ -9,18 +9,17 @@
        class="mb-3"
        symbol="Fear & Greed Index"
        yMax="100"
-        yMaxLabel="Greed"
        yMin="0"
-        yMinLabel="Fear"
        [historicalDataItems]="historicalData"
        [locale]="user?.settings?.locale"
        [showXAxis]="true"
        [showYAxis]="true"
+        [yMaxLabel]="greedLabel"
+        [yMinLabel]="fearLabel"
      ></gf-line-chart>
      <gf-fear-and-greed-index
        class="d-flex justify-content-center"
        [fearAndGreedIndex]="fearAndGreedIndex"
-        [hidden]="isLoading"
      ></gf-fear-and-greed-index>
    </div>
  </div>
--- a/apps/client/src/app/components/home-overview/home-overview.component.ts
+++ b/apps/client/src/app/components/home-overview/home-overview.component.ts
@ -1,4 +1,5 @@
 import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ToggleComponent } from '@ghostfolio/client/components/toggle/toggle.component';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service';
 import {
@ -6,7 +7,6 @@ import {
  SettingsStorageService
 } from '@ghostfolio/client/services/settings-storage.service';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
-import { defaultDateRangeOptions } from '@ghostfolio/common/config';
 import {
  PortfolioPerformance,
  UniqueAsset,
@ -26,7 +26,7 @@ import { takeUntil } from 'rxjs/operators';
 })
 export class HomeOverviewComponent implements OnDestroy, OnInit {
  public dateRange: DateRange;
-  public dateRangeOptions = defaultDateRangeOptions;
+  public dateRangeOptions = ToggleComponent.DEFAULT_DATE_RANGE_OPTIONS;
  public deviceType: string;
  public errors: UniqueAsset[];
  public hasError: boolean;
@ -106,7 +106,10 @@ export class HomeOverviewComponent implements OnDestroy, OnInit {
    this.isLoadingPerformance = true;

    this.dataService
-      .fetchChart({ range: this.dateRange })
+      .fetchChart({
+        range: this.dateRange,
+        version: this.user?.settings?.isExperimentalFeatures ? 2 : 1
+      })
      .pipe(takeUntil(this.unsubscribeSubject))
      .subscribe((chartData) => {
        this.historicalDataItems = chartData.chart.map((chartDataItem) => {
--- a/apps/client/src/app/components/home-overview/home-overview.html
+++ b/apps/client/src/app/components/home-overview/home-overview.html
@ -15,7 +15,6 @@
        <gf-line-chart
          class="position-absolute"
          symbol="Performance"
-          [currency]="user?.settings?.baseCurrency"
          [historicalDataItems]="historicalDataItems"
          [hidden]="historicalDataItems?.length === 0"
          [locale]="user?.settings?.locale"
@ -24,6 +23,7 @@
          [showLoader]="false"
          [showXAxis]="false"
          [showYAxis]="false"
+          [unit]="user?.settings?.isExperimentalFeatures ? '%' : user?.settings?.baseCurrency"
        ></gf-line-chart>
      </div>
    </div>
--- a/apps/client/src/app/components/home-overview/home-overview.scss
+++ b/apps/client/src/app/components/home-overview/home-overview.scss
@ -6,7 +6,7 @@
  .chart-container {
    aspect-ratio: 16 / 9;
    height: auto;
-    max-width: 67rem;
+    max-width: 50rem;

    // Fallback for aspect-ratio (using padding hack)
    @supports not (aspect-ratio: 16 / 9) {
--- a/apps/client/src/app/components/home-summary/home-summary.html
+++ b/apps/client/src/app/components/home-summary/home-summary.html
@ -10,6 +10,7 @@
            [baseCurrency]="user?.settings?.baseCurrency"
            [hasPermissionToUpdateUserSettings]="!hasImpersonationId && hasPermissionToUpdateUserSettings"
            [isLoading]="isLoading"
+            [language]="user?.settings?.language"
            [locale]="user?.settings?.locale"
            [summary]="summary"
            (emergencyFundChanged)="onChangeEmergencyFund($event)"
--- a/apps/client/src/app/components/investment-chart/investment-chart.component.ts
+++ b/apps/client/src/app/components/investment-chart/investment-chart.component.ts
@ -122,7 +122,7 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy {
          data: this.investments.map((position) => {
            return position.investment;
          }),
-          label: 'Investment',
+          label: $localize`Deposit`,
          segment: {
            borderColor: (context: unknown) =>
              this.isInFuture(
@ -249,10 +249,10 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy {

  private getTooltipPluginConfiguration() {
    return {
-      ...getTooltipOptions(
-        this.isInPercent ? undefined : this.currency,
-        this.isInPercent ? undefined : this.locale
-      ),
+      ...getTooltipOptions({
+        locale: this.isInPercent ? undefined : this.locale,
+        unit: this.isInPercent ? undefined : this.currency
+      }),
      mode: 'index',
      position: <unknown>'top',
      xAlign: 'center',
--- a/apps/client/src/app/components/login-with-access-token-dialog/login-with-access-token-dialog.html
+++ b/apps/client/src/app/components/login-with-access-token-dialog/login-with-access-token-dialog.html
@ -25,14 +25,14 @@
        >
          <img
            class="mr-2"
-            src="./assets/icons/internet-computer.svg"
+            src="../assets/icons/internet-computer.svg"
            style="height: 0.75rem"
          /><span i18n>Sign in with Internet Identity</span>
        </button>
-        <a href="/api/v1/auth/google" mat-stroked-button
+        <a href="../api/v1/auth/google" mat-stroked-button
          ><img
            class="mr-2"
-            src="./assets/icons/google.svg"
+            src="../assets/icons/google.svg"
            style="height: 1rem"
          /><span i18n>Sign in with Google</span></a
        >
@ -49,12 +49,11 @@
  <div>
    <button
      color="primary"
-      i18n
      mat-flat-button
      [disabled]="!data.accessToken"
      [mat-dialog-close]="data"
    >
-      Sign in
+      <ng-container i18n>Sign in</ng-container>
    </button>
  </div>
 </div>
--- a/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.ts
+++ b/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.ts
@ -7,6 +7,7 @@ import {
  OnInit,
  Output
 } from '@angular/core';
+import { getDateFnsLocale } from '@ghostfolio/common/helper';
 import { PortfolioSummary } from '@ghostfolio/common/interfaces';
 import { formatDistanceToNow } from 'date-fns';

@ -20,6 +21,7 @@ export class PortfolioSummaryComponent implements OnChanges, OnInit {
  @Input() baseCurrency: string;
  @Input() hasPermissionToUpdateUserSettings: boolean;
  @Input() isLoading: boolean;
+  @Input() language: string;
  @Input() locale: string;
  @Input() summary: PortfolioSummary;

@ -34,7 +36,9 @@ export class PortfolioSummaryComponent implements OnChanges, OnInit {
  public ngOnChanges() {
    if (this.summary) {
      if (this.summary.firstOrderDate) {
-        this.timeInMarket = formatDistanceToNow(this.summary.firstOrderDate);
+        this.timeInMarket = formatDistanceToNow(this.summary.firstOrderDate, {
+          locale: getDateFnsLocale(this.language)
+        });
      } else {
        this.timeInMarket = '-';
      }
@ -45,7 +49,7 @@ export class PortfolioSummaryComponent implements OnChanges, OnInit {

  public onEditEmergencyFund() {
    const emergencyFundInput = prompt(
-      'Please enter the amount of your emergency fund:',
+      $localize`Please enter the amount of your emergency fund:`,
      this.summary.emergencyFund.toString()
    );
    const emergencyFund = parseFloat(emergencyFundInput?.trim());
--- a/apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.html
+++ b/apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.html
@ -23,124 +23,136 @@
      class="mb-4"
      benchmarkLabel="Average Unit Price"
      [benchmarkDataItems]="benchmarkDataItems"
-      [currency]="SymbolProfile?.currency"
      [historicalDataItems]="historicalDataItems"
      [locale]="data.locale"
      [showGradient]="true"
      [showXAxis]="true"
      [showYAxis]="true"
      [symbol]="data.symbol"
+      [unit]="SymbolProfile?.currency"
    ></gf-line-chart>

    <div class="row">
      <div class="col-6 mb-3">
        <gf-value
-          label="Change"
+          i18n
          size="medium"
          [colorizeSign]="true"
          [currency]="data.baseCurrency"
          [locale]="data.locale"
          [value]="netPerformance"
-        ></gf-value>
+          >Change</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Performance"
+          i18n
          size="medium"
          [colorizeSign]="true"
          [isPercent]="true"
          [locale]="data.locale"
          [value]="netPerformancePercent"
-        ></gf-value>
+          >Performance</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Average Unit Price"
+          i18n
          size="medium"
          [currency]="SymbolProfile?.currency"
          [locale]="data.locale"
          [value]="averagePrice"
-        ></gf-value>
+          >Average Unit Price</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Market Price"
+          i18n
          size="medium"
          [currency]="SymbolProfile?.currency"
          [locale]="data.locale"
          [value]="marketPrice"
-        ></gf-value>
+          >Market Price</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Minimum Price"
+          i18n
          size="medium"
          [currency]="SymbolProfile?.currency"
          [locale]="data.locale"
          [ngClass]="{ 'text-danger': minPrice?.toFixed(2) === marketPrice?.toFixed(2) && maxPrice?.toFixed(2) !== minPrice?.toFixed(2) }"
          [value]="minPrice"
-        ></gf-value>
+          >Minimum Price</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Maximum Price"
+          i18n
          size="medium"
          [currency]="SymbolProfile?.currency"
          [locale]="data.locale"
          [ngClass]="{ 'text-success': maxPrice?.toFixed(2) === marketPrice?.toFixed(2) && maxPrice?.toFixed(2) !== minPrice?.toFixed(2) }"
          [value]="maxPrice"
-        ></gf-value>
+          >Maximum Price</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Quantity"
+          i18n
          size="medium"
          [locale]="data.locale"
          [precision]="quantityPrecision"
          [value]="quantity"
-        ></gf-value>
+          >Quantity</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Investment"
+          i18n
          size="medium"
          [currency]="data.baseCurrency"
          [locale]="data.locale"
          [value]="investment"
-        ></gf-value>
+          >Investment</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="First Buy Date"
+          i18n
          size="medium"
          [isDate]="true"
          [locale]="data.locale"
          [value]="firstBuyDate"
-        ></gf-value>
+          >First Buy Date</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
+          i18n
          size="medium"
-          [label]="transactionCount === 1 ? 'Transaction' : 'Transactions'"
          [locale]="data.locale"
          [value]="transactionCount"
-        ></gf-value>
+          >Transactions</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Asset Class"
+          i18n
          size="medium"
          [hidden]="!SymbolProfile?.assetClass"
          [value]="SymbolProfile?.assetClass"
-        ></gf-value>
+          >Asset Class</gf-value
+        >
      </div>
      <div class="col-6 mb-3">
        <gf-value
-          label="Asset Sub Class"
+          i18n
          size="medium"
          [hidden]="!SymbolProfile?.assetSubClass"
          [value]="SymbolProfile?.assetSubClass"
-        ></gf-value>
+          >Asset Sub Class</gf-value
+        >
      </div>
      <ng-container
        *ngIf="SymbolProfile?.countries?.length > 0 || SymbolProfile?.sectors?.length > 0"
@ -150,22 +162,24 @@
        >
          <div *ngIf="SymbolProfile?.sectors?.length === 1" class="col-6 mb-3">
            <gf-value
-              label="Sector"
+              i18n
              size="medium"
              [locale]="data.locale"
              [value]="SymbolProfile.sectors[0].name"
-            ></gf-value>
+              >Sector</gf-value
+            >
          </div>
          <div
            *ngIf="SymbolProfile?.countries?.length === 1"
            class="col-6 mb-3"
          >
            <gf-value
-              label="Country"
+              i18n
              size="medium"
              [locale]="data.locale"
              [value]="SymbolProfile.countries[0].name"
-            ></gf-value>
+              >Country</gf-value
+            >
          </div>
        </ng-container>
        <ng-template #charts>
--- a/apps/client/src/app/components/positions-table/positions-table.component.html
+++ b/apps/client/src/app/components/positions-table/positions-table.component.html
@ -18,8 +18,8 @@
  </ng-container>

  <ng-container matColumnDef="symbol">
-    <th *matHeaderCellDef class="px-1" i18n mat-header-cell mat-sort-header>
-      Symbol
+    <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+      <ng-container i18n>Symbol</ng-container>
    </th>
    <td *matCellDef="let element" class="px-1" mat-cell>
      <span [title]="element.name">{{ element.symbol | gfSymbol }}</span>
@ -30,11 +30,10 @@
    <th
      *matHeaderCellDef
      class="d-none d-lg-table-cell px-1"
-      i18n
      mat-header-cell
      mat-sort-header
    >
-      Name
+      <ng-container i18n>Name</ng-container>
    </th>
    <td *matCellDef="let element" class="d-none d-lg-table-cell px-1" mat-cell>
      <ng-container *ngIf="element.name !== element.symbol">{{
@ -47,11 +46,10 @@
    <th
      *matHeaderCellDef
      class="d-none d-lg-table-cell justify-content-end px-1"
-      i18n
      mat-header-cell
      mat-sort-header
    >
-      Value
+      <ng-container i18n>Value</ng-container>
    </th>
    <td class="d-none d-lg-table-cell px-1" mat-cell *matCellDef="let element">
      <div class="d-flex justify-content-end">
@ -68,11 +66,10 @@
    <th
      *matHeaderCellDef
      class="justify-content-end px-1"
-      i18n
      mat-header-cell
      mat-sort-header
    >
-      Allocation
+      <ng-container i18n>Allocation</ng-container>
    </th>
    <td *matCellDef="let element" class="px-1" mat-cell>
      <div class="d-flex justify-content-end">
@ -89,10 +86,9 @@
    <th
      *matHeaderCellDef
      class="d-none d-lg-table-cell px-1 text-right"
-      i18n
      mat-header-cell
    >
-      Performance
+      <ng-container i18n>Performance</ng-container>
    </th>
    <td *matCellDef="let element" class="d-none d-lg-table-cell px-1" mat-cell>
      <div class="d-flex justify-content-end">
@ -137,8 +133,8 @@
  *ngIf="dataSource.data.length > pageSize && !isLoading"
  class="my-3 text-center"
 >
-  <button i18n mat-stroked-button (click)="onShowAllPositions()">
-    Show all
+  <button mat-stroked-button (click)="onShowAllPositions()">
+    <ng-container i18n>Show all</ng-container>
  </button>
 </div>

--- a/apps/client/src/app/components/toggle/toggle.component.ts
+++ b/apps/client/src/app/components/toggle/toggle.component.ts
@ -17,6 +17,14 @@ import { ToggleOption } from '@ghostfolio/common/types';
  styleUrls: ['./toggle.component.scss']
 })
 export class ToggleComponent implements OnChanges, OnInit {
+  public static DEFAULT_DATE_RANGE_OPTIONS: ToggleOption[] = [
+    { label: $localize`Today`, value: '1d' },
+    { label: $localize`YTD`, value: 'ytd' },
+    { label: $localize`1Y`, value: '1y' },
+    { label: $localize`5Y`, value: '5y' },
+    { label: $localize`Max`, value: 'max' }
+  ];
+
  @Input() defaultValue: string;
  @Input() isLoading: boolean;
  @Input() options: ToggleOption[];
--- a/apps/client/src/app/core/auth.guard.ts
+++ b/apps/client/src/app/core/auth.guard.ts
@ -72,7 +72,13 @@ export class AuthGuard implements CanActivate {
          })
        )
        .subscribe((user) => {
-          if (
+          const userLanguage = user?.settings?.language;
+
+          if (userLanguage && document.documentElement.lang !== userLanguage) {
+            window.location.href = `../${userLanguage}`;
+            resolve(false);
+            return;
+          } else if (
            state.url.startsWith('/home') &&
            user.settings.viewMode === ViewMode.ZEN
          ) {
--- a/apps/client/src/app/core/http-response.interceptor.ts
+++ b/apps/client/src/app/core/http-response.interceptor.ts
@ -56,14 +56,18 @@ export class HttpResponseInterceptor implements HttpInterceptor {
          if (!this.snackBarRef) {
            if (this.info.isReadOnlyMode) {
              this.snackBarRef = this.snackBar.open(
-                'This feature is currently unavailable. Please try again later.',
+                $localize`This feature is currently unavailable.` +
+                  ' ' +
+                  $localize`Please try again later.`,
                undefined,
                { duration: 6000 }
              );
            } else {
              this.snackBarRef = this.snackBar.open(
-                'This feature requires a subscription.',
-                this.hasPermissionForSubscription ? 'Upgrade Plan' : undefined,
+                $localize`This feature requires a subscription.`,
+                this.hasPermissionForSubscription
+                  ? $localize`Upgrade Plan`
+                  : undefined,
                { duration: 6000 }
              );
            }
@ -79,8 +83,10 @@ export class HttpResponseInterceptor implements HttpInterceptor {
        } else if (error.status === StatusCodes.INTERNAL_SERVER_ERROR) {
          if (!this.snackBarRef) {
            this.snackBarRef = this.snackBar.open(
-              'Oops! Something went wrong. Please try again later.',
-              'Okay',
+              $localize`Oops! Something went wrong.` +
+                ' ' +
+                $localize`Please try again later.`,
+              $localize`Okay`,
              { duration: 6000 }
            );

--- a/apps/client/src/app/pages/about/about-page-routing.module.ts
+++ b/apps/client/src/app/pages/about/about-page-routing.module.ts
@ -9,7 +9,7 @@ const routes: Routes = [
    canActivate: [AuthGuard],
    component: AboutPageComponent,
    path: '',
-    title: 'About'
+    title: $localize`About`
  }
 ];

--- a/apps/client/src/app/pages/about/about-page.html
+++ b/apps/client/src/app/pages/about/about-page.html
@ -1,7 +1,7 @@
 <div class="container">
  <div class="mb-5 row">
    <div class="col">
-      <h3 class="d-flex justify-content-center mb-3" i18n>About Ghostfolio</h3>
+      <h3 class="d-flex justify-content-center mb-3">About Ghostfolio</h3>
      <div class="about-container">
        <p>
          Ghostfolio is a lightweight wealth management application for
@ -21,7 +21,7 @@
          <ng-container *ngIf="version">
            This instance is running Ghostfolio {{ version }}.
          </ng-container>
-          <ng-container *ngIf="hasPermissionForStatistics" i18n
+          <ng-container *ngIf="hasPermissionForStatistics"
            >Check the system status at
            <a href="https://status.ghostfol.io" title="Ghostfolio status"
              >status.ghostfol.io</a
@ -102,33 +102,36 @@

  <div *ngIf="hasPermissionForStatistics" class="mb-5 row">
    <div class="col">
-      <h3 class="mb-3 text-center" i18n>Ghostfolio in Numbers</h3>
+      <h3 class="mb-3 text-center">Ghostfolio in Numbers</h3>
      <mat-card>
        <mat-card-content>
          <div class="row">
            <div class="col-xs-12 col-md-4 my-2">
              <gf-value
-                label="Active Users"
+                i18n
                size="large"
                subLabel="(Last 24 hours)"
                [value]="statistics?.activeUsers1d ?? '-'"
-              ></gf-value>
+                >Active Users</gf-value
+              >
            </div>
            <div class="col-xs-12 col-md-4 my-2">
              <gf-value
-                label="New Users"
+                i18n
                size="large"
                subLabel="(Last 30 days)"
                [value]="statistics?.newUsers30d ?? '-'"
-              ></gf-value>
+                >New Users</gf-value
+              >
            </div>
            <div class="col-xs-12 col-md-4 my-2">
              <gf-value
-                label="Active Users"
+                i18n
                size="large"
                subLabel="(Last 30 days)"
                [value]="statistics?.activeUsers30d ?? '-'"
-              ></gf-value>
+                >Active Users</gf-value
+              >
            </div>
            <div class="col-xs-12 col-md-4 my-2">
              <a
@ -136,10 +139,11 @@
                href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
              >
                <gf-value
-                  label="Users in Slack community"
+                  i18n
                  size="large"
                  [value]="statistics?.slackCommunityUsers ?? '-'"
-                ></gf-value>
+                  >Users in Slack community</gf-value
+                >
              </a>
            </div>
            <div class="col-xs-12 col-md-4 my-2">
@ -148,10 +152,11 @@
                href="https://github.com/ghostfolio/ghostfolio/graphs/contributors"
              >
                <gf-value
-                  label="Contributors on GitHub"
+                  i18n
                  size="large"
                  [value]="statistics?.gitHubContributors ?? '-'"
-                ></gf-value>
+                  >Contributors on GitHub</gf-value
+                >
              </a>
            </div>
            <div class="col-xs-12 col-md-4 my-2">
@ -160,10 +165,11 @@
                href="https://github.com/ghostfolio/ghostfolio/stargazers"
              >
                <gf-value
-                  label="Stars on GitHub"
+                  i18n
                  size="large"
                  [value]="statistics?.gitHubStargazers ?? '-'"
-                ></gf-value>
+                  >Stars on GitHub</gf-value
+                >
              </a>
            </div>
          </div>
@ -177,7 +183,6 @@
      <a
        class="py-2 w-100"
        color="primary"
-        i18n
        mat-stroked-button
        [routerLink]="['/faq']"
        >FAQ</a
@ -190,7 +195,6 @@
      <a
        class="py-2 w-100"
        color="primary"
-        i18n
        mat-stroked-button
        [routerLink]="['/about', 'changelog']"
        >Changelog & License</a
@ -200,7 +204,6 @@
      <a
        class="py-2 w-100"
        color="primary"
-        i18n
        mat-stroked-button
        [routerLink]="['/about', 'privacy-policy']"
        >Privacy Policy</a
@ -210,7 +213,6 @@
      <a
        class="py-2 w-100"
        color="primary"
-        i18n
        mat-flat-button
        [routerLink]="['/blog']"
        >Blog</a
--- a/apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts
+++ b/apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts
@ -9,7 +9,7 @@ const routes: Routes = [
    canActivate: [AuthGuard],
    component: ChangelogPageComponent,
    path: '',
-    title: 'Changelog & License'
+    title: $localize`Changelog & License`
  }
 ];

--- a/apps/client/src/app/pages/about/changelog/changelog-page.html
+++ b/apps/client/src/app/pages/about/changelog/changelog-page.html
@ -4,7 +4,7 @@
      <h3 class="mb-3 text-center" i18n>Changelog</h3>
      <mat-card class="changelog">
        <mat-card-content>
-          <markdown [src]="'assets/CHANGELOG.md'"></markdown>
+          <markdown [src]="'../assets/CHANGELOG.md'"></markdown>
        </mat-card-content>
      </mat-card>
    </div>
@ -15,7 +15,7 @@
      <h3 class="mb-3 text-center" i18n>License</h3>
      <mat-card>
        <mat-card-content>
-          <markdown [src]="'assets/LICENSE'"></markdown>
+          <markdown [src]="'../assets/LICENSE'"></markdown>
        </mat-card-content>
      </mat-card>
    </div>
--- a/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts
+++ b/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts
@ -9,7 +9,7 @@ const routes: Routes = [
    canActivate: [AuthGuard],
    component: PrivacyPolicyPageComponent,
    path: '',
-    title: 'Privacy Policy'
+    title: $localize`Privacy Policy`
  }
 ];

--- a/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html
+++ b/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html
@ -2,7 +2,7 @@
  <div class="mb-5 row">
    <div class="col">
      <h3 class="mb-3 text-center" i18n>Privacy Policy</h3>
-      <markdown [src]="'assets/privacy-policy.md'"></markdown>
+      <markdown [src]="'../assets/privacy-policy.md'"></markdown>
    </div>
  </div>
 </div>
--- a/apps/client/src/app/pages/account/account-page-routing.module.ts
+++ b/apps/client/src/app/pages/account/account-page-routing.module.ts
@ -9,7 +9,7 @@ const routes: Routes = [
    canActivate: [AuthGuard],
    component: AccountPageComponent,
    path: '',
-    title: 'My Ghostfolio'
+    title: $localize`My Ghostfolio`
  }
 ];

--- a/apps/client/src/app/pages/account/account-page.component.ts
+++ b/apps/client/src/app/pages/account/account-page.component.ts
@ -53,6 +53,7 @@ export class AccountPageComponent implements OnDestroy, OnInit {
  public hasPermissionToDeleteAccess: boolean;
  public hasPermissionToUpdateViewMode: boolean;
  public hasPermissionToUpdateUserSettings: boolean;
+  public language = document.documentElement.lang;
  public locales = ['de', 'de-CH', 'en-GB', 'en-US'];
  public price: number;
  public priceId: string;
@ -162,6 +163,14 @@ export class AccountPageComponent implements OnDestroy, OnInit {
            this.user = user;

            this.changeDetectorRef.markForCheck();
+
+            if (aKey === 'language') {
+              if (aValue) {
+                window.location.href = `../${aValue}/account`;
+              } else {
+                window.location.href = `../`;
+              }
+            }
          });
      });
  }
@ -217,8 +226,26 @@ export class AccountPageComponent implements OnDestroy, OnInit {
      });
  }

+  public onExperimentalFeaturesChange(aEvent: MatSlideToggleChange) {
+    this.dataService
+      .putUserSetting({ isExperimentalFeatures: aEvent.checked })
+      .pipe(takeUntil(this.unsubscribeSubject))
+      .subscribe(() => {
+        this.userService.remove();
+
+        this.userService
+          .get()
+          .pipe(takeUntil(this.unsubscribeSubject))
+          .subscribe((user) => {
+            this.user = user;
+
+            this.changeDetectorRef.markForCheck();
+          });
+      });
+  }
+
  public onRedeemCoupon() {
-    let couponCode = prompt('Please enter your coupon code:');
+    let couponCode = prompt($localize`Please enter your coupon code:`);
    couponCode = couponCode?.trim();

    if (couponCode) {
@ -227,17 +254,21 @@ export class AccountPageComponent implements OnDestroy, OnInit {
        .pipe(
          takeUntil(this.unsubscribeSubject),
          catchError(() => {
-            this.snackBar.open('😞 Could not redeem coupon code', undefined, {
-              duration: 3000
-            });
+            this.snackBar.open(
+              '😞 ' + $localize`Could not redeem coupon code`,
+              undefined,
+              {
+                duration: 3000
+              }
+            );

            return EMPTY;
          })
        )
        .subscribe(() => {
          this.snackBarRef = this.snackBar.open(
-            '✅ Coupon code has been redeemed',
-            'Reload',
+            '✅' + $localize`Coupon code has been redeemed`,
+            $localize`Reload`,
            {
              duration: 3000
            }
@ -283,7 +314,7 @@ export class AccountPageComponent implements OnDestroy, OnInit {
      this.registerDevice();
    } else {
      const confirmation = confirm(
-        'Do you really want to remove this sign in method?'
+        $localize`Do you really want to remove this sign in method?`
      );

      if (confirmation) {
@ -303,6 +334,7 @@ export class AccountPageComponent implements OnDestroy, OnInit {
    const dialogRef = this.dialog.open(CreateOrUpdateAccessDialog, {
      data: {
        access: {
+          alias: '',
          type: 'PUBLIC'
        }
      },
@ -318,7 +350,7 @@ export class AccountPageComponent implements OnDestroy, OnInit {

        if (access) {
          this.dataService
-            .postAccess({})
+            .postAccess({ alias: access.alias })
            .pipe(takeUntil(this.unsubscribeSubject))
            .subscribe({
              next: () => {
--- a/apps/client/src/app/pages/account/account-page.html
+++ b/apps/client/src/app/pages/account/account-page.html
@ -31,11 +31,10 @@
                <ng-container *ngIf="hasPermissionForSubscription">
                  <button
                    color="primary"
-                    i18n
                    mat-flat-button
                    (click)="onCheckout(priceId)"
                  >
-                    Upgrade
+                    <ng-container i18n>Upgrade</ng-container>
                  </button>
                  <div *ngIf="price" class="mt-1">
                    <ng-container *ngIf="coupon"
@ -91,8 +90,8 @@
          <div class="d-flex mt-4 py-1">
            <form #changeUserSettingsForm="ngForm" class="w-100">
              <div class="d-flex mb-2">
-                <div class="align-items-center d-flex pt-1 pt-1 w-50" i18n>
-                  Base Currency
+                <div class="align-items-center d-flex pt-1 pt-1 w-50">
+                  <ng-container i18n>Base Currency</ng-container>
                </div>
                <div class="pl-1 w-50">
                  <mat-form-field appearance="outline" class="w-100">
@ -111,11 +110,31 @@
                  </mat-form-field>
                </div>
              </div>
+              <div class="align-items-center d-flex mb-2">
+                <div class="pr-1 w-50">
+                  <div i18n>Language</div>
+                  <div class="hint-text text-muted" i18n>Beta</div>
+                </div>
+                <div class="pl-1 w-50">
+                  <mat-form-field appearance="outline" class="w-100">
+                    <mat-select
+                      name="language"
+                      [disabled]="!hasPermissionToUpdateUserSettings"
+                      [value]="language"
+                      (selectionChange)="onChangeUserSetting('language', $event.value)"
+                    >
+                      <mat-option [value]="null"></mat-option>
+                      <mat-option value="de">Deutsch</mat-option>
+                      <mat-option value="en">English</mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </div>
+              </div>
              <div class="align-items-center d-flex mb-2">
                <div class="pr-1 w-50">
                  <div i18n>Locale</div>
-                  <div class="hint-text text-muted" i18n>
-                    Date and number format
+                  <div class="hint-text text-muted">
+                    <ng-container i18n>Date and number format</ng-container>
                  </div>
                </div>
                <div class="pl-1 w-50">
@ -137,8 +156,8 @@
                </div>
              </div>
              <div class="d-flex">
-                <div class="align-items-center d-flex pr-1 pt-1 w-50" i18n>
-                  View Mode
+                <div class="align-items-center d-flex pr-1 pt-1 w-50">
+                  <ng-container i18n>View Mode</ng-container>
                </div>
                <div class="pl-1 w-50">
                  <div class="align-items-center d-flex overflow-hidden">
@ -169,6 +188,22 @@
              ></mat-slide-toggle>
            </div>
          </div>
+          <div
+            *ngIf="hasPermissionToUpdateUserSettings && user?.subscription"
+            class="align-items-center d-flex mt-4 py-1"
+          >
+            <div class="pr-1 w-50">
+              <div i18n>Experimental Features</div>
+            </div>
+            <div class="pl-1 w-50">
+              <mat-slide-toggle
+                color="primary"
+                [checked]="user.settings.isExperimentalFeatures"
+                [disabled]="!hasPermissionToUpdateUserSettings"
+                (change)="onExperimentalFeaturesChange($event)"
+              ></mat-slide-toggle>
+            </div>
+          </div>
          <div class="align-items-center d-flex mt-4 py-1">
            <div class="pr-1 w-50" i18n>User ID</div>
            <div class="pl-1 w-50">{{ user?.id }}</div>
--- a/apps/client/src/app/pages/account/create-or-update-access-dialog/create-or-update-access-dialog.html
+++ b/apps/client/src/app/pages/account/create-or-update-access-dialog/create-or-update-access-dialog.html
@ -1,6 +1,17 @@
 <form #addAccessForm="ngForm" class="d-flex flex-column h-100">
  <h1 i18n mat-dialog-title>Grant access</h1>
  <div class="flex-grow-1" mat-dialog-content>
+    <div>
+      <mat-form-field appearance="outline" class="w-100">
+        <mat-label i18n>Alias</mat-label>
+        <input
+          matInput
+          name="alias"
+          type="text"
+          [(ngModel)]="data.access.alias"
+        />
+      </mat-form-field>
+    </div>
    <div>
      <mat-form-field appearance="outline" class="w-100">
        <mat-label i18n>Type</mat-label>
@ -14,12 +25,11 @@
    <button i18n mat-button (click)="onCancel()">Cancel</button>
    <button
      color="primary"
-      i18n
      mat-flat-button
      [disabled]="!addAccessForm.form.valid"
      [mat-dialog-close]="data"
    >
-      Save
+      <ng-container i18n>Save</ng-container>
    </button>
  </div>
 </form>
--- a/apps/client/src/app/pages/account/create-or-update-access-dialog/create-or-update-access-dialog.module.ts
+++ b/apps/client/src/app/pages/account/create-or-update-access-dialog/create-or-update-access-dialog.module.ts
@ -4,6 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';

 import { CreateOrUpdateAccessDialog } from './create-or-update-access-dialog.component';
@ -16,6 +17,7 @@ import { CreateOrUpdateAccessDialog } from './create-or-update-access-dialog.com
    MatButtonModule,
    MatDialogModule,
    MatFormFieldModule,
+    MatInputModule,
    MatSelectModule,
    ReactiveFormsModule
  ]
--- a/apps/client/src/app/pages/accounts/accounts-page-routing.module.ts
+++ b/apps/client/src/app/pages/accounts/accounts-page-routing.module.ts
@ -9,7 +9,7 @@ const routes: Routes = [
    canActivate: [AuthGuard],
    component: AccountsPageComponent,
    path: '',
-    title: 'Accounts'
+    title: $localize`Accounts`
  }
 ];

--- a/apps/client/src/app/pages/accounts/create-or-update-account-dialog/create-or-update-account-dialog.html
+++ b/apps/client/src/app/pages/accounts/create-or-update-account-dialog/create-or-update-account-dialog.html
@ -66,12 +66,11 @@
    <button i18n mat-button (click)="onCancel()">Cancel</button>
    <button
      color="primary"
-      i18n
      mat-flat-button
      [disabled]="!addAccountForm.form.valid"
      [mat-dialog-close]="data"
    >
-      Save
+      <ng-container i18n>Save</ng-container>
    </button>
  </div>
 </form>
--- a/apps/client/src/app/pages/admin/admin-page-routing.module.ts
+++ b/apps/client/src/app/pages/admin/admin-page-routing.module.ts
@ -20,7 +20,7 @@ const routes: Routes = [
    ],
    component: AdminPageComponent,
    path: '',
-    title: 'Admin Control'
+    title: $localize`Admin Control`
  }
 ];

--- a/apps/client/src/app/pages/auth/auth-page.component.ts
+++ b/apps/client/src/app/pages/auth/auth-page.component.ts
@ -28,6 +28,7 @@ export class AuthPageComponent implements OnDestroy, OnInit {
      .pipe(takeUntil(this.unsubscribeSubject))
      .subscribe((params) => {
        const jwt = params['jwt'];
+
        this.tokenStorageService.saveToken(
          jwt,
          this.settingsStorageService.getSetting(STAY_SIGNED_IN) === 'true'
--- a/apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html
+++ b/apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html
@ -68,7 +68,7 @@
          <p class="my-5 text-center">
            <img
              alt="Ghostfol.io Screenshot"
-              src="./assets/images/screenshot.png"
+              src="../assets/images/screenshot.png"
              style="max-width: 100%; width: 20rem"
              title="Ghostfol.io Screenshot"
            />
--- a/apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html
+++ b/apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html
@ -66,7 +66,7 @@
          <p class="my-5 text-center">
            <img
              alt="Ghostfol.io Screenshot"
-              src="./assets/images/screenshot.png"
+              src="../assets/images/screenshot.png"
              style="max-width: 100%; width: 20rem"
              title="Ghostfol.io Screenshot"
            />
--- a/apps/client/src/app/pages/blog/2022/01/first-months-in-open-source/first-months-in-open-source-page.html
+++ b/apps/client/src/app/pages/blog/2022/01/first-months-in-open-source/first-months-in-open-source-page.html
@ -20,9 +20,7 @@
          <h2 class="h4">From 1* to 100 stars on GitHub</h2>
          <p>
            When I decided to
-            <a [routerLink]="['/en', 'blog', '2021', '07', 'hello-ghostfolio']"
-              >publish</a
-            >
+            <a href="../en/blog/2021/07/hello-ghostfolio">publish</a>
            the project as
            <a href="https://github.com/ghostfolio/ghostfolio"
              >open source software</a
--- a/apps/client/src/app/pages/blog/2022/07/ghostfolio-meets-internet-identity/ghostfolio-meets-internet-identity-page.html
+++ b/apps/client/src/app/pages/blog/2022/07/ghostfolio-meets-internet-identity/ghostfolio-meets-internet-identity-page.html
@ -7,8 +7,8 @@
          <div class="mb-3 text-muted"><small>2022-07-23</small></div>
          <img
            alt="Ghostfolio meets Internet Identity Teaser"
-            class="w-100"
-            src="./assets/images/blog/ghostfolio-meets-internet-identity.png"
+            class="rounded w-100"
+            src="../assets/images/blog/ghostfolio-meets-internet-identity.png"
            title="Ghostfolio meets Internet Identity"
          />
        </div>
--- a/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page-routing.module.ts
+++ b/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page-routing.module.ts
@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
+
+import { FiveHundredStarsOnGitHubPageComponent } from './500-stars-on-github-page.component';
+
+const routes: Routes = [
+  {
+    canActivate: [AuthGuard],
+    component: FiveHundredStarsOnGitHubPageComponent,
+    path: '',
+    title: '500 Stars on GitHub'
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class FiveHundredStarsOnGitHubRoutingModule {}
--- a/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.component.ts
+++ b/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.component.ts
@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  host: { class: 'page' },
+  selector: 'gf-500-stars-on-github-page',
+  styleUrls: ['./500-stars-on-github-page.scss'],
+  templateUrl: './500-stars-on-github-page.html'
+})
+export class FiveHundredStarsOnGitHubPageComponent {}
--- a/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.html
+++ b/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.html
@ -0,0 +1,195 @@
+<div class="blog container">
+  <div class="row">
+    <div class="col-md-8 offset-md-2">
+      <article>
+        <div class="mb-4 text-center">
+          <h1 class="mb-1">500 Stars</h1>
+          <div class="mb-3 text-muted"><small>2022-08-18</small></div>
+          <img
+            alt="500 Stars on GitHub Teaser"
+            class="rounded w-100"
+            src="../assets/images/blog/500-stars-on-github.jpg"
+            title="500 Stars on GitHub"
+          />
+        </div>
+        <section class="mb-4">
+          <p>
+            <a href="https://ghostfol.io">Ghostfolio</a>, the web-based personal
+            finance management software, is celebrating 500 stars on
+            <a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>. This
+            is a major milestone for this open source project and a good time
+            for another
+            <a href="../en/blog/2022/01/ghostfolio-first-months-in-open-source"
+              >recap</a
+            >.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Growing Community</h2>
+          <p>
+            The Ghostfolio community is growing on various platforms and has
+            recently passed 100 members on
+            <a
+              href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
+              >Slack</a
+            >
+            as well as 100 followers on
+            <a href="https://twitter.com/ghostfolio_">Twitter</a>. If you have
+            not joined yet, this is a good time to make sure you do not miss out
+            on any future updates.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Message Queue: Asynchronous Processing</h2>
+          <p>
+            Overall
+            <a href="https://status.ghostfol.io">stability and robustness</a>
+            has increased significantly since the introduction of a
+            <a href="https://github.com/OptimalBits/bull">message queue</a>. The
+            workers of this robust queue system process jobs, namely gathering
+            historical market data, asynchronously in the background to not
+            bother the main service.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Ready for Web 3.0</h2>
+          <p>
+            The
+            <a href="../en/blog/2022/07/ghostfolio-meets-internet-identity"
+              >recent integration of Internet Identity</a
+            >, a blockchain authentication system, makes Ghostfolio ready for
+            Web3. This third iteration of the World Wide Web is the vision of a
+            new and better Internet based on decentralized blockchains to give
+            power back to the users. <i>Internet Identity</i> created by the
+            <a href="https://dfinity.org">Dfinity Foundation</a> enables you to
+            sign in securely and anonymously to Ghostfolio without an email
+            address, username, or a password. All you need is your device with
+            built-in biometric authentication.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Break-even Point</h2>
+          <p>
+            Despite the complicated
+            <a [routerLink]="['/markets']">economic situation</a> at this time,
+            the goal set at the beginning of the year to build a sustainable
+            business and reach break-even with the SaaS offering (<a
+              [routerLink]="['/markets']"
+              >Ghostfolio Premium</a
+            >) has been achieved. We will continue to leverage the revenue to
+            further improve the fully managed cloud offering for our paying
+            customers. A new goal we have set for ourselves is to become
+            profitable.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Outlook</h2>
+          <p>
+            Besides all the positive accomplishments during the last months,
+            there is still a lot of room for improvement. It would be great to
+            onboard more contributors who are actively involved in software
+            engineering to realize the full potential of open source software.
+            If you are a web developer and interested in personal finance,
+            please get in touch by email via
+            <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> or on Twitter
+            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>. We are
+            happy to discuss ideas.
+          </p>
+          <p>
+            We would like to say thank you for all your feedback and support
+            since the beginning of this project.
+          </p>
+          <p>
+            Off to the next 500 stars!<br />
+            Thomas from Ghostfolio
+          </p>
+        </section>
+        <section class="mb-4">
+          <ul class="list-inline">
+            <li class="list-inline-item">
+              <span class="badge badge-light">Blockchain</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">BuildInPublic</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Cloud</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Community</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Finance</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Fintech</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Future</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Goal</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Internet Identity</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Investment</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Message Queue</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">OpenSaaS</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Open Source</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">OSS</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Personal Finance</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Planning</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Portfolio</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Portfolio Tracker</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Progress</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">SaaS</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Software</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">User Feedback</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Wealth</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Wealth Management</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Web3</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Web 3.0</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Worker</span>
+            </li>
+          </ul>
+        </section>
+      </article>
+    </div>
+  </div>
+</div>
--- a/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.module.ts
+++ b/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.module.ts
@ -0,0 +1,13 @@
+import { CommonModule } from '@angular/common';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+import { FiveHundredStarsOnGitHubRoutingModule } from './500-stars-on-github-page-routing.module';
+import { FiveHundredStarsOnGitHubPageComponent } from './500-stars-on-github-page.component';
+
+@NgModule({
+  declarations: [FiveHundredStarsOnGitHubPageComponent],
+  imports: [CommonModule, FiveHundredStarsOnGitHubRoutingModule, RouterModule],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class FiveHundredStarsOnGitHubPageModule {}
--- a/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.scss
+++ b/apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.scss
@ -0,0 +1,3 @@
+:host {
+  display: block;
+}
--- a/apps/client/src/app/pages/blog/blog-page-routing.module.ts
+++ b/apps/client/src/app/pages/blog/blog-page-routing.module.ts
@ -9,7 +9,7 @@ const routes: Routes = [
    canActivate: [AuthGuard],
    component: BlogPageComponent,
    path: '',
-    title: 'Blog'
+    title: $localize`Blog`
  }
 ];

--- a/apps/client/src/app/pages/blog/blog-page.html
+++ b/apps/client/src/app/pages/blog/blog-page.html
@ -8,7 +8,31 @@
            <div class="flex-nowrap no-gutters row">
              <a
                class="d-flex w-100"
-                [routerLink]="['/en', 'blog', '2022', '07', 'ghostfolio-meets-internet-identity']"
+                href="../en/blog/2022/08/500-stars-on-github"
+              >
+                <div class="flex-grow-1">
+                  <div class="h6 m-0 text-truncate">500 Stars on GitHub</div>
+                  <div class="d-flex text-muted">2022-08-18</div>
+                </div>
+                <div class="align-items-center d-flex">
+                  <ion-icon
+                    class="chevron text-muted"
+                    name="chevron-forward-outline"
+                    size="small"
+                  ></ion-icon>
+                </div>
+              </a>
+            </div>
+          </div>
+        </mat-card-content>
+      </mat-card>
+      <mat-card class="mb-3">
+        <mat-card-content>
+          <div class="container p-0">
+            <div class="flex-nowrap no-gutters row">
+              <a
+                class="d-flex w-100"
+                href="../en/blog/2022/07/ghostfolio-meets-internet-identity"
              >
                <div class="flex-grow-1">
                  <div class="h6 m-0 text-truncate">
@ -34,7 +58,7 @@
            <div class="flex-nowrap no-gutters row">
              <a
                class="d-flex w-100"
-                [routerLink]="['/en', 'blog', '2022', '07', 'how-do-i-get-my-finances-in-order']"
+                href="../en/blog/2022/07/how-do-i-get-my-finances-in-order"
              >
                <div class="flex-grow-1">
                  <div class="h6 m-0 text-truncate">
@ -60,7 +84,7 @@
            <div class="flex-nowrap no-gutters row">
              <a
                class="d-flex w-100"
-                [routerLink]="['/en', 'blog', '2022', '01', 'ghostfolio-first-months-in-open-source']"
+                href="../en/blog/2022/01/ghostfolio-first-months-in-open-source"
              >
                <div class="flex-grow-1">
                  <div class="h6 m-0 text-truncate">
@ -86,7 +110,7 @@
            <div class="flex-nowrap no-gutters row">
              <a
                class="d-flex w-100"
-                [routerLink]="['/en', 'blog', '2021', '07', 'hello-ghostfolio']"
+                href="../en/blog/2021/07/hello-ghostfolio"
              >
                <div class="flex-grow-1">
                  <div class="h6 m-0 text-truncate">Hello Ghostfolio</div>
@ -110,7 +134,7 @@
            <div class="flex-nowrap no-gutters row">
              <a
                class="d-flex w-100"
-                [routerLink]="['/de', 'blog', '2021', '07', 'hallo-ghostfolio']"
+                href="../de/blog/2021/07/hallo-ghostfolio"
              >
                <div class="flex-grow-1">
                  <div class="h6 m-0 text-truncate">Hallo Ghostfolio</div>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Thomas Kaul	0de28d733e	Release 1.187.0 (#1227 )	2022-09-03 21:42:23 +02:00
Thomas Kaul	3b2f13850c	Feature/improve chart calculation (#1226 ) * Improve chart calculation * Update changelog	2022-09-03 21:41:06 +02:00
Thomas Kaul	0cc42ffd7c	Add end date parameter (#1224 ) * Add end date parameter	2022-09-03 21:28:57 +02:00
Thomas Kaul	3ccb812ac3	Release 1.186.2 (#1223 )	2022-09-03 11:37:14 +02:00
Thomas Kaul	0a8549db3e	Release 1.186.1 (#1222 )	2022-09-03 11:19:31 +02:00
Thomas Kaul	c95e90ff31	Release 1.186.0 (#1221 )	2022-09-03 10:28:20 +02:00
Thomas Kaul	b59af0d864	Feature/upgrade nx to version 14.6.4 (#1220 ) * Upgrade nx and angular * Update changelog	2022-09-03 10:26:56 +02:00
Thomas Kaul	408bdbd187	Bugfix/fix GitHub contributors count (#1219 ) * Fix GitHub contributors count * Update changelog	2022-09-03 10:06:16 +02:00
Thomas Kaul	a3bfa46fb0	Feature/remove alias from user (#1218 ) * Remove alias * Update changelog	2022-09-03 09:47:18 +02:00
Thomas Kaul	8cb1b3f925	Feature/decrease rate limiter duration (#1217 ) * Decrease rate limiter duration * Update changelog	2022-09-03 09:09:57 +02:00
Thomas Kaul	15c650f951	Bugfix/fix blog post link (#1216 ) * Fix link * Update sitemap.xml	2022-09-03 09:09:37 +02:00
Thomas Kaul	c198bd78da	Add architectures (#1205 )	2022-09-03 08:32:01 +02:00
Thomas Kaul	35963580bc	Bugfix/improve error handling in portfolio calculations (#1215 ) * Improve error handling * Update changelog	2022-09-03 08:31:47 +02:00
Thomas Kaul	cf2c5bad02	Bugfix/change environment variables redis host and port to mandatory (#1211 ) * Change REDIS_HOST and REDIS_PORT to mandatory * Update changelog	2022-09-01 15:35:37 +02:00
Thomas Kaul	f332aea9b4	Release 1.185.0 (#1207 )	2022-08-30 20:53:26 +02:00
Thomas Kaul	7a9fd18407	Feature/improve markets overview (#1206 ) * Improve markets overview * Update changelog	2022-08-30 20:52:13 +02:00
Thomas Kaul	ca08d3154a	Bugfix/disable language selector for demo user (#1204 ) * Disable language selector for demo user * Update changelog	2022-08-28 21:11:27 +02:00
Thomas Kaul	01d4ae8757	Feature/move build pipeline from travis to GitHub actions (#1203 ) * Remove travis configurations * Update changelog	2022-08-28 21:10:25 +02:00
Thomas Kaul	43ce2786c1	Fetch all history for all tags and branches (#1202 )	2022-08-28 11:01:54 +02:00
Thomas Kaul	de2092c4d2	Release 1.184.2 (#1201 )	2022-08-28 10:09:59 +02:00
Thomas Kaul	435a180e54	Release 1.184.1 (#1200 )	2022-08-28 09:44:09 +02:00
Thomas Kaul	0ad30ffabe	Add version to docker tag (#1199 )	2022-08-28 09:43:06 +02:00
Thomas Kaul	0cc5e558f1	Release 1.184.0 (#1198 )	2022-08-28 09:12:03 +02:00
Thomas Kaul	63b183cc6f	Feature/finalize GitHub action to create arm64 docker image (#1197 ) * Change order and refactor secrets * Update changelog	2022-08-28 09:10:18 +02:00
Areedtz	10bae24c5c	Build arm64 docker image and use github actions (#1134 ) * Setup build pipeline for arm64 docker images using GitHub Actions	2022-08-27 14:37:22 +02:00
Thomas Kaul	0e29278e96	Feature/add alias to access (#1193 ) * Add alias to access * Update changelog	2022-08-27 11:29:09 +02:00
Thomas Kaul	2db46e5bbf	Feature/support localization in date fns (#1195 ) * Add locale to date-fns (formatDistanceToNow) * Update changelog	2022-08-27 10:54:59 +02:00
Thomas Kaul	e757e90e5a	Improve translation (#1196 )	2022-08-27 10:42:54 +02:00
Thomas Kaul	184ddc6209	Bugfix/fix missing assets in local development (#1194 ) * Fix missing assets in local development * Update changelog	2022-08-27 10:29:50 +02:00
Thomas Kaul	e3662a143c	Improve localization (#1191 ) * Improve localization * Update changelog	2022-08-26 20:10:59 +02:00
Thomas Kaul	25afd7e07b	Remove database:baseline (#1192 )	2022-08-26 18:08:05 +02:00
Thomas Kaul	7fceaa1350	Add language to urls (#1187 )	2022-08-26 17:52:42 +02:00
Thomas Kaul	7c8530483c	Release 1.183.0 (#1189 )	2022-08-24 20:55:38 +02:00
Thomas Kaul	539d3ff754	Feature/add asset sub class filter (#1188 ) * Add asset sub class filter * Update changelog	2022-08-24 20:53:50 +02:00
Thomas Kaul	9d28b63da6	Release 1.182.0 (#1186 )	2022-08-23 21:40:57 +02:00
Thomas Kaul	24abbd85e6	Feature/move asset profile details to dialog (#1185 ) * Introduce asset profile dialog * Update changelog	2022-08-23 21:39:04 +02:00
Thomas Kaul	b6f395fd3b	Feature/improve i18n (#1183 ) * Improve i18n * Update changelog	2022-08-22 19:57:48 +02:00
Thomas Kaul	04d894cf88	Release 1.181.2 (#1182 )	2022-08-21 21:42:05 +02:00
Thomas Kaul	b4d2c4109e	Release 1.181.1 (#1181 )	2022-08-21 20:58:51 +02:00
Thomas Kaul	823093f4d7	Release 1.181.0 (#1180 )	2022-08-21 18:08:54 +02:00
Thomas Kaul	56bf422407	Consider language from user settings (#1179 )	2022-08-21 18:06:31 +02:00
Thomas Kaul	df0e9ad03b	Bugfix/fix division by zero in benchmarks calculation (#1177 ) * Fix division by zero error * Update changelog	2022-08-21 17:03:03 +02:00
Thomas Kaul	0e3702c2be	Feature/improve german translation (#1178 ) * Simplify and translate locales * Add support for translated labels * Update changelog	2022-08-21 17:02:43 +02:00
Thomas Kaul	11136ae4f8	Eliminate duplicate locales (#1176 )	2022-08-20 14:01:15 +02:00
Thomas Kaul	2e6a7d5a91	Extract locales (#1175 )	2022-08-20 11:00:53 +02:00
Thomas Kaul	83845c256a	Feature/add language selector (#1174 ) * Add language selector * Add translations (german) * Update changelog	2022-08-20 10:55:27 +02:00
Thomas Kaul	34c9703716	Remove locale (#1173 )	2022-08-20 10:25:53 +02:00
Thomas Kaul	48903238c5	Feature/improve documentation of database migration (#1172 ) * Improve documentation * Update changelog	2022-08-20 10:22:02 +02:00
Le_Bleu	57a14bd945	automate database setup and upgrade (#1163 ) * Automate database setup and schema upgrade	2022-08-20 08:54:50 +02:00
Thomas Kaul	4fd0622114	Fix build:dev script (#1171 )	2022-08-19 20:39:21 +02:00
Thomas Kaul	52f0fb5ab8	Release 1.180.1 (#1170 )	2022-08-19 18:24:41 +02:00
Thomas Kaul	20195b2b1a	Release 1.180.0 (#1169 )	2022-08-18 21:15:17 +02:00
Thomas Kaul	7fa4e6ebd2	Feature/resolve feature graphic of blog post (#1168 ) * Resolve feature graphic of blog post * Update changelog	2022-08-18 21:13:39 +02:00
Thomas Kaul	d8531ddfcb	Bugfix/fix links to blog posts (#1167 ) * Fix links * Update changelog	2022-08-18 21:11:10 +02:00
Thomas Kaul	70d670b711	Bugfix/fix license (#1160 ) * Fix license * Update changelog	2022-08-17 23:23:39 +02:00
Thomas Kaul	27b0663a80	Add translations (#1159 )	2022-08-16 22:16:15 +02:00
Thomas Kaul	874dfb0235	Improve links (#1158 )	2022-08-16 21:52:37 +02:00
Thomas Kaul	072db0d558	Add translations (#1157 )	2022-08-16 21:40:51 +02:00
Thomas Kaul	12e692429a	Regenerate xlf (#1156 )	2022-08-16 21:30:12 +02:00
Thomas Kaul	e22b8b78b8	Feature/tag route titles with template literal strings (#1155 ) * Tagged template literal strings * Update changelog	2022-08-16 21:03:05 +02:00
Thomas Kaul	dc5052f7dc	Feature/set up language localization for german (#1153 ) * Set up language localization for German * Update changelog	2022-08-16 20:58:08 +02:00
Thomas Kaul	335553e891	Feature/tag template literal strings (#1152 ) * Tagged template literal strings * Update changelog	2022-08-16 20:53:14 +02:00
Thomas Kaul	d480ad1023	Extract locales (#1151 )	2022-08-15 19:56:42 +02:00
Thomas Kaul	7320751056	Feature/set up ng extract i18n merge (#1149 ) * Set up ng-extract-i18n-merge * Update changelog	2022-08-15 19:52:43 +02:00
Thomas Kaul	108c0c13c4	Release 1.179.5 (#1150 )	2022-08-15 18:17:57 +02:00
Thomas Kaul	053a5cc5b5	Release 1.179.4 (#1148 )	2022-08-14 10:10:54 +02:00
Thomas Kaul	c456a8bcfe	Release/1.179.3 (#1147 ) * Clean up * Release 1.179.3	2022-08-13 20:33:43 +02:00
Thomas Kaul	6fcecb5bc6	Release 1.179.2 (#1145 )	2022-08-13 13:39:37 +02:00
Thomas Kaul	e4e0a7d9f0	Release 1.179.1 (#1144 )	2022-08-13 12:16:39 +02:00
Thomas Kaul	c7173761a3	Release 1.179.0 (#1143 )	2022-08-13 10:44:38 +02:00
Thomas Kaul	185e130d9f	Feature/add blog post 500 stars on GitHub (#1138 ) * Add blog post * Update changelog	2022-08-13 10:42:56 +02:00
Thomas Kaul	81245635af	Feature/setup i18n (#1139 ) * Setup i18n * Update changelog	2022-08-13 10:29:36 +02:00
Thomas Kaul	55182ac1af	Feature/reduce maximum width of performance chart (#1137 ) * Reduce maximum width * Update changelog	2022-08-10 17:26:34 +02:00