| | |
| | | // Helper Methods |
| | | // ───────────────────────────────────────────────────────────── |
| | | |
| | | protected static function fieldWrap(string $name, string $content, array $config): string |
| | | public static function fieldWrap(string $name, string $content, array $config): string |
| | | { |
| | | $classes = static::buildClasses($config); |
| | | $datasets = static::buildDatasets($config); |
| | |
| | | $output .= static::buildLabel($name, $config); |
| | | if (!array_key_exists('skipInput', $config)) { |
| | | $output .= static::buildInput($content); |
| | | } else { |
| | | $output .= $content; |
| | | } |
| | | |
| | | $output .= static::buildHint($config); |
| | |
| | | return ''; |
| | | } |
| | | |
| | | protected static function buildInput(string $content):string |
| | | public static function buildInput(string $content):string |
| | | { |
| | | return sprintf( |
| | | '<div class="field-input-wrapper"> |
| | |
| | | $optionsHtml .= sprintf( |
| | | '<option value="%s"%s>%s</option>', |
| | | esc_attr($optValue), |
| | | selected($value, $optValue), |
| | | selected($value, $optValue, false), |
| | | esc_html($optLabel) |
| | | ); |
| | | } |
| | |
| | | |
| | | protected static function renderRadio(string $name, mixed $value, array $config): string |
| | | { |
| | | $options = $config['options'] ?? []; |
| | | $options = $config['options'] ?? []; |
| | | $inputClass = !empty($config['inputClass']) ? ' class="' . esc_attr($config['inputClass']) . '"' : ''; |
| | | $idPrefix = $config['idPrefix'] ?? ''; |
| | | |
| | | $radios = sprintf( |
| | | '<fieldset> |
| | | <legend>%s%s</legend>', |
| | | <legend>%s%s</legend>', |
| | | array_key_exists('label', $config) ? esc_html($config['label']) : 'Select an option', |
| | | array_key_exists('required', $config) && $config['required']===true ? '<span class="required" aria-label="required">*</span>' : '' |
| | | array_key_exists('required', $config) && $config['required'] === true |
| | | ? '<span class="required" aria-label="required">*</span>' : '' |
| | | ); |
| | | |
| | | foreach ($options as $optValue => $optLabel) { |
| | | foreach ($options as $optValue => $optConfig) { |
| | | if (is_array($optConfig)) { |
| | | $optLabel = $optConfig['label'] ?? $optValue; |
| | | $optIcon = $optConfig['icon'] ?? null; |
| | | $optDisabled = !empty($optConfig['disabled']) ? ' disabled' : ''; |
| | | } else { |
| | | $optLabel = $optConfig; |
| | | $optIcon = null; |
| | | $optDisabled = ''; |
| | | } |
| | | |
| | | $labelContent = $optIcon |
| | | ? jvbDashIcon($optIcon) |
| | | : '<span>' . esc_html($optLabel) . '</span>'; |
| | | |
| | | $optId = esc_attr($idPrefix . $name . '-' . $optValue); |
| | | |
| | | $radios .= sprintf( |
| | | ' |
| | | <input type="radio" name="%s" id="%s-%s" value="%s"%s /> |
| | | <label class="radio-option" for="%s-%s"> |
| | | <span>%s</span> |
| | | </label>', |
| | | '<input type="radio" name="%s" id="%s" value="%s"%s%s%s /> |
| | | <label class="radio-option" for="%s" title="%s">%s</label>', |
| | | esc_attr($name), |
| | | esc_attr($name), |
| | | $optValue, |
| | | $optId, |
| | | esc_attr($optValue), |
| | | checked($value, $optValue), |
| | | esc_attr($name), |
| | | $optValue, |
| | | esc_html($optLabel) |
| | | checked($value, $optValue, false), |
| | | $optDisabled, |
| | | $inputClass, |
| | | $optId, |
| | | esc_html($optLabel), |
| | | $labelContent |
| | | ); |
| | | } |
| | | |
| | |
| | | |
| | | $input = sprintf( |
| | | '<div class="row btw"> |
| | | <label for="%s-autocomplete">%s<span>%s</span></label>', |
| | | <input type="hidden" name="%s" value="%s"> |
| | | <label for="%s-autocomplete">%s<span>%s</span></label>', |
| | | esc_attr($name), |
| | | esc_attr(!empty($ids) ? implode(',', $ids) : ''), |
| | | esc_attr($name), |
| | | jvbIcon($icon), |
| | | esc_html($config['label']), |
| | |
| | | } |
| | | $plural = static::getPlural($config); |
| | | $input .= sprintf( |
| | | '<div class="selected-item row" role="region" aria-label="Selected %s"></div>', |
| | | '<div class="selected-items row" role="region" aria-label="Selected %s"></div>', |
| | | $plural[1]??'' |
| | | ); |
| | | |
| | | $config['type'] = 'selector'; |
| | | unset($config['label']); |
| | | unset($config['description']); |
| | | unset($config['hint']); |
| | | $config['skipInput'] = true; |
| | | return static::fieldWrap($containerId, $input, $config); |
| | | return static::fieldWrap($name, $input, $config); |
| | | } |
| | | |
| | | protected static function getPlural(array $config):array |
| | |
| | | $plural = $taxonomy->labels->name; |
| | | } |
| | | $attr = sprintf( |
| | | ' data-taxonomy="%s" data-single="%s" data-plural="%s', |
| | | ' data-taxonomy="%s" data-single="%s" data-plural="%s"', |
| | | $config['taxonomy'], |
| | | $single, |
| | | $plural |
| | |
| | | $plural = $postType->labels->name; |
| | | } |
| | | $attr = sprintf( |
| | | ' data-content="%s" data-single="%s" data-plural="%s', |
| | | ' data-content="%s" data-single="%s" data-plural="%s"', |
| | | $config['content'], |
| | | $single, |
| | | $plural |
| | |
| | | $plural = 'Users'; |
| | | } |
| | | $attr = sprintf( |
| | | ' data-user="%s" data-single="%s" data-plural="%s', |
| | | ' data-user="%s" data-single="%s" data-plural="%s"', |
| | | $config['user'], |
| | | $single, |
| | | $plural |
| | |
| | | $dataAttrs[] = 'data-selected="'.esc_attr(implode(',',$selected)).'"'; |
| | | } |
| | | if ($config['autocomplete']) { |
| | | $dataAttrs[] = 'autocomplete'; |
| | | $dataAttrs[] = 'data-autocomplete'; |
| | | } |
| | | if (array_key_exists('hidden', $config) && $config['hidden']) { |
| | | $dataAttrs[] = 'hidden'; |
| | |
| | | jvbIcon('plus-square') |
| | | ); |
| | | } |
| | | protected static function buildSelectorAutocomplete(string $name, array $config):string |
| | | { |
| | | return sprintf( |
| | | '<input type="hidden" id="%s-autocomplete" autocomplete="off" data-ignore data-autocomplete> |
| | | <p class="message" hidden aria-live="polite">{ <span>Loading items</span> }</p> |
| | | <div class="auto-wrapper" hidden><ul class="search-results"></ul><button class="submit-term" hidden data-ignore><strong>Create: </strong> "<span></span>"</button></div>', |
| | | $name |
| | | ); |
| | | } |
| | | protected static function buildSelectorAutocomplete(string $name, array $config): string |
| | | { |
| | | return sprintf( |
| | | '<input type="search" id="%s-autocomplete" autocomplete="off" data-ignore data-autocomplete> |
| | | <p class="message" hidden aria-live="polite">{ <span>Loading items</span> }</p> |
| | | <div class="auto-wrapper" hidden><ul class="search-results"></ul><button class="submit-term" hidden data-ignore><strong>Create: </strong> "<span></span>"</button></div>', |
| | | esc_attr($name) |
| | | ); |
| | | } |
| | | |
| | | protected static function renderTaxonomy(string $name, mixed $value, array $config): string |
| | | { |
| | |
| | | |
| | | foreach ($fields as $fieldName => $fieldConfig) { |
| | | $fieldValue = $values[$fieldName] ?? ''; |
| | | $fullName = "{$name}:{$fieldName}"; |
| | | $fullName = array_key_exists('wrap', $config) ? $fieldName : "{$name}:{$fieldName}"; |
| | | $output .= static::render($fullName, $fieldValue, $fieldConfig); |
| | | } |
| | | |
| | | $output .= sprintf('</%s>', esc_attr($wrapper)); |
| | | |
| | | unset($config['label']); |
| | | return static::fieldWrap($name, $output, $config); |
| | | } |
| | | |