options = $options;
$this->init_hooks();
}
/**
* Initialize hooks.
*/
private function init_hooks() {
add_filter( 'the_content', array( $this, 'process_content' ), 15 );
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_assets' ) );
}
/**
* Enqueue frontend assets.
*/
public function enqueue_assets() {
if ( ! is_singular( 'page' ) ) {
return;
}
global $post;
if ( ! $post ) {
return;
}
// Check if this is a glossary page or child of one.
$is_glossary = $this->options->is_glossary_page( $post->ID );
$is_entry = $post->post_parent && $this->options->is_glossary_page( $post->post_parent );
if ( ! $is_glossary && ! $is_entry ) {
return;
}
wp_enqueue_style(
'azgl-frontend',
AZGL_PLUGIN_URL . 'assets/css/frontend.css',
array(),
AZGL_VERSION
);
// Add color scheme and dark mode classes.
$color_scheme = $this->options->get( 'color_scheme', 'emerald' );
$dark_mode = $this->options->get( 'dark_mode', 'auto' );
// Inline CSS for color scheme variables.
$inline_css = $this->get_color_scheme_css( $color_scheme, $dark_mode );
wp_add_inline_style( 'azgl-frontend', $inline_css );
}
/**
* Process content.
*
* @param string $content Post content.
* @return string Processed content.
*/
public function process_content( $content ) {
// Only on frontend single pages.
if ( is_admin() || ! is_singular( 'page' ) ) {
return $content;
}
global $post;
if ( ! $post ) {
return $content;
}
// Check if this is a glossary page.
$glossary = $this->options->get_glossary( $post->ID );
if ( $glossary && ! empty( $glossary['active'] ) ) {
return $this->render_glossary_page( $post->ID, $glossary, $content );
}
// Check if this is a child of a glossary page.
if ( $post->post_parent ) {
$parent_glossary = $this->options->get_glossary( $post->post_parent );
if ( $parent_glossary && ! empty( $parent_glossary['active'] ) ) {
return $this->render_entry_page( $post->post_parent, $parent_glossary, $content );
}
}
return $content;
}
/**
* Render glossary page with A-Z navigation.
*
* @param int $page_id Glossary page ID.
* @param array $glossary Glossary settings.
* @param string $content Original content.
* @return string Modified content.
*/
private function render_glossary_page( $page_id, $glossary, $content ) {
$entries = azgl()->get_glossary_entries( $page_id );
if ( empty( $entries ) ) {
$output = '';
$output .= '
' . esc_html__( 'No glossary entries yet. Create child pages under this page to add entries.', '3task-glossary' ) . '
';
$output .= '
';
foreach ( $alphabetic_list as $letter => $letter_entries ) {
if ( empty( $letter_entries ) ) {
continue;
}
$output .= '
';
$output .= '' . esc_html( $letter ) . '
';
$output .= '';
$output .= '';
}
$output .= '
' .
'' . esc_html__( 'Glossary by', '3task-glossary' ) . ' ' .
'WatchGuide' .
'
';
}
/**
* Get color scheme CSS variables.
*
* @param string $scheme Color scheme name.
* @param string $dark_mode Dark mode setting.
* @return string CSS.
*/
private function get_color_scheme_css( $scheme, $dark_mode ) {
$schemes = $this->get_color_schemes();
$colors = isset( $schemes[ $scheme ] ) ? $schemes[ $scheme ] : $schemes['emerald'];
// Auto scheme: use theme colors if available.
if ( 'auto' === $scheme ) {
$css = ':root {
--azgl-primary: var(--wp--preset--color--primary, #10b981);
--azgl-hover: var(--wp--preset--color--secondary, #059669);
--azgl-light: var(--wp--preset--color--tertiary, #d1fae5);
--azgl-dark-text: var(--wp--preset--color--contrast, #065f46);
}';
} else {
$css = ':root {
--azgl-primary: ' . $colors['primary'] . ';
--azgl-hover: ' . $colors['hover'] . ';
--azgl-light: ' . $colors['light'] . ';
--azgl-dark-text: ' . $colors['dark-text'] . ';
}';
}
// Dark mode.
$dark_css = '
--azgl-bg: #1e293b;
--azgl-bg-inactive: #334155;
--azgl-text: #f1f5f9;
--azgl-text-muted: #94a3b8;
--azgl-border: #475569;
';
if ( 'dark' === $dark_mode ) {
$css .= ':root {' . $dark_css . '}';
} elseif ( 'auto' === $dark_mode ) {
$css .= '@media (prefers-color-scheme: dark) {:root {' . $dark_css . '}}';
}
return $css;
}
/**
* Get available color schemes.
*
* Lite: 2 schemes (Emerald, Slate)
* Pro: 6 schemes + Custom colors
*
* @return array Color schemes.
*/
private function get_color_schemes() {
return array(
'emerald' => array(
'primary' => '#10b981',
'hover' => '#059669',
'light' => '#d1fae5',
'dark-text' => '#065f46',
),
'slate' => array(
'primary' => '#64748b',
'hover' => '#475569',
'light' => '#f1f5f9',
'dark-text' => '#334155',
),
);
}
}