File: /var/www/gosurya-id/wp-content/plugins/super-forms/includes/admin/views/page-create-form.php
<div class="super-create-form">
<?php
echo '<input type="hidden" name="super_skip_tutorial" value="' . get_option( 'super_skip_tutorial', false ) . '" />';
if( $form_id==0 ) {
?>
<div class="super-first-time-setup super-active">
<div class="super-wizard-settings">
<h2><?php echo esc_html__( 'Form setup wizard', 'super-forms' ); ?> <input type="text" name="wizard_title" value="<?php echo esc_html__( 'Form name', 'super-forms' ); ?>" /></h2>
<ul class="super-tabs super-noselect">
<li class="super-active"><?php echo esc_html__( 'Theme & styles', 'super-forms' ); ?></li>
<li><?php echo esc_html__( 'Admin email', 'super-forms' ); ?></li>
<li><?php echo esc_html__( 'Confirmation email', 'super-forms' ); ?></li>
<li><?php echo esc_html__( 'Thank you message', 'super-forms' ); ?></li>
</ul>
<ul class="super-tab-content">
<li class="super-active">
<div>
<span><?php echo esc_html__( 'Theme style', 'super-forms' ); ?>:</span>
<ul class="super-theme-style-wizard super-noselect">
<li class="super-active" data-value="squared"><?php echo esc_html__( 'Squared', 'super-forms' ); ?></li>
<li data-value="rounded"><?php echo esc_html__( 'Rounded', 'super-forms' ); ?></li>
<li data-value="full-rounded"><?php echo esc_html__( 'Full Rounded', 'super-forms' ); ?></li>
<li data-value="minimal"><?php echo esc_html__( 'Minimal', 'super-forms' ); ?></li>
</ul>
<input type="hidden" name="wizard_theme_style" />
</div>
<div>
<span><?php echo esc_html__( 'Field size', 'super-forms' ); ?>:</span>
<ul class="super-field-size-wizard super-noselect">
<li class="super-active" data-value="medium"><?php echo esc_html__( 'Medium', 'super-forms' ); ?></li>
<li data-value="large"><?php echo esc_html__( 'Large', 'super-forms' ); ?></li>
<li data-value="huge"><?php echo esc_html__( 'Huge', 'super-forms' ); ?></li>
</ul>
<input type="hidden" name="wizard_theme_field_size" />
</div>
<div>
<span><?php echo esc_html__( 'Enable icons', 'super-forms' ); ?>:</span>
<ul class="super-theme-hide-icons-wizard super-noselect">
<li class="super-active" data-value="no"><?php echo esc_html__( 'No (default)', 'super-forms' ); ?></li>
<li data-value="yes"><?php echo esc_html__( 'Yes', 'super-forms' ); ?></li>
</ul>
<input type="hidden" name="wizard_theme_hide_icons" />
</div>
</li>
<li>
<div>
<span><?php echo esc_html__( 'Send email to', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_header_to" value="{option_admin_email}" />
</div>
<div>
<span><?php echo esc_html__( 'From email', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_header_from" value="{option_admin_email}" />
<p>
(if you encounter issues with receiving emails, try to use info@<strong style="color:red;"><?php echo str_replace('www.', '', $_SERVER["SERVER_NAME"]); ?></strong>)
<?php
$mail_error_msg = '<br /><span style="color:red;"><strong>Please note:</strong> mail() is disabled, setup SMTP to send emails.</span>';
$mail_error = false;
if ( !function_exists( 'mail' ) ) {
$mail_error = true;
echo $mail_error_msg;
}
?>
</p>
</div>
<div>
<span><?php echo esc_html__( 'From name', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_header_from_name" value="{option_blogname}" />
</div>
<div>
<span><?php echo esc_html__( 'Subject', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_header_subject" value="<?php echo esc_html__( 'This mail was send from', 'super-forms' ) . ' ' . $_SERVER["SERVER_NAME"]; ?>" />
</div>
<div>
<span><?php echo esc_html__( 'Body header', 'super-forms' ); ?>:</span>
<textarea name="wizard_email_body_open"><?php echo esc_html__( 'The following information has been send by the submitter:', 'super-forms' ); ?></textarea>
</div>
</li>
<li>
<div>
<span><?php echo esc_html__( 'Send email to', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_confirm_to" value="{email}" />
<p>(the tag {email} will automatically be replaced with the value of the field named <strong>email</strong>)</p>
</div>
<div>
<span><?php echo esc_html__( 'From email', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_confirm_from" value="{option_admin_email}" />
<p>
(if you encounter issues with receiving emails, try to use info@<strong style="color:red;"><?php echo str_replace('www.', '', $_SERVER["SERVER_NAME"]); ?></strong>)
<?php if($mail_error) echo $mail_error_msg; ?>
</p>
</div>
<div>
<span><?php echo esc_html__( 'From name', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_confirm_from_name" value="{option_blogname}" />
</div>
<div>
<span><?php echo esc_html__( 'Subject', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_confirm_subject" value="<?php echo esc_html__( 'Thank you for contacting us!', 'super-forms' ); ?>" />
</div>
<div>
<span><?php echo esc_html__( 'Body header', 'super-forms' ); ?>:</span>
<textarea name="wizard_confirm_body_open"><?php echo esc_html__( "Dear user,\n\nThank you for contacting us!", "super-forms" ); ?></textarea>
</div>
</li>
<li>
<div>
<span><?php echo esc_html__( 'Thank you title', 'super-forms' ); ?>:</span>
<input type="text" name="wizard_form_thanks_title" value="<?php echo esc_html__( 'Thank you!', 'super-forms' ); ?>" />
</div>
<div>
<span><?php echo esc_html__( 'Thank you message', 'super-forms' ); ?>:</span>
<textarea name="wizard_form_thanks_description"><?php echo esc_html__( 'We will reply within 24 hours.', 'super-forms' ); ?></textarea>
</div>
</li>
</ul>
</div>
<div class="super-wizard-preview">
<h2>Form preview</h2>
<img data-preview-url="<?php echo SUPER_PLUGIN_FILE; ?>" src="<?php echo esc_url(SUPER_PLUGIN_FILE . 'assets/images/wizard-preview/squared-medium.png'); ?>" />
</div>
<span class="super-button super-skip-wizard"><?php echo esc_html__( 'Skip wizard', 'super-forms' ); ?></span>
<span class="super-button super-save-wizard"><?php echo esc_html__( 'Save settings', 'super-forms' ); ?></span>
</div>
<div class="super-first-time-setup-bg super-active"></div>
<?php
}else{
?>
<div class="super-backup-history super-first-time-setup">
<div class="super-wizard-backup-history super-wizard-settings">
<h2><?php echo esc_html__( 'Available backups:', 'super-forms' ); ?></h2>
<?php
if( count($backups)==0 ) {
echo '<i>' . esc_html__( 'No backups found...', 'super-forms' ) . '</i>';
}else{
echo '<ul>';
$today = date_i18n('d-m-Y');
$yesterday = date_i18n('d-m-Y', strtotime($today . ' -1 day'));
foreach( $backups as $k => $v ) {
echo '<li data-id="' . $v->ID . '">';
echo '<i></i>';
$date = date_i18n('d-m-Y', strtotime($v->post_date));
if( $today==$date ) {
$to_time = strtotime(date_i18n('Y-m-d H:i:s'));
$from_time = strtotime($v->post_date);
$minutes = round(abs($to_time - $from_time) / 60, 0);
echo 'Today @ ' . date_i18n('H:i:s', strtotime($v->post_date)) . ' <strong>(' . $minutes . ($minutes==1 ? ' minute' : ' minutes') . ' ago)</strong>';
}elseif( $yesterday==$date ) {
echo esc_html__( 'Yesterday', 'super-forms' ) . ' @ ' . date_i18n('H:i:s', strtotime($v->post_date));
}else{
echo date_i18n('d M Y @ H:i:s', strtotime($v->post_date));
}
echo '<span>' . esc_html__( 'Restore backup', 'super-forms' ) . '</span></li>';
}
echo '</ul>';
}
?>
</div>
<span class="super-button super-skip-wizard"><?php echo esc_html__( 'Close', 'super-forms' ); ?></span>
<span class="super-button super-delete-backups"><?php echo esc_html__( 'Delete all backups', 'super-forms' ); ?></span>
</div>
<div class="super-first-time-setup-bg"></div>
<?php
}
?>
<div class="super-wrapper">
<div class="super-header">
<div class="super-switch-forms">
<i class="fas fa-chevron-down super-tooltip" title="<?php echo esc_attr__( 'Switch form', 'super-forms' ); ?>"></i>
<ul>
<?php
if(count($forms)==0){
echo '<li><a href="' . esc_url('admin.php?page=super_create_form') . '">' . esc_html__( 'No forms found, create one!', 'super-forms' ) . '</a></li>';
}else{
foreach($forms as $value){
if($form_id!=$value->ID){
echo '<li value="' . $value->ID . '"><a href="' . esc_url('admin.php?page=super_create_form&id=' . $value->ID) . '">' . $value->post_title . '</a></li>';
}
}
}
?>
</ul>
</div>
<input type="text" name="title" class="form-name super-tooltip" title="<?php echo esc_attr__( 'Enter a name for your form', 'super-forms' ); ?>" value="<?php echo $title; ?>" />
<?php
if(isset($_GET['id'])){
echo '<input type="text" readonly="readonly" class="super-get-form-shortcodes super-tooltip" title="' . esc_attr__( 'Paste shortcode on any page', 'super-forms' ) . '" value=\'[super_form id="' . absint($form_id) . '"]\' />';
echo '<input type="hidden" name="form_id" value="' . absint($form_id) . '" />';
}else{
echo '<input type="hidden" name="form_id" value="" />';
echo '<input type="text" readonly="readonly" class="super-get-form-shortcodes super-tooltip" title="' . esc_attr__( 'Please save your form first!', 'super-forms' ) . '" value="[form-not-saved-yet]" />';
}
echo '<p>' . esc_html__('Take the shortcode and place it anywere!', 'super-forms' ) . '</p>';
echo '<div class="super-actions">';
echo '<span class="super-save super-tooltip" title="' . esc_attr__('Save your form', 'super-forms' ) . '" ><i class="fas fa-save"></i>' . esc_html__('Save', 'super-forms' ) . '</span>';
echo '<span class="super-clear super-tooltip" title="' . esc_attr__('Start all over', 'super-forms' ) . '" ><i class="fas fa-eraser"></i>' . esc_html__('Clear', 'super-forms' ) . '</span>';
echo '<span class="super-delete super-tooltip" title="' . esc_attr__('Delete complete form', 'super-forms' ) . '" ><i class="fas fa-trash-alt"></i>' . esc_html__('Delete', 'super-forms' ) . '</span>';
echo '<span class="super-preview super-desktop super-tooltip super-active" title="' . esc_attr__('Desktop preview', 'super-forms' ) . '" ><i class="fas fa-desktop"></i></span>';
echo '<span class="super-preview super-tablet super-tooltip" title="' . esc_attr__('Tablet preview', 'super-forms' ) . '" ><i class="fas fa-tablet"></i></span>';
echo '<span class="super-preview super-mobile super-tooltip" title="' . esc_attr__('Mobile preview', 'super-forms' ) . '" ><i class="fas fa-mobile"></i></span>';
echo '<span class="super-preview super-switch super-tooltip" title="' . esc_attr__('Live preview', 'super-forms' ) . '" >' . esc_html__('Preview', 'super-forms' ) . '</span>';
echo '<label><input type="checkbox" name="allow_duplicate_names" /><i>' . esc_html__( 'Allow saving form with duplicate field names (for developers only)', 'super-forms' ) . '</i></label>';
echo '</div>';
?>
</div>
<div class="super-builder">
<?php
// Try to load the selected theme style
// Always load the default styles
$style_content = require( SUPER_PLUGIN_DIR . '/assets/css/frontend/themes/style-default.php' );
$style_content .= require( SUPER_PLUGIN_DIR . '/assets/css/frontend/themes/fonts.php' );
$style_content .= require( SUPER_PLUGIN_DIR . '/assets/css/frontend/themes/colors.php' );
$class = ' super-default-squared';
if(!empty($settings['theme_style'])) {
$class = ' ' . $settings['theme_style'];
}
// @since 2.9.0 - theme field size in height
if( !isset( $settings['theme_field_size'] ) ) $settings['theme_field_size'] = 'medium';
$class .= ' super-field-size-' . $settings['theme_field_size'];
// @since 1.2.4 - use transparent field background
if( !empty( $settings['theme_field_transparent'] ) ) {
$class .= ' super-transparent-fields';
}
$theme_style = $class;
?>
<div class="super-preview">
<?php
if( $form_id==0 ) {
echo '<div class="super-demos-notice">';
echo '<h1>' . esc_html__( 'What\'s new?', 'super-forms' ) . '</h1>';
echo '<h2>' . sprintf( esc_html__( 'Listings Add-on', 'super-forms' ), '<span style="color:red;">', '</span>' ) . '</h2>';
echo '<p><a target="_blank" href="https://webrehab.zendesk.com/hc/en-gb/sections/4405742210961-Listings-Add-on" class="button button-secondary button-large">' . esc_html__( 'Documentation', 'super-forms' ) . '</a> <a target="_blank" href="' . esc_url(admin_url() . 'admin.php?page=super_addons') . '" class="button button-primary button-large">' . esc_html__( 'Start 15 day trial', 'super-forms' ) . '</a></p>';
echo '<hr />';
echo '<h2>' . sprintf( esc_html__( 'PDF Generator Add-on', 'super-forms' ), '<span style="color:red;">', '</span>' ) . '</h2>';
echo '<p><a target="_blank" href="https://webrehab.zendesk.com/hc/en-gb/sections/4404338396177-PDF-Generator" class="button button-secondary button-large">' . esc_html__( 'Documentation', 'super-forms' ) . '</a> <a target="_blank" href="' . esc_url(admin_url() . 'admin.php?page=super_addons') . '" class="button button-primary button-large">' . esc_html__( 'Start 15 day trial', 'super-forms' ) . '</a></p>';
echo '<hr />';
echo '<h2>' . sprintf( esc_html__( 'Secure File Uploads', 'super-forms' ), '<span style="color:red;">', '</span>' ) . '</h2>';
echo '<p>' . sprintf( esc_html__( 'By default any files uploaded via your forms will no longer be visible in the %1$sMedia Library%2$s. To change this behaviour you can visit the File Upload Settings.', 'super-forms'), '<a target="_blank" href="' . esc_url(get_admin_url() . 'upload.php') . '">', '</a>') . '</p>';
echo '<p><a target="_blank" href="https://renstillmann.github.io/super-forms/#/file-uploads?id=secure-file-uploads" class="button button-secondary button-large">' . esc_html__( 'Documentation', 'super-forms' ) . '</a> <a target="_blank" href="' . esc_url(admin_url() . 'admin.php?page=super_settings#file-upload-settings') . '" class="button button-primary button-large">' . esc_html__( 'Change File Upload Settings', 'super-forms' ) . '</a></p>';
echo '</div>';
}
echo '<div class="super-form-history">';
echo '<span class="super-maximize-toggle super-tooltip" title="' . esc_attr__( 'Maximize all elements', 'super-forms' ) . '"></span>';
echo '<span class="super-minimize-toggle super-tooltip" title="' . esc_attr__( 'Minimize all elements', 'super-forms' ) . '"></span>';
if( $form_id!=0 ) {
echo '<span class="super-backups super-tooltip" title="' . esc_attr__( 'Restore a previous saved version of this Form', 'super-forms' ) . '"></span>';
}
echo '<span class="super-redo super-tooltip super-disabled" title="' . esc_attr__( 'Redo last change', 'super-forms' ) . '"></span>';
echo '<span class="super-undo super-tooltip super-disabled" title="' . esc_attr__( 'Undo last change', 'super-forms' ) . '"></span>';
echo '</div>';
$current_tab = 'builder';
if(!empty($_GET['tab'])){
$current_tab = $_GET['tab'];
}
$tabs = array(
'builder' => esc_html__( 'Builder', 'super-forms' ),
'translations' => esc_html__( 'Translations', 'super-forms' ),
'secrets' => esc_html__( 'Secrets', 'super-forms' ),
//'triggers' => esc_html__( 'Triggers', 'super-forms' )
);
$tabs = apply_filters( 'super_create_form_tabs', $tabs );
$tabs['code'] = esc_html__( 'Code', 'super-forms' );
$tabs_content = '';
echo '<div class="super-tabs">';
foreach($tabs as $k => $v){
echo '<span class="super-tab-' . $k . ($current_tab==$k ? ' super-active' : '') . '" data-tab="' . esc_attr($k) . '" data-title="' . esc_attr($v) . '">';
echo esc_html($v);
if(!is_array($translations)) $translations = array();
if($k==='builder' && !empty($translations) && current($translations)){
echo '<img src="'. esc_url(SUPER_PLUGIN_FILE . 'assets/images/blank.gif') . '" class="flag flag-' . current($translations)['flag'] . '" />';
}
echo '</span>';
ob_start();
echo '<div class="super-tab-content super-tab-'.$k . ($current_tab==$k ? ' super-active' : '') . '">';
// Actions:
// super_create_form_`builder`_tab
// super_create_form_`code`_tab
// super_create_form_`translations`_tab
// super_create_form_`triggers`_tab
do_action( 'super_create_form_' . $k . '_tab', array( 'form_id'=>$form_id, 'secrets'=>array('local'=>$localSecrets, 'global'=>$globalSecrets), 'translations'=>$translations, 'shortcodes'=>$shortcodes, 'settings'=>$settings, 'theme_style'=>$theme_style, 'style_content'=>$style_content ) );
echo '</div>';
$tabs_content .= ob_get_contents();
ob_end_clean();
}
echo '</div>';
echo '<div class="super-tabs-content">';
// Display content of all tabs
echo $tabs_content;
echo '</div>';
?>
<div class="super-live-preview"></div>
</div>
<div class="super-elements super-active">
<?php
echo '<div class="super-element super-element-settings">';
echo '<h3><i class="fas fa-th-large"></i>' . esc_html__( 'Element Settings & Options', 'super-forms' ) . '</h3>';
echo '<div class="super-elements-container"><p>' . sprintf( esc_html__( 'You are currently not editing an element.%sEdit any alement by clicking the %s icon.', 'super-forms' ), '<br />', '<i class="fas fa-pencil-alt"></i>' ) . '</p></div>';
echo '</div>';
foreach($shortcodes as $k => $v){
echo '<div class="super-element ' . $v['class'] . '">';
echo '<h3><i class="fas fa-th-large"></i>' . $v['title'] . '</h3>';
echo '<div class="super-elements-container">';
if( isset( $v['info'] ) ) {
echo '<p>' . $v['info'] . '</p>';
}
foreach($v['shortcodes'] as $key => $value){
if( ( !isset( $value['hidden'] ) ) || ( $value['hidden']==false ) ) {
echo SUPER_Shortcodes::output_element( $key, $k, $value );
}
}
echo '</div>';
echo '</div>';
}
?>
<div class="super-element super-form-settings">
<h3><i class="fas fa-th-large"></i><?php echo esc_html__( 'Form Settings', 'super-forms' ); ?></h3>
<div class="super-elements-container">
<?php
echo '<div class="super-form-settings-tabs">';
echo '<select>';
$i = 0;
foreach( $form_settings as $key => $value ) {
if( ( (!isset($value['hidden'])) || ($value['hidden']==false) || ($value['hidden']==='settings') ) && (!empty($value['name'])) ) {
echo '<option value="' . $i . '" ' . ( $i==0 ? 'selected="selected"' : '') . '>' . $value['name'] . '</option>';
$i++;
}
}
echo '</select>';
echo '</div>';
$counter = 0;
foreach( $form_settings as $key => $value ) {
if( ( (!isset($value['hidden'])) || ($value['hidden']==false) || ($value['hidden']==='settings') ) && (!empty($value['name'])) ) {
$counter++;
echo '<div class="tab-content '.($counter==1 ? 'super-active' : '') . '">';
if( isset( $value['html'] ) ) {
foreach( $value['html'] as $v ) {
echo $v;
}
}
if( isset( $value['fields'] ) ) {
foreach( $value['fields'] as $k => $v ) {
if( ( !isset( $v['hidden'] ) ) || ( $v['hidden']==false ) ) {
$filter = '';
$parent = '';
$filtervalue = '';
if( ( isset( $v['filter'] ) ) && ( $v['filter']==true ) ) {
$filter = ' super-filter';
if( isset( $v['parent'] ) ) $parent = ' data-parent="' . $v['parent'] . '"';
if( isset( $v['filter_value'] ) ) $filtervalue = ' data-filtervalue="' . $v['filter_value'] . '"';
}
echo '<div class="super-field' . $filter . '"' . $parent . '' . $filtervalue;
echo '>';
if( isset( $v['name'] ) ) echo '<div class="super-field-name">' . $v['name'] . '</div>';
if( isset( $v['desc'] ) ) echo '<i class="info super-tooltip" title="' . esc_attr($v['desc']) . '"></i>';
if( isset( $v['label'] ) ) echo '<div class="super-field-label">' . nl2br($v['label']) . '</div>';
echo '<div class="super-field-input">';
if( !isset( $v['type'] ) ) $v['type'] = 'text';
echo call_user_func( array( 'SUPER_Field_Types', $v['type'] ), $k, $v );
echo '</div>';
echo '</div>';
}
}
}
echo '</div>';
}
}
?>
</div>
</div>
</div>
</div>
</div>
</div>