From fcd02b6a9b572a5bd3ff4564a7edb2ba9fd6b201 Mon Sep 17 00:00:00 2001
From: einhornimmond <info@einhornimmond.de>
Date: Fri, 12 Apr 2024 19:43:36 +0200
Subject: [PATCH] add humhub switch and name format, refactor and reuse gms
 code

---
 backend/src/config/index.ts                   |   2 +-
 .../src/graphql/arg/UpdateUserInfosArgs.ts    |   8 +
 backend/src/graphql/model/User.ts             |   8 +
 .../src/graphql/resolver/UserResolver.test.ts |   2 +
 backend/src/graphql/resolver/UserResolver.ts  |  12 +-
 backend/src/util/communityUser.ts             |   2 +
 .../User.ts                                   | 176 ++++++++++++++++++
 database/entity/User.ts                       |   2 +-
 .../0084-introduce_humhub_registration.ts     |  16 ++
 deployment/bare_metal/.env.dist               |   3 +
 dht-node/src/config/index.ts                  |   2 +-
 federation/src/config/index.ts                |   2 +-
 frontend/.env.dist                            |   1 +
 frontend/.env.template                        |   3 +-
 .../components/UserSettings/UserGMSSwitch.vue |  45 -----
 ...ormat.spec.js => UserNamingFormat.spec.js} |  17 +-
 ...SNamingFormat.vue => UserNamingFormat.vue} |  27 +--
 .../UserSettings/UserSettingsSwitch.vue       |  50 +++++
 frontend/src/config/index.js                  |   1 +
 frontend/src/graphql/mutations.js             |   6 +
 frontend/src/locales/de.json                  |  11 ++
 frontend/src/locales/en.json                  |  11 ++
 frontend/src/pages/Settings.vue               | 125 ++++++++++---
 frontend/src/store/store.js                   |  12 ++
 frontend/src/store/store.test.js              |  78 ++++++--
 25 files changed, 503 insertions(+), 119 deletions(-)
 create mode 100644 database/entity/0084-introduce_humhub_registration/User.ts
 create mode 100644 database/migrations/0084-introduce_humhub_registration.ts
 delete mode 100644 frontend/src/components/UserSettings/UserGMSSwitch.vue
 rename frontend/src/components/UserSettings/{UserGMSNamingFormat.spec.js => UserNamingFormat.spec.js} (79%)
 rename frontend/src/components/UserSettings/{UserGMSNamingFormat.vue => UserNamingFormat.vue} (77%)
 create mode 100644 frontend/src/components/UserSettings/UserSettingsSwitch.vue

diff --git a/backend/src/config/index.ts b/backend/src/config/index.ts
index dd35d180e..2815db440 100644
--- a/backend/src/config/index.ts
+++ b/backend/src/config/index.ts
@@ -12,7 +12,7 @@ Decimal.set({
 })
 
 const constants = {
-  DB_VERSION: '0083-join_community_federated_communities',
+  DB_VERSION: '0084-introduce_humhub_registration',
   DECAY_START_TIME: new Date('2021-05-13 17:46:31-0000'), // GMT+0
   LOG4JS_CONFIG: 'log4js-config.json',
   // default log level on production should be info
diff --git a/backend/src/graphql/arg/UpdateUserInfosArgs.ts b/backend/src/graphql/arg/UpdateUserInfosArgs.ts
index a6c80cddd..d3e3dc744 100644
--- a/backend/src/graphql/arg/UpdateUserInfosArgs.ts
+++ b/backend/src/graphql/arg/UpdateUserInfosArgs.ts
@@ -46,6 +46,10 @@ export class UpdateUserInfosArgs {
   @IsBoolean()
   hideAmountGDT?: boolean
 
+  @Field({ nullable: true })
+  @IsBoolean()
+  humhubAllowed?: boolean
+
   @Field({ nullable: true })
   @IsBoolean()
   gmsAllowed?: boolean
@@ -54,6 +58,10 @@ export class UpdateUserInfosArgs {
   @IsEnum(GmsPublishNameType)
   gmsPublishName?: GmsPublishNameType | null
 
+  @Field(() => GmsPublishNameType, { nullable: true })
+  @IsEnum(GmsPublishNameType)
+  humhubPublishName?: GmsPublishNameType | null
+
   @Field(() => Location, { nullable: true })
   @isValidLocation()
   gmsLocation?: Location | null
diff --git a/backend/src/graphql/model/User.ts b/backend/src/graphql/model/User.ts
index 166367fd1..a6a5ad199 100644
--- a/backend/src/graphql/model/User.ts
+++ b/backend/src/graphql/model/User.ts
@@ -32,8 +32,10 @@ export class User {
       this.hasElopage = null
       this.hideAmountGDD = user.hideAmountGDD
       this.hideAmountGDT = user.hideAmountGDT
+      this.humhubAllowed = user.humhubAllowed
       this.gmsAllowed = user.gmsAllowed
       this.gmsPublishName = user.gmsPublishName
+      this.humhubPublishName = user.humhubPublishName
       this.gmsPublishLocation = user.gmsPublishLocation
     }
   }
@@ -80,12 +82,18 @@ export class User {
   @Field(() => Boolean)
   hideAmountGDT: boolean
 
+  @Field(() => Boolean)
+  humhubAllowed: boolean
+
   @Field(() => Boolean)
   gmsAllowed: boolean
 
   @Field(() => GmsPublishNameType, { nullable: true })
   gmsPublishName: GmsPublishNameType | null
 
+  @Field(() => GmsPublishNameType, { nullable: true })
+  humhubPublishName: GmsPublishNameType | null
+
   @Field(() => GmsPublishLocationType, { nullable: true })
   gmsPublishLocation: GmsPublishLocationType | null
 
diff --git a/backend/src/graphql/resolver/UserResolver.test.ts b/backend/src/graphql/resolver/UserResolver.test.ts
index e7c873fc4..4fdf387b7 100644
--- a/backend/src/graphql/resolver/UserResolver.test.ts
+++ b/backend/src/graphql/resolver/UserResolver.test.ts
@@ -183,7 +183,9 @@ describe('UserResolver', () => {
               communityUuid: homeCom.communityUuid,
               foreign: false,
               gmsAllowed: true,
+              humhubAllowed: false,
               gmsPublishName: 0,
+              humhubPublishName: 0,
               gmsPublishLocation: 2,
               location: null,
               gmsRegistered: false,
diff --git a/backend/src/graphql/resolver/UserResolver.ts b/backend/src/graphql/resolver/UserResolver.ts
index 7c11776df..436c0aa83 100644
--- a/backend/src/graphql/resolver/UserResolver.ts
+++ b/backend/src/graphql/resolver/UserResolver.ts
@@ -394,8 +394,8 @@ export class UserResolver {
     logger.addContext('user', 'unknown')
     logger.info(`forgotPassword(${email})...`)
     email = email.trim().toLowerCase()
-    const user = await findUserByEmail(email).catch(() => {
-      logger.warn(`fail on find UserContact per ${email}`)
+    const user = await findUserByEmail(email).catch((error) => {
+      logger.warn(`fail on find UserContact per ${email} because: ${error}`)
     })
 
     if (!user || user.deletedAt) {
@@ -559,8 +559,10 @@ export class UserResolver {
       passwordNew,
       hideAmountGDD,
       hideAmountGDT,
+      humhubAllowed,
       gmsAllowed,
       gmsPublishName,
+      humhubPublishName,
       gmsLocation,
       gmsPublishLocation,
     } = updateUserInfosArgs
@@ -617,12 +619,18 @@ export class UserResolver {
     if (hideAmountGDT !== undefined) {
       user.hideAmountGDT = hideAmountGDT
     }
+    if (humhubAllowed !== undefined) {
+      user.humhubAllowed = humhubAllowed
+    }
     if (gmsAllowed !== undefined) {
       user.gmsAllowed = gmsAllowed
     }
     if (gmsPublishName !== null && gmsPublishName !== undefined) {
       user.gmsPublishName = gmsPublishName
     }
+    if (humhubPublishName !== null && humhubPublishName !== undefined) {
+      user.humhubPublishName = humhubPublishName
+    }
     if (gmsLocation) {
       user.location = Location2Point(gmsLocation)
     }
diff --git a/backend/src/util/communityUser.ts b/backend/src/util/communityUser.ts
index 732c585d0..45a142ce8 100644
--- a/backend/src/util/communityUser.ts
+++ b/backend/src/util/communityUser.ts
@@ -52,7 +52,9 @@ const communityDbUser: dbUser = {
   communityUuid: '55555555-4444-4333-2222-11111111',
   community: null,
   gmsPublishName: 0,
+  humhubPublishName: 0,
   gmsAllowed: false,
+  humhubAllowed: false,
   location: null,
   gmsPublishLocation: 2,
   gmsRegistered: false,
diff --git a/database/entity/0084-introduce_humhub_registration/User.ts b/database/entity/0084-introduce_humhub_registration/User.ts
new file mode 100644
index 000000000..a375f6748
--- /dev/null
+++ b/database/entity/0084-introduce_humhub_registration/User.ts
@@ -0,0 +1,176 @@
+import {
+  BaseEntity,
+  Entity,
+  PrimaryGeneratedColumn,
+  Column,
+  DeleteDateColumn,
+  OneToMany,
+  JoinColumn,
+  OneToOne,
+  Geometry,
+  ManyToOne,
+} from 'typeorm'
+import { Contribution } from '../Contribution'
+import { ContributionMessage } from '../ContributionMessage'
+import { UserContact } from '../UserContact'
+import { UserRole } from '../UserRole'
+import { GeometryTransformer } from '../../src/typeorm/GeometryTransformer'
+import { Community } from '../Community'
+
+@Entity('users', { engine: 'InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci' })
+export class User extends BaseEntity {
+  @PrimaryGeneratedColumn('increment', { unsigned: true })
+  id: number
+
+  @Column({ type: 'bool', default: false })
+  foreign: boolean
+
+  @Column({
+    name: 'gradido_id',
+    length: 36,
+    nullable: false,
+    collation: 'utf8mb4_unicode_ci',
+  })
+  gradidoID: string
+
+  @Column({
+    name: 'community_uuid',
+    type: 'char',
+    length: 36,
+    nullable: true,
+    collation: 'utf8mb4_unicode_ci',
+  })
+  communityUuid: string
+
+  @ManyToOne(() => Community, (community) => community.users)
+  @JoinColumn({ name: 'community_uuid', referencedColumnName: 'communityUuid' })
+  community: Community | null
+
+  @Column({
+    name: 'alias',
+    length: 20,
+    nullable: true,
+    default: null,
+    collation: 'utf8mb4_unicode_ci',
+  })
+  alias: string
+
+  @OneToOne(() => UserContact, (emailContact: UserContact) => emailContact.user)
+  @JoinColumn({ name: 'email_id' })
+  emailContact: UserContact
+
+  @Column({ name: 'email_id', type: 'int', unsigned: true, nullable: true, default: null })
+  emailId: number | null
+
+  @Column({
+    name: 'first_name',
+    length: 255,
+    nullable: true,
+    default: null,
+    collation: 'utf8mb4_unicode_ci',
+  })
+  firstName: string
+
+  @Column({
+    name: 'last_name',
+    length: 255,
+    nullable: true,
+    default: null,
+    collation: 'utf8mb4_unicode_ci',
+  })
+  lastName: string
+
+  @Column({ name: 'gms_publish_name', type: 'int', unsigned: true, nullable: false, default: 0 })
+  gmsPublishName: number
+
+  @Column({ name: 'humhub_publish_name', type: 'int', unsigned: true, nullable: false, default: 0 })
+  humhubPublishName: number
+
+  @Column({ name: 'created_at', default: () => 'CURRENT_TIMESTAMP(3)', nullable: false })
+  createdAt: Date
+
+  @DeleteDateColumn({ name: 'deleted_at', nullable: true })
+  deletedAt: Date | null
+
+  @Column({ type: 'bigint', default: 0, unsigned: true })
+  password: BigInt
+
+  @Column({
+    name: 'password_encryption_type',
+    type: 'int',
+    unsigned: true,
+    nullable: false,
+    default: 0,
+  })
+  passwordEncryptionType: number
+
+  @Column({ length: 4, default: 'de', collation: 'utf8mb4_unicode_ci', nullable: false })
+  language: string
+
+  @Column({ type: 'bool', default: false })
+  hideAmountGDD: boolean
+
+  @Column({ type: 'bool', default: false })
+  hideAmountGDT: boolean
+
+  @OneToMany(() => UserRole, (userRole) => userRole.user)
+  @JoinColumn({ name: 'user_id' })
+  userRoles: UserRole[]
+
+  @Column({ name: 'referrer_id', type: 'int', unsigned: true, nullable: true, default: null })
+  referrerId?: number | null
+
+  @Column({
+    name: 'contribution_link_id',
+    type: 'int',
+    unsigned: true,
+    nullable: true,
+    default: null,
+  })
+  contributionLinkId?: number | null
+
+  @Column({ name: 'publisher_id', default: 0 })
+  publisherId: number
+
+  @Column({ name: 'gms_allowed', type: 'bool', default: true })
+  gmsAllowed: boolean
+
+  @Column({
+    name: 'location',
+    type: 'geometry',
+    default: null,
+    nullable: true,
+    transformer: GeometryTransformer,
+  })
+  location: Geometry | null
+
+  @Column({
+    name: 'gms_publish_location',
+    type: 'int',
+    unsigned: true,
+    nullable: false,
+    default: 2,
+  })
+  gmsPublishLocation: number
+
+  @Column({ name: 'gms_registered', type: 'bool', default: false })
+  gmsRegistered: boolean
+
+  @Column({ name: 'gms_registered_at', type: 'datetime', default: null, nullable: true })
+  gmsRegisteredAt: Date | null
+
+  @Column({ name: 'humhub_allowed', type: 'bool', default: false })
+  humhubAllowed: boolean
+
+  @OneToMany(() => Contribution, (contribution) => contribution.user)
+  @JoinColumn({ name: 'user_id' })
+  contributions?: Contribution[]
+
+  @OneToMany(() => ContributionMessage, (message) => message.user)
+  @JoinColumn({ name: 'user_id' })
+  messages?: ContributionMessage[]
+
+  @OneToMany(() => UserContact, (userContact: UserContact) => userContact.user)
+  @JoinColumn({ name: 'user_id' })
+  userContacts?: UserContact[]
+}
diff --git a/database/entity/User.ts b/database/entity/User.ts
index e3f15113d..993d983ef 100644
--- a/database/entity/User.ts
+++ b/database/entity/User.ts
@@ -1 +1 @@
-export { User } from './0082-introduce_gms_registration/User'
+export { User } from './0084-introduce_humhub_registration/User'
diff --git a/database/migrations/0084-introduce_humhub_registration.ts b/database/migrations/0084-introduce_humhub_registration.ts
new file mode 100644
index 000000000..858283602
--- /dev/null
+++ b/database/migrations/0084-introduce_humhub_registration.ts
@@ -0,0 +1,16 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+export async function upgrade(queryFn: (query: string, values?: any[]) => Promise<Array<any>>) {
+  await queryFn(
+    'ALTER TABLE `users` ADD COLUMN IF NOT EXISTS `humhub_allowed` tinyint(1) NOT NULL DEFAULT 0 AFTER `gms_registered_at`;',
+  )
+  await queryFn(
+    'ALTER TABLE `users` ADD COLUMN IF NOT EXISTS `humhub_publish_name` int unsigned NOT NULL DEFAULT 0 AFTER `gms_publish_name`;',
+  )
+}
+
+export async function downgrade(queryFn: (query: string, values?: any[]) => Promise<Array<any>>) {
+  await queryFn('ALTER TABLE `users` DROP COLUMN IF EXISTS `humhub_allowed`;')
+  await queryFn('ALTER TABLE `users` DROP COLUMN IF EXISTS `humhub_publish_name`;')
+}
diff --git a/deployment/bare_metal/.env.dist b/deployment/bare_metal/.env.dist
index 3da4bd319..c3c7112d7 100644
--- a/deployment/bare_metal/.env.dist
+++ b/deployment/bare_metal/.env.dist
@@ -124,3 +124,6 @@ GMS_ACTIVE=false
 # Coordinates of Illuminz test instance
 #GMS_URL=http://54.176.169.179:3071
 GMS_URL=http://localhost:4044/
+
+# HUMHUB
+HUMHUB_ACTIVE=false
\ No newline at end of file
diff --git a/dht-node/src/config/index.ts b/dht-node/src/config/index.ts
index 4e66aa5f9..f557eee83 100644
--- a/dht-node/src/config/index.ts
+++ b/dht-node/src/config/index.ts
@@ -4,7 +4,7 @@ import dotenv from 'dotenv'
 dotenv.config()
 
 const constants = {
-  DB_VERSION: '0083-join_community_federated_communities',
+  DB_VERSION: '0084-introduce_humhub_registration',
   LOG4JS_CONFIG: 'log4js-config.json',
   // default log level on production should be info
   LOG_LEVEL: process.env.LOG_LEVEL ?? 'info',
diff --git a/federation/src/config/index.ts b/federation/src/config/index.ts
index f8992a360..26b727841 100644
--- a/federation/src/config/index.ts
+++ b/federation/src/config/index.ts
@@ -10,7 +10,7 @@ Decimal.set({
 })
 
 const constants = {
-  DB_VERSION: '0083-join_community_federated_communities',
+  DB_VERSION: '0084-introduce_humhub_registration',
   DECAY_START_TIME: new Date('2021-05-13 17:46:31-0000'), // GMT+0
   LOG4JS_CONFIG: 'log4js-config.json',
   // default log level on production should be info
diff --git a/frontend/.env.dist b/frontend/.env.dist
index f680d9a50..f11a70873 100644
--- a/frontend/.env.dist
+++ b/frontend/.env.dist
@@ -23,3 +23,4 @@ META_KEYWORDS_EN="Basic Income, Currency, Gratitude, Gift Economy, Natural Econo
 META_AUTHOR="Bernd Hückstädt - Gradido-Akademie"
 
 GMS_ACTIVE=false
+HUMHUB_ACTIVE=false
diff --git a/frontend/.env.template b/frontend/.env.template
index c121545da..40d0e7ee1 100644
--- a/frontend/.env.template
+++ b/frontend/.env.template
@@ -25,4 +25,5 @@ META_KEYWORDS_DE=$META_KEYWORDS_DE
 META_KEYWORDS_EN=$META_KEYWORDS_EN
 META_AUTHOR=$META_AUTHOR
 
-GMS_ACTIVE=$GMS_ACTIVE
\ No newline at end of file
+GMS_ACTIVE=$GMS_ACTIVE
+HUMHUB_ACTIVE=$HUMHUB_ACTIVE
\ No newline at end of file
diff --git a/frontend/src/components/UserSettings/UserGMSSwitch.vue b/frontend/src/components/UserSettings/UserGMSSwitch.vue
deleted file mode 100644
index 355beeff2..000000000
--- a/frontend/src/components/UserSettings/UserGMSSwitch.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <div class="form-user-gms-switch">
-    <b-form-checkbox
-      test="BFormCheckbox"
-      v-model="gmsAllowed"
-      name="check-button"
-      switch
-      @change="onChange"
-    ></b-form-checkbox>
-  </div>
-</template>
-<script>
-import { updateUserInfos } from '@/graphql/mutations'
-
-export default {
-  name: 'UserGMSSwitch',
-  data() {
-    return {
-      gmsAllowed: this.$store.state.gmsAllowed,
-    }
-  },
-  methods: {
-    async onChange() {
-      this.$apollo
-        .mutate({
-          mutation: updateUserInfos,
-          variables: {
-            gmsAllowed: this.gmsAllowed,
-          },
-        })
-        .then(() => {
-          this.$store.commit('gmsAllowed', this.gmsAllowed)
-          this.$emit('gmsAllowed', this.gmsAllowed)
-          this.toastSuccess(
-            this.gmsAllowed ? this.$t('settings.GMS.enabled') : this.$t('settings.GMS.disabled'),
-          )
-        })
-        .catch((error) => {
-          this.gmsAllowed = this.$store.state.gmsAllowed
-          this.toastError(error.message)
-        })
-    },
-  },
-}
-</script>
diff --git a/frontend/src/components/UserSettings/UserGMSNamingFormat.spec.js b/frontend/src/components/UserSettings/UserNamingFormat.spec.js
similarity index 79%
rename from frontend/src/components/UserSettings/UserGMSNamingFormat.spec.js
rename to frontend/src/components/UserSettings/UserNamingFormat.spec.js
index 3dbbfdb2c..f07f5e3f2 100644
--- a/frontend/src/components/UserSettings/UserGMSNamingFormat.spec.js
+++ b/frontend/src/components/UserSettings/UserNamingFormat.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import UserGMSNamingFormat from './UserGMSNamingFormat.vue'
+import UserNamingFormat from './UserNamingFormat.vue'
 import { toastErrorSpy } from '@test/testSetup'
 
 const mockAPIcall = jest.fn()
@@ -8,10 +8,10 @@ const storeCommitMock = jest.fn()
 
 const localVue = global.localVue
 
-describe('UserGMSNamingFormat', () => {
+describe('UserNamingFormat', () => {
   let wrapper
   beforeEach(() => {
-    wrapper = mount(UserGMSNamingFormat, {
+    wrapper = mount(UserNamingFormat, {
       mocks: {
         $t: (key) => key, // Mocking the translation function
         $store: {
@@ -27,6 +27,9 @@ describe('UserGMSNamingFormat', () => {
       localVue,
       propsData: {
         selectedOption: 'GMS_PUBLISH_NAME_ALIAS_OR_INITALS',
+        initialValue: 'GMS_PUBLISH_NAME_ALIAS_OR_INITALS',
+        attrName: 'gmsPublishName',
+        successMessage: 'success message',
       },
     })
   })
@@ -53,16 +56,16 @@ describe('UserGMSNamingFormat', () => {
     const dropdownItem = wrapper.findAll('.dropdown-item').at(3) // Click the fourth item
     await dropdownItem.trigger('click')
 
-    expect(wrapper.emitted().gmsPublishName).toBeTruthy()
-    expect(wrapper.emitted().gmsPublishName.length).toBe(1)
-    expect(wrapper.emitted().gmsPublishName[0]).toEqual(['GMS_PUBLISH_NAME_FIRST_INITIAL'])
+    expect(wrapper.emitted().valueChanged).toBeTruthy()
+    expect(wrapper.emitted().valueChanged.length).toBe(1)
+    expect(wrapper.emitted().valueChanged[0]).toEqual(['GMS_PUBLISH_NAME_FIRST_INITIAL'])
   })
 
   it('does not update when clicking on already selected option', async () => {
     const dropdownItem = wrapper.findAll('.dropdown-item').at(0) // Click the first item (which is already selected)
     await dropdownItem.trigger('click')
 
-    expect(wrapper.emitted().gmsPublishName).toBeFalsy()
+    expect(wrapper.emitted().valueChanged).toBeFalsy()
   })
 
   describe('update with error', () => {
diff --git a/frontend/src/components/UserSettings/UserGMSNamingFormat.vue b/frontend/src/components/UserSettings/UserNamingFormat.vue
similarity index 77%
rename from frontend/src/components/UserSettings/UserGMSNamingFormat.vue
rename to frontend/src/components/UserSettings/UserNamingFormat.vue
index 29b4cd384..510541219 100644
--- a/frontend/src/components/UserSettings/UserGMSNamingFormat.vue
+++ b/frontend/src/components/UserSettings/UserNamingFormat.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="user-gms-naming-format">
+  <div class="user-naming-format">
     <b-dropdown v-model="selectedOption">
       <template slot="button-content">{{ selectedOptionLabel }}</template>
       <b-dropdown-item
@@ -18,10 +18,15 @@
 import { updateUserInfos } from '@/graphql/mutations'
 
 export default {
-  name: 'UserGMSNamingFormat',
+  name: 'UserNamingFormat',
+  props: {
+    initialValue: { type: String, default: 'GMS_PUBLISH_NAME_ALIAS_OR_INITALS' },
+    attrName: { type: String },
+    successMessage: { type: String },
+  },
   data() {
     return {
-      selectedOption: this.$store.state.gmsPublishName ?? 'GMS_PUBLISH_NAME_ALIAS_OR_INITALS',
+      selectedOption: this.initialValue,
       dropdownOptions: [
         {
           label: this.$t('settings.GMS.publish-name.alias-or-initials'),
@@ -62,16 +67,16 @@ export default {
         return
       }
       try {
+        const variables = []
+        variables[this.attrName] = option.value
         await this.$apollo.mutate({
           mutation: updateUserInfos,
-          variables: {
-            gmsPublishName: option.value,
-          },
+          variables,
         })
-        this.toastSuccess(this.$t('settings.GMS.publish-name.updated'))
+        this.toastSuccess(this.successMessage)
         this.selectedOption = option.value
-        this.$store.commit('gmsPublishName', option.value)
-        this.$emit('gmsPublishName', option.value)
+        this.$store.commit(this.attrName, option.value)
+        this.$emit('valueChanged', option.value)
       } catch (error) {
         this.toastError(error.message)
       }
@@ -80,8 +85,8 @@ export default {
 }
 </script>
 <style>
-.user-gms-naming-format > .dropdown,
-.user-gms-naming-format > .dropdown > .dropdown-toggle > ul.dropdown-menu {
+.user-naming-format > .dropdown,
+.user-naming-format > .dropdown > .dropdown-toggle > ul.dropdown-menu {
   width: 100%;
 }
 </style>
diff --git a/frontend/src/components/UserSettings/UserSettingsSwitch.vue b/frontend/src/components/UserSettings/UserSettingsSwitch.vue
new file mode 100644
index 000000000..8e819cba8
--- /dev/null
+++ b/frontend/src/components/UserSettings/UserSettingsSwitch.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="form-user-switch">
+    <b-form-checkbox
+      test="BFormCheckbox"
+      v-model="value"
+      name="check-button"
+      switch
+      @change="onChange"
+    ></b-form-checkbox>
+  </div>
+</template>
+<script>
+import { updateUserInfos } from '@/graphql/mutations'
+
+export default {
+  name: 'UserSettingsSwitch',
+  props: {
+    initialValue: { type: Boolean, default: false },
+    attrName: { type: String },
+    enabledText: { type: String },
+    disabledText: { type: String },
+  },
+  data() {
+    return {
+      value: this.initialValue,
+    }
+  },
+  methods: {
+    async onChange() {
+      const variables = []
+      variables[this.attrName] = this.value
+
+      this.$apollo
+        .mutate({
+          mutation: updateUserInfos,
+          variables,
+        })
+        .then(() => {
+          this.$store.commit(this.attrName, this.value)
+          this.$emit('valueChanged', this.value)
+          this.toastSuccess(this.value ? this.enabledText : this.disabledText)
+        })
+        .catch((error) => {
+          this.value = this.initialValue
+          this.toastError(error.message)
+        })
+    },
+  },
+}
+</script>
diff --git a/frontend/src/config/index.js b/frontend/src/config/index.js
index 1ead8ecf0..d96b434be 100644
--- a/frontend/src/config/index.js
+++ b/frontend/src/config/index.js
@@ -22,6 +22,7 @@ const version = {
 
 const features = {
   GMS_ACTIVE: process.env.GMS_ACTIVE ?? false,
+  HUMHUB_ACTIVE: process.env.HUMHUB_ACTIVE ?? false,
 }
 
 const environment = {
diff --git a/frontend/src/graphql/mutations.js b/frontend/src/graphql/mutations.js
index 8d28bbff6..ab78ca03b 100644
--- a/frontend/src/graphql/mutations.js
+++ b/frontend/src/graphql/mutations.js
@@ -35,7 +35,9 @@ export const updateUserInfos = gql`
     $hideAmountGDD: Boolean
     $hideAmountGDT: Boolean
     $gmsAllowed: Boolean
+    $humhubAllowed: Boolean
     $gmsPublishName: GmsPublishNameType
+    $humhubPublishName: GmsPublishNameType
     $gmsLocation: Location
     $gmsPublishLocation: GmsPublishLocationType
   ) {
@@ -49,7 +51,9 @@ export const updateUserInfos = gql`
       hideAmountGDD: $hideAmountGDD
       hideAmountGDT: $hideAmountGDT
       gmsAllowed: $gmsAllowed
+      humhubAllowed: $humhubAllowed
       gmsPublishName: $gmsPublishName
+      humhubPublishName: $humhubPublishName
       gmsLocation: $gmsLocation
       gmsPublishLocation: $gmsPublishLocation
     )
@@ -173,7 +177,9 @@ export const login = gql`
         newsletterState
       }
       gmsAllowed
+      humhubAllowed
       gmsPublishName
+      humhubPublishName
       gmsPublishLocation
       hasElopage
       publisherId
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 1c37d5e24..e19f3bb35 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -9,6 +9,7 @@
   "GDD": "GDD",
   "GDT": "GDT",
   "GMS": "Gradido Karte",
+  "Humhub": "Gradido Community",
   "PersonalDetails": "Persönliche Angaben",
   "advanced-calculation": "Vorausberechnung",
   "asterisks": "****",
@@ -324,6 +325,16 @@
     },
     "hideAmountGDD": "Dein GDD Betrag ist versteckt.",
     "hideAmountGDT": "Dein GDT Betrag ist versteckt.",
+    "humhub": {
+      "disabled": "Daten werden nicht in die Gradido Community exportiert",
+      "enabled": "Daten werden in die Gradido Community exportiert",
+      "export-consequences": "In der Gradido Community können dich alle Benutzer mit deinem Vor- und Nachnamen finden.",
+      "naming-format": "Namensformat in der Gradido Community",
+      "publish-name": {
+        "updated": "Namensformat für die Gradido Community aktualisiert."
+      },
+      "switch": "Erlaubnis Daten in die Gradido Community zu exportieren."
+    },
     "info": "Transaktionen können nun per Benutzername oder E-Mail-Adresse getätigt werden.",
     "language": {
       "changeLanguage": "Sprache ändern",
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 7c607ecbb..29143bd37 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -9,6 +9,7 @@
   "GDD": "GDD",
   "GDT": "GDT",
   "GMS": "Gradido Map",
+  "Humhub": "Gradido Community",
   "PersonalDetails": "Personal details",
   "advanced-calculation": "Advanced calculation",
   "asterisks": "****",
@@ -324,6 +325,16 @@
     },
     "hideAmountGDD": "Your GDD amount is hidden.",
     "hideAmountGDT": "Your GDT amount is hidden.",
+    "humhub": {
+      "disabled": "Data not exported into the Gradido Community",
+      "enabled": "Data exported into the Gradido Community",
+      "export-consequences": "In the Gradido Community, all users can find you by your first and last name.",
+      "naming-format": "Format of name in the Gradido Community",
+      "publish-name": {
+        "updated": "Format of name for the Gradido Community updated."
+      },
+      "switch": "Allow data export into the Gradido Community."
+    },
     "info": "Transactions can now be made by username or email address.",
     "language": {
       "changeLanguage": "Change language",
diff --git a/frontend/src/pages/Settings.vue b/frontend/src/pages/Settings.vue
index c74af6679..1fb84318e 100644
--- a/frontend/src/pages/Settings.vue
+++ b/frontend/src/pages/Settings.vue
@@ -79,44 +79,91 @@
           </b-col>
         </b-row>
       </b-tab>
-      <div v-if="isGMS">
+      <div v-if="isExternService">
         <b-tab :title="$t('ExternServices')">
           <div class="h2">{{ $t('ExternServices') }}</div>
-          <div class="h3">{{ $t('GMS') }}</div>
-          <b-row class="mb-3">
-            <b-col cols="12" md="6" lg="6">
-              {{ $t('settings.GMS.switch') }}
-              <div class="text-small">
-                {{ gmsAllowed ? $t('settings.GMS.enabled') : $t('settings.GMS.disabled') }}
-              </div>
-            </b-col>
-            <b-col cols="12" md="6" lg="6" class="text-right">
-              <user-g-m-s-switch @gmsAllowed="gmsStateSwitch" />
-            </b-col>
-          </b-row>
-          <div v-if="gmsAllowed">
-            <b-row class="mb-4">
+          <div v-if="isGMS">
+            <div class="h3">{{ $t('GMS') }}</div>
+            <b-row class="mb-3">
               <b-col cols="12" md="6" lg="6">
-                {{ $t('settings.GMS.naming-format') }}
+                {{ $t('settings.GMS.switch') }}
+                <div class="text-small">
+                  {{ gmsAllowed ? $t('settings.GMS.enabled') : $t('settings.GMS.disabled') }}
+                </div>
               </b-col>
-              <b-col cols="12" md="6" lg="6">
-                <user-g-m-s-naming-format />
+              <b-col cols="12" md="6" lg="6" class="text-right">
+                <user-settings-switch
+                  @valueChanged="gmsStateSwitch"
+                  :initialValue="$store.state.gmsAllowed"
+                  :attrName="'gmsAllowed'"
+                  :enabledText="$t('settings.GMS.enabled')"
+                  :disabledText="$t('settings.GMS.disabled')"
+                />
               </b-col>
             </b-row>
-            <b-row class="mb-4">
+            <div v-if="gmsAllowed">
+              <b-row class="mb-4">
+                <b-col cols="12" md="6" lg="6">
+                  {{ $t('settings.GMS.naming-format') }}
+                </b-col>
+                <b-col cols="12" md="6" lg="6">
+                  <user-naming-format
+                    :initialValue="$store.state.gmsPublishName"
+                    :attrName="'gmsPublishName'"
+                    :successMessage="$t('settings.GMS.publish-name.updated')"
+                  />
+                </b-col>
+              </b-row>
+              <b-row class="mb-4">
+                <b-col cols="12" md="6" lg="6">
+                  {{ $t('settings.GMS.location-format') }}
+                </b-col>
+                <b-col cols="12" md="6" lg="6">
+                  <user-g-m-s-location-format />
+                </b-col>
+              </b-row>
+              <b-row class="mb-5">
+                <b-col cols="12" md="6" lg="6">
+                  {{ $t('settings.GMS.location.label') }}
+                </b-col>
+                <b-col cols="12" md="6" lg="6">
+                  <user-g-m-s-location />
+                </b-col>
+              </b-row>
+            </div>
+          </div>
+          <div v-if="isHumhub">
+            <div class="h3">{{ $t('Humhub') }}</div>
+            {{ $t('settings.humhub.export-consequences') }}
+            <b-row class="mb-3">
               <b-col cols="12" md="6" lg="6">
-                {{ $t('settings.GMS.location-format') }}
+                {{ $t('settings.humhub.switch') }}
+                <div class="text-small">
+                  {{
+                    humhubAllowed ? $t('settings.humhub.enabled') : $t('settings.humhub.disabled')
+                  }}
+                </div>
               </b-col>
-              <b-col cols="12" md="6" lg="6">
-                <user-g-m-s-location-format />
+              <b-col cols="12" md="6" lg="6" class="text-right">
+                <user-settings-switch
+                  @valueChanged="humhubStateSwitch"
+                  :initialValue="$store.state.humhubAllowed"
+                  :attrName="'humhubAllowed'"
+                  :enabledText="$t('settings.humhub.enabled')"
+                  :disabledText="$t('settings.humhub.disabled')"
+                />
               </b-col>
             </b-row>
-            <b-row class="mb-5">
+            <b-row v-if="humhubAllowed" class="mb-4">
               <b-col cols="12" md="6" lg="6">
-                {{ $t('settings.GMS.location.label') }}
+                {{ $t('settings.humhub.naming-format') }}
               </b-col>
               <b-col cols="12" md="6" lg="6">
-                <user-g-m-s-location />
+                <user-naming-format
+                  :initialValue="$store.state.humhubPublishName"
+                  :attrName="'humhubPublishName'"
+                  :successMessage="$t('settings.humhub.publish-name.updated')"
+                />
               </b-col>
             </b-row>
           </div>
@@ -133,28 +180,28 @@
   </div>
 </template>
 <script>
-import UserGMSSwitch from '@/components/UserSettings/UserGMSSwitch'
-import UserGMSNamingFormat from '@/components/UserSettings/UserGMSNamingFormat'
+import UserNamingFormat from '@/components/UserSettings/UserNamingFormat'
 import UserGMSLocationFormat from '@/components/UserSettings/UserGMSLocationFormat'
 import UserGMSLocation from '@/components/UserSettings/UserGMSLocation'
 import UserName from '@/components/UserSettings/UserName.vue'
 import UserPassword from '@/components/UserSettings/UserPassword'
 import UserLanguage from '@/components/LanguageSwitch2.vue'
 import UserNewsletter from '@/components/UserSettings/UserNewsletter.vue'
+import UserSettingsSwitch from '../components/UserSettings/UserSettingsSwitch.vue'
 import { updateUserInfos } from '@/graphql/mutations'
 import CONFIG from '../config'
 
 export default {
   name: 'Profile',
   components: {
-    UserGMSSwitch,
-    UserGMSNamingFormat,
+    UserNamingFormat,
     UserGMSLocationFormat,
     UserGMSLocation,
     UserName,
     UserPassword,
     UserLanguage,
     UserNewsletter,
+    UserSettingsSwitch,
   },
   props: {
     balance: { type: Number, default: 0 },
@@ -163,7 +210,15 @@ export default {
 
   data() {
     const { state } = this.$store
-    const { darkMode, firstName, lastName, email, newsletterState, gmsAllowed } = state
+    const {
+      darkMode,
+      firstName,
+      lastName,
+      email,
+      newsletterState,
+      gmsAllowed,
+      humhubAllowed,
+    } = state
 
     return {
       darkMode,
@@ -173,6 +228,7 @@ export default {
       email,
       newsletterState,
       gmsAllowed,
+      humhubAllowed,
       mutation: '',
       variables: {},
     }
@@ -183,9 +239,15 @@ export default {
       const { firstName, lastName } = this.$store.state
       return firstName === this.firstName && lastName === this.lastName
     },
+    isExternService() {
+      return this.isGMS || this.isHumhub
+    },
     isGMS() {
       return CONFIG.GMS_ACTIVE
     },
+    isHumhub() {
+      return CONFIG.HUMHUB_ACTIVE
+    },
   },
   // TODO: watch: {
   //   darkMode(val) {
@@ -214,6 +276,9 @@ export default {
     gmsStateSwitch(eventData) {
       this.gmsAllowed = eventData
     },
+    humhubStateSwitch(eventData) {
+      this.humhubAllowed = eventData
+    },
   },
 }
 </script>
diff --git a/frontend/src/store/store.js b/frontend/src/store/store.js
index e9eab2dd7..e574aa008 100644
--- a/frontend/src/store/store.js
+++ b/frontend/src/store/store.js
@@ -38,9 +38,15 @@ export const mutations = {
   gmsAllowed: (state, gmsAllowed) => {
     state.gmsAllowed = gmsAllowed
   },
+  humhubAllowed: (state, humhubAllowed) => {
+    state.humhubAllowed = humhubAllowed
+  },
   gmsPublishName: (state, gmsPublishName) => {
     state.gmsPublishName = gmsPublishName
   },
+  humhubPublishName: (state, humhubPublishName) => {
+    state.humhubPublishName = humhubPublishName
+  },
   gmsPublishLocation: (state, gmsPublishLocation) => {
     state.gmsPublishLocation = gmsPublishLocation
   },
@@ -81,7 +87,9 @@ export const actions = {
     commit('lastName', data.lastName)
     commit('newsletterState', data.klickTipp.newsletterState)
     commit('gmsAllowed', data.gmsAllowed)
+    commit('humhubAllowed', data.humhubAllowed)
     commit('gmsPublishName', data.gmsPublishName)
+    commit('humhubPublishName', data.humhubPublishName)
     commit('gmsPublishLocation', data.gmsPublishLocation)
     commit('hasElopage', data.hasElopage)
     commit('publisherId', data.publisherId)
@@ -98,7 +106,9 @@ export const actions = {
     commit('lastName', '')
     commit('newsletterState', null)
     commit('gmsAllowed', null)
+    commit('humhubAllowed', null)
     commit('gmsPublishName', null)
+    commit('humhubPublishName', null)
     commit('gmsPublishLocation', null)
     commit('hasElopage', false)
     commit('publisherId', null)
@@ -133,7 +143,9 @@ try {
       roles: [],
       newsletterState: null,
       gmsAllowed: null,
+      humhubAllowed: null,
       gmsPublishName: null,
+      humhubPublishName: null,
       gmsPublishLocation: null,
       hasElopage: false,
       publisherId: null,
diff --git a/frontend/src/store/store.test.js b/frontend/src/store/store.test.js
index 75ab308fd..6d06a3724 100644
--- a/frontend/src/store/store.test.js
+++ b/frontend/src/store/store.test.js
@@ -29,7 +29,9 @@ const {
   username,
   newsletterState,
   gmsAllowed,
+  humhubAllowed,
   gmsPublishName,
+  humhubPublishName,
   gmsPublishLocation,
   publisherId,
   roles,
@@ -133,6 +135,14 @@ describe('Vuex store', () => {
       })
     })
 
+    describe('humhubAllowed', () => {
+      it('sets the state of humhubAllowed', () => {
+        const state = { humhubAllowed: null }
+        humhubAllowed(state, true)
+        expect(state.humhubAllowed).toEqual(true)
+      })
+    })
+
     describe('gmsPublishName', () => {
       it('sets gmsPublishName', () => {
         const state = { gmsPublishName: null }
@@ -141,6 +151,14 @@ describe('Vuex store', () => {
       })
     })
 
+    describe('humhubPublishName', () => {
+      it('sets humhubPublishName', () => {
+        const state = { humhubPublishName: null }
+        humhubPublishName(state, 'GMS_PUBLISH_NAME_INITIALS')
+        expect(state.humhubPublishName).toEqual('GMS_PUBLISH_NAME_INITIALS')
+      })
+    })
+
     describe('gmsPublishLocation', () => {
       it('sets gmsPublishLocation', () => {
         const state = { gmsPublishLocation: null }
@@ -218,7 +236,9 @@ describe('Vuex store', () => {
           newsletterState: true,
         },
         gmsAllowed: true,
+        humhubAllowed: false,
         gmsPublishName: 'GMS_PUBLISH_NAME_FULL',
+        humhubPublishName: 'GMS_PUBLISH_NAME_FULL',
         gmsPublishLocation: 'GMS_LOCATION_TYPE_EXACT',
         hasElopage: false,
         publisherId: 1234,
@@ -227,9 +247,9 @@ describe('Vuex store', () => {
         hideAmountGDT: true,
       }
 
-      it('calls fifteen commits', () => {
+      it('calls seventeen commits', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenCalledTimes(15)
+        expect(commit).toHaveBeenCalledTimes(17)
       })
 
       it('commits gradidoID', () => {
@@ -267,39 +287,49 @@ describe('Vuex store', () => {
         expect(commit).toHaveBeenNthCalledWith(7, 'gmsAllowed', true)
       })
 
+      it('commits humhubAllowed', () => {
+        login({ commit, state }, commitedData)
+        expect(commit).toHaveBeenNthCalledWith(8, 'humhubAllowed', false)
+      })
+
       it('commits gmsPublishName', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenNthCalledWith(8, 'gmsPublishName', 'GMS_PUBLISH_NAME_FULL')
+        expect(commit).toHaveBeenNthCalledWith(9, 'gmsPublishName', 'GMS_PUBLISH_NAME_FULL')
+      })
+
+      it('commits humhubPublishName', () => {
+        login({ commit, state }, commitedData)
+        expect(commit).toHaveBeenNthCalledWith(10, 'humhubPublishName', 'GMS_PUBLISH_NAME_FULL')
       })
 
       it('commits gmsPublishLocation', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenNthCalledWith(9, 'gmsPublishLocation', 'GMS_LOCATION_TYPE_EXACT')
+        expect(commit).toHaveBeenNthCalledWith(11, 'gmsPublishLocation', 'GMS_LOCATION_TYPE_EXACT')
       })
 
       it('commits hasElopage', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenNthCalledWith(10, 'hasElopage', false)
+        expect(commit).toHaveBeenNthCalledWith(12, 'hasElopage', false)
       })
 
       it('commits publisherId', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenNthCalledWith(11, 'publisherId', 1234)
+        expect(commit).toHaveBeenNthCalledWith(13, 'publisherId', 1234)
       })
 
       it('commits roles', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenNthCalledWith(12, 'roles', ['admin'])
+        expect(commit).toHaveBeenNthCalledWith(14, 'roles', ['admin'])
       })
 
       it('commits hideAmountGDD', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenNthCalledWith(13, 'hideAmountGDD', false)
+        expect(commit).toHaveBeenNthCalledWith(15, 'hideAmountGDD', false)
       })
 
       it('commits hideAmountGDT', () => {
         login({ commit, state }, commitedData)
-        expect(commit).toHaveBeenNthCalledWith(14, 'hideAmountGDT', true)
+        expect(commit).toHaveBeenNthCalledWith(16, 'hideAmountGDT', true)
       })
     })
 
@@ -307,9 +337,9 @@ describe('Vuex store', () => {
       const commit = jest.fn()
       const state = {}
 
-      it('calls seventeen commits', () => {
+      it('calls nineteen commits', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenCalledTimes(17)
+        expect(commit).toHaveBeenCalledTimes(19)
       })
 
       it('commits token', () => {
@@ -347,44 +377,54 @@ describe('Vuex store', () => {
         expect(commit).toHaveBeenNthCalledWith(7, 'gmsAllowed', null)
       })
 
+      it('commits humhubAllowed', () => {
+        logout({ commit, state })
+        expect(commit).toHaveBeenNthCalledWith(8, 'humhubAllowed', null)
+      })
+
       it('commits gmsPublishName', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(8, 'gmsPublishName', null)
+        expect(commit).toHaveBeenNthCalledWith(9, 'gmsPublishName', null)
+      })
+
+      it('commits humhubPublishName', () => {
+        logout({ commit, state })
+        expect(commit).toHaveBeenNthCalledWith(10, 'humhubPublishName', null)
       })
 
       it('commits gmsPublishLocation', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(9, 'gmsPublishLocation', null)
+        expect(commit).toHaveBeenNthCalledWith(11, 'gmsPublishLocation', null)
       })
 
       it('commits hasElopage', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(10, 'hasElopage', false)
+        expect(commit).toHaveBeenNthCalledWith(12, 'hasElopage', false)
       })
 
       it('commits publisherId', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(11, 'publisherId', null)
+        expect(commit).toHaveBeenNthCalledWith(13, 'publisherId', null)
       })
 
       it('commits roles', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(12, 'roles', null)
+        expect(commit).toHaveBeenNthCalledWith(14, 'roles', null)
       })
 
       it('commits hideAmountGDD', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(13, 'hideAmountGDD', false)
+        expect(commit).toHaveBeenNthCalledWith(15, 'hideAmountGDD', false)
       })
 
       it('commits hideAmountGDT', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(14, 'hideAmountGDT', true)
+        expect(commit).toHaveBeenNthCalledWith(16, 'hideAmountGDT', true)
       })
 
       it('commits email', () => {
         logout({ commit, state })
-        expect(commit).toHaveBeenNthCalledWith(15, 'email', '')
+        expect(commit).toHaveBeenNthCalledWith(17, 'email', '')
       })
 
       // how to get this working?