WordPress.org
Get WordPress

Plugin Directory

Changeset 2726292


Ignore:
Timestamp:
05/18/2022 08:00:22 PM (4 years ago)
Author:
mmuro
Message:

Update fields edit with PHPCS fixes

File:
1 edited

Legend:

Unmodified
Added
Removed

  • visual-form-builder/trunk/admin/class-fields.php

    r2726235 r2726292  
    44 */
    55class Visual_Form_Builder_Admin_Fields {
     6    /**
     7     * [field_output description]
     8     *
     9     * @param   [type] $form_nav_selected_id  [$form_nav_selected_id description].
     10     * @param   [type] $field_id              [$field_id description].
     11     *
     12     * @return  void
     13     */
    614    public function field_output( $form_nav_selected_id, $field_id = null ) {
    715        global $wpdb;
    816
    917        $field_where = ( isset( $field_id ) && ! is_null( $field_id ) ) ? "AND field_id = $field_id" : '';
    10         // Display all fields for the selected form
     18        // Display all fields for the selected form.
    1119        $fields = $wpdb->get_results( $wpdb->prepare( 'SELECT * FROM ' . VFB_WP_FIELDS_TABLE_NAME . " WHERE form_id = %d $field_where ORDER BY field_sequence ASC", $form_nav_selected_id ) );
    1220
    … …  
    1523        ob_start();
    1624
    17         // Loop through each field and display
     25        // Loop through each field and display.
    1826        foreach ( $fields as &$field ) :
    19             // If we are at the root level
     27            // If we are at the root level.
    2028            if ( ! $field->field_parent && $depth > 1 ) {
    21                 // If we've been down a level, close out the list
     29                // If we've been down a level, close out the list.
    2230                while ( $depth > 1 ) {
    2331                    echo '</li></ul>';
    … …  
    2533                }
    2634
    27                 // Close out the root item
     35                // Close out the root item.
     36                echo '</li>';
     37            } elseif ( $field->field_parent && $field->field_parent === $last ) {
     38                // first item of <ul>, so move down a level.
     39                echo '<ul class="parent">';
     40                $depth++;
     41            } elseif ( $field->field_parent && $field->field_parent !== $parent ) {
     42                // Close up a <ul> and move up a level.
     43                echo '</li></ul></li>';
     44                $depth--;
     45            } elseif ( $field->field_parent && $field->field_parent === $parent ) {
     46                // Same level so close list item.
    2847                echo '</li>';
    2948            }
    30             // first item of <ul>, so move down a level
    31             elseif ( $field->field_parent && $field->field_parent == $last ) {
    32                 echo '<ul class="parent">';
    33                 $depth++;
    34             }
    35             // Close up a <ul> and move up a level
    36             elseif ( $field->field_parent && $field->field_parent != $parent ) {
    37                 echo '</li></ul></li>';
    38                 $depth--;
    39             }
    40             // Same level so close list item
    41             elseif ( $field->field_parent && $field->field_parent == $parent ) {
    42                 echo '</li>';
    43             }
    44 
    45             // Store item ID and parent ID to test for nesting
     49
     50            // Store item ID and parent ID to test for nesting.
    4651            $last   = $field->field_id;
    4752            $parent = $field->field_parent;
    … …  
    5055    <dl class="menu-item-bar vfb-menu-item-inactive">
    5156        <dt class="vfb-menu-item-handle vfb-menu-item-type-<?php echo esc_attr( $field->field_type ); ?>">
    52             <span class="item-title"><?php echo stripslashes( esc_attr( $field->field_name ) ); ?><?php echo ( $field->field_required == 'yes' ) ? ' <span class="is-field-required">*</span>' : ''; ?></span>
     57            <span class="item-title"><?php echo esc_html( $field->field_name ); ?><?php echo ( 'yes' === $field->field_required ) ? ' <span class="is-field-required">*</span>' : ''; ?></span>
    5358                    <span class="item-controls">
    54                 <span class="item-type"><?php echo strtoupper( str_replace( '-', ' ', $field->field_type ) ); ?></span>
    55                 <a href="#" title="<?php _e( 'Edit Field Item', 'visual-form-builder' ); ?>" id="edit-<?php echo esc_attr( $field->field_id ); ?>" class="item-edit"><?php _e( 'Edit Field Item', 'visual-form-builder' ); ?></a>
     59                <span class="item-type"><?php echo esc_html( strtoupper( str_replace( '-', ' ', $field->field_type ) ) ); ?></span>
     60                <a href="#" title="<?php esc_attr_e( 'Edit Field Item', 'visual-form-builder' ); ?>" id="edit-<?php echo esc_attr( $field->field_id ); ?>" class="item-edit"><?php esc_html_e( 'Edit Field Item', 'visual-form-builder' ); ?></a>
    5661            </span>
    5762        </dt>
    … …  
    5964
    6065    <div id="form-item-settings-<?php echo esc_attr( $field->field_id ); ?>" class="menu-item-settings field-type-<?php echo esc_attr( $field->field_type ); ?>" style="display: none;">
    61                     <?php if ( in_array( $field->field_type, array( 'fieldset', 'section', 'verification' ) ) ) : ?>
     66            <?php if ( in_array( $field->field_type, array( 'fieldset', 'section', 'verification' ) ) ) : ?>
    6267
    6368        <p class="description description-wide">
    6469            <label for="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>"><?php echo ( in_array( $field->field_type, array( 'fieldset', 'verification' ) ) ) ? 'Legend' : 'Name'; ?>
    65                     <span class="vfb-tooltip" rel="<?php esc_attr_e( 'For Fieldsets, a Legend is simply the name of that group. Use general terms that describe the fields included in this Fieldset.', 'visual-form-builder' ); ?>" title="<?php esc_attr_e( 'About Legend', 'visual-form-builder' ); ?>">(?)</span>
    66                             <br />
    67                 <input type="text" value="<?php echo stripslashes( esc_html( $field->field_name ) ); ?>" name="field_name-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
     70                <span class="vfb-tooltip" rel="<?php esc_attr_e( 'For Fieldsets, a Legend is simply the name of that group. Use general terms that describe the fields included in this Fieldset.', 'visual-form-builder' ); ?>" title="<?php esc_attr_e( 'About Legend', 'visual-form-builder' ); ?>">(?)</span>
     71                <br />
     72                <input type="text" value="<?php echo esc_html( $field->field_name ); ?>" name="field_name-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
    6873            </label>
    6974        </p>
    7075            <p class="description description-wide">
    71                     <label for="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>">
    72                             <?php _e( 'CSS Classes', 'visual-form-builder' ); ?>
    73                             <span class="vfb-tooltip" rel="<?php esc_attr_e( 'For each field, you can insert your own CSS class names which can be used in your own stylesheets.', 'visual-form-builder' ); ?>" title="<?php esc_attr_e( 'About CSS Classes', 'visual-form-builder' ); ?>">(?)</span>
    74                             <br />
    75                             <input type="text" value="<?php echo stripslashes( esc_html( $field->field_css ) ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" />
    76                     </label>
    77             </p>
    78 
    79     <?php elseif ( $field->field_type == 'instructions' ) : ?>
     76                <label for="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>">
     77                        <?php esc_html_e( 'CSS Classes', 'visual-form-builder' ); ?>
     78                    <span class="vfb-tooltip" rel="<?php esc_attr_e( 'For each field, you can insert your own CSS class names which can be used in your own stylesheets.', 'visual-form-builder' ); ?>" title="<?php esc_attr_e( 'About CSS Classes', 'visual-form-builder' ); ?>">(?)</span>
     79                    <br />
     80                    <input type="text" value="<?php echo esc_html( $field->field_css ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" />
     81                </label>
     82            </p>
     83
     84    <?php elseif ( 'instructions' === $field->field_type ) : ?>
    8085        <!-- Instructions -->
    8186        <p class="description description-wide">
    8287            <label for="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>">
    83                     <?php _e( 'Name', 'visual-form-builder' ); ?>
    84                                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Name', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( "A field's name is the most visible and direct way to describe what that field is for.", 'visual-form-builder' ); ?>">(?)</span>
    85                                     <br />
    86                     <input type="text" value="<?php echo stripslashes( esc_html( $field->field_name ) ); ?>" name="field_name-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
     88                <?php esc_html_e( 'Name', 'visual-form-builder' ); ?>
     89                <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Name', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( "A field's name is the most visible and direct way to describe what that field is for.", 'visual-form-builder' ); ?>">(?)</span>
     90                <br />
     91                <input type="text" value="<?php echo esc_html( $field->field_name ); ?>" name="field_name-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
    8792            </label>
    8893        </p>
    … …  
    9095        <p class="description description-wide">
    9196            <label for="edit-form-item-description-<?php echo esc_attr( $field->field_id ); ?>">
    92                         <?php _e( 'Description (HTML tags allowed)', 'visual-form-builder' ); ?>
     97                        <?php esc_html_e( 'Description (HTML tags allowed)', 'visual-form-builder' ); ?>
    9398                        <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Instructions Description', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'The Instructions field allows for long form explanations, typically seen at the beginning of Fieldsets or Sections. HTML tags are allowed.', 'visual-form-builder' ); ?>">(?)</span>
    9499                            <br />
    95                 <textarea name="field_description-<?php echo esc_attr( $field->field_id ); ?>" class="widefat edit-menu-item-description" cols="20" rows="3" id="edit-form-item-description-<?php echo esc_attr( $field->field_id ); ?>" /><?php echo stripslashes( $field->field_description ); ?></textarea>
     100                <textarea name="field_description-<?php echo esc_attr( $field->field_id ); ?>" class="widefat edit-menu-item-description" cols="20" rows="3" id="edit-form-item-description-<?php echo esc_attr( $field->field_id ); ?>" /><?php echo esc_html( $field->field_description ); ?></textarea>
    96101            </label>
    97102        </p>
    … …  
    99104    <p class="description description-thin">
    100105            <label for="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>">
    101                     <?php _e( 'CSS Classes', 'visual-form-builder' ); ?>
     106                    <?php esc_html_e( 'CSS Classes', 'visual-form-builder' ); ?>
    102107                    <span class="vfb-tooltip" rel="<?php esc_attr_e( 'For each field, you can insert your own CSS class names which can be used in your own stylesheets.', 'visual-form-builder' ); ?>" title="<?php esc_attr_e( 'About CSS Classes', 'visual-form-builder' ); ?>">(?)</span>
    103108                    <br />
    104                     <input type="text" value="<?php echo stripslashes( esc_html( $field->field_css ) ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" />
     109                    <input type="text" value="<?php echo esc_attr( $field->field_css ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" />
    105110            </label>
    106111    </p>
    … …  
    109114    <p class="description description-thin">
    110115        <label for="edit-form-item-layout">
    111             <?php _e( 'Field Layout', 'visual-form-builder' ); ?>
    112                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Field Layout', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Used to create advanced layouts. Align fields side by side in various configurations.', 'visual-form-builder' ); ?>">(?)</span>
     116            <?php esc_html_e( 'Field Layout', 'visual-form-builder' ); ?>
     117            <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Field Layout', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Used to create advanced layouts. Align fields side by side in various configurations.', 'visual-form-builder' ); ?>">(?)</span>
    113118            <br />
    114119            <select name="field_layout-<?php echo esc_html( $field->field_id ); ?>" class="widefat" id="edit-form-item-layout-<?php echo esc_attr( $field->field_id ); ?>">
    115 
    116                 <option value="" <?php selected( esc_html( $field->field_layout ), '' ); ?>><?php _e( 'Default', 'visual-form-builder' ); ?></option>
    117                             <optgroup label="------------">
    118                             <option value="left-half" <?php selected( $field->field_layout, 'left-half' ); ?>><?php _e( 'Left Half', 'visual-form-builder' ); ?></option>
    119                             <option value="right-half" <?php selected( $field->field_layout, 'right-half' ); ?>><?php _e( 'Right Half', 'visual-form-builder' ); ?></option>
    120                             </optgroup>
    121                             <optgroup label="------------">
    122                 <option value="left-third" <?php selected( $field->field_layout, 'left-third' ); ?>><?php _e( 'Left Third', 'visual-form-builder' ); ?></option>
    123                             <option value="middle-third" <?php selected( $field->field_layout, 'middle-third' ); ?>><?php _e( 'Middle Third', 'visual-form-builder' ); ?></option>
    124                             <option value="right-third" <?php selected( $field->field_layout, 'right-third' ); ?>><?php _e( 'Right Third', 'visual-form-builder' ); ?></option>
    125                             </optgroup>
    126                             <optgroup label="------------">
    127                             <option value="left-two-thirds" <?php selected( $field->field_layout, 'left-two-thirds' ); ?>><?php _e( 'Left Two Thirds', 'visual-form-builder' ); ?></option>
    128                             <option value="right-two-thirds" <?php selected( $field->field_layout, 'right-two-thirds' ); ?>><?php _e( 'Right Two Thirds', 'visual-form-builder' ); ?></option>
    129                             </optgroup>
    130                             <?php apply_filters( 'vfb_admin_field_layout', $field->field_layout ); ?>
     120                <option value="" <?php selected( esc_html( $field->field_layout ), '' ); ?>><?php esc_html_e( 'Default', 'visual-form-builder' ); ?></option>
     121                <optgroup label="------------">
     122                <option value="left-half" <?php selected( $field->field_layout, 'left-half' ); ?>><?php esc_html_e( 'Left Half', 'visual-form-builder' ); ?></option>
     123                <option value="right-half" <?php selected( $field->field_layout, 'right-half' ); ?>><?php esc_html_e( 'Right Half', 'visual-form-builder' ); ?></option>
     124                </optgroup>
     125                <optgroup label="------------">
     126    <option value="left-third" <?php selected( $field->field_layout, 'left-third' ); ?>><?php esc_html_e( 'Left Third', 'visual-form-builder' ); ?></option>
     127                <option value="middle-third" <?php selected( $field->field_layout, 'middle-third' ); ?>><?php esc_html_e( 'Middle Third', 'visual-form-builder' ); ?></option>
     128                <option value="right-third" <?php selected( $field->field_layout, 'right-third' ); ?>><?php esc_html_e( 'Right Third', 'visual-form-builder' ); ?></option>
     129                </optgroup>
     130                <optgroup label="------------">
     131                <option value="left-two-thirds" <?php selected( $field->field_layout, 'left-two-thirds' ); ?>><?php esc_html_e( 'Left Two Thirds', 'visual-form-builder' ); ?></option>
     132                <option value="right-two-thirds" <?php selected( $field->field_layout, 'right-two-thirds' ); ?>><?php esc_html_e( 'Right Two Thirds', 'visual-form-builder' ); ?></option>
     133                </optgroup>
     134                <?php apply_filters( 'vfb_admin_field_layout', $field->field_layout ); ?>
    131135            </select>
    132136        </label>
    … …  
    138142        <p class="description description-wide">
    139143            <label for="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>">
    140                 <?php _e( 'Name', 'visual-form-builder' ); ?>
    141                             <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Name', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( "A field's name is the most visible and direct way to describe what that field is for.", 'visual-form-builder' ); ?>">(?)</span>
    142                             <br />
    143                 <input type="text" value="<?php echo stripslashes( esc_html( $field->field_name ) ); ?>" name="field_name-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
     144                <?php esc_html_e( 'Name', 'visual-form-builder' ); ?>
     145                <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Name', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( "A field's name is the most visible and direct way to describe what that field is for.", 'visual-form-builder' ); ?>">(?)</span>
     146                <br />
     147                <input type="text" value="<?php echo esc_html( $field->field_name ); ?>" name="field_name-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-name-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
    144148            </label>
    145149        </p>
    146             <?php if ( $field->field_type == 'submit' ) : ?>
    147             <!-- CSS Classes -->
    148                     <p class="description description-wide">
    149                             <label for="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>">
    150                                     <?php _e( 'CSS Classes', 'visual-form-builder' ); ?>
    151                                     <span class="vfb-tooltip" rel="<?php esc_attr_e( 'For each field, you can insert your own CSS class names which can be used in your own stylesheets.', 'visual-form-builder' ); ?>" title="<?php esc_attr_e( 'About CSS Classes', 'visual-form-builder' ); ?>">(?)</span>
    152                                     <br />
    153                                     <input type="text" value="<?php echo stripslashes( esc_html( $field->field_css ) ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" />
    154                             </label>
    155                     </p>
    156         <?php elseif ( $field->field_type !== 'submit' ) : ?>
     150        <?php if ( 'submit' === $field->field_type ) : ?>
     151        <!-- CSS Classes -->
     152        <p class="description description-wide">
     153            <label for="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>">
     154                <?php esc_html_e( 'CSS Classes', 'visual-form-builder' ); ?>
     155                <span class="vfb-tooltip" rel="<?php esc_attr_e( 'For each field, you can insert your own CSS class names which can be used in your own stylesheets.', 'visual-form-builder' ); ?>" title="<?php esc_attr_e( 'About CSS Classes', 'visual-form-builder' ); ?>">(?)</span>
     156                <br />
     157                <input type="text" value="<?php echo esc_html( $field->field_css ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" />
     158            </label>
     159        </p>
     160        <?php elseif ( 'submit' !== $field->field_type ) : ?>
    157161            <!-- Description -->
    158162            <p class="description description-wide">
    159163                <label for="edit-form-item-description-<?php echo esc_attr( $field->field_id ); ?>">
    160                     <?php _e( 'Description', 'visual-form-builder' ); ?>
    161                                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Description', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'A description is an optional piece of text that further explains the meaning of this field. Descriptions are displayed below the field. HTML tags are allowed.', 'visual-form-builder' ); ?>">(?)</span>
    162                                     <br />
    163                     <textarea name="field_description-<?php echo esc_html( $field->field_id ); ?>" class="widefat edit-menu-item-description" cols="20" rows="3" id="edit-form-item-description-<?php echo esc_attr( $field->field_id ); ?>" /><?php echo stripslashes( $field->field_description ); ?></textarea>
     164                    <?php esc_html_e( 'Description', 'visual-form-builder' ); ?>
     165                    <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Description', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'A description is an optional piece of text that further explains the meaning of this field. Descriptions are displayed below the field. HTML tags are allowed.', 'visual-form-builder' ); ?>">(?)</span>
     166                    <br />
     167                    <textarea name="field_description-<?php echo esc_html( $field->field_id ); ?>" class="widefat edit-menu-item-description" cols="20" rows="3" id="edit-form-item-description-<?php echo esc_attr( $field->field_id ); ?>" /><?php echo esc_html( $field->field_description ); ?></textarea>
    164168                </label>
    165169            </p>
    166170
    167171                <?php
    168                     // Display the Options input only for radio, checkbox, and select fields
     172                    // Display the Options input only for radio, checkbox, and select fields.
    169173                if ( in_array( $field->field_type, array( 'radio', 'checkbox', 'select' ) ) ) :
    170174                    ?>
    171175                <!-- Options -->
    172176                <p class="description description-wide">
    173                             <?php _e( 'Options', 'visual-form-builder' ); ?>
    174                                 <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Options', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'This property allows you to set predefined options to be selected by the user.  Use the plus and minus buttons to add and delete options.  At least one option must exist.', 'visual-form-builder' ); ?>">(?)</span>
    175                                 <br />
    176                             <?php
    177                             // If the options field isn't empty, unserialize and build array
    178                             if ( ! empty( $field->field_options ) ) {
    179                                 if ( is_serialized( $field->field_options ) ) {
    180                                     $opts_vals = ( is_array( unserialize( $field->field_options ) ) ) ? unserialize( $field->field_options ) : explode( ',', unserialize( $field->field_options ) );
    181                                 }
    182                             }
    183                             // Otherwise, present some default options
    184                             else {
    185                                     $opts_vals = array( 'Option 1', 'Option 2', 'Option 3' );
    186                             }
    187 
    188                             // Basic count to keep track of multiple options
    189                             $count = 1;
    190                             ?>
     177                    <?php esc_html_e( 'Options', 'visual-form-builder' ); ?>
     178                    <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Options', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'This property allows you to set predefined options to be selected by the user.  Use the plus and minus buttons to add and delete options.  At least one option must exist.', 'visual-form-builder' ); ?>">(?)</span>
     179                    <br />
     180                    <?php
     181                    // If the options field isn't empty, unserialize and build array.
     182                    if ( ! empty( $field->field_options ) ) {
     183                        if ( is_serialized( $field->field_options ) ) {
     184                            $opts_vals = ( is_array( unserialize( $field->field_options ) ) ) ? unserialize( $field->field_options ) : explode( ',', unserialize( $field->field_options ) );
     185                        }
     186                    } else {
     187                            // Otherwise, present some default options.
     188                            $opts_vals = array( 'Option 1', 'Option 2', 'Option 3' );
     189                    }
     190
     191                    // Basic count to keep track of multiple options.
     192                    $count = 1;
     193                    ?>
    191194                <div class="vfb-cloned-options">
    192195                            <?php foreach ( $opts_vals as $options ) : ?>
    193                 <div id="clone-<?php echo $field->field_id . '-' . $count; ?>" class="option">
    194                     <label for="edit-form-item-options-<?php echo $field->field_id . "-$count"; ?>" class="clonedOption">
     196                <div id="clone-<?php echo esc_attr( $field->field_id . '-' . $count ); ?>" class="option">
     197                    <label for="edit-form-item-options-<?php echo esc_attr( $field->field_id . "-$count" ); ?>" class="clonedOption">
    195198                        <input type="radio" value="<?php echo esc_html( $count ); ?>" name="field_default-<?php echo esc_attr( $field->field_id ); ?>" <?php checked( $field->field_default, $count ); ?> />
    196                         <input type="text" value="<?php echo stripslashes( esc_html( $options ) ); ?>" name="field_options-<?php echo esc_attr( $field->field_id ); ?>[]" class="widefat" id="edit-form-item-options-<?php echo $field->field_id . "-$count"; ?>" />
     199                        <input type="text" value="<?php echo esc_html( $options ); ?>" name="field_options-<?php echo esc_attr( $field->field_id ); ?>[]" class="widefat" id="edit-form-item-options-<?php echo esc_attr( $field->field_id . "-$count" ); ?>" />
    197200                    </label>
    198201
    199202                    <a href="#" class="deleteOption vfb-interface-icon vfb-interface-minus" title="Delete Option">
    200                                     <?php _e( 'Delete', 'visual-form-builder' ); ?>
     203                                    <?php esc_html_e( 'Delete', 'visual-form-builder' ); ?>
    201204                    </a>
    202205                    <span class="vfb-interface-icon vfb-interface-sort" title="<?php esc_attr_e( 'Drag and Drop to Sort Options', 'visual-form-builder' ); ?>"></span>
    … …  
    211214                <div class="vfb-add-options-group">
    212215                    <a href="#" class="vfb-button vfb-add-option" title="Add Option">
    213                             <?php _e( 'Add Option', 'visual-form-builder' ); ?>
     216                            <?php esc_html_e( 'Add Option', 'visual-form-builder' ); ?>
    214217                        <span class="vfb-interface-icon vfb-interface-plus"></span>
    215218                    </a>
    … …  
    217220                </p>
    218221                            <?php
    219                             // Unset the options for any following radio, checkboxes, or selects
     222                            // Unset the options for any following radio, checkboxes, or selects.
    220223                            unset( $opts_vals );
    221224                    endif;
    … …  
    223226
    224227                <?php if ( in_array( $field->field_type, array( 'file-upload' ) ) ) : ?>
    225                         <!-- File Upload Accepts -->
     228                <!-- File Upload Accepts -->
    226229                <p class="description description-wide">
    227                                     <?php
    228                                     $opts_vals = array( '' );
    229 
    230                                     // If the options field isn't empty, unserialize and build array
    231                                     if ( ! empty( $field->field_options ) ) {
    232                                         if ( is_serialized( $field->field_options ) ) {
    233                                             $opts_vals = ( is_array( unserialize( $field->field_options ) ) ) ? unserialize( $field->field_options ) : unserialize( $field->field_options );
    234                                         }
    235                                     }
    236 
    237                                     // Loop through the options
    238                                     foreach ( $opts_vals as $options ) {
    239                                         ?>
    240                     <label for="edit-form-item-options-<?php echo esc_attr( $field->field_id ); ?>">
    241                                             <?php _e( 'Accepted File Extensions', 'visual-form-builder' ); ?>
    242                                             <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Accepted File Extensions', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Control the types of files allowed.  Enter extensions without periods and separate multiples using the pipe character ( | ).', 'visual-form-builder' ); ?>">(?)</span>
    243                                     <br />
    244                                             <input type="text" value="<?php echo stripslashes( esc_html( $options ) ); ?>" name="field_options-<?php echo esc_attr( $field->field_id ); ?>[]" class="widefat" id="edit-form-item-options-<?php echo esc_attr( $field->field_id ); ?>" />
    245                     </label>
    246                             </p>
    247                                             <?php
    248                                     }
    249                                     // Unset the options for any following radio, checkboxes, or selects
    250                                     unset( $opts_vals );
     230                    <?php
     231                    $opts_vals = array( '' );
     232
     233                    // If the options field isn't empty, unserialize and build array.
     234                    if ( ! empty( $field->field_options ) ) {
     235                        if ( is_serialized( $field->field_options ) ) {
     236                            $opts_vals = ( is_array( unserialize( $field->field_options ) ) ) ? unserialize( $field->field_options ) : unserialize( $field->field_options );
     237                        }
     238                    }
     239
     240                    // Loop through the options.
     241                    foreach ( $opts_vals as $options ) {
     242                        ?>
     243                        <label for="edit-form-item-options-<?php echo esc_attr( $field->field_id ); ?>">
     244                            <?php esc_html_e( 'Accepted File Extensions', 'visual-form-builder' ); ?>
     245                            <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Accepted File Extensions', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Control the types of files allowed.  Enter extensions without periods and separate multiples using the pipe character ( | ).', 'visual-form-builder' ); ?>">(?)</span>
     246                            <br />
     247                            <input type="text" value="<?php echo esc_attr( $options ); ?>" name="field_options-<?php echo esc_attr( $field->field_id ); ?>[]" class="widefat" id="edit-form-item-options-<?php echo esc_attr( $field->field_id ); ?>" />
     248                        </label>
     249                </p>
     250                        <?php
     251                    }
     252                    // Unset the options for any following radio, checkboxes, or selects.
     253                    unset( $opts_vals );
    251254                endif;
    252255                ?>
    … …  
    255258                    <!-- Date Format -->
    256259                <p class="description description-wide">
    257                             <?php
    258                             $opts_vals  = maybe_unserialize( $field->field_options );
    259                             $dateFormat = ( isset( $opts_vals['dateFormat'] ) ) ? $opts_vals['dateFormat'] : 'mm/dd/yy';
    260                             ?>
     260                    <?php
     261                    $opts_vals  = maybe_unserialize( $field->field_options );
     262                    $date_format = ( isset( $opts_vals['dateFormat'] ) ) ? $opts_vals['dateFormat'] : 'mm/dd/yy';
     263                    ?>
    261264                    <label for="edit-form-item-date-dateFormat-<?php echo esc_attr( $field->field_id ); ?>">
    262                             <?php _e( 'Date Format', 'visual-form-builder' ); ?>
     265                        <?php esc_html_e( 'Date Format', 'visual-form-builder' ); ?>
    263266                        <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Date Format', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Set the date format for each date picker.', 'visual-form-builder' ); ?>">(?)</span>
    264267                        <br />
    265                         <input type="text" value="<?php echo esc_html( $dateFormat ); ?>" name="field_options-<?php echo esc_attr( $field->field_id ); ?>[dateFormat]" class="widefat" id="edit-form-item-date-dateFormat-<?php echo esc_attr( $field->field_id ); ?>" />
     268                        <input type="text" value="<?php echo esc_html( $date_format ); ?>" name="field_options-<?php echo esc_attr( $field->field_id ); ?>[dateFormat]" class="widefat" id="edit-form-item-date-dateFormat-<?php echo esc_attr( $field->field_id ); ?>" />
    266269                    </label>
    267                         </p>
    268                             <?php
    269                             // Unset the options for any following radio, checkboxes, or selects
    270                             unset( $opts_vals );
     270                </p>
     271                    <?php
     272                    // Unset the options for any following radio, checkboxes, or selects.
     273                    unset( $opts_vals );
    271274                endif;
    272275                ?>
    … …  
    274277            <p class="description description-thin">
    275278                <label for="edit-form-item-validation">
    276                     <?php _e( 'Validation', 'visual-form-builder' ); ?>
    277                                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Validation', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Ensures user-entered data is formatted properly. For more information on Validation, refer to the Help tab at the top of this page.', 'visual-form-builder' ); ?>">(?)</span>
    278                                     <br />
     279                    <?php esc_html_e( 'Validation', 'visual-form-builder' ); ?>
     280                    <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Validation', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Ensures user-entered data is formatted properly. For more information on Validation, refer to the Help tab at the top of this page.', 'visual-form-builder' ); ?>">(?)</span>
     281                    <br />
    279282
    280283                    <?php if ( in_array( $field->field_type, array( 'text', 'time', 'number' ) ) ) : ?>
    281284                        <select name="field_validation-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-validation-<?php echo esc_attr( $field->field_id ); ?>">
    282                                     <?php if ( $field->field_type == 'time' ) : ?>
    283                             <option value="time-12" <?php selected( $field->field_validation, 'time-12' ); ?>><?php _e( '12 Hour Format', 'visual-form-builder' ); ?></option>
    284                             <option value="time-24" <?php selected( $field->field_validation, 'time-24' ); ?>><?php _e( '24 Hour Format', 'visual-form-builder' ); ?></option>
     285                            <?php if ( 'time' === $field->field_type ) : ?>
     286                            <option value="time-12" <?php selected( $field->field_validation, 'time-12' ); ?>><?php esc_html_e( '12 Hour Format', 'visual-form-builder' ); ?></option>
     287                            <option value="time-24" <?php selected( $field->field_validation, 'time-24' ); ?>><?php esc_html_e( '24 Hour Format', 'visual-form-builder' ); ?></option>
    285288                            <?php elseif ( in_array( $field->field_type, array( 'number' ) ) ) : ?>
    286                                                     <option value="number" <?php selected( $field->field_validation, 'number' ); ?>><?php _e( 'Number', 'visual-form-builder' ); ?></option>
    287                             <option value="digits" <?php selected( $field->field_validation, 'digits' ); ?>><?php _e( 'Digits', 'visual-form-builder' ); ?></option>
     289                            <option value="number" <?php selected( $field->field_validation, 'number' ); ?>><?php esc_html_e( 'Number', 'visual-form-builder' ); ?></option>
     290                            <option value="digits" <?php selected( $field->field_validation, 'digits' ); ?>><?php esc_html_e( 'Digits', 'visual-form-builder' ); ?></option>
    288291                            <?php else : ?>
    289                             <option value="" <?php selected( $field->field_validation, '' ); ?>><?php _e( 'None', 'visual-form-builder' ); ?></option>
    290                             <option value="email" <?php selected( $field->field_validation, 'email' ); ?>><?php _e( 'Email', 'visual-form-builder' ); ?></option>
    291                             <option value="url" <?php selected( $field->field_validation, 'url' ); ?>><?php _e( 'URL', 'visual-form-builder' ); ?></option>
    292                             <option value="date" <?php selected( $field->field_validation, 'date' ); ?>><?php _e( 'Date', 'visual-form-builder' ); ?></option>
    293                             <option value="number" <?php selected( $field->field_validation, 'number' ); ?>><?php _e( 'Number', 'visual-form-builder' ); ?></option>
    294                             <option value="digits" <?php selected( $field->field_validation, 'digits' ); ?>><?php _e( 'Digits', 'visual-form-builder' ); ?></option>
    295                             <option value="phone" <?php selected( $field->field_validation, 'phone' ); ?>><?php _e( 'Phone', 'visual-form-builder' ); ?></option>
     292                            <option value="" <?php selected( $field->field_validation, '' ); ?>><?php esc_html_e( 'None', 'visual-form-builder' ); ?></option>
     293                            <option value="email" <?php selected( $field->field_validation, 'email' ); ?>><?php esc_html_e( 'Email', 'visual-form-builder' ); ?></option>
     294                            <option value="url" <?php selected( $field->field_validation, 'url' ); ?>><?php esc_html_e( 'URL', 'visual-form-builder' ); ?></option>
     295                            <option value="date" <?php selected( $field->field_validation, 'date' ); ?>><?php esc_html_e( 'Date', 'visual-form-builder' ); ?></option>
     296                            <option value="number" <?php selected( $field->field_validation, 'number' ); ?>><?php esc_html_e( 'Number', 'visual-form-builder' ); ?></option>
     297                            <option value="digits" <?php selected( $field->field_validation, 'digits' ); ?>><?php esc_html_e( 'Digits', 'visual-form-builder' ); ?></option>
     298                            <option value="phone" <?php selected( $field->field_validation, 'phone' ); ?>><?php esc_html_e( 'Phone', 'visual-form-builder' ); ?></option>
    296299                            <?php endif; ?>
    297300                        </select>
    … …  
    315318                                break;
    316319                        }
    317 
    318320                        ?>
    319321                    <input type="text" class="widefat" name="field_validation-<?php echo esc_attr( $field->field_id ); ?>" value="<?php echo esc_html( $field_validation ); ?>" readonly="readonly" />
    … …  
    326328            <p class="field-link-target description description-thin">
    327329                <label for="edit-form-item-required">
    328                     <?php _e( 'Required', 'visual-form-builder' ); ?>
    329                                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Required', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Requires the field to be completed before the form is submitted. By default, all fields are set to No.', 'visual-form-builder' ); ?>">(?)</span>
    330                                     <br />
     330                    <?php esc_html_e( 'Required', 'visual-form-builder' ); ?>
     331                    <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Required', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Requires the field to be completed before the form is submitted. By default, all fields are set to No.', 'visual-form-builder' ); ?>">(?)</span>
     332                    <br />
    331333                    <select name="field_required-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-required-<?php echo esc_attr( $field->field_id ); ?>">
    332                         <option value="no" <?php selected( $field->field_required, 'no' ); ?>><?php _e( 'No', 'visual-form-builder' ); ?></option>
    333                         <option value="yes" <?php selected( $field->field_required, 'yes' ); ?>><?php _e( 'Yes', 'visual-form-builder' ); ?></option>
     334                        <option value="no" <?php selected( esc_attr( $field->field_required ), 'no' ); ?>><?php esc_html_e( 'No', 'visual-form-builder' ); ?></option>
     335                        <option value="yes" <?php selected( esc_attr( $field->field_required ), 'yes' ); ?>><?php esc_html_e( 'Yes', 'visual-form-builder' ); ?></option>
    334336                    </select>
    335337                </label>
    … …  
    340342                <p class="description description-thin">
    341343                    <label for="edit-form-item-size">
    342                             <?php _e( 'Size', 'visual-form-builder' ); ?>
    343                                             <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Size', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Control the size of the field.  By default, all fields are set to Medium.', 'visual-form-builder' ); ?>">(?)</span>
    344                                             <br />
     344                        <?php esc_html_e( 'Size', 'visual-form-builder' ); ?>
     345                        <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Size', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Control the size of the field.  By default, all fields are set to Medium.', 'visual-form-builder' ); ?>">(?)</span>
     346                        <br />
    345347                        <select name="field_size-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-size-<?php echo esc_attr( $field->field_id ); ?>">
    346                                                 <option value="small" <?php selected( $field->field_size, 'small' ); ?>><?php _e( 'Small', 'visual-form-builder' ); ?></option>
    347                             <option value="medium" <?php selected( $field->field_size, 'medium' ); ?>><?php _e( 'Medium', 'visual-form-builder' ); ?></option>
    348                             <option value="large" <?php selected( $field->field_size, 'large' ); ?>><?php _e( 'Large', 'visual-form-builder' ); ?></option>
     348                            <option value="small" <?php selected( $field->field_size, 'small' ); ?>><?php esc_html_e( 'Small', 'visual-form-builder' ); ?></option>
     349                            <option value="medium" <?php selected( $field->field_size, 'medium' ); ?>><?php esc_html_e( 'Medium', 'visual-form-builder' ); ?></option>
     350                            <option value="large" <?php selected( $field->field_size, 'large' ); ?>><?php esc_html_e( 'Large', 'visual-form-builder' ); ?></option>
    349351                        </select>
    350352                    </label>
    … …  
    355357                <p class="description description-thin">
    356358                    <label for="edit-form-item-size">
    357                         <?php _e( 'Options Layout', 'visual-form-builder' ); ?>
    358                                             <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Options Layout', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Control the layout of radio buttons or checkboxes.  By default, options are arranged in One Column.', 'visual-form-builder' ); ?>">(?)</span>
    359                                             <br />
    360                         <select name="field_size-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-size-<?php echo esc_attr( $field->field_id ); ?>"<?php echo ( $field->field_type == 'time' ) ? ' disabled="disabled"' : ''; ?>>
    361                             <option value="" <?php selected( $field->field_size, '' ); ?>><?php _e( 'One Column', 'visual-form-builder' ); ?></option>
    362                                                     <option value="two-column" <?php selected( $field->field_size, 'two-column' ); ?>><?php _e( 'Two Columns', 'visual-form-builder' ); ?></option>
    363                             <option value="three-column" <?php selected( $field->field_size, 'three-column' ); ?>><?php _e( 'Three Columns', 'visual-form-builder' ); ?></option>
    364                                                     <option value="auto-column" <?php selected( $field->field_size, 'auto-column' ); ?>><?php _e( 'Auto Width', 'visual-form-builder' ); ?></option>
     359                        <?php esc_html_e( 'Options Layout', 'visual-form-builder' ); ?>
     360                        <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Options Layout', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Control the layout of radio buttons or checkboxes.  By default, options are arranged in One Column.', 'visual-form-builder' ); ?>">(?)</span>
     361                        <br />
     362                        <select name="field_size-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-size-<?php echo esc_attr( $field->field_id ); ?>"<?php echo ( 'time' === $field->field_type ) ? ' disabled="disabled"' : ''; ?>>
     363                            <option value="" <?php selected( $field->field_size, '' ); ?>><?php esc_html_e( 'One Column', 'visual-form-builder' ); ?></option>
     364                            <option value="two-column" <?php selected( $field->field_size, 'two-column' ); ?>><?php esc_html_e( 'Two Columns', 'visual-form-builder' ); ?></option>
     365    <option value="three-column" <?php selected( $field->field_size, 'three-column' ); ?>><?php esc_html_e( 'Three Columns', 'visual-form-builder' ); ?></option>
     366                            <option value="auto-column" <?php selected( $field->field_size, 'auto-column' ); ?>><?php esc_html_e( 'Auto Width', 'visual-form-builder' ); ?></option>
    365367                        </select>
    366368                    </label>
    … …  
    371373                <p class="description description-thin">
    372374                    <label for="edit-form-item-layout">
    373                         <?php _e( 'Field Layout', 'visual-form-builder' ); ?>
    374                                             <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Field Layout', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Used to create advanced layouts. Align fields side by side in various configurations.', 'visual-form-builder' ); ?>">(?)</span>
    375                                             <br />
     375                        <?php esc_html_e( 'Field Layout', 'visual-form-builder' ); ?>
     376                        <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Field Layout', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Used to create advanced layouts. Align fields side by side in various configurations.', 'visual-form-builder' ); ?>">(?)</span>
     377                        <br />
    376378                        <select name="field_layout-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-layout-<?php echo esc_attr( $field->field_id ); ?>">
    377 
    378                             <option value="" <?php selected( $field->field_layout, '' ); ?>><?php _e( 'Default', 'visual-form-builder' ); ?></option>
    379                                                     <optgroup label="------------">
    380                                                     <option value="left-half" <?php selected( $field->field_layout, 'left-half' ); ?>><?php _e( 'Left Half', 'visual-form-builder' ); ?></option>
    381                                                     <option value="right-half" <?php selected( $field->field_layout, 'right-half' ); ?>><?php _e( 'Right Half', 'visual-form-builder' ); ?></option>
    382                                                     </optgroup>
    383                                                     <optgroup label="------------">
    384                             <option value="left-third" <?php selected( $field->field_layout, 'left-third' ); ?>><?php _e( 'Left Third', 'visual-form-builder' ); ?></option>
    385                                                     <option value="middle-third" <?php selected( $field->field_layout, 'middle-third' ); ?>><?php _e( 'Middle Third', 'visual-form-builder' ); ?></option>
    386                                                     <option value="right-third" <?php selected( $field->field_layout, 'right-third' ); ?>><?php _e( 'Right Third', 'visual-form-builder' ); ?></option>
    387                                                     </optgroup>
    388                                                     <optgroup label="------------">
    389                                                     <option value="left-two-thirds" <?php selected( $field->field_layout, 'left-two-thirds' ); ?>><?php _e( 'Left Two Thirds', 'visual-form-builder' ); ?></option>
    390                                                     <option value="right-two-thirds" <?php selected( $field->field_layout, 'right-two-thirds' ); ?>><?php _e( 'Right Two Thirds', 'visual-form-builder' ); ?></option>
    391                                                     </optgroup>
     379                            <option value="" <?php selected( $field->field_layout, '' ); ?>><?php esc_html_e( 'Default', 'visual-form-builder' ); ?></option>
     380                            <optgroup label="------------">
     381                            <option value="left-half" <?php selected( $field->field_layout, 'left-half' ); ?>><?php esc_html_e( 'Left Half', 'visual-form-builder' ); ?></option>
     382                            <option value="right-half" <?php selected( $field->field_layout, 'right-half' ); ?>><?php esc_html_e( 'Right Half', 'visual-form-builder' ); ?></option>
     383                            </optgroup>
     384                            <optgroup label="------------">
     385    <option value="left-third" <?php selected( $field->field_layout, 'left-third' ); ?>><?php esc_html_e( 'Left Third', 'visual-form-builder' ); ?></option>
     386                            <option value="middle-third" <?php selected( $field->field_layout, 'middle-third' ); ?>><?php esc_html_e( 'Middle Third', 'visual-form-builder' ); ?></option>
     387                            <option value="right-third" <?php selected( $field->field_layout, 'right-third' ); ?>><?php esc_html_e( 'Right Third', 'visual-form-builder' ); ?></option>
     388                            </optgroup>
     389                            <optgroup label="------------">
     390                            <option value="left-two-thirds" <?php selected( $field->field_layout, 'left-two-thirds' ); ?>><?php esc_html_e( 'Left Two Thirds', 'visual-form-builder' ); ?></option>
     391                            <option value="right-two-thirds" <?php selected( $field->field_layout, 'right-two-thirds' ); ?>><?php esc_html_e( 'Right Two Thirds', 'visual-form-builder' ); ?></option>
     392                            </optgroup>
    392393                        </select>
    393394                    </label>
    … …  
    396397            <!-- Default Value -->
    397398            <p class="description description-wide">
    398                             <label for="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>">
    399                                     <?php _e( 'Default Value', 'visual-form-builder' ); ?>
    400                                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Default Value', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Set a default value that will be inserted automatically.', 'visual-form-builder' ); ?>">(?)</span>
    401                                 <br />
    402                                     <input type="text" value="<?php echo stripslashes( esc_html( $field->field_default ) ); ?>" name="field_default-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
    403                             </label>
     399                <label for="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>">
     400                    <?php esc_html_e( 'Default Value', 'visual-form-builder' ); ?>
     401                    <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Default Value', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Set a default value that will be inserted automatically.', 'visual-form-builder' ); ?>">(?)</span>
     402                    <br />
     403                    <input type="text" value="<?php echo esc_html( $field->field_default ); ?>" name="field_default-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
     404                </label>
    404405            </p>
    405406            <?php elseif ( in_array( $field->field_type, array( 'address' ) ) ) : ?>
    406407            <!-- Default Country -->
    407408            <p class="description description-wide">
    408                             <label for="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>">
    409                                     <?php _e( 'Default Country', 'visual-form-builder' ); ?>
    410                                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Default Country', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Select the country you would like to be displayed by default.', 'visual-form-builder' ); ?>">(?)</span>
    411                                 <br />
    412                                     <select name="field_default-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>">
    413                                     <?php
    414                                     $countries = include VFB_WP_PLUGIN_DIR . '/inc/countries.php';
    415                                     foreach ( $countries as $country ) {
    416                                             echo '<option value="' . $country . '" ' . selected( esc_html( $field->field_default ), $country, 0 ) . '>' . $country . '</option>';
    417                                     }
    418                                     ?>
     409                <label for="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>">
     410                        <?php esc_html_e( 'Default Country', 'visual-form-builder' ); ?>
     411                        <span class="vfb-tooltip" title="<?php esc_attr_e( 'About Default Country', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'Select the country you would like to be displayed by default.', 'visual-form-builder' ); ?>">(?)</span>
     412                    <br />
     413                    <select name="field_default-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-default-<?php echo esc_attr( $field->field_id ); ?>">
     414                    <?php
     415                    $countries = include VFB_WP_PLUGIN_DIR . '/inc/countries.php';
     416                    foreach ( $countries as $country ) {
     417                        printf(
     418                            '<option value="%1$s"%2$s>%1$s</option>',
     419                            esc_attr( $country ),
     420                            selected( esc_html( $field->field_default ), $country, 0 )
     421                        );
     422                    }
     423                    ?>
    419424                    </select>
    420                             </label>
     425                </label>
    421426            </p>
    422427            <?php endif; ?>
    423428            <!-- CSS Classes -->
    424429            <p class="description description-wide">
    425                             <label for="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>">
    426                                     <?php _e( 'CSS Classes', 'visual-form-builder' ); ?>
    427                                     <span class="vfb-tooltip" title="<?php esc_attr_e( 'About CSS Classes', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'For each field, you can insert your own CSS class names which can be used in your own stylesheets.', 'visual-form-builder' ); ?>">(?)</span>
    428                                     <br />
    429                                     <input type="text" value="<?php echo stripslashes( esc_html( $field->field_css ) ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
    430                             </label>
     430                <label for="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>">
     431                    <?php esc_html_e( 'CSS Classes', 'visual-form-builder' ); ?>
     432                    <span class="vfb-tooltip" title="<?php esc_attr_e( 'About CSS Classes', 'visual-form-builder' ); ?>" rel="<?php esc_attr_e( 'For each field, you can insert your own CSS class names which can be used in your own stylesheets.', 'visual-form-builder' ); ?>">(?)</span>
     433                    <br />
     434                    <input type="text" value="<?php echo esc_html( $field->field_css ); ?>" name="field_css-<?php echo esc_attr( $field->field_id ); ?>" class="widefat" id="edit-form-item-css-<?php echo esc_attr( $field->field_id ); ?>" maxlength="255" />
     435                </label>
    431436            </p>
    432437
    … …  
    437442            <!-- Delete link -->
    438443            <a href="<?php echo esc_url( wp_nonce_url( admin_url( 'admin.php?page=visual-form-builder&amp;action=delete_field&amp;form=' . $form_nav_selected_id . '&amp;field=' . $field->field_id ), 'delete-field-' . $form_nav_selected_id ) ); ?>" class="vfb-button vfb-delete item-delete submitdelete deletion">
    439                             <?php _e( 'Delete', 'visual-form-builder' ); ?>
     444                            <?php esc_html_e( 'Delete', 'visual-form-builder' ); ?>
    440445                <span class="vfb-interface-icon vfb-interface-trash"></span>
    441446            </a>
    … …  
    447452            endforeach;
    448453
    449         // This assures all of the <ul> and <li> are closed
     454        // This assures all of the <ul> and <li> are closed.
    450455        if ( $depth > 1 ) {
    451456            while ( $depth > 1 ) {
    … …  
    455460        }
    456461
    457         // Close out last item
     462        // Close out last item.
    458463        echo '</li>';
    459464        echo ob_get_clean();
Note: See TracChangeset for help on using the changeset viewer.