Whitelabel Module - TypeScript Functions Documentation

🚀 ngOnInit(): void

Purpose: Component initialization and theme data loading

Parameters: None

Returns: void

ngOnInit(): void {
  // Component lifecycle initialization
  // Subscribes to route parameters to get theme ID
  // Loads existing theme data for editing
  // Sets up form with existing theme values
  // Configures jQuery color selector handlers for UI elements
}

Key Features:

• Route parameter handling for edit mode
• Theme data pre-population
• Color selector UI enhancement
• Form initialization with validation

Implementation Details:

• Uses ActivatedRoute.paramMap to get theme ID
• Calls getTheme() service method to fetch theme data
• Pre-fills form with existing theme configuration
• Sets up jQuery event handlers for color selection dropdowns

🖼️ onImagePicked(event: Event): void

Purpose: Handle logo image file selection and preview

Parameters:

• event: Event - File input change event

Returns: void

onImagePicked(event: Event): void {
  // Processes selected image file from file input
  // Updates form with selected file
  // Generates image preview using FileReader
  // Validates image selection and updates form state
}

Key Features:

• File selection handling
• Image preview generation
• Form validation update
• FileReader integration

Implementation Details:

• Extracts file from HTMLInputElement
• Updates form control with selected file
• Uses FileReader to generate base64 preview
• Triggers form validation update

✅ onTheme(): boolean | void

Purpose: Handle theme form submission for create/update operations

Parameters: None

Returns: boolean | void - Returns false if form is invalid, void otherwise

onTheme(): boolean | void {
  // Validates form before submission
  // Calls update theme service with form data and logo
  // Handles success response and navigation
  // Resets form after successful submission
  // Shows success message with timeout
}

Key Features:

• Form validation before submission
• File upload with form data
• Success message handling
• Navigation after save
• Form reset functionality

Business Logic:

• Always performs update operation (no create mode)
• Includes logo file upload with theme data
• Automatic redirection to details view

🗑️ onDeleteTheme(id: any): void

Purpose: Handle theme deletion (placeholder implementation)

Parameters:

• id: any - Theme ID to delete

Returns: void

onDeleteTheme(id: any): void {
  // Currently a placeholder function for theme deletion
  // Logs the theme ID to console
  // Not fully implemented in current version
}

Note: This function is incomplete and only logs the ID

🚀 ngOnInit(): void

Purpose: Initialize component and load theme data

Parameters: None

Returns: void

ngOnInit(): void {
  // Component initialization
  // Loads all theme data for listing
  // Sets up pagination configuration
  // Initializes filter and search functionality
}

Key Features:

• Theme data loading on initialization
• Pagination setup
• Search and filter initialization
• Table configuration

📥 onTableDataChange(event: any): void

Purpose: Handle pagination changes for theme data table

Parameters:

• event: any - Pagination event object

Returns: void

onTableDataChange(event: any): void {
  // Updates current page number
  // Loads data for the new page
  // Handles pagination state management
}

Implementation:

• Updates page property with new page number
• Triggers data reload for pagination
• Maintains pagination state consistency

📏 onTableSizeChange(event: any): void

Purpose: Handle table page size changes

Parameters:

• event: any - Page size change event

Returns: void

onTableSizeChange(event: any): void {
  // Updates table size (items per page)
  // Resets to first page
  // Triggers data reload with new page size
}

Implementation:

• Updates tableSize with selected value
• Resets page to 1
• Reloads data with new pagination settings