</div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Color', 'constructent'); ?> </label> <div class="fitsc-controls"> <?php FITSC_Helper::color_schemes('color'); ?> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('class', 'size', 'type', 'color'); $text .= ']'; echo $text; ?> </pre> </div> </div>
<input ng-model="id" type="text"> </div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Class', 'fitsc'); ?> </label> <div class="fitsc-controls"> <input ng-model="class" type="text"> </div> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('link', 'color', 'size', 'icon', 'icon_position', 'align', 'full', 'background', 'text_color', 'target', 'nofollow', 'id', 'class'); $text .= "]{{text}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
</div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Close Icon?', 'fitsc'); ?> </label> <div class="fitsc-controls"> <?php FITSC_Helper::checkbox_angular('close', true); ?> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('type', 'close'); $text .= "]{{content}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
<textarea ng-model="block.content"></textarea> </div> </div> </div> <a ng-click="add()" href="#" class="button"><?php _e('Add Column', 'constructent'); ?> </a> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('background_image', 'background_color', 'parallax', 'fluid', 'no_gutter', 'overlay', 'class', 'style'); $text .= ']'; $text .= '<div ng-repeat="block in blocks">'; $text .= '[column span="{{block.span}}" class="{{block.class}}"]{{block.content}}[/column]'; $text .= '</div>'; $text .= "[/{$shortcode}]"; echo $text; ?> </pre> </div> </div> </div>
<input ng-model="more_text" type="text"> </div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Custom Class', 'constructent'); ?> </label> <div class="fitsc-controls"> <input ng-model="class" type="text"> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('title', 'subtitle', 'icon', 'icon_position', 'url', 'more_text', 'class'); $text .= "]{{content}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
<div class="fitsc-config"> <div class="fitsc-field"> <label><?php _e('Number', 'constructent'); ?> </label> <div class="fitsc-controls"> <input ng-model="number" type="text" size="3" ng-init="number=3"> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('number', 'type'); $text .= "]"; echo $text; ?> </pre> </div> </div>
</div> </div> <a ng-click="add()" href="#" class="button"><?php _e('Add Client', 'constructent'); ?> </a> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('type', 'visible'); $text .= ']'; $text .= '<div ng-repeat="block in blocks">'; $text .= '[image name="{{block.name}}" url="{{block.url}}" image="{{block.image}}"]'; $text .= '</div>'; $text .= "[/{$shortcode}]"; echo $text; ?> </pre> </div> </div> </div>
</div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('CSS Style', 'constructent'); ?> </label> <div class="fitsc-controls"> <input ng-model="style" type="text" class="widefat"> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('mp4', 'ogg', 'webm', 'height', 'class', 'style'); $text .= "]{{content}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
<div class="fitsc-field"> <label class="fitsc-label"><?php _e('Size', 'constructent'); ?> </label> <div class="fitsc-controls"> <select ng-model="size"> <?php FITSC_Helper::options(array('' => __('Small', 'constructent'), 'large' => __('Large', 'constructent'))); ?> </select> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('text', 'percent', 'color', 'size'); $text .= ']'; echo $text; ?> </pre> </div> </div>
</label> <div class="fitsc-controls"> <input ng-model="block.title" type="text"> </div> </div> </div> <a ng-click="add()" href="#" class="button"><?php _e('Add New Row', 'constructent'); ?> </a> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('name', 'price', 'link', 'button', 'highlight'); $text .= ']<ul>'; $text .= '<li ng-repeat="block in blocks">{{block.title}}</li>'; $text .= "</ul>[/{$shortcode}]"; echo $text; ?> </pre> </div> </div> </div>
<label class="fitsc-label"><?php _e('Height', 'constructent'); ?> </label> <div class="fitsc-controls"> <input ng-model="height" type="text"> px <p class="description"><?php _e('Optional. The default value is 30px.', 'constructent'); ?> </p> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('height'); $text .= ']'; echo $text; ?> </pre> </div> </div>
</div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('More Text', 'constructent'); ?> </label> <div class="fitsc-controls"> <input ng-model="more" type="text"> </div> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('number', 'columns', 'category', 'align', 'content_limit', 'more'); $text .= ']'; echo $text; ?> </pre> </div> </div>
FITSC_Helper::color_schemes('background'); ?> </div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Custom Background Color', 'fitsc'); ?> </label> <div class="fitsc-controls"> <input ng-model="custom_background" type="text" colorpicker> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('background', 'custom_background'); $text .= "]%SELECTION%[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
</div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('CSS Style', 'constructent'); ?> </label> <div class="fitsc-controls"> <input ng-model="style" type="text" class="widefat"> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('tag', 'type', 'font_size', 'font_weight', 'align', 'class', 'style'); $text .= "]{{text}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
</div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Nofollow', 'fitsc'); ?> </label> <div class="fitsc-controls"> <?php FITSC_Helper::checkbox_angular('button2_nofollow'); ?> </div> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('type', 'heading', 'button1_text', 'button1_link', 'button1_color', 'button1_target', 'button1_nofollow', 'button2_text', 'button2_link', 'button2_color', 'button2_target', 'button2_nofollow'); $text .= "]{{text}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
<?php FITSC_Helper::checkbox_angular('scrollwheel'); ?> </div> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('type', 'map_type', 'marker_title', 'info_window', 'zoom', 'scrollwheel'); $text .= "{{type == '' && address && ( ' address=\"' + address + '\"' ) || ''}}"; $text .= "{{type == 'latlng' && latitude && ( ' latitude=\"' + latitude + '\"' ) || ''}}"; $text .= "{{type == 'latlng' && longtitude && ( ' longtitude=\"' + longtitude + '\"' ) || ''}}"; $text .= "{{width && ( ' width=\"' + width + width_unit + '\"' ) || ''}}"; $text .= "{{height && ( ' height=\"' + height + height_unit + '\"' ) || ''}}"; $text .= "{{selected() && ( ' controls=\"' + selected() + '\"' ) || ''}}"; $text .= ']'; echo $text; ?> </pre> </div> </div> </div>
<div class="fitsc-controls"> <input ng-model="text" type="text"> </div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Percent (without "%")', 'fitsc'); ?> </label> <div class="fitsc-controls"> <input ng-model="percent" type="text"> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('text', 'percent', 'type'); $text .= ']'; echo $text; ?> </pre> </div> </div>
</div> </div> <a ng-click="add()" href="#" class="button"><?php _e('Add Tab', 'constructent'); ?> </a> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('type', 'only_icon'); $text .= ']'; $text .= '<div ng-repeat="block in blocks">'; $text .= '[tab title="{{block.title}}" icon="{{block.icon}}"]{{block.content}}[/tab]'; $text .= '</div>'; $text .= "[/{$shortcode}]"; echo $text; ?> </pre> </div> </div> </div>
<div class="fitsc-field"> <label class="fitsc-label"></label> <div class="fitsc-controls"> <strong><?php _e('Note', 'constructent'); ?> : </strong> <?php _e('After inserting shortcode, you must enter your list as shortcode content.', 'constructent'); ?> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('icon', 'icon_color'); $text .= "]%SELECTION%[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
<input ng-model="font_size" size="3" ng-init="font_size = 26" type="number"> px </div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Text', 'constructent'); ?> </label> <div class="fitsc-controls"> <input ng-model="text" type="text"> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('type', 'dimension', 'color', 'width', 'percent', 'font_size'); $text .= "]{{text}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
</div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Icon', 'constructent'); ?> </label> <div class="fitsc-controls"> <?php FITSC_Helper::icons('icon'); ?> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('number', 'icon'); $text .= "]{{content}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>
<div class="fitsc-field"> <label class="fitsc-label"><?php _e('Image Size', 'constructent'); ?> </label> <div class="fitsc-controls"> <select ng-model="image_size"> <?php FITSC_Helper::options(array('' => __('Square', 'constructent'), 'rectangle' => __('Rectangle', 'constructent'))); ?> </select> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('number', 'type', 'category', 'filter', 'layout', 'columns', 'orderby', 'order', 'image_size'); $text .= ']'; echo $text; ?> </pre> </div> </div>
<label class="fitsc-label"><?php _e('Order', 'constructent'); ?> </label> <div class="fitsc-controls"> <select ng-model="order"> <?php FITSC_Helper::options(array('' => __('Descending', 'constructent'), 'asc' => __('Ascending', 'constructent'))); ?> </select> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'constructent'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('number', 'columns', 'type', 'orderby', 'order'); $text .= ']'; echo $text; ?> </pre> </div> </div>
<input ng-model="style" type="text" class="widefat"> </div> </div> <div class="fitsc-field"> <label class="fitsc-label"><?php _e('Content', 'fitsc'); ?> </label> <div class="fitsc-controls"> <textarea ng-model="content"></textarea> </div> </div> </div> <div class="fitsc-preview"> <div class="fitsc-preview-shortcode"> <h4 class="fitsc-heading"><?php _e('Shortcode Preview', 'fitsc'); ?> </h4> <pre class="fitsc-preview-content fitsc-shortcode"><?php $text = "[{$shortcode}"; $text .= FITSC_Helper::shortcode_atts('span', 'class', 'style'); $text .= "]{{content}}[/{$shortcode}]"; echo $text; ?> </pre> </div> </div>