Example #1
0
function xr_make_iconictext_modal($modal = null, $id = null)
{
    $is_ajax = false;
    $icon_class = '';
    $icon_url = '';
    $icon_used = false;
    $title = '';
    $content = '';
    $use_shadow = 'false';
    $iconAlign = '';
    $boxed_layout = 'false';
    $iconSize = '';
    $icon_box_model = '';
    $tax_name = '';
    $link_url = '';
    $post_id = '';
    $link_html = '';
    $is_tax = 'false';
    $is_page = 'no';
    if (isset($_REQUEST['ajax_object'])) {
        $is_ajax = true;
        $modal_obj = $_REQUEST['ajax_object'];
        $id = $modal_obj['id'];
    }
    if (!empty($modal) && !$is_ajax) {
        $icon_class = $modal['modal']['data']['data']['iconClass'];
        $icon_url = $modal['modal']['data']['data']['iconURL'];
        $content = $modal['modal']['data']['data']['content'];
        $title = $modal['modal']['data']['data']['title'];
        $iconSize = $modal['modal']['data']['data']['iconSize'];
        $icon_box_model = isset($modal['modal']['data']['data']['icon_box_model']) ? $modal['modal']['data']['data']['icon_box_model'] : '';
        $icon_used = $icon_class != "" || $icon_url != "" ? true : false;
        if (isset($modal['modal']['data']['data']['link_details'])) {
            $tax_name = isset($modal['modal']['data']['data']['link_details']['tax_name']) ? $modal['modal']['data']['data']['link_details']['tax_name'] : '';
            $link_url = isset($modal['modal']['data']['data']['link_details']['url']) ? $modal['modal']['data']['data']['link_details']['url'] : '';
            $post_id = isset($modal['modal']['data']['data']['link_details']['post_id']) ? $modal['modal']['data']['data']['link_details']['post_id'] : '';
            $is_tax = isset($modal['modal']['data']['data']['link_details']['is_tax']) ? $modal['modal']['data']['data']['link_details']['is_tax'] : 'false';
        }
        if ($is_tax === 'false' || !$is_tax) {
            $is_page = 'yes';
        }
        if ($link_url && $link_url !== '') {
            $link_html = '<input autocomplete="off" class="link_custom_input" type="text" value="' . $link_url . '" />';
        } elseif ($post_id && $post_id !== 'false') {
            $link_html = rock_builder_get_linkposts_cats_posts(array('is_page' => $is_page, 'category' => $tax_name, 'selected' => $post_id));
        }
        $iconAlign = $modal['modal']['data']['data']['iconAlign'];
        $boxed_layout = checked("true", isset($modal['modal']['data']['data']['boxed_layout']) ? $modal['modal']['data']['data']['boxed_layout'] : false, false);
        $use_shadow = checked("true", isset($modal['modal']['data']['data']['use_shadow']) ? $modal['modal']['data']['data']['use_shadow'] : false, false);
    }
    $return = '';
    $return .= '<div id="' . $id . '" modalType="iconictext" class="modal container hide fade" tabindex="-1">
								<div class="modal-header">
									<div class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></div>
					  				<h3>Add Iconic Text</h3>
								</div>
								<div class="modal-body" data-saved="false">
									<div class="row-fluid">
										<div class="span6">
											<input autocomplete="off" type="text" class="iconic-title" value="' . $title . '" />
										</div>
										<div class="span6">
											<strong>Icon Title</strong><br/>
											<p>You can enter a title for your header text.</p>
										</div>
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6 textarea-holder">
											<div class="rock-tinymce-container wp-core-ui wp-editor-wrap html-active">
												<div id="wp-content-editor-tools" class="wp-editor-tools hide-if-no-js">
													<div class="wp-editor-tabs">
														<a class="rock-tinymce-switch-text wp-switch-editor switch-tmce" >Visual</a>
														<a class="rock-tinymce-switch-html wp-switch-editor switch-html" >Text</a>
													</div>
													<div id="wp-content-media-buttons" class="wp-media-buttons"><a href="#" id="insert-media-button" class="button insert-media add_media" data-editor="' . $id . '-editor" title="Add Media"><span class="wp-media-buttons-icon"></span> Add Media</a></div>
												</div>
												<div class="wp-content-editor-container wp-editor-container">
													<textarea rows="8" cols="40" class="rock-tinymce-textarea description" name="' . $id . '-editor" id="' . $id . '-editor" class="wp-editor-area">' . stripslashes($content) . '</textarea>
												</div>
												<div class="tinymce-hidden-data hide">' . $content . '</div>
											</div>
										</div>
										<div class="span6">
											<strong>Content</strong><br/>
											<p>Enter your content here. You can use the Rich Text Editor for your content.</p>
										</div>
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6 elem-icon">
											<div class="icon-holder add-elem-icon-btn" icon-ref="' . $icon_class . '">' . ($icon_class != "" ? '<i class="' . $icon_class . ' fa-4x"></i>' : '') . '</div><br/>
											<input autocomplete="off" type="text" size="36" class="add-elem-icon-text" ' . ($icon_url != "" ? "" : 'style="display:none;"') . ' value="' . ($icon_url != "" ? $icon_url : "") . '"/>
											' . (!$icon_used ? '<div class="add-elem-icon-btn btn">Add Icon</div>' : '<div class="add-elem-icon-btn btn hide">Add Icon</div>') . '
											' . ($icon_used ? '<div class="remove-elem-icon-btn btn">Remove Icon</div>' : '<div class="remove-elem-icon-btn btn hide">Remove Icon</div>') . '
										</div>
										<div class="span6">
											<strong>Icon</strong><br/>
											<p>Choose an icon</p>
										</div>
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6">
											<select class="icon_align" autocomplete="off">
												<option value="top" ' . ($iconAlign == "top" ? 'selected' : '') . '>Icon Top</option>
												<option value="left" ' . ($iconAlign == "left" ? 'selected' : '') . '>Icon Left</option>
											</select>
										</div>
										<div class="span6">
											<strong>Icon Alignment</strong><br/>
											<p>You can set up your icon position to left or to top.</p>
										</div>										
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6">
											<select class="icon_size" autocomplete="off">
												<option value="" ' . ($iconSize === "" ? 'selected' : '') . '>Default</option>
												<option value="icon-2" ' . ($iconSize === "icon-2" ? 'selected' : '') . '>Icon 2</option>
												<option value="icon-3" ' . ($iconSize === "icon-3" ? 'selected' : '') . '>Icon 3 (Best for boxed icons)</option>
												<option value="icon-4" ' . ($iconSize === "icon-4" ? 'selected' : '') . '>Icon 4</option>
											</select>
										</div>
										<div class="span6">
											<strong>Choose an icon size</strong><br/>
											<p>There are 4 different icon size. You can choose any icon size you want. Ensure your icon size is not larger than your content area</p>
										</div>										
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6">
											' . rock_builder_get_linkposts_cats($tax_name, $id) . '
											' . $link_html . '
										</div>
										<div class="span6">
											<strong>Link</strong><br/>
											<p>If you want to link to a page or to a custom link address you can set up your link here.</p>
										</div>										
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6">
											<select class="icon_box_model" autocomplete="off">
												<option value="no-box" ' . ($icon_box_model === '' ? 'selected' : '') . '>No Icon Box</option>
												<option value="quasar-box" ' . ($icon_box_model === 'quasar-box' ? 'selected' : '') . '>Quasar Box</option>
												<option value="circle-box" ' . ($icon_box_model === 'circle-box' ? 'selected' : '') . '>Circle Box</option>
												<option value="rounded-box" ' . ($icon_box_model === 'rounded-box' ? 'selected' : '') . '>Rounded Box</option>
												<option value="cornered-box" ' . ($icon_box_model === 'cornered-box' ? 'selected' : '') . '>Cornered Box</option>
											</select>
										</div>
										<div class="span6">
											<strong>Use Box for Icons</strong><br/>
											<p>You can choose a box model for your icons. If you specify a box model, your icons will be inside the box. Any uploaded icon via uploader will fit in the icon box. If you are using Fontawesome icons, set icon size to "Icon 3" for box layouts.</p>
										</div>										
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6">
											<div class="boxed_layout_holder">
												<input autocomplete="off" class="boxed_layout" type="checkbox" value="true" name="boxed_layout" ' . $boxed_layout . ' /><label for="activate_hover"> Use Boxed Layout</label>
											</div>
										</div>
										<div class="span6">
											<strong>Boxed Layout</strong><br/>
											<p>If you want to wrap a boxed layout around this element, check this option.</p>
										</div>										
									</div>
									<hr/>
									<div class="row-fluid">
										<div class="span6">
											<div class="use_shadow_holder">
												<input autocomplete="off" class="use_shadow" type="checkbox" value="true" name="use_shadow" ' . $use_shadow . ' /><label for="activate_hover"> Use Shadow</label>
											</div>
										</div>
										<div class="span6">
											<strong>Use Header Shadow</strong><br/>
											<p>This option will activate/deactivate the shadows under the header text.</p>
										</div>										
									</div>
								</div>
								<div class="modal-footer">
									<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
									<div class="btn btn-primary iconictext-save">Save changes</div>
								</div>
							</div>';
    return $return;
}
Example #2
0
function rock_builder_get_linkposts_cats_posts_ajax()
{
    echo rock_builder_get_linkposts_cats_posts();
    exit;
}