diff --git a/bizmatch/src/app/app.config.ts b/bizmatch/src/app/app.config.ts index e55d9e1..cf058a2 100644 --- a/bizmatch/src/app/app.config.ts +++ b/bizmatch/src/app/app.config.ts @@ -7,6 +7,10 @@ import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@a import { initializeApp, provideFirebaseApp } from '@angular/fire/app'; import { getAuth, provideAuth } from '@angular/fire/auth'; import { provideAnimations } from '@angular/platform-browser/animations'; +import { GALLERY_CONFIG, GalleryConfig } from 'ng-gallery'; +import { provideQuillConfig } from 'ngx-quill'; +import { provideShareButtonsOptions, SharerMethods, withConfig } from 'ngx-sharebuttons'; +import { shareIcons } from 'ngx-sharebuttons/icons'; import { environment } from '../environments/environment'; import { routes } from './app.routes'; import { AuthInterceptor } from './interceptors/auth.interceptor'; @@ -20,7 +24,8 @@ import { createLogger } from './utils/utils'; const logger = createLogger('ApplicationConfig'); export const appConfig: ApplicationConfig = { providers: [ - provideClientHydration(), + // Temporarily disabled for SSR debugging + // provideClientHydration(), provideHttpClient(withInterceptorsFromDi()), { provide: APP_INITIALIZER, @@ -43,6 +48,13 @@ export const appConfig: ApplicationConfig = { provide: 'TIMEOUT_DURATION', useValue: 5000, // Standard-Timeout von 5 Sekunden }, + { + provide: GALLERY_CONFIG, + useValue: { + autoHeight: true, + imageSize: 'cover', + } as GalleryConfig, + }, { provide: ErrorHandler, useClass: GlobalErrorHandler }, // Registriere den globalen ErrorHandler { provide: IMAGE_CONFIG, @@ -50,6 +62,13 @@ export const appConfig: ApplicationConfig = { disableImageSizeWarning: true, }, }, + provideShareButtonsOptions( + shareIcons(), + withConfig({ + debug: true, + sharerMethod: SharerMethods.Anchor, + }), + ), provideRouter( routes, withEnabledBlockingInitialNavigation(), @@ -60,6 +79,18 @@ export const appConfig: ApplicationConfig = { ), ...(environment.production ? [POSTHOG_INIT_PROVIDER] : []), provideAnimations(), + provideQuillConfig({ + modules: { + syntax: true, + toolbar: [ + ['bold', 'italic', 'underline'], // Einige Standardoptionen + [{ header: [1, 2, 3, false] }], // Benutzerdefinierte Header + [{ list: 'ordered' }, { list: 'bullet' }], + [{ color: [] }], // Dropdown mit Standardfarben + ['clean'], // Entfernt Formatierungen + ], + }, + }), provideFirebaseApp(() => initializeApp(environment.firebaseConfig)), provideAuth(() => getAuth()), ], diff --git a/bizmatch/src/app/pages/subscription/account/account.component.html b/bizmatch/src/app/pages/subscription/account/account.component.html index b2c2d65..0de6178 100644 --- a/bizmatch/src/app/pages/subscription/account/account.component.html +++ b/bizmatch/src/app/pages/subscription/account/account.component.html @@ -134,14 +134,14 @@ - +

diff --git a/bizmatch/src/app/pages/subscription/account/account.component.ts b/bizmatch/src/app/pages/subscription/account/account.component.ts index 3a201c1..1e62cfc 100644 --- a/bizmatch/src/app/pages/subscription/account/account.component.ts +++ b/bizmatch/src/app/pages/subscription/account/account.component.ts @@ -34,13 +34,13 @@ import { TOOLBAR_OPTIONS } from '../../utils/defaults'; standalone: true, imports: [ SharedModule, - //QuillModule, + QuillModule, NgSelectModule, ConfirmationComponent, ImageCropAndUploadComponent, ValidatedInputComponent, ValidatedSelectComponent, - //ValidatedQuillComponent, + ValidatedQuillComponent, TooltipComponent, ValidatedCountyComponent, ValidatedLocationComponent, @@ -48,7 +48,7 @@ import { TOOLBAR_OPTIONS } from '../../utils/defaults'; providers: [ TitleCasePipe, DatePipe, -/* provideQuillConfig({ + provideQuillConfig({ modules: { syntax: true, toolbar: [ @@ -59,12 +59,12 @@ import { TOOLBAR_OPTIONS } from '../../utils/defaults'; ['clean'], ], }, - }) as any, */ + }) as any, ], templateUrl: './account.component.html', styleUrls: [ './account.component.scss', - // '../../../../../node_modules/quill/dist/quill.snow.css' + '../../../../../node_modules/quill/dist/quill.snow.css' ], }) export class AccountComponent {