@propbinder/mobile-design 0.2.48 → 0.2.50

package/src/examples/whitelabel-demo-modal.service.ts

@@ -0,0 +1,77 @@
+import { Injectable } from '@angular/core';
+import { ModalController } from '@ionic/angular/standalone';
+import { WhitelabelDemoModalComponent } from './whitelabel-demo-modal.component';
+
+/**
+ * WhitelabelDemoModalService
+ *
+ * Service for displaying the whitelabel demo in a full-screen modal.
+ * Built on Ionic's modal system with native gestures and animations.
+ *
+ * @example
+ * ```typescript
+ * constructor(private whitelabelModal: WhitelabelDemoModalService) {}
+ *
+ * async openDemo() {
+ *   await this.whitelabelModal.open();
+ * }
+ * ```
+ */
+@Injectable({
+  providedIn: 'root',
+})
+export class WhitelabelDemoModalService {
+  constructor(private modalController: ModalController) {}
+
+  /**
+   * Open the whitelabel demo modal
+   *
+   * @returns Promise that resolves when the modal is presented
+   */
+  async open(): Promise<void> {
+    try {
+      // console.log('[WhitelabelDemoModal] Opening...');
+
+      const modal = await this.modalController.create({
+        component: WhitelabelDemoModalComponent,
+        cssClass: 'ds-whitelabel-demo-modal',
+        mode: 'ios',
+        presentingElement:
+          document.querySelector('ion-router-outlet') || undefined,
+        backdropDismiss: true,
+        showBackdrop: true,
+        animated: true,
+        keyboardClose: true,
+        // Control the presenting element animation
+        enterAnimation: undefined, // Use default
+        leaveAnimation: undefined, // Use default
+      });
+
+      // console.log('[WhitelabelDemoModal] Modal created, presenting...');
+      await modal.present();
+      // console.log('[WhitelabelDemoModal] Modal presented');
+    } catch (error) {
+      // console.error('[WhitelabelDemoModal] Error opening modal:', error);
+      throw error;
+    }
+  }
+
+  /**
+   * Close the currently open whitelabel demo modal
+   *
+   * @param data Optional data to pass back when dismissing
+   * @returns Promise that resolves when the modal is dismissed
+   */
+  async close(data?: any): Promise<boolean> {
+    return this.modalController.dismiss(data);
+  }
+
+  /**
+   * Get the top-most modal if one exists
+   *
+   * @returns Promise that resolves to the modal element or undefined
+   */
+  async getTop(): Promise<HTMLIonModalElement | undefined> {
+    return this.modalController.getTop();
+  }
+}

package/src/models/index.ts

@@ -0,0 +1,7 @@
+/**
+ * Models Barrel File
+ * 
+ * Export all application models for easy importing
+ */
+
+export * from './post.model';

package/src/models/post.model.ts

@@ -0,0 +1,41 @@
+/**
+ * Post and Comment Models
+ * Unified data structures for community posts
+ */
+
+export interface Comment {
+  id?: string;
+  authorName: string;
+  authorRole: string;
+  timestamp: string;
+  avatarInitials: string;
+  avatarSrc?: string;
+  avatarType?: 'photo' | 'initials' | 'icon';
+  content: string;
+  likeCount: number;
+  isLiked?: boolean;
+  isOwnComment: boolean;
+}
+
+export interface Post {
+  id: string;
+  authorName: string;
+  authorRole: string;
+  timestamp: string;
+  avatarType: 'photo' | 'initials' | 'icon';
+  avatarSrc?: string;
+  avatarInitials?: string;
+  avatarIconName?: string;
+  content: string;
+  imageSrc?: string;
+  imageAlt?: string;
+  isLiked: boolean;
+  likeCount: number;
+  commentCount: number;
+  comments?: Comment[];
+  isPinned?: boolean;
+  showBadge?: boolean;
+  hasInlinePhotos?: boolean;
+  inlinePhotos?: string[];
+  inlinePhotoCount?: number;
+}