| @@ -1,0 +1,36 @@ | ||
| 1 | +<?php if (!defined('ABSPATH')) exit; // Exit if accessed directly | |
| 2 | + | |
| 3 | +use IvyForms\Services\Field\FieldType; | |
| 4 | +use IvyForms\Services\Shortcode\ShortcodeService; | |
| 5 | + | |
| 6 | +/** @var int $counter */ | |
| 7 | +$form = ShortcodeService::$formList[$counter]; | |
| 8 | +$formId = $form['id'] ?? 0; | |
| 9 | +$customCssClass = ''; | |
| 10 | +if (!empty($form['form']['styleSettings']['customCssClass'])) { | |
| 11 | + $customCssClass = ' ' . esc_attr($form['form']['styleSettings']['customCssClass']); | |
| 12 | +} | |
| 13 | +?> | |
| 14 | + | |
| 15 | +<div id="ivyforms-app-<?php echo esc_attr($counter) ?>" | |
| 16 | + class="ivyforms ivyforms-frontend ivyforms-form-<?php echo esc_attr($formId) ?> ivyforms-form-wrapper-<?php echo esc_attr($formId) ?><?php echo $customCssClass ?>" | |
| 17 | + data-counter="<?php echo esc_attr($counter) ?>" | |
| 18 | + data-post-id="<?php echo esc_attr(get_the_ID()); ?>" | |
| 19 | + data-referer-url="<?php echo esc_attr(wp_get_referer() ?: ''); ?>" | |
| 20 | +> | |
| 21 | + <form-render id="ivyforms-form-<?php echo esc_attr($counter) ?>"></form-render> | |
| 22 | +</div> | |
| 23 | +<!-- Wrapper for skeleton --> | |
| 24 | +<div class="ivyforms-skeleton ivyforms-skeleton-<?php echo esc_attr($counter)?>" > | |
| 25 | + <div class="ivyforms-skeleton-title ivyforms-skeleton-animate"></div> | |
| 26 | + | |
| 27 | + <?php for ($i = 0; $i < count($form['fields']); $i++): ?> | |
| 28 | + <?php $type = FieldType::isValid($form['fields'][$i]['type']) ? $form['fields'][$i]['type'] : '' ?> | |
| 29 | + <div class="ivyforms-skeleton-field"> | |
| 30 | + <div class="ivyforms-skeleton-label ivyforms-skeleton-animate"></div> | |
| 31 | + <div class="ivyforms-skeleton-input ivyforms-skeleton-<?php echo esc_attr($type) ?> ivyforms-skeleton-animate"></div> | |
| 32 | + </div> | |
| 33 | + <?php endfor; ?> | |
| 34 | + | |
| 35 | + <div class="ivyforms-skeleton-button ivyforms-skeleton-animate"></div> | |
| 36 | +</div> | |
