Merge branch 'master' into 2370-feature-deleting-contribution-must-be-analog-to-confirming-contribution-dialog

.github/workflows/test.yml

@@ -35,7 +35,6 @@ jobs:
   build_test_admin:
     name: Docker Build Test - Admin Interface
     runs-on: ubuntu-latest
-    #needs: [nothing]
     steps:
       ##########################################################################
       # CHECKOUT CODE ##########################################################
@@ -437,7 +436,7 @@ jobs:
           report_name: Coverage Frontend
           type: lcov
           result_path: ./coverage/lcov.info
-          min_coverage: 91
+          min_coverage: 93
           token: ${{ github.token }}
   
   ##############################################################################

CHANGELOG.md

@@ -4,8 +4,76 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [1.17.1](https://github.com/gradido/gradido/compare/1.17.0...1.17.1)
+
+- refactor(frontend): change contribution memo add word-break [`#2583`](https://github.com/gradido/gradido/pull/2583)
+- refactor(admin): add text-break on all table memo fields [`#2584`](https://github.com/gradido/gradido/pull/2584)
+- fix(frontend): throw proper frontend warning errors [`#2586`](https://github.com/gradido/gradido/pull/2586)
+- refactor(frontend): equalize en with fr languages. [`#2585`](https://github.com/gradido/gradido/pull/2585)
+- refactor(frontend): forgot password unit tests [`#2582`](https://github.com/gradido/gradido/pull/2582)
+- fix(frontend): fix min value for hours input [`#2581`](https://github.com/gradido/gradido/pull/2581)
+- fix(frontend): change dropdown placement calender no-flip true [`#2580`](https://github.com/gradido/gradido/pull/2580)
+- refactor(frontend): link send result style [`#2577`](https://github.com/gradido/gradido/pull/2577)
+- refactor(frontend): remove vertical scrolling & small fixes [`#2578`](https://github.com/gradido/gradido/pull/2578)
+- refactor(frontend): tyle mobile device auth template [`#2576`](https://github.com/gradido/gradido/pull/2576)
+
+#### [1.17.0](https://github.com/gradido/gradido/compare/1.16.0...1.17.0)
+
+> 18 January 2023
+
+- chore(release): v1.17.0 [`#2575`](https://github.com/gradido/gradido/pull/2575)
+- fix(frontend): submit contribution text [`#2573`](https://github.com/gradido/gradido/pull/2573)
+- fix(backend): admin cannot delete confirmed contribution [`#2571`](https://github.com/gradido/gradido/pull/2571)
+- fix(frontend): english locales - horas -> hours [`#2572`](https://github.com/gradido/gradido/pull/2572)
+- fix(frontend): mobil divices datepicker add props dropleft  [`#2570`](https://github.com/gradido/gradido/pull/2570)
+- fix(frontend): pagination [`#2569`](https://github.com/gradido/gradido/pull/2569)
+- fix(frontend): add a watch on gdt prop to assure propper loading when mounted [`#2568`](https://github.com/gradido/gradido/pull/2568)
+- refactor(frontend): creation step in quarter hour set [`#2566`](https://github.com/gradido/gradido/pull/2566)
+- fix(frontend): tunneled email on right side last transactions [`#2561`](https://github.com/gradido/gradido/pull/2561)
+- feat(frontend): test transaction page [`#2555`](https://github.com/gradido/gradido/pull/2555)
+- refactor(backend): statistics with field resolvers [`#2553`](https://github.com/gradido/gradido/pull/2553)
+- fix(frontend): normalized amount transaction if processed again [`#2550`](https://github.com/gradido/gradido/pull/2550)
+- fix(backend): semaphore deadlock [`#2551`](https://github.com/gradido/gradido/pull/2551)
+- fix(frontend): mobile design [`#2552`](https://github.com/gradido/gradido/pull/2552)
+- refactor(frontend): slots for right sidebar and header [`#2548`](https://github.com/gradido/gradido/pull/2548)
+- fix(frontend): creation menu highlighted on all submenus [`#2527`](https://github.com/gradido/gradido/pull/2527)
+- refactor(frontend): computed hours for open creations [`#2545`](https://github.com/gradido/gradido/pull/2545)
+- feat(other): add description for daily backup cronjob [`#2532`](https://github.com/gradido/gradido/pull/2532)
+- fix(frontend): editing transaction does not work [`#2543`](https://github.com/gradido/gradido/pull/2543)
+- refactor(frontend): remove open creations from store [`#2541`](https://github.com/gradido/gradido/pull/2541)
+- feat(other): vscode extensions [`#2524`](https://github.com/gradido/gradido/pull/2524)
+- fix(backend): remove jest from dependecies [`#2533`](https://github.com/gradido/gradido/pull/2533)
+- fix(frontend): initials without space [`#2546`](https://github.com/gradido/gradido/pull/2546)
+- fix(backend): fix backend not confirmable [`#2539`](https://github.com/gradido/gradido/pull/2539)
+- fix(frontend):  send gdd and send link gdd is running [`#2534`](https://github.com/gradido/gradido/pull/2534)
+- fix(other): update browser list [`#2540`](https://github.com/gradido/gradido/pull/2540)
+- test(backend): increase backend coverage to 78% [`#2542`](https://github.com/gradido/gradido/pull/2542)
+- fix(frontend): pagination gdt  [`#2525`](https://github.com/gradido/gradido/pull/2525)
+- fix(frontend): leaves are over the user symbol [`#2526`](https://github.com/gradido/gradido/pull/2526)
+- fix(frontend): input-email label and placeholder are displayed correctly per language [`#2528`](https://github.com/gradido/gradido/pull/2528)
+- feat(backend): add hideAmountGDD & hideAmountGDT to users table. [`#2506`](https://github.com/gradido/gradido/pull/2506)
+- fix(frontend): avatar initials always has 2 letters [`#2530`](https://github.com/gradido/gradido/pull/2530)
+- refactor(backend): seed contributions as user [`#2460`](https://github.com/gradido/gradido/pull/2460)
+- fix(backend): fix logger middleware [`#2503`](https://github.com/gradido/gradido/pull/2503)
+- fix(backend): fix email text [`#2523`](https://github.com/gradido/gradido/pull/2523)
+- feat(other): new scopes for lint pr [`#2489`](https://github.com/gradido/gradido/pull/2489)
+- fix(backend): fix config - some typos [`#2477`](https://github.com/gradido/gradido/pull/2477)
+- style(frontend): new Design [`#2297`](https://github.com/gradido/gradido/pull/2297)
+- refactor(other): adjust some texts and translations [`#2504`](https://github.com/gradido/gradido/pull/2504)
+- test(other): fix tests breaking with the new year [`#2505`](https://github.com/gradido/gradido/pull/2505)
+- feat(backend): federation implement exchange of api versions persist in table [`#2427`](https://github.com/gradido/gradido/pull/2427)
+- feat(backend): semaphore to lock transaction table [`#2458`](https://github.com/gradido/gradido/pull/2458)
+- feat(backend): design html emails and adjust texts [`#2472`](https://github.com/gradido/gradido/pull/2472)
+- feat(backend): test semaphore [`#2468`](https://github.com/gradido/gradido/pull/2468)
+- fix(admin): reduce triggers of success toast on deleted user form to exactly one [`#2471`](https://github.com/gradido/gradido/pull/2471)
+- refactor(other):  build nginx docker image in workflow independent of other builds [`#2470`](https://github.com/gradido/gradido/pull/2470)
+- feat(backend): setup unit tests for federation [`#2465`](https://github.com/gradido/gradido/pull/2465)
+
 #### [1.16.0](https://github.com/gradido/gradido/compare/1.15.0...1.16.0)
 
+> 15 December 2022
+
+- feat(release): version 1.16.0 [`#2467`](https://github.com/gradido/gradido/pull/2467)
 - refactor(backend): cleaning user related old password junk [`#2426`](https://github.com/gradido/gradido/pull/2426)
 - fix(database): consistent transaction table [`#2453`](https://github.com/gradido/gradido/pull/2453)
 - refactor(backend): dissolve admin resolver [`#2416`](https://github.com/gradido/gradido/pull/2416)

admin/package.json

@@ -3,7 +3,7 @@
   "description": "Administraion Interface for Gradido",
   "main": "index.js",
   "author": "Moriz Wahl",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "license": "Apache-2.0",
   "private": false,
   "scripts": {

admin/src/components/CreationTransactionList.vue

@@ -88,7 +88,7 @@ export default {
             return `${value} GDD`
           },
         },
-        { key: 'memo', label: this.$t('transactionlist.memo') },
+        { key: 'memo', label: this.$t('transactionlist.memo'), class: 'text-break' },
       ],
     }
   },

admin/src/components/Tables/OpenCreationsTable.spec.js

@@ -57,7 +57,7 @@ const propsData = {
         return value + ' GDD'
       },
     },
-    { key: 'memo', label: 'text' },
+    { key: 'memo', label: 'text', class: 'text-break' },
     {
       key: 'date',
       label: 'date',

admin/src/components/TransactionLinkList.vue

@@ -67,7 +67,7 @@ export default {
             return `${value} GDD`
           },
         },
-        { key: 'memo', label: this.$t('transactionlist.memo') },
+        { key: 'memo', label: this.$t('transactionlist.memo'), class: 'text-break' },
         {
           key: 'validUntil',
           label: this.$t('transactionlink.valid_until'),

admin/src/graphql/communityStatistics.js

@@ -4,12 +4,14 @@ export const communityStatistics = gql`
   query {
     communityStatistics {
       totalUsers
-      activeUsers
       deletedUsers
       totalGradidoCreated
       totalGradidoDecayed
+      dynamicStatisticsFields {
+        activeUsers
         totalGradidoAvailable
         totalGradidoUnbookedDecayed
       }
     }
+  }
 `

admin/src/pages/CommunityStatistic.spec.js

@@ -17,13 +17,15 @@ const defaultData = () => {
   return {
     communityStatistics: {
       totalUsers: 3113,
-      activeUsers: 1057,
       deletedUsers: 35,
       totalGradidoCreated: '4083774.05000000000000000000',
       totalGradidoDecayed: '-1062639.13634129622923372197',
+      dynamicStatisticsFields: {
+        activeUsers: 1057,
         totalGradidoAvailable: '2513565.869444365732411569',
         totalGradidoUnbookedDecayed: '-500474.6738366222166261272',
       },
+    },
   }
 }
 

admin/src/pages/CommunityStatistic.vue

@@ -31,7 +31,9 @@ export default {
         return communityStatistics
       },
       update({ communityStatistics }) {
-        this.statistics = communityStatistics
+        const totals = { ...communityStatistics.dynamicStatisticsFields }
+        this.statistics = { ...communityStatistics, ...totals }
+        delete this.statistics.dynamicStatisticsFields
       },
       error({ message }) {
         this.toastError(message)

admin/src/pages/CreationConfirm.vue

@@ -142,7 +142,7 @@ export default {
             return value + ' GDD'
           },
         },
-        { key: 'memo', label: this.$t('text') },
+        { key: 'memo', label: this.$t('text'), class: 'text-break' },
         {
           key: 'date',
           label: this.$t('date'),

backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gradido-backend",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "description": "Gradido unified backend providing an API-Service for Gradido Transactions",
   "main": "src/index.ts",
   "repository": "https://github.com/gradido/gradido/backend",

backend/src/graphql/model/CommunityStatistics.ts

@@ -2,13 +2,25 @@ import { ObjectType, Field } from 'type-graphql'
 import Decimal from 'decimal.js-light'
 
 @ObjectType()
-export class CommunityStatistics {
+export class DynamicStatisticsFields {
-  @Field(() => Number)
-  totalUsers: number
-
   @Field(() => Number)
   activeUsers: number
 
+  @Field(() => Decimal)
+  totalGradidoAvailable: Decimal
+
+  @Field(() => Decimal)
+  totalGradidoUnbookedDecayed: Decimal
+}
+
+@ObjectType()
+export class CommunityStatistics {
+  @Field(() => Number)
+  allUsers: number
+
+  @Field(() => Number)
+  totalUsers: number
+
   @Field(() => Number)
   deletedUsers: number
 
@@ -18,9 +30,7 @@ export class CommunityStatistics {
   @Field(() => Decimal)
   totalGradidoDecayed: Decimal
 
-  @Field(() => Decimal)
+  // be carefull querying this, takes longer than 2 secs.
-  totalGradidoAvailable: Decimal
+  @Field(() => DynamicStatisticsFields)
-
+  dynamicStatisticsFields: DynamicStatisticsFields
-  @Field(() => Decimal)
-  totalGradidoUnbookedDecayed: Decimal
 }

backend/src/graphql/resolver/ContributionResolver.test.ts

@@ -3,6 +3,7 @@
 
 import Decimal from 'decimal.js-light'
 import { bibiBloxberg } from '@/seeds/users/bibi-bloxberg'
+import { bobBaumeister } from '@/seeds/users/bob-baumeister'
 import { stephenHawking } from '@/seeds/users/stephen-hawking'
 import { garrickOllivander } from '@/seeds/users/garrick-ollivander'
 import {
@@ -26,7 +27,13 @@ import {
   sendContributionConfirmedEmail,
   // sendContributionRejectedEmail,
 } from '@/emails/sendEmailVariants'
-import { cleanDB, resetToken, testEnvironment, contributionDateFormatter } from '@test/helpers'
+import {
+  cleanDB,
+  resetToken,
+  testEnvironment,
+  contributionDateFormatter,
+  resetEntity,
+} from '@test/helpers'
 import { GraphQLError } from 'graphql'
 import { userFactory } from '@/seeds/factory/user'
 import { creationFactory } from '@/seeds/factory/creation'
@@ -1818,6 +1825,49 @@ describe('ContributionResolver', () => {
               )
             })
           })
+
+          describe('creation already confirmed', () => {
+            it('throws an error', async () => {
+              await userFactory(testEnv, bobBaumeister)
+              await query({
+                query: login,
+                variables: { email: 'bob@baumeister.de', password: 'Aa12345_' },
+              })
+              const {
+                data: { createContribution: confirmedContribution },
+              } = await mutate({
+                mutation: createContribution,
+                variables: {
+                  amount: 100.0,
+                  memo: 'Confirmed Contribution',
+                  creationDate: contributionDateFormatter(new Date()),
+                },
+              })
+              await query({
+                query: login,
+                variables: { email: 'peter@lustig.de', password: 'Aa12345_' },
+              })
+              await mutate({
+                mutation: confirmContribution,
+                variables: {
+                  id: confirmedContribution.id ? confirmedContribution.id : -1,
+                },
+              })
+              await expect(
+                mutate({
+                  mutation: adminDeleteContribution,
+                  variables: {
+                    id: confirmedContribution.id ? confirmedContribution.id : -1,
+                  },
+                }),
+              ).resolves.toEqual(
+                expect.objectContaining({
+                  errors: [new GraphQLError('A confirmed contribution can not be deleted')],
+                }),
+              )
+              await resetEntity(DbTransaction)
+            })
+          })
         })
 
         describe('confirmContribution', () => {

backend/src/graphql/resolver/ContributionResolver.ts

@@ -512,6 +512,10 @@ export class ContributionResolver {
       logger.error(`Contribution not found for given id: ${id}`)
       throw new Error('Contribution not found for given id.')
     }
+    if (contribution.confirmedAt) {
+      logger.error('A confirmed contribution can not be deleted')
+      throw new Error('A confirmed contribution can not be deleted')
+    }
     const moderator = getUser(context)
     if (
       contribution.contributionType === ContributionType.USER &&
@@ -557,7 +561,6 @@ export class ContributionResolver {
   ): Promise<boolean> {
     // acquire lock
     const releaseLock = await TRANSACTIONS_LOCK.acquire()
-
     try {
       const clientTimezoneOffset = getClientTimezoneOffset(context)
       const contribution = await DbContribution.findOne(id)
@@ -664,7 +667,6 @@ export class ContributionResolver {
     } finally {
       releaseLock()
     }
-
     return true
   }
 

backend/src/graphql/resolver/StatisticsResolver.ts

@@ -1,33 +1,82 @@
 import Decimal from 'decimal.js-light'
-import { Resolver, Query, Authorized } from 'type-graphql'
+import { Resolver, Query, Authorized, FieldResolver } from 'type-graphql'
 import { getConnection } from '@dbTools/typeorm'
 
 import { Transaction as DbTransaction } from '@entity/Transaction'
 import { User as DbUser } from '@entity/User'
 
-import { CommunityStatistics } from '@model/CommunityStatistics'
+import { CommunityStatistics, DynamicStatisticsFields } from '@model/CommunityStatistics'
 
 import { RIGHTS } from '@/auth/RIGHTS'
 import { calculateDecay } from '@/util/decay'
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable-next-line @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+@Resolver((of) => CommunityStatistics)
-
-@Resolver()
 export class StatisticsResolver {
   @Authorized([RIGHTS.COMMUNITY_STATISTICS])
   @Query(() => CommunityStatistics)
   async communityStatistics(): Promise<CommunityStatistics> {
-    const allUsers = await DbUser.count({ withDeleted: true })
+    return new CommunityStatistics()
-    const totalUsers = await DbUser.count()
+  }
-    const deletedUsers = allUsers - totalUsers
 
+  @FieldResolver(() => Decimal)
+  async allUsers(): Promise<number> {
+    return await DbUser.count({ withDeleted: true })
+  }
+
+  @FieldResolver()
+  async totalUsers(): Promise<number> {
+    return await DbUser.count()
+  }
+
+  @FieldResolver()
+  async deletedUsers(): Promise<number> {
+    return (await this.allUsers()) - (await this.totalUsers())
+  }
+
+  @FieldResolver()
+  async totalGradidoCreated(): Promise<Decimal> {
+    const queryRunner = getConnection().createQueryRunner()
+    try {
+      await queryRunner.connect()
+      const { totalGradidoCreated } = await queryRunner.manager
+        .createQueryBuilder()
+        .select('SUM(transaction.amount) AS totalGradidoCreated')
+        .from(DbTransaction, 'transaction')
+        .where('transaction.typeId = 1')
+        .getRawOne()
+      return totalGradidoCreated
+    } finally {
+      await queryRunner.release()
+    }
+  }
+
+  @FieldResolver()
+  async totalGradidoDecayed(): Promise<Decimal> {
+    const queryRunner = getConnection().createQueryRunner()
+    try {
+      await queryRunner.connect()
+      const { totalGradidoDecayed } = await queryRunner.manager
+        .createQueryBuilder()
+        .select('SUM(transaction.decay) AS totalGradidoDecayed')
+        .from(DbTransaction, 'transaction')
+        .where('transaction.decay IS NOT NULL')
+        .getRawOne()
+      return totalGradidoDecayed
+    } finally {
+      await queryRunner.release()
+    }
+  }
+
+  @FieldResolver()
+  async dynamicStatisticsFields(): Promise<DynamicStatisticsFields> {
     let totalGradidoAvailable: Decimal = new Decimal(0)
     let totalGradidoUnbookedDecayed: Decimal = new Decimal(0)
 
     const receivedCallDate = new Date()
 
     const queryRunner = getConnection().createQueryRunner()
+    try {
       await queryRunner.connect()
 
       const lastUserTransactions = await queryRunner.manager
@@ -52,30 +101,13 @@ export class StatisticsResolver {
         }
       })
 
-    const { totalGradidoCreated } = await queryRunner.manager
-      .createQueryBuilder()
-      .select('SUM(transaction.amount) AS totalGradidoCreated')
-      .from(DbTransaction, 'transaction')
-      .where('transaction.typeId = 1')
-      .getRawOne()
-
-    const { totalGradidoDecayed } = await queryRunner.manager
-      .createQueryBuilder()
-      .select('SUM(transaction.decay) AS totalGradidoDecayed')
-      .from(DbTransaction, 'transaction')
-      .where('transaction.decay IS NOT NULL')
-      .getRawOne()
-
-    await queryRunner.release()
-
       return {
-      totalUsers,
         activeUsers,
-      deletedUsers,
-      totalGradidoCreated,
-      totalGradidoDecayed,
         totalGradidoAvailable,
         totalGradidoUnbookedDecayed,
       }
+    } finally {
+      await queryRunner.release()
+    }
   }
 }

backend/src/graphql/resolver/TransactionLinkResolver.test.ts

@@ -4,7 +4,7 @@
 import { transactionLinkCode } from './TransactionLinkResolver'
 import { bibiBloxberg } from '@/seeds/users/bibi-bloxberg'
 import { peterLustig } from '@/seeds/users/peter-lustig'
-import { cleanDB, testEnvironment, resetToken } from '@test/helpers'
+import { cleanDB, testEnvironment, resetToken, resetEntity } from '@test/helpers'
 import { creationFactory } from '@/seeds/factory/creation'
 import { creations } from '@/seeds/creation/index'
 import { userFactory } from '@/seeds/factory/user'
@@ -50,7 +50,137 @@ afterAll(async () => {
 })
 
 describe('TransactionLinkResolver', () => {
-  // TODO: have this test separated into a transactionLink and a contributionLink part (if possible)
+  describe('redeemTransactionLink', () => {
+    describe('contributionLink', () => {
+      describe('input not valid', () => {
+        beforeAll(async () => {
+          await mutate({
+            mutation: login,
+            variables: { email: 'peter@lustig.de', password: 'Aa12345_' },
+          })
+        })
+
+        it('throws error when link does not exists', async () => {
+          await expect(
+            mutate({
+              mutation: redeemTransactionLink,
+              variables: {
+                code: 'CL-123456',
+              },
+            }),
+          ).resolves.toMatchObject({
+            errors: [
+              new GraphQLError(
+                'Creation from contribution link was not successful. Error: No contribution link found to given code: CL-123456',
+              ),
+            ],
+          })
+        })
+
+        it('throws error when link is not valid yet', async () => {
+          const now = new Date()
+          const {
+            data: { createContributionLink: contributionLink },
+          } = await mutate({
+            mutation: createContributionLink,
+            variables: {
+              amount: new Decimal(5),
+              name: 'Daily Contribution  Link',
+              memo: 'Thank you for contribute daily to the community',
+              cycle: 'DAILY',
+              validFrom: new Date(now.getFullYear() + 1, 0, 1).toISOString(),
+              validTo: new Date(now.getFullYear() + 1, 11, 31, 23, 59, 59, 999).toISOString(),
+              maxAmountPerMonth: new Decimal(200),
+              maxPerCycle: 1,
+            },
+          })
+          await expect(
+            mutate({
+              mutation: redeemTransactionLink,
+              variables: {
+                code: 'CL-' + contributionLink.code,
+              },
+            }),
+          ).resolves.toMatchObject({
+            errors: [
+              new GraphQLError(
+                'Creation from contribution link was not successful. Error: Contribution link not valid yet',
+              ),
+            ],
+          })
+          await resetEntity(DbContributionLink)
+        })
+
+        it('throws error when contributionLink cycle is invalid', async () => {
+          const now = new Date()
+          const {
+            data: { createContributionLink: contributionLink },
+          } = await mutate({
+            mutation: createContributionLink,
+            variables: {
+              amount: new Decimal(5),
+              name: 'Daily Contribution  Link',
+              memo: 'Thank you for contribute daily to the community',
+              cycle: 'INVALID',
+              validFrom: new Date(now.getFullYear(), 0, 1).toISOString(),
+              validTo: new Date(now.getFullYear(), 11, 31, 23, 59, 59, 999).toISOString(),
+              maxAmountPerMonth: new Decimal(200),
+              maxPerCycle: 1,
+            },
+          })
+          await expect(
+            mutate({
+              mutation: redeemTransactionLink,
+              variables: {
+                code: 'CL-' + contributionLink.code,
+              },
+            }),
+          ).resolves.toMatchObject({
+            errors: [
+              new GraphQLError(
+                'Creation from contribution link was not successful. Error: Contribution link has unknown cycle',
+              ),
+            ],
+          })
+          await resetEntity(DbContributionLink)
+        })
+
+        it('throws error when link is no longer valid', async () => {
+          const now = new Date()
+          const {
+            data: { createContributionLink: contributionLink },
+          } = await mutate({
+            mutation: createContributionLink,
+            variables: {
+              amount: new Decimal(5),
+              name: 'Daily Contribution  Link',
+              memo: 'Thank you for contribute daily to the community',
+              cycle: 'DAILY',
+              validFrom: new Date(now.getFullYear() - 1, 0, 1).toISOString(),
+              validTo: new Date(now.getFullYear() - 1, 11, 31, 23, 59, 59, 999).toISOString(),
+              maxAmountPerMonth: new Decimal(200),
+              maxPerCycle: 1,
+            },
+          })
+          await expect(
+            mutate({
+              mutation: redeemTransactionLink,
+              variables: {
+                code: 'CL-' + contributionLink.code,
+              },
+            }),
+          ).resolves.toMatchObject({
+            errors: [
+              new GraphQLError(
+                'Creation from contribution link was not successful. Error: Contribution link is no longer valid',
+              ),
+            ],
+          })
+          await resetEntity(DbContributionLink)
+        })
+      })
+
+      // TODO: have this test separated into a transactionLink and a contributionLink part
       describe('redeem daily Contribution Link', () => {
         const now = new Date()
         let contributionLink: DbContributionLink | undefined
@@ -237,6 +367,7 @@ describe('TransactionLinkResolver', () => {
           })
         })
       })
+    })
 
     describe('transaction links list', () => {
       const variables = {
@@ -305,7 +436,9 @@ describe('TransactionLinkResolver', () => {
             variables.userId = user.id
             variables.pageSize = 25
             // bibi needs GDDs
-          const bibisCreation = creations.find((creation) => creation.email === 'bibi@bloxberg.de')
+            const bibisCreation = creations.find(
+              (creation) => creation.email === 'bibi@bloxberg.de',
+            )
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             await creationFactory(testEnv, bibisCreation!)
             // bibis transaktion links
@@ -519,3 +652,4 @@ describe('transactionLinkCode', () => {
       expect(transactionLinkCode(date)).toEqual(expect.stringMatching(regexp))
     })
   })
+})

backend/src/graphql/resolver/TransactionLinkResolver.ts

@@ -170,6 +170,7 @@ export class TransactionLinkResolver {
     if (code.match(/^CL-/)) {
       // acquire lock
       const releaseLock = await TRANSACTIONS_LOCK.acquire()
+      try {
         logger.info('redeem contribution link...')
         const now = new Date()
         const queryRunner = getConnection().createQueryRunner()
@@ -184,7 +185,7 @@ export class TransactionLinkResolver {
             .getOne()
           if (!contributionLink) {
             logger.error('no contribution link found to given code:', code)
-          throw new Error('No contribution link found')
+            throw new Error(`No contribution link found to given code: ${code}`)
           }
           logger.info('...contribution link found with id', contributionLink.id)
           if (new Date(contributionLink.validFrom).getTime() > now.getTime()) {
@@ -196,8 +197,11 @@ export class TransactionLinkResolver {
           }
           if (contributionLink.validTo) {
             if (new Date(contributionLink.validTo).setHours(23, 59, 59) < now.getTime()) {
-            logger.error('contribution link is depricated. Valid to: ', contributionLink.validTo)
+              logger.error(
-            throw new Error('Contribution link is depricated')
+                'contribution link is no longer valid. Valid to: ',
+                contributionLink.validTo,
+              )
+              throw new Error('Contribution link is no longer valid')
             }
           }
           let alreadyRedeemed: DbContribution | undefined
@@ -312,6 +316,8 @@ export class TransactionLinkResolver {
           throw new Error(`Creation from contribution link was not successful. ${e}`)
         } finally {
           await queryRunner.release()
+        }
+      } finally {
         releaseLock()
       }
       return true

backend/src/graphql/resolver/TransactionResolver.ts

@@ -45,6 +45,9 @@ export const executeTransaction = async (
   recipient: dbUser,
   transactionLink?: dbTransactionLink | null,
 ): Promise<boolean> => {
+  // acquire lock
+  const releaseLock = await TRANSACTIONS_LOCK.acquire()
+  try {
     logger.info(
       `executeTransaction(amount=${amount}, memo=${memo}, sender=${sender}, recipient=${recipient})...`,
     )
@@ -64,10 +67,6 @@ export const executeTransaction = async (
       throw new Error(`memo text is too short (${MEMO_MIN_CHARS} characters minimum)`)
     }
 
-  // acquire lock
-  const releaseLock = await TRANSACTIONS_LOCK.acquire()
-
-  try {
     // validate amount
     const receivedCallDate = new Date()
     const sendBalance = await calculateBalance(
@@ -187,10 +186,10 @@ export const executeTransaction = async (
       })
     }
     logger.info(`finished executeTransaction successfully`)
-    return true
   } finally {
     releaseLock()
   }
+  return true
 }
 
 @Resolver()

database/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gradido-database",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "description": "Gradido Database Tool to execute database migrations",
   "main": "src/index.ts",
   "repository": "https://github.com/gradido/gradido/database",

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue-gradido-wallet",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "private": true,
   "scripts": {
     "start": "node run/server.js",

frontend/src/App.vue

@@ -30,7 +30,7 @@ export default {
   font-family: 'WorkSans', sans-serif !important;
 }
 .appContent {
-  min-width: 360px;
+  min-width: 330px;
   max-width: 1320px;
   margin-right: auto;
   margin-left: auto;

frontend/src/assets/News/news.json

@@ -18,7 +18,7 @@
     "date": "01 janvier 2023",
     "text": "Compte Gradido 2023 : nouveau design et communautés décentralisées",
     "url": "https://gradido.net/fr/gradido-konto-2023-neues-design-und-dezentrale-communities/",
-    "extra": "Ce sont souvent les personnes les plus discrètes qui créent silencieusement, avec application et passion, les bases de grands développements. Notre site Développeur ont effectué ces derniers mois un travail préparatoire formidable qui sera mis à profit en 2023."
+    "extra": "Ce sont souvent les personnes les plus discrètes qui créent silencieusement, avec application et passion, les bases de grands développements. Nos développeurs ont effectués ces derniers mois un travail préparatoire formidable qui sera mis à profit en 2023."
   },
   {
     "locale": "es",

frontend/src/assets/scss/gradido-template.scss

@@ -11,7 +11,7 @@ body {
 
 .bg-gradient {
   background: rgb(4 112 6);
-  background: linear-gradient(90deg, rgb(4 112 6 / 100%) 73%, rgb(197 141 56 / 100%) 100%);
+  background: linear-gradient(90deg, rgb(4 112 6 / 100%) 22%, rgb(197 141 56 / 100%) 98%);
   color: white;
 }
 

frontend/src/components/Auth/AuthNavbar.vue

@@ -53,6 +53,7 @@ export default {
 
 .auth-header {
   font-family: 'Open Sans', sans-serif !important;
+  height: 150px;
 }
 
 .sheet-img {
@@ -61,6 +62,17 @@ export default {
   max-width: 64%;
 }
 
+@media screen and (max-width: 1024px) {
+  .auth-header {
+    height: 100px;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .auth-header {
+    height: 70px;
+  }
+}
 @media screen and (max-width: 450px) {
   .sheet-img {
     top: -15px;

frontend/src/components/ClipboardCopy.vue

@@ -1,17 +1,31 @@
 <template>
   <div class="clipboard-copy">
-    <div v-if="canCopyLink" size="lg" class="mb-5">
+    <div v-if="canCopyLink" class="mb-5">
-      <div class="d-flex">
       <div>
         <label>{{ $t('gdd_per_link.copy-link') }}</label>
-          <div class="pointer text-center bg-secondary gradido-border-radius p-4" @click="copyLink">
+        <div
+          class="pointer text-center bg-secondary gradido-border-radius p-3"
+          @click="copyLink"
+          data-test="copyLink"
+        >
           {{ link }}
-          </div>
-        </div>
-        <div class="ml-5">
-          <label>{{ $t('gdd_per_link.copy-link-with-text') }}</label>
           <div>
-            <b-button @click="copyLinkWithText" class="p-4">
+            <b-button class="p-4">
+              <b-icon icon="link45deg"></b-icon>
+            </b-button>
+          </div>
+        </div>
+      </div>
+      <div class="mt-5">
+        <label>{{ $t('gdd_per_link.copy-link-with-text') }}</label>
+        <div
+          class="pointer text-center bg-secondary gradido-border-radius p-3"
+          data-test="copyLinkWithText"
+          @click="copyLinkWithText"
+        >
+          {{ linkText }}
+          <div>
+            <b-button class="p-4">
               <b-icon icon="link45deg"></b-icon>
             </b-button>
           </div>

frontend/src/components/Contributions/ContributionForm.spec.js

@@ -12,6 +12,7 @@ describe('ContributionForm', () => {
       date: '',
       memo: '',
       amount: '',
+      hours: 0,
     },
     isThisMonth: true,
     minimalDate: new Date(),
@@ -22,6 +23,7 @@ describe('ContributionForm', () => {
   const mocks = {
     $t: jest.fn((t) => t),
     $d: jest.fn((d) => d),
+    $n: jest.fn((n) => n),
     $store: {
       state: {
         creation: ['1000', '1000', '1000'],
@@ -375,6 +377,7 @@ describe('ContributionForm', () => {
                       date: now,
                       memo: 'Mein Beitrag zur Gemeinschaft für diesen Monat ...',
                       amount: '200',
+                      hours: 0,
                     },
                   ]),
                 ]),

frontend/src/components/Contributions/ContributionForm.vue

@@ -3,13 +3,12 @@
     <b-form
       ref="form"
       @submit.prevent="submit"
-      class="border p-3 bg-white appBoxShadow gradido-border-radius"
+      class="p-3 bg-white appBoxShadow gradido-border-radius"
     >
       <label>{{ $t('contribution.selectDate') }}</label>
       <b-form-datepicker
         id="contribution-date"
         v-model="form.date"
-        size="lg"
         :locale="$i18n.locale"
         :max="maximalDate"
         :min="minimalDate"
@@ -18,11 +17,12 @@
         :label-no-date-selected="$t('contribution.noDateSelected')"
         required
         :disabled="this.form.id !== null"
+        :no-flip="true"
       >
         <template #nav-prev-year><span></span></template>
         <template #nav-next-year><span></span></template>
       </b-form-datepicker>
-      <div v-if="validMaxGDD > 0">
+
       <input-textarea
         id="contribution-memo"
         v-model="form.memo"
@@ -35,12 +35,12 @@
         v-model="form.hours"
         :name="$t('form.hours')"
         :label="$t('form.hours')"
-          placeholder="0.5"
+        placeholder="0.25"
         :rules="{
           required: true,
-            min: 0.5,
+          min: 0.25,
           max: validMaxTime,
-            gddCreationTime: [0.5, validMaxTime],
+          gddCreationTime: [0.25, validMaxTime],
         }"
         :validMaxTime="validMaxTime"
         @updateAmount="updateAmount"
@@ -54,8 +54,7 @@
         :rules="{ required: true, gddSendAmount: [20, validMaxGDD] }"
         typ="ContributionForm"
       ></input-amount>
-      </div>
+
-      <div v-else class="mb-5">{{ $t('contribution.exhausted') }}</div>
       <b-row class="mt-5">
         <b-col>
           <b-button type="reset" variant="secondary" @click="reset" data-test="button-cancel">
@@ -111,7 +110,7 @@ export default {
       this.form.id = null
       this.form.date = ''
       this.form.memo = ''
-      this.form.hours = 0.0
+      this.form.hours = 0
       this.form.amount = ''
     },
   },

frontend/src/components/Contributions/ContributionListItem.spec.js

@@ -48,7 +48,7 @@ describe('ContributionListItem', () => {
 
       it('is x-circle when deletedAt is present', async () => {
         await wrapper.setProps({ deletedAt: new Date().toISOString() })
-        expect(wrapper.vm.icon).toBe('x-circle')
+        expect(wrapper.vm.icon).toBe('trash')
       })
 
       it('is check when confirmedAt is present', async () => {

frontend/src/components/Contributions/ContributionListItem.vue

@@ -16,21 +16,27 @@
           <b-avatar v-else :icon="icon" :variant="variant" size="3em"></b-avatar>
         </b-col>
         <b-col>
-          <div v-if="firstName" class="mr-3 font-weight-bold">{{ firstName }} {{ lastName }}</div>
+          <div v-if="firstName" class="mr-3 font-weight-bold">
+            {{ firstName }} {{ lastName }}
+            <b-icon :icon="icon" :variant="variant"></b-icon>
+          </div>
           <div class="small">
             {{ $d(new Date(contributionDate), 'monthAndYear') }}
           </div>
           <div class="mt-3 font-weight-bold">{{ $t('contributionText') }}</div>
-          <div class="mb-3">{{ memo }}</div>
+          <div class="mb-3 text-break word-break">{{ memo }}</div>
           <div v-if="state === 'IN_PROGRESS'" class="text-205">
             {{ $t('contribution.alert.answerQuestion') }}
           </div>
         </b-col>
-        <b-col cols="12" lg="3" offset="3" offset-md="0" offset-lg="0">
+        <b-col cols="9" lg="3" offset="3" offset-md="0" offset-lg="0">
           <div class="small">
             {{ $t('creation') }} {{ $t('(') }}{{ amount / 20 }} {{ $t('h') }}{{ $t(')') }}
           </div>
-          <div class="font-weight-bold">{{ amount | GDD }}</div>
+          <div v-if="state === 'DELETED'" class="small">
+            {{ $t('contribution.deleted') }}
+          </div>
+          <div v-else class="font-weight-bold">{{ amount | GDD }}</div>
         </b-col>
         <b-col cols="12" md="1" lg="1" class="text-right align-items-center">
           <div v-if="messagesCount > 0" @click="visible = !visible">
@@ -168,7 +174,7 @@ export default {
   },
   computed: {
     icon() {
-      if (this.deletedAt) return 'x-circle'
+      if (this.deletedAt) return 'trash'
       if (this.confirmedAt) return 'check'
       if (this.state === 'IN_PROGRESS') return 'question-circle'
       return 'bell-fill'

frontend/src/components/DecayInformations/CollapseLinksList.spec.js

@@ -10,6 +10,12 @@ const mocks = {
   $tc: jest.fn((tc) => tc),
   $t: jest.fn((t) => t),
   $d: jest.fn((d) => d),
+  $store: {
+    state: {
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+    },
+  },
 }
 
 const propsData = {

frontend/src/components/GddSend/TransactionConfirmationLink.vue

@@ -35,12 +35,15 @@
         <b-col offset="2">{{ $t('form.new_balance') }}</b-col>
         <b-col>{{ (balance - amount) | GDD }}</b-col>
       </b-row>
-      <b-row class="mt-5 p-5">
+      <b-row class="mt-5">
-        <b-col>
+        <b-col cols="12" md="6" lg="6">
-          <b-button @click="$emit('on-back')">{{ $t('back') }}</b-button>
+          <b-button block @click="$emit('on-back')" class="mb-3 mb-md-0 mb-lg-0">
+            {{ $t('back') }}
+          </b-button>
         </b-col>
-        <b-col class="text-right">
+        <b-col cols="12" md="6" lg="6" class="text-lg-right">
           <b-button
+            block
             class="send-button"
             variant="gradido"
             :disabled="disabled"

frontend/src/components/GddSend/TransactionConfirmationSend.vue

@@ -17,7 +17,7 @@
         </b-col>
       </b-row>
 
-      <b-row class="mt-5 pr-3 text-color-gdd-yellow h3">
+      <b-row class="mt-5 text-color-gdd-yellow h3">
         <b-col cols="2" class="text-right">
           <b-icon class="text-color-gdd-yellow" icon="droplet-half"></b-icon>
         </b-col>
@@ -39,12 +39,15 @@
         <b-col offset="2">{{ $t('form.new_balance') }}</b-col>
         <b-col>{{ (balance - amount) | GDD }}</b-col>
       </b-row>
-      <b-row class="mt-5 p-5">
+      <b-row class="mt-5">
-        <b-col>
+        <b-col cols="12" md="6" lg="6">
-          <b-button @click="$emit('on-back')">{{ $t('back') }}</b-button>
+          <b-button block @click="$emit('on-back')" class="mb-3 mb-md-0 mb-lg-0">
+            {{ $t('back') }}
+          </b-button>
         </b-col>
-        <b-col class="text-right">
+        <b-col cols="12" md="6" lg="6" class="text-lg-right">
           <b-button
+            block
             variant="gradido"
             :disabled="disabled"
             @click="$emit('send-transaction'), (disabled = true)"

frontend/src/components/GddSend/TransactionForm.vue

@@ -92,14 +92,20 @@
               <div v-if="!!isBalanceDisabled" class="text-danger mt-5">
                 {{ $t('form.no_gdd_available') }}
               </div>
-              <b-row v-else class="test-buttons mt-5">
+              <b-row v-else class="test-buttons mt-3">
-                <b-col>
+                <b-col cols="12" md="6" lg="6">
-                  <b-button type="reset" variant="secondary" @click="onReset">
+                  <b-button
+                    block
+                    type="reset"
+                    variant="secondary"
+                    @click="onReset"
+                    class="mb-3 mb-md-0 mb-lg-0"
+                  >
                     {{ $t('form.reset') }}
                   </b-button>
                 </b-col>
-                <b-col class="text-right">
+                <b-col cols="12" md="6" lg="6" class="text-lg-right">
-                  <b-button type="submit" variant="gradido">
+                  <b-button block type="submit" variant="gradido">
                     {{ $t('form.check_now') }}
                   </b-button>
                 </b-col>

frontend/src/components/GddSend/TransactionResultLink.vue

@@ -7,6 +7,7 @@
       :memo="memo"
       :validUntil="validUntil"
     ></clipboard-copy>
+    <label>{{ $t('qrCode') }}</label>
     <div class="text-center">
       <div><figure-qr-code :link="link" /></div>
       <div>

frontend/src/components/GddTransactionList.vue

@@ -26,12 +26,12 @@
           </template>
         </transaction-list-item>
       </div>
-      <div v-if="transactionCount > 0" class="h4 m-3">{{ $t('lastMonth') }}</div>
+      <div class="mt-3">
         <div v-for="({ id, typeId }, index) in transactions" :key="`l2-` + id">
           <transaction-list-item
             v-if="typeId !== 'DECAY'"
             :typeId="typeId"
-          class="pointer mb-4 bg-white appBoxShadow gradido-border-radius p-3 test-list-group-item"
+            class="pointer mb-3 bg-white appBoxShadow gradido-border-radius p-3 test-list-group-item"
           >
             <template #SEND>
               <transaction-send
@@ -67,6 +67,7 @@
           </transaction-list-item>
         </div>
       </div>
+    </div>
     <b-pagination
       v-if="isPaginationVisible"
       class="mt-3"

frontend/src/components/Inputs/InputAmount.spec.js

@@ -9,10 +9,10 @@ describe('InputAmount', () => {
 
   const mocks = {
     $t: jest.fn((t) => t),
+    $n: jest.fn((n) => n),
     $i18n: {
       locale: jest.fn(() => 'en'),
     },
-    $n: jest.fn((n) => String(n)),
     $route: {
       params: {},
     },
@@ -46,13 +46,14 @@ describe('InputAmount', () => {
 
     describe('amount normalization', () => {
       describe('if invalid', () => {
-        beforeEach(() => {
+        beforeEach(async () => {
+          await wrapper.setProps({ value: '12m34' })
           valid = false
         })
 
         it('is not normalized', () => {
-          wrapper.vm.normalizeAmount(valid)
+          wrapper.vm.normalizeAmount(false)
-          expect(wrapper.vm.amountValue).toBe(0.0)
+          expect(wrapper.vm.currentValue).toBe('12m34')
         })
       })
 
@@ -97,13 +98,14 @@ describe('InputAmount', () => {
 
     describe('amount normalization', () => {
       describe('if invalid', () => {
-        beforeEach(() => {
+        beforeEach(async () => {
+          await wrapper.setProps({ value: '12m34' })
           valid = false
         })
 
         it('is not normalized', () => {
           wrapper.vm.normalizeAmount(valid)
-          expect(wrapper.vm.amountValue).toBe(0.0)
+          expect(wrapper.vm.currentValue).toBe('12m34')
         })
       })
 

frontend/src/components/Inputs/InputAmount.vue

@@ -20,7 +20,7 @@
           trim
           v-focus="amountFocused"
           @focus="amountFocused = true"
-          @blur="normalizeAmount(true)"
+          @blur="normalizeAmount(valid)"
           :disabled="disabled"
           autocomplete="off"
         ></b-form-input>
@@ -90,5 +90,8 @@ export default {
       this.currentValue = this.$n(this.amountValue, 'ungroupedDecimal')
     },
   },
+  mounted() {
+    if (this.value !== '') this.normalizeAmount(true)
+  },
 }
 </script>

frontend/src/components/Inputs/InputHour.spec.js

@@ -74,7 +74,7 @@ describe('InputHour', () => {
       it('emits input with new value', async () => {
         await wrapper.find('input').setValue('12')
         expect(wrapper.emitted('input')).toBeTruthy()
-        expect(wrapper.emitted('input')).toEqual([['12']])
+        expect(wrapper.emitted('input')).toEqual([[12]])
       })
     })
 

frontend/src/components/Inputs/InputHour.vue

@@ -15,7 +15,7 @@
           :placeholder="placeholder"
           type="number"
           :state="validated ? valid : false"
-          step="0.5"
+          step="0.25"
           min="0"
           :max="validMaxTime"
           class="bg-248"
@@ -32,11 +32,11 @@ export default {
       type: Object,
       default: () => {},
     },
-    name: { type: String, required: true, default: 'Time' },
+    name: { type: String, required: true },
-    label: { type: String, required: true, default: 'Time' },
+    label: { type: String, required: true },
-    placeholder: { type: String, required: true, default: 'Time' },
+    placeholder: { type: String, required: true },
     value: { type: Number, required: true, default: 0 },
-    validMaxTime: { type: Number, required: true, default: 0 },
+    validMaxTime: { type: Number, required: true },
   },
   data() {
     return {
@@ -50,7 +50,7 @@ export default {
   },
   watch: {
     currentValue() {
-      this.$emit('input', this.currentValue)
+      this.$emit('input', Number(this.currentValue))
     },
     value() {
       if (this.value !== this.currentValue) this.currentValue = this.value

frontend/src/components/Inputs/InputTextarea.vue

@@ -18,6 +18,7 @@
         rows="4"
         max-rows="4"
         :disabled="disabled"
+        no-resize
       ></b-form-textarea>
       <b-form-invalid-feedback v-bind="ariaMsg">
         {{ errors[0] }}

frontend/src/components/Menu/Navbar.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="navbar-component position-sticky">
+  <div class="navbar-component">
+    <div class="navbar-element">
       <b-navbar toggleable="lg" class="pr-4">
         <b-navbar-brand>
           <b-img
@@ -8,12 +9,15 @@
             width=""
             alt="..."
           />
-        <b-button v-b-toggle.sidebar-mobile class="d-block d-lg-none">
+          <div v-b-toggle.sidebar-mobile variant="link" class="d-block d-lg-none">
-          <span class="navbar-toggler-icon"></span>
+            <span class="navbar-toggler-icon h2"></span>
-        </b-button>
+          </div>
         </b-navbar-brand>
 
-      <router-link to="/settings" class="d-block d-lg-none">
+        <b-img class="sheet-img position-absolute zindex-1" :src="sheet"></b-img>
+
+        <b-navbar-nav class="ml-auto" right>
+          <router-link to="/settings">
             <div class="d-flex align-items-center">
               <div class="mr-3">
                 <avatar
@@ -23,36 +27,16 @@
                   :size="61"
                 ></avatar>
               </div>
-        </div>
-      </router-link>
-      <b-img class="sheet-img position-absolute zindex-1" :src="sheet"></b-img>
-      <b-collapse id="nav-collapse" is-nav class="ml-5">
-        <b-navbar-nav class="ml-auto" right>
-          <div class="mb-2">
-            <router-link to="/settings">
-              <div>
-                <div class="d-flex align-items-center">
-                  <div class="mr-3">
-                    <avatar
-                      :username="username.username"
-                      :initials="username.initials"
-                      :color="'#fff'"
-                      :size="81"
-                    ></avatar>
-                  </div>
               <div>
                 <div data-test="navbar-item-username">{{ username.username }}</div>
 
-                    <div class="text-right" data-test="navbar-item-email">
+                <div data-test="navbar-item-email">
                   {{ $store.state.email }}
                 </div>
               </div>
             </div>
-              </div>
           </router-link>
-          </div>
         </b-navbar-nav>
-      </b-collapse>
       </b-navbar>
       <!-- <div class="alertBox">
       <b-alert show dismissible variant="light" class="nav-alert text-dark">
@@ -60,6 +44,7 @@
       </b-alert>
     </div> -->
     </div>
+  </div>
 </template>
 
 <script>
@@ -91,6 +76,10 @@ export default {
 </script>
 
 <style lang="scss">
+.navbar-element {
+  position: sticky;
+}
+
 .auth-header {
   font-family: 'Open Sans', sans-serif !important;
   height: 150px;
@@ -126,7 +115,7 @@ button.navbar-toggler > span.navbar-toggler-icon {
 }
 @media screen and (max-width: 1170px) {
   .sheet-img {
-    left: 40%;
+    left: 20%;
   }
   .alertBox {
     position: static;
@@ -136,10 +125,15 @@ button.navbar-toggler > span.navbar-toggler-icon {
   }
 }
 @media screen and (max-width: 450px) {
-  .sheet-img {
+  .navbar-element {
-    left: 37%;
-    max-width: 61%;
     z-index: 1000;
+    position: fixed;
+    width: 100%;
+    background-color: #f5f5f5e6;
+  }
+  .sheet-img {
+    left: 5%;
+    max-width: 61%;
   }
 }
 </style>

frontend/src/components/Menu/Sidebar.vue

@@ -1,6 +1,11 @@
 <template>
   <div id="component-sidebar">
-    <div id="side-menu" ref="sideMenu" class="gradido-border-radius appBoxShadow pt-2">
+    <div
+      id="side-menu"
+      ref="sideMenu"
+      class="gradido-border-radius pt-2 bg-white"
+      :class="shadow ? 'appBoxShadow' : ''"
+    >
       <div class="mb-3 mt-3">
         <b-nav vertical class="w-200">
           <b-nav-item to="/overview" class="mb-3" active-class="activeRoute">
@@ -55,6 +60,9 @@
 <script>
 export default {
   name: 'Sidebar',
+  props: {
+    shadow: { type: Boolean, required: false, default: true },
+  },
 }
 </script>
 <style>

frontend/src/components/MobileSidebar/MobileSidebar.vue

@@ -1,23 +1,9 @@
 <template>
   <div>
-    <b-sidebar id="sidebar-mobile" bg-variant="f5" :backdrop="true">
+    <b-sidebar id="sidebar-mobile" :backdrop="true" bg-variant="transparent">
       <div class="px-3 py-2">
-        <sidebar @admin="$emit('admin')" @logout="$emit('logout')" />
+        <sidebar @admin="$emit('admin')" @logout="$emit('logout')" :shadow="false" />
       </div>
-      <template #header>
-        <div>
-          <div class="mr-auto">{{ avatarLongName }}</div>
-          <div class="small">
-            <small>{{ $store.state.email }}</small>
-          </div>
-        </div>
-      </template>
-      <template #footer>
-        <div class="d-flex bg-light">
-          <strong class="mr-auto p-2">{{ $t('send_gdd') }}</strong>
-          <b-button to="/send"><b-icon icon="arrow-right"></b-icon></b-button>
-        </div>
-      </template>
     </b-sidebar>
   </div>
 </template>
@@ -29,10 +15,5 @@ export default {
   components: {
     Sidebar,
   },
-  computed: {
-    avatarLongName() {
-      return `${this.$store.state.firstName} ${this.$store.state.lastName}`
-    },
-  },
 }
 </script>

frontend/src/components/Overview/CommunityNews.vue

@@ -7,23 +7,25 @@
       >
         <b-card-body>
           <b-card-title class="h2">{{ item.text }}</b-card-title>
-        </b-card-body>
+
-        <b-card-footer class="bg-transparent">
-          <b-row class="my-5">
-            <b-col cols="12" md="6" lg="6">
           <div class="h3">{{ item.date }}</div>
+
+          <b-row class="my-5">
+            <b-col>
+              {{ item.extra }}
             </b-col>
-            <b-col cols="12" md="6" lg="6">
+          </b-row>
-              <div class="text-right">
+
+          <b-row class="my-5">
+            <b-col cols="12">
+              <div class="text-lg-right">
                 <b-button variant="gradido" :href="item.url" target="_blank">
                   {{ $t('auth.left.learnMore') }}
                 </b-button>
               </div>
             </b-col>
           </b-row>
-
+        </b-card-body>
-          {{ item.extra }}
-        </b-card-footer>
       </b-card>
     </div>
   </div>

frontend/src/components/Template/RightSide/ContributionInfo.vue

@@ -22,6 +22,10 @@
           <b-icon icon="x-circle" variant="danger"></b-icon>
           {{ $t('contribution.alert.rejected') }}
         </li>
+        <li>
+          <b-icon icon="trash" variant="danger"></b-icon>
+          {{ $t('contribution.alert.deleted') }}
+        </li>
       </ul>
     </div>
     <div v-if="hash === '#all'" show fade variant="secondary" class="text-dark">

frontend/src/components/Transactions/TransactionLinkSummary.spec.js

@@ -17,6 +17,12 @@ const mocks = {
   $apollo: {
     query: apolloQueryMock,
   },
+  $store: {
+    state: {
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+    },
+  },
 }
 
 const propsData = {
@@ -102,10 +108,10 @@ describe('TransactionLinkSummary', () => {
 
     describe('click on transaction links', () => {
       beforeEach(async () => {
-        wrapper.find('div.transaction-slot-link').trigger('click')
+        wrapper.find('div.row').trigger('click')
       })
 
-      it.skip('calls the API to get the list transaction links', () => {
+      it('calls the API to get the list transaction links', () => {
         expect(apolloQueryMock).toBeCalledWith({
           query: listTransactionLinks,
           variables: {
@@ -115,14 +121,14 @@ describe('TransactionLinkSummary', () => {
         })
       })
 
-      it.skip('has four transactionLinks', () => {
+      it('has four transactionLinks', () => {
         expect(wrapper.vm.transactionLinks).toHaveLength(4)
       })
 
       describe('close transaction link details', () => {
         beforeEach(() => {
           jest.clearAllMocks()
-          wrapper.find('div.transaction-slot-link').trigger('click')
+          wrapper.find('div.row').trigger('click')
         })
 
         it('does not call the API', () => {
@@ -136,10 +142,10 @@ describe('TransactionLinkSummary', () => {
         describe('reopen transaction link details', () => {
           beforeEach(() => {
             jest.clearAllMocks()
-            wrapper.find('div.transaction-slot-link').trigger('click')
+            wrapper.find('div.row').trigger('click')
           })
 
-          it.skip('calls the API to get the list transaction links', () => {
+          it('calls the API to get the list transaction links', () => {
             expect(apolloQueryMock).toBeCalledWith({
               query: listTransactionLinks,
               variables: {
@@ -149,7 +155,7 @@ describe('TransactionLinkSummary', () => {
             })
           })
 
-          it.skip('has four transactionLinks', () => {
+          it('has four transactionLinks', () => {
             expect(wrapper.vm.transactionLinks).toHaveLength(4)
           })
         })
@@ -215,7 +221,7 @@ describe('TransactionLinkSummary', () => {
         })
 
         it('has eight transactionLinks', () => {
-          expect(wrapper.vm.transactionLinks).toHaveLength(4)
+          expect(wrapper.vm.transactionLinks).toHaveLength(8)
         })
 
         it('loads more transaction links', () => {
@@ -230,19 +236,19 @@ describe('TransactionLinkSummary', () => {
 
         describe('close transaction link list', () => {
           beforeEach(async () => {
-            wrapper.find('div.transaction-slot-link').trigger('click')
+            wrapper.find('div.row').trigger('click')
           })
           describe('reopen transaction link list', () => {
             beforeEach(async () => {
               jest.clearAllMocks()
-              wrapper.find('div.transaction-slot-link').trigger('click')
+              wrapper.find('div.row').trigger('click')
             })
 
-            it.skip('calls the API once', () => {
+            it('calls the API once', () => {
               expect(apolloQueryMock).toBeCalledTimes(1)
             })
 
-            it.skip('calls the API with current page one', () => {
+            it('calls the API with current page one', () => {
               expect(apolloQueryMock).toBeCalledWith({
                 query: listTransactionLinks,
                 variables: {
@@ -289,10 +295,10 @@ describe('TransactionLinkSummary', () => {
       })
     })
 
-    describe.skip('loads transaction links with error', () => {
+    describe('loads transaction links with error', () => {
       beforeEach(() => {
         apolloQueryMock.mockRejectedValue({ message: 'OUCH!' })
-        wrapper.find('div.transaction-slot-link').trigger('click')
+        wrapper.find('div.row').trigger('click')
       })
 
       it('toasts an error message', () => {

frontend/src/components/UserSettings/UserCard.vue

@@ -1,41 +1,46 @@
 <template>
   <div class="userdata-card">
-    <b-row>
+    <div class="centerPerMargin">
-      <b-col class="centerPerMargin">
       <avatar
         :username="username.username"
         :initials="username.initials"
         :color="'#fff'"
         :size="90"
       ></avatar>
-      </b-col>
+    </div>
-    </b-row>
+
-    <b-card class="border-0">
+    <div class="justify-content-center mt-5 mb-5">
-      <b-container class="justify-content-center mt-md-5">
+      <b-row align-v="stretch">
-        <b-row>
+        <b-col cols="4">
-          <b-col>
           <div class="text-center font-weight-bold">
             {{ $n(balance, 'decimal') }}
           </div>
-            <div class="text-center">{{ $t('GDD') }}</div>
         </b-col>
-          <b-col>
+        <b-col cols="4">
           <div class="text-center font-weight-bold">
             {{ transactionCount }}
           </div>
+        </b-col>
+        <b-col cols="4">
+          <div class="text-center font-weight-bold">{{ CONFIG.COMMUNITY_NAME }}</div>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col cols="4">
+          <div class="text-center">{{ $t('GDD') }}</div>
+        </b-col>
+        <b-col cols="4">
           <div class="text-center">
             {{ $t('navigation.transactions') }}
           </div>
         </b-col>
-          <b-col>
+        <b-col cols="4">
-            <div class="text-center font-weight-bold">{{ CONFIG.COMMUNITY_NAME }}</div>
           <div class="text-center">
             {{ $t('community.community') }}
           </div>
         </b-col>
       </b-row>
-      </b-container>
+    </div>
-    </b-card>
   </div>
 </template>
 <script>
@@ -70,4 +75,14 @@ export default {
 .centerPerMargin {
   padding-left: 44%;
 }
+@media screen and (max-width: 850px) {
+  .centerPerMargin {
+    padding-left: 38%;
+  }
+}
+@media screen and (max-width: 450px) {
+  .centerPerMargin {
+    padding-left: 34%;
+  }
+}
 </style>

frontend/src/graphql/queries.js

@@ -13,7 +13,6 @@ export const verifyLogin = gql`
       hasElopage
       publisherId
       isAdmin
-      creation
       hideAmountGDD
       hideAmountGDT
     }

frontend/src/layouts/DashboardLayout.spec.js

@@ -15,6 +15,7 @@ const routerPushMock = jest.fn()
 const stubs = {
   RouterLink: RouterLinkStub,
   RouterView: true,
+  LastTransactions: true,
 }
 
 const mocks = {
@@ -29,6 +30,9 @@ const mocks = {
     meta: {
       hideFooter: false,
     },
+    path: {
+      replace: jest.fn(),
+    },
   },
   $router: {
     push: routerPushMock,

frontend/src/layouts/DashboardLayout.vue

@@ -3,7 +3,7 @@
     <div v-if="skeleton">
       <skeleton-overview />
     </div>
-    <div v-else>
+    <div v-else class="mx-lg-0">
       <!-- navbar -->
       <b-row>
         <b-col>
@@ -13,7 +13,7 @@
       <mobile-sidebar @admin="admin" @logout="logout" />
 
       <!-- Breadcrumb -->
-      <b-row>
+      <b-row class="breadcrumb">
         <b-col cols="10" offset-lg="2">
           <breadcrumb />
         </b-col>
@@ -35,7 +35,87 @@
                     :balance="balance"
                     :GdtBalance="GdtBalance"
                     :totalUsers="totalUsers"
+                  >
+                    <template #overview>
+                      <b-row>
+                        <b-col cols="12" lg="5">
+                          <div>
+                            <gdd-amount :balance="balance" :showStatus="false" :badgeShow="false" />
+                          </div>
+                        </b-col>
+                        <b-col cols="12" lg="7">
+                          <div>
+                            <community-member :totalUsers="totalUsers" />
+                          </div>
+                        </b-col>
+                      </b-row>
+                    </template>
+                    <template #send>
+                      <b-row>
+                        <b-col cols="12" lg="6">
+                          <div>
+                            <gdd-amount
+                              :balance="balance"
+                              :badge="true"
+                              :showStatus="true"
+                              :badgeShow="false"
                             />
+                          </div>
+                        </b-col>
+                        <b-col cols="12" lg="6">
+                          <div>
+                            <router-link to="gdt">
+                              <gdt-amount :GdtBalance="GdtBalance" :badgeShow="false" />
+                            </router-link>
+                          </div>
+                        </b-col>
+                      </b-row>
+                    </template>
+                    <template #transactions>
+                      <b-row>
+                        <b-col cols="12" lg="6">
+                          <div>
+                            <router-link to="transactions">
+                              <gdd-amount :balance="balance" :showStatus="true" />
+                            </router-link>
+                          </div>
+                        </b-col>
+                        <b-col cols="12" lg="6">
+                          <div>
+                            <router-link to="gdt">
+                              <gdt-amount :GdtBalance="GdtBalance" />
+                            </router-link>
+                          </div>
+                        </b-col>
+                      </b-row>
+                    </template>
+                    <template #gdt>
+                      <b-row>
+                        <b-col cols="12" lg="6">
+                          <div>
+                            <router-link to="transactions">
+                              <gdd-amount :balance="balance" :showStatus="false" />
+                            </router-link>
+                          </div>
+                        </b-col>
+                        <b-col cols="12" lg="6">
+                          <div>
+                            <router-link to="gdt">
+                              <gdt-amount
+                                :badge="true"
+                                :showStatus="true"
+                                :GdtBalance="GdtBalance"
+                              />
+                            </router-link>
+                          </div>
+                        </b-col>
+                      </b-row>
+                    </template>
+                    <template #community>
+                      <nav-community />
+                    </template>
+                    <template #settings></template>
+                  </content-header>
                 </b-col>
               </b-row>
             </b-col>
@@ -45,12 +125,24 @@
                 :transactions="transactions"
                 :transactionCount="transactionCount"
                 :transactionLinkCount="transactionLinkCount"
+              >
+                <template #transactions>
+                  <last-transactions
+                    :transactions="transactions"
+                    :transactionCount="transactionCount"
+                    :transactionLinkCount="transactionLinkCount"
                     @set-tunneled-email="setTunneledEmail"
                   />
+                </template>
+                <template #community>
+                  <contribution-info />
+                </template>
+                <template #empty />
+              </right-side>
             </b-col>
             <b-col cols="12">
               <!-- router-view -->
-              <div class="main-content mt-3">
+              <div class="main-content mt-lg-3 mt-0">
                 <fade-transition :duration="200" origin="center top" mode="out-in">
                   <router-view
                     ref="router-view"
@@ -74,8 +166,20 @@
             :transactions="transactions"
             :transactionCount="transactionCount"
             :transactionLinkCount="transactionLinkCount"
+          >
+            <template #transactions>
+              <last-transactions
+                :transactions="transactions"
+                :transactionCount="transactionCount"
+                :transactionLinkCount="transactionLinkCount"
                 @set-tunneled-email="setTunneledEmail"
               />
+            </template>
+            <template #community>
+              <contribution-info />
+            </template>
+            <template #empty />
+          </right-side>
         </b-col>
       </b-row>
       <b-row>
@@ -102,6 +206,12 @@ import { logout } from '@/graphql/mutations'
 import ContentFooter from '@/components/ContentFooter.vue'
 import { FadeTransition } from 'vue2-transitions'
 import CONFIG from '@/config'
+import GddAmount from '@/components/Template/ContentHeader/GddAmount.vue'
+import GdtAmount from '@/components/Template/ContentHeader/GdtAmount.vue'
+import CommunityMember from '@/components/Template/ContentHeader/CommunityMember.vue'
+import NavCommunity from '@/components/Template/ContentHeader/NavCommunity.vue'
+import LastTransactions from '@/components/Template/RightSide/LastTransactions.vue'
+import ContributionInfo from '@/components/Template/RightSide/ContributionInfo.vue'
 
 export default {
   name: 'DashboardLayout',
@@ -116,6 +226,12 @@ export default {
     ContentFooter,
     FadeTransition,
     Breadcrumb,
+    GddAmount,
+    GdtAmount,
+    CommunityMember,
+    NavCommunity,
+    LastTransactions,
+    ContributionInfo,
   },
   data() {
     return {
@@ -218,7 +334,9 @@ export default {
 }
 </script>
 <style>
-/* frontend/public/img/svg/Gradido_Blaetter_Mainpage.svg */
+.breadcrumb {
+  background-color: transparent;
+}
 .main-page {
   background-attachment: fixed;
   background-position: center;
@@ -251,4 +369,10 @@ export default {
 .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(4, 112, 6, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
+
+@media screen and (max-width: 450px) {
+  .breadcrumb {
+    padding-top: 60px;
+  }
+}
 </style>

frontend/src/layouts/templates/ContentHeader.vue

@@ -1,116 +1,15 @@
 <template>
   <div>
-    <div v-if="path === '/overview'">
+    <slot :name="path" />
-      <b-row>
-        <b-col cols="12" lg="5">
-          <div>
-            <gdd-amount :balance="balance" :showStatus="false" :path="path" :badgeShow="false" />
-          </div>
-        </b-col>
-        <b-col cols="12" lg="7">
-          <div>
-            <community-member :totalUsers="totalUsers" />
-          </div>
-        </b-col>
-      </b-row>
-    </div>
-    <!-- <div v-if="path === '/storys'"></div>
-    <div v-if="path === '/addresses'"></div> -->
-    <div v-if="path === '/send'">
-      <b-row>
-        <b-col cols="12" lg="6">
-          <div>
-            <gdd-amount :balance="balance" :badge="true" :showStatus="true" :badgeShow="false" />
-          </div>
-        </b-col>
-        <b-col cols="12" lg="6">
-          <div>
-            <router-link to="gdt">
-              <gdt-amount :GdtBalance="GdtBalance" :badgeShow="false" />
-            </router-link>
-          </div>
-        </b-col>
-      </b-row>
-    </div>
-    <div v-if="path === '/transactions'">
-      <b-row>
-        <b-col cols="12" lg="6">
-          <div>
-            <router-link to="transactions">
-              <gdd-amount :balance="balance" :showStatus="true" />
-            </router-link>
-          </div>
-        </b-col>
-        <b-col cols="12" lg="6">
-          <div>
-            <router-link to="gdt">
-              <gdt-amount :GdtBalance="GdtBalance" />
-            </router-link>
-          </div>
-        </b-col>
-      </b-row>
-    </div>
-    <div v-if="path === '/gdt'">
-      <b-row>
-        <b-col cols="12" lg="6">
-          <div>
-            <router-link to="transactions">
-              <gdd-amount :balance="balance" :showStatus="false" />
-            </router-link>
-          </div>
-        </b-col>
-        <b-col cols="12" lg="6">
-          <div>
-            <router-link to="gdt">
-              <gdt-amount :badge="true" :showStatus="true" :GdtBalance="GdtBalance" />
-            </router-link>
-          </div>
-        </b-col>
-      </b-row>
-    </div>
-    <!-- <div v-if="path === '/profile'">
-      <b-row>
-        <b-col>
-          <div class="p-4 bg-white appBoxShadow gradido-border-radius">
-            <b-row>
-              <b-col cols="8" class="h3">Zeige deiner Community wer du bist.</b-col>
-              <b-col cols="4" class="text-small text-muted">vor 4 Stunden geändert</b-col>
-            </b-row>
-            <b-row>
-              <b-col cols="2" class=""><b-avatar size="72px" rounded="lg"></b-avatar></b-col>
-              <b-col cols="10" class="">Text</b-col>
-            </b-row>
-          </div>
-        </b-col>
-      </b-row>
-    </div> -->
-    <div v-if="path === '/community'"><nav-community /></div>
-    <div v-if="path === '/settings'"></div>
   </div>
 </template>
 
 <script>
-import GddAmount from '@/components/Template/ContentHeader/GddAmount.vue'
-import GdtAmount from '@/components/Template/ContentHeader/GdtAmount.vue'
-import CommunityMember from '@/components/Template/ContentHeader/CommunityMember.vue'
-import NavCommunity from '@/components/Template/ContentHeader/NavCommunity.vue'
 export default {
   name: 'ContentHeader',
-  components: {
-    GddAmount,
-    GdtAmount,
-    CommunityMember,
-    NavCommunity,
-  },
-  props: {
-    balance: { type: Number, required: true },
-    GdtBalance: { type: Number, required: true },
-    totalUsers: { type: Number, required: true },
-  },
-
   computed: {
     path() {
-      return this.$route.path
+      return this.$route.path.replace(/^\//, '')
     },
   },
 }

frontend/src/layouts/templates/RightSide.vue

@@ -1,157 +1,23 @@
 <template>
   <div class="right-side mt-3 mt-lg-0">
-    <b-container v-if="path === '/overview'" fluid="md">
+    <b-container>
-      <!-- <b-row>
+      <slot :name="name" />
-        <b-col>
-          <div class="p-4">
-            <favourites />
-          </div>
-        </b-col>
-      </b-row> -->
-      <b-row>
-        <b-col>
-          <div>
-            <last-transactions
-              :transactions="transactions"
-              :transactionCount="transactionCount"
-              :transactionLinkCount="transactionLinkCount"
-              v-on="$listeners"
-            />
-          </div>
-        </b-col>
-      </b-row>
     </b-container>
-    <!-- <b-container v-if="path === '/storys'">
-      <b-row>
-        <b-col>
-          <div class="p-4">
-            <favourites />
-          </div>
-        </b-col>
-      </b-row>
-      <b-row class="mt-3 mt-lg-5">
-        <b-col>
-          <div class="p-4 h-100">
-            <top-storys-by-month />
-          </div>
-        </b-col>
-      </b-row>
-    </b-container> -->
-    <!-- <b-container v-if="path === '/addresses'">favourites ride side</b-container> -->
-    <b-container v-if="path === '/send'">
-      <!-- <b-row>
-        <b-col>
-          <div class="p-4">
-            <favourites />
-          </div>
-        </b-col>
-      </b-row> -->
-      <b-row>
-        <b-col>
-          <div>
-            <last-transactions
-              :transactions="transactions"
-              :transactionCount="transactionCount"
-              :transactionLinkCount="transactionLinkCount"
-              v-on="$listeners"
-            />
-          </div>
-        </b-col>
-      </b-row>
-    </b-container>
-    <b-container v-if="path === '/transactions'">
-      <!-- <b-row>
-        <b-col>
-          <div class="p-4">
-            <favourites />
-          </div>
-        </b-col>
-      </b-row> -->
-      <b-row>
-        <b-col>
-          <div>
-            <last-transactions
-              :transactions="transactions"
-              :transactionCount="transactionCount"
-              :transactionLinkCount="transactionLinkCount"
-              v-on="$listeners"
-            />
-          </div>
-        </b-col>
-      </b-row>
-    </b-container>
-    <b-container v-if="path === '/gdt'">
-      <!-- <b-row>
-        <b-col>
-          <div class="p-4">
-            <favourites />
-          </div>
-        </b-col>
-      </b-row> -->
-      <b-row>
-        <b-col>
-          <div>
-            <last-transactions
-              :transactions="transactions"
-              :transactionCount="transactionCount"
-              :transactionLinkCount="transactionLinkCount"
-              v-on="$listeners"
-            />
-          </div>
-        </b-col>
-      </b-row>
-    </b-container>
-    <!-- <b-container v-if="path === '/profile'">
-      <b-row>
-        <b-col>
-          <div class="p-4">
-            <favourites />
-          </div>
-        </b-col>
-      </b-row>
-      <b-row class="mt-3 mt-lg-5">
-        <b-col>
-          <div class="p-4 h-100">
-            <your-overview />
-          </div>
-        </b-col>
-      </b-row>
-    </b-container> -->
-    <b-container v-if="path === '/community'">
-      <contribution-info />
-      <!-- <last-contributions class="mt-5" /> -->
-    </b-container>
-    <b-container v-if="path === '/settings'"></b-container>
   </div>
 </template>
 <script>
-import LastTransactions from '@/components/Template/RightSide/LastTransactions.vue'
-// import Favourites from '@/components/Template/RightSide/Favourites.vue'
-// import TopStorysByMonth from '@/components/Template/RightSide/TopStorysByMonth.vue'
-import ContributionInfo from '@/components/Template/RightSide/ContributionInfo.vue'
-// import LastContributions from '@/components/Template/RightSide/LastContributions.vue'
-// import YourOverview from '@/components/Template/RightSide/YourOverview.vue'
-
 export default {
   name: 'RightSide',
-  components: {
-    LastTransactions,
-    // Favourites,
-    // TopStorysByMonth,
-    // LastContributions,
-    ContributionInfo,
-    // YourOverview,
-  },
-  props: {
-    transactions: {
-      default: () => [],
-    },
-    transactionCount: { type: Number, default: 0 },
-    transactionLinkCount: { type: Number, default: 0 },
-  },
   computed: {
-    path() {
+    name() {
-      return this.$route.path
+      switch (this.$route.path.replace(/^\//, '')) {
+        case 'settings':
+          return 'empty'
+        case 'community':
+          return 'community'
+        default:
+          return 'transactions'
+      }
     },
   },
 }

frontend/src/locales/de.json

@@ -30,16 +30,18 @@
     "noOpenContributionLinkText": "Zur Zeit gibt es keine automatischen Schöpfungen.",
     "openContributionLinks": "Öffentliche Beitrags-Linkliste",
     "openContributionLinkText": "Folgende {count} automatische Schöpfungen werden zur Zeit durch die Gemeinschaft „{name}“ bereitgestellt.",
-    "submitContribution": "schreiben"
+    "submitContribution": "Schreiben"
   },
   "communityInfo": "Gemeinschaft Information",
   "contact": "Kontakt",
   "contribution": {
     "activity": "Tätigkeit",
     "alert": {
-      "answerQuestion": "Bitte beantworte die Rückfrage!",
+      "answerQuestion": "Bitte beantworte diese Rückfrage.",
+      "answerQuestionToast": "Du hast eine Rückfrage auf einen Beitrag. Bitte antworte auf diese.",
       "communityNoteList": "Hier findest du alle eingereichten und bestätigten Beiträge von allen Mitgliedern aus dieser Gemeinschaft.",
       "confirm": "bestätigt",
+      "deleted": "gelöscht",
       "in_progress": "Es gibt eine Rückfrage der Moderatoren.",
       "myContributionNoteList": "Eingereichte Beiträge, die noch nicht bestätigt wurden, kannst du jederzeit bearbeiten oder löschen.",
       "pending": "Eingereicht und wartet auf Bestätigung",
@@ -47,7 +49,6 @@
     },
     "delete": "Beitrag löschen! Bist du sicher?",
     "deleted": "Der Beitrag wurde gelöscht! Wird aber sichtbar bleiben.",
-    "exhausted": "Für diesen Monat kannst du nichts mehr schöpfen.",
     "formText": {
       "bringYourTalentsTo": "Bring dich mit deinen Talenten in die Gemeinschaft ein! Dein freiwilliges Engagement honorieren wir mit 20 GDD pro Stunde bis maximal 1.000 GDD im Monat.",
       "describeYourCommunity": "Beschreibe deine Gemeinwohl-Tätigkeit mit Angabe der Stunden und trage einen Betrag von 20 GDD pro Stunde ein! Nach Bestätigung durch einen Moderator wird der Betrag deinem Konto gutgeschrieben.",
@@ -215,7 +216,6 @@
   },
   "h": "h",
   "language": "Sprache",
-  "lastMonth": "letzter Monat",
   "link-load": "den letzten Link nachladen | die letzten {n} Links nachladen |  weitere {n} Links nachladen",
   "login": "Anmelden",
   "math": {

frontend/src/locales/en.json

@@ -30,16 +30,18 @@
     "noOpenContributionLinkText": "Currently there are no automatic creations.",
     "openContributionLinks": "Open contribution-link list",
     "openContributionLinkText": "The following {count} automatic creations are currently provided by the \"{name}\" community.",
-    "submitContribution": "writing"
+    "submitContribution": "Contribute"
   },
   "communityInfo": "Community Information",
   "contact": "Contact",
   "contribution": {
     "activity": "Activity",
     "alert": {
-      "answerQuestion": "Please answer the question",
+      "answerQuestion": "Please answer the question.",
+      "answerQuestionToast": "You have a question about a post. Please reply to it.",
       "communityNoteList": "Here you will find all submitted and confirmed contributions from all members of this community.",
       "confirm": "confirmed",
+      "deleted": "deleted",
       "in_progress": "There is a question from the moderators.",
       "myContributionNoteList": "You can edit or delete entries that have not yet been confirmed at any time.",
       "pending": "Submitted and waiting for confirmation",
@@ -47,7 +49,6 @@
     },
     "delete": "Delete Contribution! Are you sure?",
     "deleted": "The contribution has been deleted! But it will remain visible.",
-    "exhausted": "You cannot create anything more for this month.",
     "formText": {
       "bringYourTalentsTo": "Bring your talents to the community! Your voluntary commitment will be rewarded with 20 GDD per hour up to a maximum of 1,000 GDD per month.",
       "describeYourCommunity": "Describe your community service activity with hours and enter an amount of 20 GDD per hour! After confirmation by a moderator, the amount will be credited to your account.",
@@ -126,7 +127,7 @@
     "firstname": "Firstname",
     "from": "from",
     "generate_now": "Generate now",
-    "hours": "Horas",
+    "hours": "Hours",
     "lastname": "Lastname",
     "memo": "Message",
     "message": "Message",
@@ -215,7 +216,6 @@
   },
   "h": "h",
   "language": "Language",
-  "lastMonth": "Last month",
   "link-load": "Load the last link | Load the last {n} links |  Load more {n} links",
   "login": "Sign in",
   "math": {

frontend/src/locales/fr.json

@@ -1,4 +1,6 @@
 {
+  "(": "(",
+  ")": ")",
   "100": "100%",
   "1000thanks": "1000 mercis d'être avec nous!",
   "125": "125%",
@@ -20,25 +22,25 @@
   "community": {
     "choose-another-community": "Choisissez une autre communauté",
     "community": "Communauté",
+    "communityMember": "Vous etes un membre actif",
     "continue-to-registration": "Continuez l´inscription",
-    "current-community": "Communauté actuelle",
-    "members": "Membres",
     "moderator": "Modérateur",
     "moderators": "Modérateurs",
-    "myContributions": "Mes contributions aux biens communs",
+    "myContributions": "Mes contributions",
+    "noOpenContributionLinkText": "Currently there are no automatic creations.",
     "openContributionLinks": "liste de liens de contribution publique",
     "openContributionLinkText": "Les {count} créations automatiques suivantes sont actuellement fournies par la communauté \"{name}\".",
-    "other-communities": "Autres communautés",
+    "submitContribution": "Contribuer"
-    "statistic": "Statistiques",
-    "submitContribution": "écrire",
-    "switch-to-this-community": "Passer à cette communauté"
   },
+  "communityInfo": "Information communauté^^",
+  "contact": "Contact",
   "contribution": {
     "activity": "Activité",
     "alert": {
       "answerQuestion": "S'il te plais répond à la question",
       "communityNoteList": "Vous trouverez ci-contre toutes les contributions versées et certifiées de tous les membres de cette communauté.",
       "confirm": "Approuvé",
+      "deleted": "Supprimé",
       "in_progress": "Il y a une question du modérateur.",
       "myContributionNoteList": "À tout moment vous pouvez éditer ou supprimer les données qui n´ont pas été confirmées.",
       "pending": "Inscription en attente de validation",
@@ -65,6 +67,8 @@
     "thanksYouWith": "vous remercie avec",
     "unique": "(unique)"
   },
+  "contributionText": "Texte de la contribution",
+  "creation": "Création",
   "decay": {
     "before_startblock_transaction": "Cette transaction n´est pas péremptoire.",
     "calculation_decay": "Calcul de la décroissance",
@@ -84,6 +88,7 @@
     }
   },
   "delete": "Supprimer",
+  "edit": "modifier",
   "em-dash": "—",
   "error": {
     "email-already-sent": "Nous vous avons déjà envoyé un email il y a moins de 10 minutes.",
@@ -121,7 +126,7 @@
     "firstname": " Prénom",
     "from": "de",
     "generate_now": "Produire maintenant",
-    "hours": "Uren",
+    "hours": "Heures",
     "lastname": "Nom",
     "memo": "Note",
     "message": "Message",
@@ -147,7 +152,8 @@
     "to": "à",
     "to1": "à",
     "validation": {
-      "gddSendAmount": "L´espace {_field_} doit comprendre un nombre entre {min} et {max} avec un maximum de deux chiffres après la virgule",
+      "gddCreationTime": "Le champ {_field_} doit comprendre un nombre entre {min} et {max} avec un maximum de une décimale.",
+      "gddSendAmount": "Le champ {_field_} doit comprendre un nombre entre {min} et {max} avec un maximum de deux chiffres après la virgule",
       "is-not": "Vous ne pouvez pas vous envoyer de Gradido à vous-même",
       "usernmae-regex": "Le nom d´utilisateur doit commencer par une lettre, suivi d´au moins deux caractères alphanumériques.",
       "usernmae-unique": "Ce nom d´utilisateur est déjà pris."
@@ -155,13 +161,13 @@
     "your_amount": "Votre montant"
   },
   "GDD": "GDD",
+  "gddKonto": "Compte GDD",
   "gdd_per_link": {
     "choose-amount": "Sélectionnez le montant que vous souhaitez envoyer via lien. Vous pouvez également joindre un message. Cliquez sur ‘créer maintenant’ pour établir un lien que vous pourrez partager.",
     "copy-link": "Copier le lien",
     "copy-link-with-text": "Copier le lien et le texte",
     "created": "Le lien a été créé!",
     "credit-your-gradido": "Pour l´accréditation du Gradido, cliquer sur le lien!",
-    "decay-14-day": "Perte sur 14 jours",
     "delete-the-link": "Supprimer le lien?",
     "deleted": "Le lien a été supprimé!",
     "expiredOn": "A expiré le",
@@ -188,6 +194,7 @@
     "validUntil": "Valide jusqu´au",
     "validUntilDate": "Le lien est valide jusqu´au {date}."
   },
+  "GDT": "GDT",
   "gdt": {
     "calculation": "Calcul de Gradido Transform",
     "contribution": "Contribution",
@@ -199,22 +206,25 @@
     "funding": "Aux contributions au financement",
     "gdt": "Gradido Transform",
     "gdt-received": "Gradido Transform (GDT) perçu",
+    "gdtKonto": "Compte GDT",
     "no-transactions": "Vous ne possédez pas encore Gradido Transform (GDT).",
     "not-reachable": "Le Serveur GDT n´est pas accessible.",
     "publisher": "Un membre que vous avez référé a apporté un contribution",
     "raise": "Augmentation",
     "recruited-member": "Membre invité"
   },
+  "h": "h",
   "language": "Langage",
   "link-load": "Enregistrer le dernier lien | Enregistrer les derniers {n} liens |  Enregistrer plus de {n} liens",
   "login": "Connexion",
   "math": {
-    "aprox": "~",
     "asterisk": "*",
     "equal": "=",
     "minus": "−",
     "pipe": "|"
   },
+  "maxReached": "Max. atteint",
+  "member": "Membre",
   "message": {
     "activateEmail": "Votre compte n´a pas encore été activé. Veuillez vérifier vos emails et cliquer sur le lien d´activation ou faites la demande d´un nouveau lien en utilisant la page qui permet de générer un nouveau mot de passe.",
     "checkEmail": "Votre email a bien été vérifié. Vous pouvez vous enregistrer maintenant.",
@@ -231,13 +241,22 @@
     "community": "Communauté",
     "info": "Information",
     "logout": "Déconnexion",
-    "members_area": "Partie réservée aux membres",
     "overview": "Aperçu",
-    "profile": "Mon profile",
     "send": "Envoyer",
+    "settings": "Configuration",
     "support": "Aide",
     "transactions": "Transactions"
   },
+  "openHours": "Heures ouverte",
+  "pageTitle": {
+    "community": "Ma communauté",
+    "gdt": "Vos transactions GDT",
+    "information": "{community}",
+    "overview": "Bienvenue {name}",
+    "send": "Envoyé Gradidos",
+    "settings": "Configuration",
+    "transactions": "Vos transactions"
+  },
   "qrCode": "QR Code",
   "send_gdd": "Envoyer GDD",
   "send_per_link": "Envoyer GDD via lien",
@@ -248,6 +267,8 @@
     "warningText": "Êtes-vous toujours connecté?"
   },
   "settings": {
+    "hideAmountGDD": "Votre montant GDD est caché.",
+    "hideAmountGDT": "Votre montant GDT est caché.",
     "language": {
       "changeLanguage": "Changer la langue",
       "de": "Deutsch",
@@ -280,7 +301,9 @@
         "text": "Sauvegardez votre nouveau mot de passe maintenant, que vous pourrez utiliser pour vous connecter à votre compte Gradido dans le futur."
       },
       "subtitle": "Si vous avez oublié votre mot de passe, vous pouvez le réinitialiser ici."
-    }
+    },
+    "showAmountGDD": "Votre montant GDD est visible.",
+    "showAmountGDT": "Votre montant GDT est visible."
   },
   "signin": "S´identifier",
   "signup": "S´inscrire",
@@ -302,11 +325,8 @@
       "uppercase": "Une lettre majuscule requise."
     }
   },
-  "statistic": {
+  "status": "Statu",
-    "totalGradidoAvailable": "GDD total en circulation",
+  "submitted": "Envoyé",
-    "totalGradidoCreated": "GDD total puisé",
-    "totalGradidoDecayed": "Total de GDD écoulé"
-  },
   "success": "Avec succès",
   "time": {
     "days": "Jours",
@@ -318,8 +338,7 @@
     "years": "Année"
   },
   "transaction": {
-    "gdd-text": "Transactions Gradido",
+    "lastTransactions": "Dernières transactions",
-    "gdt-text": "Transactions de GradidoTransform",
     "nullTransactions": "Vous n´avez pas encore de transaction effectuée sur votre compte.",
     "receiverDeleted": "Le compte du destinataire n´existe plus",
     "receiverNotFound": "Destinataire inconnu",

frontend/src/mixins/copyLinks.js

@@ -24,15 +24,7 @@ export const copyLinks = {
     },
     copyLinkWithText() {
       navigator.clipboard
-        .writeText(
+        .writeText(this.linkText)
-          `${this.link}
-${this.$store.state.firstName} ${this.$t('transaction-link.send_you')} ${this.amount} Gradido.
-"${this.memo}"
-${this.$t('gdd_per_link.credit-your-gradido')} ${this.$t('gdd_per_link.validUntilDate', {
-            date: this.$d(new Date(this.validUntil), 'short'),
-          })}
-${this.$t('gdd_per_link.link-hint')}`,
-        )
         .then(() => {
           this.toastSuccess(this.$t('gdd_per_link.link-and-text-copied'))
         })
@@ -42,4 +34,15 @@ ${this.$t('gdd_per_link.link-hint')}`,
         })
     },
   },
+  computed: {
+    linkText() {
+      return `${this.link}
+${this.$store.state.firstName} ${this.$t('transaction-link.send_you')} ${this.amount} Gradido.
+"${this.memo}"
+${this.$t('gdd_per_link.credit-your-gradido')} ${this.$t('gdd_per_link.validUntilDate', {
+        date: this.$d(new Date(this.validUntil), 'short'),
+      })}
+${this.$t('gdd_per_link.link-hint')}`
+    },
+  },
 }

frontend/src/pages/Community.spec.js

@@ -284,13 +284,6 @@ describe('Community', () => {
         it('verifies the login (to get the new creations available)', () => {
           expect(apolloRefetchMock).toBeCalled()
         })
-
-        it('set all data to the default values)', () => {
-          expect(wrapper.vm.form.id).toBe(null)
-          expect(wrapper.vm.form.date).toBe('')
-          expect(wrapper.vm.form.memo).toBe('')
-          expect(wrapper.vm.form.amount).toBe('')
-        })
       })
 
       describe('with error', () => {

frontend/src/pages/Community.vue

@@ -118,7 +118,7 @@ export default {
       if (num !== 0) {
         this.form = {
           id: null,
-          date: '',
+          date: new Date(),
           memo: '',
           hours: 0,
           amount: '',
@@ -282,7 +282,7 @@ export default {
             if (this.$route.hash !== '#my') {
               this.$router.push({ path: '/community#my' })
             }
-            this.toastInfo('Du hast eine Rückfrage auf eine Contribution. Bitte beantworte diese!')
+            this.toastInfo(this.$t('contribution.alert.answerQuestionToast'))
           }
         })
         .catch((err) => {

frontend/src/pages/ForgotPassword.spec.js

@@ -1,4 +1,4 @@
-import { mount, RouterLinkStub } from '@vue/test-utils'
+import { mount } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import { toastErrorSpy } from '@test/testSetup'
 import ForgotPassword from './ForgotPassword'
@@ -7,43 +7,28 @@ const mockAPIcall = jest.fn()
 
 const localVue = global.localVue
 
-const mockRouterPush = jest.fn()
+const mocks = {
-
-const stubs = {
-  RouterLink: RouterLinkStub,
-}
-
-const createMockObject = (comingFrom) => {
-  return {
-    localVue,
-    mocks: {
   $t: jest.fn((t) => t),
-      $router: {
-        push: mockRouterPush,
-      },
   $apollo: {
     mutate: mockAPIcall,
   },
   $route: {
     params: {
-          comingFrom,
+      comingFrom: '',
     },
   },
-    },
-    stubs,
-  }
 }
 
 describe('ForgotPassword', () => {
   let wrapper
 
-  const Wrapper = (functionN) => {
+  const Wrapper = () => {
-    return mount(ForgotPassword, functionN)
+    return mount(ForgotPassword, { localVue, mocks })
   }
 
   describe('mount', () => {
     beforeEach(() => {
-      wrapper = Wrapper(createMockObject())
+      wrapper = Wrapper()
     })
 
     it('renders the component', () => {
@@ -110,12 +95,6 @@ describe('ForgotPassword', () => {
               expect(wrapper.find('.test-message-button').attributes('href')).toBe('/login')
             })
 
-            it.skip('click redirects to "/login"', async () => {
-              // wrapper.find('.test-message-button').trigger('click')
-              // await wrapper.vm.$nextTick()
-              expect(mockRouterPush).toBeCalledWith('/login')
-            })
-
             it('toasts a standard error message', () => {
               expect(toastErrorSpy).toBeCalledWith('error.email-already-sent')
             })
@@ -144,12 +123,19 @@ describe('ForgotPassword', () => {
             it('button link redirects to "/login"', () => {
               expect(wrapper.find('.test-message-button').attributes('href')).toBe('/login')
             })
+          })
+        })
+      })
+    })
 
-            it.skip('click redirects to "/login"', () => {
+    describe('route has coming from ', () => {
-              // expect(mockRouterPush).toBeCalledWith('/login')
+      beforeEach(() => {
-            })
+        mocks.$route.params.comingFrom = 'coming from'
-          })
+        wrapper = Wrapper()
-        })
+      })
+
+      it('changes subtitle', () => {
+        expect(wrapper.vm.subtitle).toBe('settings.password.resend_subtitle')
       })
     })
   })

frontend/src/pages/Send.spec.js

@@ -254,7 +254,7 @@ describe('Send', () => {
           describe('copy link with success', () => {
             beforeEach(async () => {
               navigatorClipboardMock.mockResolvedValue()
-              await wrapper.find('.pointer').trigger('click')
+              await wrapper.find('div[data-test="copyLink"]').trigger('click')
             })
 
             it('should call clipboard.writeText', () => {
@@ -270,7 +270,7 @@ describe('Send', () => {
           describe('copy link with error', () => {
             beforeEach(async () => {
               navigatorClipboardMock.mockRejectedValue()
-              await wrapper.find('.clipboard-copy').find('.btn-secondary').trigger('click')
+              await wrapper.find('div[data-test="copyLink"]').trigger('click')
             })
 
             it('toasts error message', () => {
@@ -292,7 +292,7 @@ describe('Send', () => {
           describe('copy link and text with success', () => {
             beforeEach(async () => {
               navigatorClipboardMock.mockResolvedValue()
-              await wrapper.findAll('button').at(0).trigger('click')
+              await wrapper.find('div[data-test="copyLinkWithText"]').trigger('click')
             })
 
             it('should call clipboard.writeText', () => {
@@ -312,7 +312,7 @@ describe('Send', () => {
           describe('copy link and text with error', () => {
             beforeEach(async () => {
               navigatorClipboardMock.mockRejectedValue()
-              await wrapper.findAll('button').at(0).trigger('click')
+              await wrapper.find('div[data-test="copyLinkWithText"]').trigger('click')
             })
 
             it('toasts error message', () => {

frontend/src/pages/Send.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3 mt--3">
+    <gdd-send :currentTransactionStep="currentTransactionStep">
       <template #transactionForm>
         <transaction-form
           v-bind="transactionData"

frontend/src/pages/Settings.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container bg-white appBoxShadow gradido-border-radius p-3 mt--3">
+  <div class="container bg-white appBoxShadow p-3 mt--3">
     <user-card :balance="balance" :transactionCount="transactionCount"></user-card>
     <user-data />
     <hr />

frontend/src/pages/Transactions.spec.js

@@ -1,6 +1,7 @@
 import { mount } from '@vue/test-utils'
 import Transactions from './Transactions'
 import { GdtEntryType } from '@/graphql/enums'
+import { listGDTEntriesQuery } from '@/graphql/queries'
 
 import { toastErrorSpy } from '@test/testSetup'
 
@@ -45,8 +46,8 @@ describe('Transactions', () => {
     },
   }
 
-  const Wrapper = () => {
+  const Wrapper = (propsData = {}) => {
-    return mount(Transactions, { localVue, mocks })
+    return mount(Transactions, { localVue, mocks, propsData })
   }
 
   describe('mount', () => {
@@ -77,26 +78,14 @@ describe('Transactions', () => {
       )
     })
 
-    it.skip('renders the transaction gradido transform table', () => {
+    it('renders the transaction gradido transform table when gdt is true', async () => {
-      beforeEach(() => {
+      await wrapper.setProps({
-        wrapper.setData({
         gdt: true,
       })
-      })
       expect(wrapper.findComponent({ name: 'GdtTransactionList' }).exists()).toBeTruthy()
     })
 
-    describe.skip('tabs', () => {
+    describe('update gdt with success', () => {
-      it('shows the GDD transactions by default', () => {
-        expect(wrapper.findAll('div[role="tabpanel"]').at(0).isVisible()).toBeTruthy()
-      })
-
-      it('does not show the GDT transactions by default', () => {
-        expect(wrapper.findAll('div[role="tabpanel"]').at(1).isVisible()).toBeFalsy()
-      })
-
-      describe('click on GDT tab', () => {
-        describe('server returns valid data', () => {
       beforeEach(() => {
         apolloMock.mockResolvedValue({
           data: {
@@ -143,81 +132,57 @@ describe('Transactions', () => {
             },
           },
         })
-            wrapper.findAll('li[ role="presentation"]').at(1).find('a').trigger('click')
+        wrapper = Wrapper({ gdt: true })
-          })
-
-          it('does not show the GDD transactions', () => {
-            expect(wrapper.findAll('div[role="tabpanel"]').at(0).isVisible()).toBeFalsy()
-          })
-
-          it('shows the GDT transactions', () => {
-            expect(wrapper.findAll('div[role="tabpanel"]').at(1).isVisible()).toBeTruthy()
       })
 
       it('calls the API', () => {
-            expect(apolloMock).toBeCalledWith(
+        expect(apolloMock).toBeCalledWith({
-              expect.objectContaining({
+          query: listGDTEntriesQuery,
           variables: {
             currentPage: 1,
             pageSize: 25,
           },
-              }),
+        })
-            )
+      })
+
+      it('does not show the GDD transactions', () => {
+        expect(wrapper.findAll('div.gdd-transaction-list').exists()).toBeFalsy()
+      })
+
+      it('shows the GDT transactions', () => {
+        expect(wrapper.findAll('div.gdt-transaction-list').exists()).toBeTruthy()
       })
 
       it('scrolls to (0, 0) after API call', () => {
         expect(windowScrollToMock).toBeCalledWith(0, 0)
       })
 
-          describe('click on GDD tab', () => {
+      describe('update current page', () => {
-            beforeEach(() => {
-              wrapper.findAll('li[ role="presentation"]').at(0).find('a').trigger('click')
-            })
-
-            it('shows the GDD transactions', () => {
-              expect(wrapper.findAll('div[role="tabpanel"]').at(0).isVisible()).toBeTruthy()
-            })
-
-            it('does not show the GDT', () => {
-              expect(wrapper.findAll('div[role="tabpanel"]').at(1).isVisible()).toBeFalsy()
-            })
-          })
-        })
-
-        describe('server returns error', () => {
-          beforeEach(() => {
-            apolloMock.mockRejectedValue({ message: 'Ouch!' })
-            wrapper.findAll('li[ role="presentation"]').at(1).find('a').trigger('click')
-          })
-
-          it('toasts an error message', () => {
-            expect(toastErrorSpy).toBeCalledWith('Ouch!')
-          })
-
-          it('sets transactionGdtCount to -1', () => {
-            expect(wrapper.vm.transactionGdtCount).toBe(-1)
-          })
-        })
-      })
-    })
-
-    describe.skip('update currentPage', () => {
         beforeEach(() => {
           jest.clearAllMocks()
-        wrapper.setData({
+          wrapper.vm.currentPage = 2
-          currentPage: 2,
-        })
         })
 
-      it('calls the API', () => {
+        it('calls the API again', () => {
-        expect(apolloMock).toBeCalledWith(
+          expect(apolloMock).toBeCalledWith({
-          expect.objectContaining({
+            query: listGDTEntriesQuery,
             variables: {
               currentPage: 2,
               pageSize: 25,
             },
-          }),
+          })
-        )
+        })
+      })
+    })
+
+    describe('update gdt with error', () => {
+      beforeEach(() => {
+        apolloMock.mockRejectedValue({ message: 'Oh no!' })
+        wrapper = Wrapper({ gdt: true })
+      })
+
+      it('toasts the error', () => {
+        expect(toastErrorSpy).toBeCalledWith('Oh no!')
       })
     })
   })

frontend/src/pages/Transactions.vue

@@ -15,6 +15,7 @@
         :transactionLinkCount="transactionLinkCount"
         :transactions="transactions"
         :showPagination="true"
+        :pageSize="pageSize"
         @update-transactions="updateTransactions"
         v-on="$listeners"
       />
@@ -90,6 +91,11 @@ export default {
         this.updateGdt()
       }
     },
+    gdt() {
+      if (this.gdt) {
+        this.updateGdt()
+      }
+    },
   },
 }
 </script>

frontend/src/validation-rules.js

@@ -56,7 +56,6 @@ export const loadAllRules = (i18nCallback) => {
 
   extend('gddCreationTime', {
     validate(value, { min, max }) {
-      if (value) value = value.replace(',', '.')
       return value >= min && value <= max
     },
     params: ['min', 'max'],

frontend/test/testSetup.js

@@ -70,6 +70,6 @@ console.warn = (m) => {
 }
 
 // throw errors for vue warnings to force the programmers to take care about warnings
-Vue.config.warnHandler = (w) => {
+Vue.config.warnHandler = async (w) => {
   throw new Error(w)
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gradido",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "description": "Gradido",
   "main": "index.js",
   "repository": "git@github.com:gradido/gradido.git",