| 1 |
<div id="cooked-settings-prewrap"> |
| 2 |
<div id="cooked-settings-wrap"> |
| 3 |
<form action="options.php" method="post"> |
| 4 |
|
| 5 |
<div class="cooked-settings-header"> |
| 6 |
<i class="cooked-icon cooked-icon-cooked-icon"></i> <?php esc_html_e('Cooked Import','cooked'); ?> |
| 7 |
</div> |
| 8 |
<div id="cooked-settings-panel" class="wrap"><?php |
| 9 |
require_once COOKED_DIR . 'includes/class.cooked-import.php'; |
| 10 |
require_once COOKED_DIR . 'includes/class.cooked-delicious-recipes.php'; |
| 11 |
require_once COOKED_DIR . 'includes/class.cooked-recipe-maker.php'; |
| 12 |
require_once COOKED_DIR . 'includes/class.cooked-csv-import.php'; |
| 13 |
|
| 14 |
global $_cooked_settings; |
| 15 |
|
| 16 |
$Cooked_Import = new Cooked_Import(); |
| 17 |
$cooked_settings_tabs_fields = $Cooked_Import->tabs_fields(); |
| 18 |
|
| 19 |
$tab_counter = 1; |
| 20 |
echo '<ul id="cooked-settings-tabs" class="cooked-clearfix">'; |
| 21 |
foreach( $cooked_settings_tabs_fields as $tab_slug => $tab ): |
| 22 |
echo '<li id="cooked-settings-tab-' . esc_attr( $tab_slug ) . '"' . ( $tab_counter == 1 ? ' class="active"' : '' ) . '><a href="#' . esc_attr( $tab_slug ) . '"><i class="cooked-icon cooked-icon-' . esc_attr( $tab['icon'] ) . '"></i> ' . esc_attr( $tab['name'] ) . '</a></li>'; |
| 23 |
$tab_counter++; |
| 24 |
endforeach; |
| 25 |
echo '</ul>'; |
| 26 |
?> |
| 27 |
|
| 28 |
<?php settings_errors(); ?> |
| 29 |
|
| 30 |
<div id="cooked_recipe_settings" class="cooked-settings-form-wrapper"> |
| 31 |
<input type="hidden" name="cooked_import_saved" value="true" /> |
| 32 |
|
| 33 |
<?php settings_fields( 'cooked_import_group' ); ?> |
| 34 |
|
| 35 |
<div class="cooked-settings-tab-content-wrapper"> |
| 36 |
<?php |
| 37 |
global $conditions; |
| 38 |
$conditions = []; |
| 39 |
$conditional_requirements_js = []; |
| 40 |
$tab_counter = 1; |
| 41 |
|
| 42 |
foreach ( $cooked_settings_tabs_fields as $tab_slug => $tab ): |
| 43 |
echo '<div id="cooked-settings-tab-content-' . esc_attr( $tab_slug ) . '" class="cooked-settings-tab-content">'; |
| 44 |
|
| 45 |
// Add a hidden H2 tag for the messages, if any, to show up below it. |
| 46 |
if ($tab_counter == 1): echo '<h2 style="display:none;"></h2>'; endif; |
| 47 |
foreach ( $tab['fields'] as $name => $field ): |
| 48 |
$notitle = false; |
| 49 |
$conditional_requirement = ''; |
| 50 |
|
| 51 |
$class = isset($field['class']) ? ' ' . $field['class'] : ''; |
| 52 |
$current_val = isset($_cooked_settings[$name]) ? $_cooked_settings[$name] : null; |
| 53 |
$field_type = 'field_' . esc_attr( $field['type'] ); |
| 54 |
$field_options = isset($field['options']) ? $field['options'] : false; |
| 55 |
$field_options = !$field_options ? ( isset($field['placeholder']) ? $field['placeholder'] : $field_options ) : $field_options; |
| 56 |
$color = isset($field['color']) && $field['color'] ? $field['color'] : false; |
| 57 |
|
| 58 |
if ( method_exists ( $Cooked_Import, $field_type ) ): |
| 59 |
|
| 60 |
if ( $field['type'] == 'misc_button' || $field['type'] == 'nonce' ): |
| 61 |
$notitle = true; |
| 62 |
$field_options = isset($field['title']) ? $field['title'] : false; |
| 63 |
endif; |
| 64 |
|
| 65 |
if ( isset($field['conditional_requirement']) && $field['conditional_requirement'] ): |
| 66 |
if ( is_array($field['conditional_requirement']) ): |
| 67 |
$conditional_requirement = ' v-show="' . implode( ' && ', $field['conditional_requirement'] ) . '"'; |
| 68 |
else: |
| 69 |
$conditional_requirement = ' v-show="' . esc_attr($field['conditional_requirement']) . '"'; |
| 70 |
endif; |
| 71 |
endif; |
| 72 |
|
| 73 |
echo $conditional_requirement ? '<transition name="fade">' : ''; |
| 74 |
echo '<div' . wp_kses( $conditional_requirement, array() ) . ' class="recipe-setting-block ' . esc_attr( $field['type'] ) . ' cooked-bm-25' . esc_attr( $class ) . '">'; |
| 75 |
echo !$notitle ? '<h3 class="cooked-settings-title">' . wp_kses_post( $field['title'] ) . '</h3>' : ''; |
| 76 |
echo isset($field['desc']) && $field['desc'] ? '<p>' . wp_kses_post( $field['desc'] ). '</p>' : ''; |
| 77 |
$Cooked_Import->$field_type( $name, $field_options, $color, $field ); |
| 78 |
echo '</div>'; |
| 79 |
echo $conditional_requirement ? '</transition>' : ''; |
| 80 |
|
| 81 |
endif; |
| 82 |
|
| 83 |
endforeach; |
| 84 |
$tab_counter++; |
| 85 |
|
| 86 |
echo '</div>'; |
| 87 |
endforeach; ?> |
| 88 |
|
| 89 |
</div> |
| 90 |
|
| 91 |
</div> |
| 92 |
|
| 93 |
<?php if ( COOKED_DEV ): |
| 94 |
Cooked_Functions::wpml_xml( $cooked_settings_tabs_fields ); |
| 95 |
endif; ?> |
| 96 |
|
| 97 |
</div><?php |
| 98 |
|
| 99 |
if ( !empty($conditions) ): |
| 100 |
|
| 101 |
foreach( $conditions as $setting_name => $array ): |
| 102 |
foreach( $array as $name => $true_val ): |
| 103 |
$val = isset( $_cooked_settings[$setting_name] ) && is_array( $_cooked_settings[$setting_name] ) && in_array( $true_val, $_cooked_settings[$setting_name] ) ? 'true' : 'false'; |
| 104 |
$conditional_requirements_js[] = "'$name':$val"; |
| 105 |
endforeach; |
| 106 |
endforeach; ?> |
| 107 |
|
| 108 |
<script type="text/javascript"> |
| 109 |
var vm = new Vue({ |
| 110 |
el: '#cooked-settings-panel', |
| 111 |
data: { |
| 112 |
<?php echo wp_kses( implode( ',', $conditional_requirements_js ), array() ); ?> |
| 113 |
} |
| 114 |
}); |
| 115 |
</script> |
| 116 |
|
| 117 |
<style type="text/css"> |
| 118 |
.fade-enter-active { transition: opacity .5s } |
| 119 |
.fade-enter, .fade-leave-to { opacity: 0 } |
| 120 |
</style><?php |
| 121 |
|
| 122 |
endif; |
| 123 |
|
| 124 |
?></form> |
| 125 |
</div> |
| 126 |
</div> |
