quill activated

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()),
   ],

bizmatch/src/app/pages/subscription/account/account.component.html

@@ -134,14 +134,14 @@
       </div>
 
 
-<!--       <div>
+      <div>
         <app-validated-quill label="Company Overview" name="companyOverview"
           [(ngModel)]="user.companyOverview"></app-validated-quill>
       </div>
       <div>
         <app-validated-quill label="Services We Offer" name="offeredServices"
           [(ngModel)]="user.offeredServices"></app-validated-quill>
-      </div> -->
+      </div>
 
       <div>
         <h3 class="text-lg font-medium text-gray-700 mb-2 relative w-fit">

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 {