Pages

Overview

The Pages Management interface in the Zequenze CONTROL Portal provides administrators with a comprehensive view and management system for all portal pages. This interface displays a detailed table of pages with their connection profiles, templates, campaigns, and operational status, allowing for efficient page administration and monitoring.

Key Features

• Real-time Page Status Monitoring: Visual indicators showing active/inactive status for each page
• Advanced Filtering System: Multi-criteria filtering by active status, connection profile, template, campaign, and organization
• Bulk Operations: Import and add functionality for managing multiple pages simultaneously
• Comprehensive Page Information: Detailed view of URLs, connection profiles, templates, and associated campaigns
• Pagination Controls: Navigate through large datasets with numbered page controls
• Search Functionality: Quick search across page entries
• Simple View Toggle: Switch between standard and simplified views with dedicated interface controls

UI Elements

Header Section

• Breadcrumb Navigation: Home > Portal > Pages path for easy navigation
• Page Title: "Pages" with admin portal (dev) environment indicator
• View Controls: "Simple" toggle button with icon for switching between view modes
• Action Buttons:
  • Import button for bulk page imports
  • Add button (+) for creating new pages
  • X button for additional operations

Filter Panel (Right Side)

• FILTER Header: Clear "FILTER" label at the top of the panel with an X close button
• Proceed Button: Green "Proceed" button at the top of the filter panel for applying selected filters
• Active Status Filter: Dropdown to filter by "Active" status with "All" as the default selection
• Connection Profile: Dropdown to filter by specific connection profiles with "All" default selection
• Main Template: Dropdown filter by template type with "All" default selection
• Default Campaign: Standard dropdown selection for campaign filtering with "Click for options" placeholder text
• Organization: Standard dropdown selection for organization filtering with "Click for options" placeholder text
• Sub-organizations: Checkbox option for including sub-organizations in the filter criteria
• Proceed Button: Second green "Proceed" button at the bottom of the filter panel for applying filters

Main Data Table

The table displays the following columns:

• URL: Direct page URLs (e.g., /arkadia/, /audi_expo/, /cemaco/)
• Is Active: Green status indicators showing active pages
• Title: Descriptive names for each page (e.g., Arkadia Shopping Mall WiFi, Internet Gratis - Audi, CEMACO WiFi)
• Connection Profile: Associated connection configurations
• Main Template: Template type assignments
• Default Campaign: Campaign associations
• Organization: All entries showing "Zequenze" organization

Data Displayed

The interface shows various types of pages including:

• Shopping Mall WiFi: Arkadia Shopping Mall WiFi with Template-Popup
• Automotive Pages: Internet Gratis - Audi with Template-Carousel for Audi Expo
• Retail WiFi: CEMACO WiFi with cemaco-main template
• Hotel WiFi: WiFi Chablé - MAROMA and WiFi Chablé - YUCATAN with specialized templates
• Testing Portals: Portal test configurations for Claro Guatemala with Template-Popup_Simple
• Sponsored WiFi: Claro WiFi sponsored and standard configurations (concepto-movil configurations)
• Banking WiFi: Banco Cuscatlan - Demo configuration with Template-Popup
• CREO WiFi: WiFi partido CREO with CREO connection profile
• Template Configurations: Including Popup, Carousel, and Simple template variations
• Connection Profiles: Including Arkadia, Audi CR, Cemaco, Chable Maroma, Chable Yucatan, Unicef Testing, Banco_Cuscatlan, and CREO connection profile
• Campaign Associations: Arkadia, Audi Expo, cemaco, Clarion_Test, concepto-movil-taco-bell, concepto-movil-coca-cola, CREO, and Banco_Cuscatlan campaigns

User Interactions

Filtering and Search

1. Use the search bar to find specific pages by URL or title
2. Access the filter panel using the FILTER section with clear header labeling
3. Close the filter panel using the X button in the filter header
4. Apply filters using the right-side panel to narrow down results
5. Select "Active" status filter from the dropdown menu with "All" as default
6. Select specific criteria like connection profiles or templates using dropdown menus with "All" default
7. Access campaign or organization filtering options through standard dropdown menus with "Click for options" prompts
8. Toggle sub-organization inclusion using the checkbox option
9. Click the green "Proceed" button at the top or bottom of the filter panel to apply the selected filters

Page Management

1. View Details: Click on any page entry to view detailed information
2. Status Management: Monitor active/inactive status through visual indicators
3. Bulk Operations: Use Import for adding multiple pages simultaneously
4. Individual Actions: Add new pages using the + button
5. View Mode Toggle: Switch between standard and simplified views using the "Simple" button with icon in the header

Navigation

• Pagination: Use numbered controls (1, 2, etc.) at the bottom to navigate through pages
• Results Counter: View "83 results" indicator for total page count
• Show All: Option to display all results on a single page
• Page Size: Navigate through the complete dataset efficiently

Actions Available

• Import Pages: Bulk import functionality for multiple page configurations
• Add New Page: Create individual new pages with custom configurations
• Filter Management: Apply multiple filter criteria simultaneously with dropdown selectors
• Apply Filters: Use the green "Proceed" buttons to apply selected filter criteria
• Filter Panel Control: Open and close the filter panel using the header controls
• Toggle View Mode: Switch between standard and simplified page views using the "Simple" control
• Search Operations: Quick search across all page attributes
• Status Monitoring: Real-time monitoring of page operational status
• Template Assignment: View and manage template associations
• Campaign Management: Monitor and manage campaign assignments

Navigation

To Access: Home > Portal > Pages From This Page: Users can navigate to:

• Individual page detail views
• Template management sections
• Campaign configuration areas
• Connection profile settings
• Organization management

Notes/Tips

• Status Indicators: Green circles indicate active pages, red indicates inactive
• Environment: Currently viewing the development environment (dev)
• Filter Panel: The filter panel has a clear header with "FILTER" label and close button for better user experience
• Filter Application: Use the green "Proceed" buttons to apply the selected filter criteria after making selections
• Real-time Updates: The interface provides live status updates for all pages
• Active Status Filter: The "Active" filter has a dedicated dropdown with "All" as the default selection
• Filter Combinations: Multiple filters can be applied simultaneously for precise results using dropdown menus
• Performance: The pagination system ensures smooth performance even with large datasets (83+ pages shown)
• Template Types: Various template options available including Popup, Carousel, and Simple layouts
• Standard Filtering: Campaign and organization filters use standard dropdown menus with "Click for options" placeholder text for user-friendly filtering
• Default Filter States: Active status, connection profile, and main template filters default to "All" for comprehensive viewing
• Sub-organization Support: Checkbox option available for including sub-organizations in filter results
• Show All Feature: Users can view all results on a single page using the "Show all" option for comprehensive overview
• View Modes: The "Simple" toggle allows users to switch between different view layouts for enhanced usability