Пример #1
0
if (!$page_blank) {
    ?>
	
		<div id="header-wrap">
		
			<div id="header"> 
			
			<!-- /// HEADER  //////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

				<div class="container">
					<div class="row">
						<div class="span3">
							
							<!-- // Logo // -->
							<?php 
    $logo_url = ewf_get_option_UIImage(EWF_SETUP_THNAME . "_logo_url");
    echo '<div id="logo">';
    echo '<a href="' . get_home_url() . '">
										<img class="responsive-img" src="' . $logo_url . '" alt="">
									  </a>';
    echo '</div><!-- end #logo -->';
    ?>
							
						</div><!-- end .span3 -->
						
						<div class="span9">
						
							<a id="mobile-menu-trigger" href="#">
								<i class="fa fa-bars"></i>
							</a>					
													
Пример #2
0
function ewf_theme_options_group_render($options_group, $media_images)
{
    ob_start();
    foreach ($options_group as $value) {
        switch ($value['type']) {
            case "open":
                echo '<div class="section">';
                break;
            case "close":
                echo '</div>';
                break;
            case "label":
                echo '<label>' . $value['name'] . '</label>';
                break;
            case "title":
                echo '<h2>' . $value['name'] . '</h2>';
                break;
            case "options-section":
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-section' . $group_class . '">
							<h2>' . $value['name'] . '</h2>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-options':
                $ewf_ui_options_value = get_option($value['id'], $value['std']);
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-options ' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
								<div class="ewf-ui-control-options">';
                if (is_array($value['options'])) {
                    foreach ($value['options'] as $index => $item_option) {
                        $class_active_option = null;
                        if ($item_option['value'] == $ewf_ui_options_value) {
                            $class_active_option = ' ewf-state-active';
                        }
                        echo '<div class="ewf-ui-options-item' . $class_active_option . ' ' . $item_option['class'] . '" data-value="' . $item_option['value'] . '">';
                        echo '<div><span></span></div>';
                        echo '<span>' . $item_option['label'] . '</span>';
                        echo '</div>';
                    }
                }
                echo '</div>';
                echo '<input class="ewf-ui-input-option" name="' . $value['id'] . '" id="' . $value['id'] . '" type="hidden" value="' . $ewf_ui_options_value . '" />							
							</div>';
                echo '<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-background':
                $default_patterns_url = get_template_directory_uri() . '/framework/admin/includes/images/patterns/';
                $default_patterns = array('bg-body.png', 'bg-body2.png', 'bg-body3.png', 'bg-body4.png', 'bg-body4.png', 'bg-body5.png', 'bg-body6.png', 'bg-body7.png', 'bg-body8.png', 'bg-body9.png', 'bg-body10.png', 'bg-body11.png', 'bg-body12.png', 'bg-body13.png', 'bg-body14.png', 'bg-body15.png', 'bg-body16.png', 'bg-body17.png', 'bg-body18.png', 'bg-body19.png', 'bg-body20.png');
                $background_data_raw = stripslashes(get_option($value['id'], $value['std']));
                $background_data = json_decode($background_data_raw, true);
                $background_properties = array();
                foreach ($background_data as $key => $item_properties) {
                    $background_properties[$item_properties['name']] = $item_properties['value'];
                }
                echo '<div class="ewf-ui ewf-ui-background fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							
							<div class="ewf-col-action">
								<div class="ewf-ui-control-background" data-image-size="' . $value['image-size'] . '">
									
								
								
									<div class="ewf-ui-background-setting ewf-ui-hlp-property">
										<div class="fixed">
											<span>' . __('Background color', 'bitpub') . '</span>
											<input class="active ewf-ui-input-background-color" data-value="' . $background_properties['background-color'] . '" data-property="background-color" type="text" value="' . $background_properties['background-color'] . '" />
										</div>
									</div>
									
									<div class="ewf-ui-background-separator"></div>
									
									<div class="ewf-ui-background-image">
										
										<span>' . __('Background image', 'bitpub') . '</span>';
                $background_preview_class = 'image-none';
                if (trim($background_properties['background-image']) != null) {
                    $background_preview_class = 'image-selected';
                }
                echo '<div class="ewf-ui-background-setting ewf-ui-background-image-property ewf-ui-hlp-property ' . $background_preview_class . '">
												<div class="ewf-ui-background-image-preview active fixed" data-value="' . $background_properties['background-image'] . '" >
													<div class="no-image"></div>
													<img src="' . $background_properties['background-image-preview'] . '" alt="" />
													
													<div class="image-patterns">
														<ul class="ewf-ui-background-presets fixed">';
                foreach ($default_patterns as $index => $item_pattern) {
                    echo '<li data-preview="' . $default_patterns_url . 'preview-' . $item_pattern . '" data-value="' . $default_patterns_url . $item_pattern . '" ><img src="' . $default_patterns_url . 'thumb-' . $item_pattern . '"></li>';
                }
                echo '</ul>
													</div>
												</div>
												
												<a class="button button-primary button-large ewf-ui-background-image-upload" href="#">' . __('Upload image', 'bitpub') . '</a>
												<a class="button button-primary button-large ewf-ui-background-image-remove" href="#">' . __('Remove image', 'bitpub') . '</a>
												<a class="button button-primary button-large ewf-ui-background-image-pattern" href="#">' . __('Choose pattern', 'bitpub') . '</a>
												<a class="button button-primary button-large ewf-ui-background-image-cancel" href="#">' . __('Cancel', 'bitpub') . '</a>
												
												<input class="ewf-ui-input-background-image" data-property="background-image" type="hidden" value="' . $background_properties['background-image'] . '" />
											</div>
											
											
											
											<div class="ewf-ui-background-setting ewf-ui-background-image-preview-property ewf-ui-hlp-property">
												<div class="active"  data-value="' . $background_properties['background-image-preview'] . '" ></div>
												<input class="ewf-ui-input-background-image-preview" data-property="background-image-preview" type="hidden" value="' . $background_properties['background-image-preview'] . '" />
											</div>
										
										<div class="ewf-ui-background-separator"></div>
										
										<div class="ewf-ui-background-setting ewf-ui-hlp-property">
											<div class="fixed">
												<span>' . __('Background repeat', 'bitpub') . '</span>';
                $background_repeat = array('repeat-all' => null, 'repeat-x' => null, 'repeat-y' => null, 'no-repeat' => null);
                $background_repeat[$background_properties['background-repeat']] = ' active';
                echo '<ul class="fixed">
													<li title="" class="ewf-tooltip ewf-ui-icon-bg-repeatall' . $background_repeat['repeat-all'] . '" data-value="repeat-all"></li>
													<li title="' . __('Repeat Horizontal', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-repeatx' . $background_repeat['repeat-x'] . '" data-value="repeat-x"></li>
													<li title="' . __('Repeat Vertical', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-repeaty' . $background_repeat['repeat-y'] . '" data-value="repeat-y"></li>
													<li title="' . __('No Repeat', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-norepeat' . $background_repeat['no-repeat'] . '" data-value="no-repeat"></li>
												</ul>
												
												<input class="ewf-ui-input-background-repeat" data-property="background-repeat" type="hidden" value="' . $background_properties['background-repeat'] . '" />
											</div>
										</div>
										
										
										<div class="ewf-ui-background-separator"></div>
										
										
										<div class="ewf-ui-background-setting ewf-ui-hlp-property">
											<div class="fixed">
												<span>' . __('Background position', 'bitpub') . '</span>';
                $background_position = array('right top' => null, 'center top' => null, 'left top' => null, 'right center' => null, 'center center' => null, 'left center' => null, 'left bottom' => null, 'center bottom' => null, 'right bottom' => null);
                $background_position[$background_properties['background-position']] = ' active';
                echo '<ul class="background-position fixed">
													<li title="' . __('Align Right Top', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-rt' . $background_position['right top'] . '" data-value="right top"></li>
													<li title="' . __('Align Center Top', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-ct' . $background_position['center top'] . '" data-value="center top"></li>
													<li title="' . __('Align Left Top', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-lt' . $background_position['left top'] . '" data-value="left top"></li>
													<li title="' . __('Align Right Center', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-rc' . $background_position['right center'] . '" data-value="right center"></li>
													<li title="' . __('Align Center Center', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-cc' . $background_position['center center'] . '" data-value="center center"></li>
													<li title="' . __('Align Left Center', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-lc' . $background_position['left center'] . '" data-value="left center"></li>
													<li title="' . __('Align Right Bottom', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-rb' . $background_position['right bottom'] . '" data-value="right bottom"></li>
													<li title="' . __('Align Center Bottom', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-cb' . $background_position['center bottom'] . '" data-value="center bottom"></li>
													<li title="' . __('Align Left Bottom', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-pos-lb' . $background_position['left bottom'] . '" data-value="left bottom"></li>
												</ul>
												
												<input class="ewf-ui-input-background-position" data-property="background-position" type="hidden" value="' . $background_properties['background-position'] . '" />
											</div>
										</div>
										
										
										<div class="ewf-ui-background-separator"></div>
										
										
										<div class="ewf-ui-background-setting ewf-ui-hlp-property">
											<div class="fixed">
												<span>' . __('Background attachment', 'bitpub') . '</span>
												
												<ul class="fixed">';
                $background_attachment = array('fixed' => null, 'scroll' => null);
                $background_attachment[$background_properties['background-attachment']] = ' active';
                echo '<li title="' . __('Background Fixed', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-attach-fixed' . $background_attachment['fixed'] . '" data-value="fixed"></li>';
                echo '<li title="' . __('Background Scroll', 'bitpub') . '" class="ewf-tooltip ewf-ui-icon-bg-attach-scroll' . $background_attachment['scroll'] . '" data-value="scroll"></li>';
                echo '</ul>
												
												<input class="ewf-ui-input-background-attachment" data-property="background-attachment" type="hidden" value="' . $background_properties['background-attachment'] . '" />
											</div>
										</div>
										
										
										<div class="ewf-ui-background-separator"></div>
										
										
										<div class="ewf-ui-background-setting ewf-ui-hlp-property">
											<div class="fixed">
												<span>' . __('Background stretch & fit', 'bitpub') . '</span>
												<div class="toggle active" data-value="' . $background_properties['background-stretch'] . '" ></div>
												
												<input class="ewf-ui-input-background-stretch" data-property="background-stretch" type="hidden" value="' . $background_properties['background-stretch'] . '" />
											</div>
										</div>
										
									</div>';
                #	<div class="ewf-ui-image-wrapper'.$ewf_ui_image_class.'"><div></div><img src="'.get_option($value['id'], $value['std']).'" class="ewf-ui-image-preview" height="'.$value['image-height'].'" ></div>
                #	<a href="#" class="button button-primary button-large ewf-ui-image-upload">'.__('Upload Image', 'bitpub').'</a>
                #	<input class="ewf-ui-input-image" name="'.$value['id'].'" id="'.$value['id'].'" type="text" value="'.$textVal.'" />
                echo '<textarea class="ewf-ui-input-background" style="width:394px;height:200px;" name="' . $value['id'] . '" id="' . $value['id'] . '" type="text" >' . $background_data_raw . '</textarea>
									
								</div>
								
								
							</div>
						
							<div class="ewf-disabled"></div>
						  </div>';
                break;
                # TODO: check scenario where the import image does not exist
                # TODO: check for the current image in the upload folder and see it exists before checking the image size
            # TODO: check scenario where the import image does not exist
            # TODO: check for the current image in the upload folder and see it exists before checking the image size
            case 'ewf-ui-image':
                $textVal = null;
                $extra_class = null;
                $ewf_ui_image_class = null;
                $image_url = ewf_get_option_UIImage($value, $media_images);
                if ($image_url) {
                    $image_info = getimagesize($image_url);
                    $ewf_ui_image_class .= ' active';
                    if ($image_info[0] > 230) {
                        $extra_class = ' ewf-image-fit';
                    }
                }
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-image fixed' . $group_class . '">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
								<div class="ewf-ui-control-image" data-image-size="' . $value['image-size'] . '">
									<div class="ewf-ui-image-wrapper' . $ewf_ui_image_class . '"><div></div><img src="' . $image_url . '" class="ewf-ui-image-preview' . $extra_class . '" ></div>
									<a href="#" class="button button-primary button-large ewf-ui-image-upload">' . __('Change Image', 'bitpub') . '</a> 
								</div>
								
								<input class="ewf-ui-input-image" name="' . $value['id'] . '" id="' . $value['id'] . '" type="text" value="' . $image_url . '" />							
							</div>
						
							<div class="ewf-disabled"></div>
						  </div>';
                break;
            case 'ewf-ui-columns':
                $columns_size = get_option($value['id'], $value['std']);
                $columns_number = count(explode(',', $columns_size));
                $columns_class = array('1' => null, '2' => null, '3' => null, '4' => null);
                $columns_class[$columns_number] = ' active';
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-columns' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
							
								<div class="ewf-ui-control-columns expanded" data-columns="' . $columns_number . '">';
                #	Tabs section
                #
                echo '<div class="ewf-ui-columns-tabs">';
                echo '<div class="ewf-ui-columns-tab-columns active" data-related="ewf-ui-columns-setcol-wrapper"><span>' . $columns_number . '</span> ' . __('Columns', 'bitpub') . '</div>';
                echo '<div class="ewf-ui-columns-tab-editor" data-related="ewf-ui-columns-editor-wrapper">' . __('Edit Size', 'bitpub') . '</div>';
                echo '</div>';
                #	Tab - Set columns
                #
                echo '<div class="ewf-ui-columns-setcol-wrapper ewf-ui-columns-tab-content active">';
                echo '<span>' . __('Layout', 'bitpub') . '</span>';
                echo '<ul class="ewf-ui-controls-setnumbers ewf-ui-columns-tab-content">';
                echo '<li><a class="ft-col1' . $columns_class[1] . '" data-columns="1" data-size="12" href="#"></a></li>';
                echo '<li><a class="ft-col2' . $columns_class[2] . '" data-columns="2" data-size="6,6" href="#"></a></li>';
                echo '<li><a class="ft-col3' . $columns_class[3] . '" data-columns="3" data-size="4,4,4" href="#"></a></li>';
                echo '<li><a class="ft-col4' . $columns_class[4] . '" data-columns="4" data-size="3,3,3,3" href="#"></a></li>';
                echo '</ul>';
                echo '</div>';
                #	Tab - Edit columns
                #
                echo '<div class="ewf-ui-columns-editor-wrapper ewf-ui-columns-tab-content">';
                echo '<p>' . __('Press the plus button to increase column size', 'bitpub') . '</p>';
                echo '<div class="ewf-ui-column-editor"></div>';
                echo '</div>';
                echo '<input type="hidden" autocomplete="off" id="' . $value['id'] . '" name="' . $value['id'] . '" class="ewf-ui-input-columns" value="' . $columns_size . '" readonly />';
                echo '</div> <!-- .ewf-ui-control-columns -->
						  
							</div>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-columns-size':
                $columns_size = get_option($value['id'], $value['std']);
                $columns_number = count(explode(',', $columns_size));
                $columns_class = array('1' => null, '2' => null, '3' => null, '4' => null);
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-columns-size' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
							
								<div class="ewf-ui-control-columns-size" data-columns="' . $columns_number . '" data-min="' . $value['min'] . '" data-max="' . $value['max'] . '" >';
                echo '<div class="ewf-ui-columns-size-wrapper">';
                // echo '<p>'.__('Press the plus button to increase column size', 'bitpub').'</p>';
                echo '<div class="ewf-ui-column-size-editor">';
                echo '<div class="ewf-content-size" data-columns="6"><span class="right"></span></div>';
                echo '<div class="ewf-sidebar-size" data-columns="6"><span class="left"></span></div>';
                echo '</div>';
                echo '</div>';
                echo '<input type="hidden" autocomplete="off" id="' . $value['id'] . '" name="' . $value['id'] . '" class="ewf-ui-input-columns-size" value="' . $columns_size . '" readonly />';
                echo '</div> <!-- .ewf-ui-control-columns-size -->
						  
							</div>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-slider':
                $textVal = '';
                if (get_option($value['id']) != "") {
                    $textVal = stripslashes(get_option($value['id']));
                } else {
                    $textVal = $value['std'];
                }
                $ui_slider_min = 0;
                $ui_slider_max = 100;
                $ui_slider_step = 1;
                $ui_slider_unit = 'px';
                if (array_key_exists('min', $value)) {
                    $ui_slider_min = intval($value['min']);
                }
                if (array_key_exists('max', $value)) {
                    $ui_slider_max = intval($value['max']);
                }
                if (array_key_exists('step', $value)) {
                    $ui_slider_step = intval($value['step']);
                }
                if (array_key_exists('unit', $value)) {
                    $ui_slider_unit = $value['unit'];
                }
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-slider' . $group_class . ' fixed" >
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
								<input class="ewf-ui-input-slider" name="' . $value['id'] . '" id="' . $value['id'] . '" type="text" value="' . $textVal . '" readonly/>							
								<div class="ewf-ui-control-slider" data-step="' . $ui_slider_step . '" data-unit="' . $ui_slider_unit . '" data-max="' . $ui_slider_max . '" data-min="' . $ui_slider_min . '" ></div>
							</div>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-toggle':
                $toggle_value = get_option($value['id'], $value['std']);
                $toggle_class = null;
                $toggle_dependency = null;
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                if (array_key_exists('dependency', $value) && $value['dependency']) {
                    $toggle_dependency = 'data-dependency="' . $value['dependency'] . '"';
                }
                if ($toggle_value) {
                    if ($toggle_value == 1) {
                        $toggle_value = 'true';
                    }
                    $toggle_class = ' data-enabled="' . $toggle_value . '"';
                }
                echo '<div class="ewf-ui ewf-ui-toggle ' . $group_class . ' fixed"' . $toggle_dependency . '>
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>';
                if (!empty($value['section-description'])) {
                    echo '<span>' . $value['section-description'] . '</span>';
                }
                echo '</div>
							<div class="ewf-col-action">
								<div class="ewf-ui-control-toggle"' . $toggle_class . '>
									<div class="toggle"></div>
									<input class="ewf-ui-input-toggle" name="' . $value['id'] . '" id="' . $value['id'] . '" type="hidden" value="' . $toggle_value . '" />
								</div>
							</div>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-font':
                $group_class = null;
                $font_data_row = stripslashes(get_option($value['id'], $value['std']));
                $font_data = json_decode($font_data_row, true);
                $font_properties = array();
                foreach ($font_data as $key => $item_properties) {
                    $font_properties[$item_properties['name']] = $item_properties['value'];
                }
                $font_properties['font-family'] = ucwords($font_properties['font-family']);
                $font_variants = ewf_admin_ui_font_getVariants($font_properties['font-family']);
                $font_variants = $font_variants['variants'];
                // $font_properties['font-italic-class'] = null;
                // if ($font_properties['font-italic'] == 'true'){
                // $font_properties['font-italic-class'] = 'ewf-state-active';
                // }
                if ($font_properties['font-weight'] == null) {
                    $font_properties['font-weight'] = 'regular';
                }
                // DEBUG
                // echo '<pre>';
                // echo '<br/>Value:';
                // print_r($value);
                // echo '<br/>Data:';
                // print_r($font_data);
                // echo '<br/>Properties:';
                // print_r($font_properties);
                // echo '<br/>Font Family:'.$font_properties['font-family'];
                // echo '<br/>Variants:';
                // print_r($font_variants);
                // echo '</pre>';
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-font' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
								
								<div class="ewf-ui-control-font">
									<div class="ewf-ui-font-preview">
										<h3>' . __('Title Sample', 'bitpub') . '</h3>
										<p>' . __('paragraph sample here', 'bitpub') . '</p>
									</div>
									<div class="ewf-font-ui-options ewf-ui-hlp-property-set">
									
											<div class="ewf-font-ui-selector ewf-ui-hlp-property">
												<span class="ewf-ui-font-current active" data-value="' . $font_properties['font-family'] . '">' . $font_properties['font-family'] . '</span> 
												
												<div class="ewf-ui-font-search hidden">
													<div class="ewf-ui-font-dropdown">
															<input class="ewf-ui-input-font-search" type="text" value="" />
														<ul>' . ewf_admin_ui_font_generateList() . '</ul>
													</div>
												</div>
												
												<input class="ewf-ui-input-font-family" data-property="font-family" type="hidden" value="" />
											</div>
											
											<div class="ewf-ui-font-variant ewf-ui-hlp-property">
												<div class="ewf-ui-cp-dropdown">
													<span class="ewf-cp-dropdown-current active" data-value="' . $font_properties['font-weight'] . '">' . $font_properties['font-weight'] . '</span> 
													<ul>';
                if (is_array($font_variants)) {
                    foreach ($font_variants as $key => $weight) {
                        echo '<li data-value="' . $weight . '">' . $weight . '</li>';
                    }
                }
                echo '</ul>
												</div> 
												
												<input class="ewf-ui-input-font-variant" data-property="font-weight" type="hidden" value="" />
											</div>';
                // <div class="ewf-ui-font-italic ewf-ui-hlp-property">
                // <div class="ewf-ui-cp-button-toggle '.$font_properties['font-italic-class'].' -ewf-state-disabled active" data-value="'.$font_properties['font-italic'].'"><span></span></div>
                // <input class="ewf-ui-input-font-italic" data-property="font-italic" type="hidden" value="" />
                // </div>
                echo '
											<textarea class="ewf-ui-input-font-set ewf-ui-hlp-property-set-input" name="' . $value['id'] . '" id="' . $value['id'] . '" >' . $font_data_row . '</textarea>
									</div>									
									
								</div>
								
							</div>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-color':
                $color_value = get_option($value['id'], $value['std']);
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-color' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
								<input class="ewf-ui-input-color" name="' . $value['id'] . '" id="' . $value['id'] . '" type="' . $value['type'] . '" value="' . $color_value . '"/>
							</div>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-mod-import-export':
                ewf_import_uploadFile();
                break;
            case 'ewf-ui-textarea':
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-textarea' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
							<textarea name="' . $value['id'] . '" cols="" rows="6">';
                if (get_option($value['id']) != "") {
                    echo stripslashes(get_option($value['id']));
                } else {
                    echo wp_kses_post($value['std']);
                }
                echo '</textarea>
						   </div>
						   
						   <div class="ewf-disabled"></div>
						</div>';
                break;
            case 'ewf-ui-text':
                $textVal = '';
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                if (empty($value['section-description'])) {
                    $value['section-description'] = null;
                }
                if (get_option($value['id']) != "") {
                    $textVal = stripslashes(get_option($value['id']));
                } else {
                    $textVal = $value['std'];
                }
                echo '<div class="ewf-ui ewf-ui-text' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">
								<input name="' . $value['id'] . '" id="' . $value['id'] . '" type="text" value="' . $textVal . '"/>
							</div>
							
							<div class="ewf-disabled"></div>
						  </div>';
                break;
            case 'ewf-ui-select':
                $select_value = get_option($value['id'], $value['std']);
                $group_class = null;
                if (array_key_exists('group', $value)) {
                    $group_class = ' group-' . $value['group'];
                }
                echo '<div class="ewf-ui ewf-ui-select' . $group_class . ' fixed">
							<div class="ewf-col-description">
								<h4>' . $value['section-title'] . '</h4>
								<span>' . $value['section-description'] . '</span>
							</div>
							<div class="ewf-col-action">';
                echo '<select name="' . $value['id'] . '" id="' . $value['id'] . '">';
                foreach ($value['options'] as $key => $option) {
                    if ($option['id'] == $select_value) {
                        echo '<option value="' . $option['id'] . '" selected="selected" >' . $option['title'] . '</option>';
                    } else {
                        echo '<option value="' . $option['id'] . '" >' . $option['title'] . '</option>';
                    }
                }
                echo '</select>';
                echo '</div>
							
							<div class="ewf-disabled"></div>
						</div>';
                break;
        }
    }
    return ob_get_clean();
}