mirror of
https://github.com/lubuntu-team/lubuntu.me.git
synced 2025-02-23 08:11:08 +00:00
1461 lines
65 KiB
PHP
1461 lines
65 KiB
PHP
|
<?php
|
||
|
|
/* Provider: - *
|
||
|
|
* @package Revolution Slider
|
||
|
|
* @author ThemePunch <info@themepunch.com>
|
||
|
|
* @link http://www.revolution.themepunch.com/
|
||
|
|
* @copyright 2015 ThemePunch
|
||
|
|
*/
|
||
|
|
|
||
|
|
if( !defined( 'ABSPATH') ) exit();
|
||
|
|
|
||
|
|
$nav = new RevSliderNavigation();
|
||
|
|
|
||
|
|
$navigation = intval(RevSliderBase::getGetVar('navigation', 0));
|
||
|
|
|
||
|
|
$navigs = $nav->get_all_navigations();
|
||
|
|
|
||
|
|
$rsopr = new RevSliderOperations();
|
||
|
|
|
||
|
|
|
||
|
|
$font_families = $rsopr->getArrFontFamilys();
|
||
|
|
?>
|
||
|
|
<div class='wrap'>
|
||
|
|
<div class="clear_both"></div>
|
||
|
|
|
||
|
|
<div class="title_line nobgnopd" style="margin-bottom: 20px !important;">
|
||
|
|
<div class="icon32" id="icon-options-general"></div>
|
||
|
|
<div class="view_title">
|
||
|
|
<?php _e('Navigation Editor', REVSLIDER_TEXTDOMAIN); ?>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="setting_box navig" style="margin-bottom: 20px;">
|
||
|
|
<h3><span class="setting-step-number">1</span><span style="max-width: 400px;"><?php _e('Select the Navigation Category to Edit', REVSLIDER_TEXTDOMAIN); ?></span> <a original-title="" class="button-primary revblue" id="rs-add-new-navigation-element" href="javascript:void(0);"><?php _e('Add New', REVSLIDER_TEXTDOMAIN); ?></a></h3>
|
||
|
|
|
||
|
|
<div class="table-titles">
|
||
|
|
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('#ID', REVSLIDER_TEXTDOMAIN); ?></div>
|
||
|
|
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Skin Name', REVSLIDER_TEXTDOMAIN); ?></div>
|
||
|
|
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Arrows', REVSLIDER_TEXTDOMAIN); ?></div>
|
||
|
|
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Bullets', REVSLIDER_TEXTDOMAIN); ?></div>
|
||
|
|
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Thumbs', REVSLIDER_TEXTDOMAIN); ?></div>
|
||
|
|
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Tabs', REVSLIDER_TEXTDOMAIN); ?></div>
|
||
|
|
<div class="rs-nav-table-cell rs-nav-table-title" style="width:auto;text-align:left;padding:0px 20px;"><?php _e('Actions', REVSLIDER_TEXTDOMAIN); ?></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="list-of-navigations" style="max-height:430px;overflow:hidden;position:relative;top:0px;left:0px;">
|
||
|
|
<div class="rs-nav-table tablecontent">
|
||
|
|
<?php
|
||
|
|
//all will be added here through JavaScript
|
||
|
|
?>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="clear: both;"></div>
|
||
|
|
|
||
|
|
<div class="setting_box navig" style="margin-bottom: 20px;">
|
||
|
|
<div class="rs-editing-wrapper" style="display: none;">
|
||
|
|
<h3 style="border:0;"><span class="setting-step-number">2</span><span style="max-width: 400px;"><?php _e('Editing', REVSLIDER_TEXTDOMAIN); ?> <span class="rs-nav-editing-title"></span></span> <a href="javascript:void(0);" class="button-primary revred rs-remove-nav-element"><?php _e('Remove', REVSLIDER_TEXTDOMAIN); ?></a></h3>
|
||
|
|
<div class="rs-editing-markups-wrap">
|
||
|
|
<div class="rs-markup-selector">
|
||
|
|
<div class="rs-selector-title"><?php _e('Markup', REVSLIDER_TEXTDOMAIN); ?></div> <span class="rs-editor-open-field"><i class="revicon-list-add"></i></span>
|
||
|
|
</div>
|
||
|
|
<div class="rs-markup-wrapper" style="display: none;">
|
||
|
|
<div class="rs-markup-elements">
|
||
|
|
<div style="padding: 20px;" class="closemeshowhide">
|
||
|
|
<div class="helper-wrappers">
|
||
|
|
<h4><?php _e('Actions', REVSLIDER_TEXTDOMAIN); ?></h4>
|
||
|
|
<ul class="rs-element-list">
|
||
|
|
<!-- <li id="reset-markup-arrow" data-call="arrows_markup"><span class="libtn"><?php _e('Reset Defaults', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-markup-bullets" data-call="bullets_markup"><span class="libtn"><?php _e('Reset Defaults', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-markup-thumbs" data-call="thumbs_markup"><span class="libtn"><?php _e('Reset Defaults', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-markup-tabs" data-call="tabs_markup"><span class="libtn"><?php _e('Reset Defaults', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>-->
|
||
|
|
<li><span class="libtn"><?php _e('Parameters', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span>
|
||
|
|
<ul style="display: none;" class="rs-element-add">
|
||
|
|
<li data-call="params_special" data-paramid="title"><span class="libtn"><?php _e('Slide Title', REVSLIDER_TEXTDOMAIN); ?></span></li>
|
||
|
|
<li data-call="params_special" data-paramid="description"><span class="libtn"><?php _e('Slide Description', REVSLIDER_TEXTDOMAIN); ?></span></li>
|
||
|
|
<?php
|
||
|
|
for($i=1;$i<=10;$i++){
|
||
|
|
?>
|
||
|
|
<li data-call="params_markup" data-paramid="<?php echo $i; ?>"><span class="libtn"><?php _e('Parameter ', REVSLIDER_TEXTDOMAIN); ?> <?php echo $i; ?></span></li>
|
||
|
|
<?php
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="showhidehelper"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<textarea name="rs-cm-markup" id="rs-cm-markup"></textarea>
|
||
|
|
</div><div class="rs-css-selector open">
|
||
|
|
<div class="rs-selector-title"><?php _e('CSS', REVSLIDER_TEXTDOMAIN); ?></div> <span class="rs-editor-open-field"><i class="revicon-list-add"></i></span>
|
||
|
|
</div>
|
||
|
|
<div class="rs-css-wrapper" style="display: none;">
|
||
|
|
<div class="rs-css-elements">
|
||
|
|
<div style="padding: 20px;" class="closemeshowhide">
|
||
|
|
<div class="helper-wrappers rea-open">
|
||
|
|
<h4><span class="libtn"><?php _e('Style Helper', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span></h4>
|
||
|
|
<ul class="rs-element-list collapsable" style="display:block">
|
||
|
|
<li data-call="color_value"><span class="libtn"><?php _e('Color Value', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span>
|
||
|
|
<div style="display: none;" class="rs-element-add rs-element-add-color">
|
||
|
|
<input type="text" name="rs-color" class="my-color-field" value="#000000">
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<a href="javascript:void(0);" id="rs-add-css-color" class="button-primary revblue" original-title=""><?php _e('Add', REVSLIDER_TEXTDOMAIN); ?></a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li data-call="border_radius"><span class="libtn"><?php _e('Border Radius', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span>
|
||
|
|
<div style="display: none;" class="rs-element-add rs-element-add-border-radius">
|
||
|
|
<label><?php _e('Top Left', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-radius-top-left" value="1"></td>
|
||
|
|
<label><?php _e('Top Right', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-radius-top-right" value="1"></td>
|
||
|
|
<label><?php _e('Bottom Right', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-radius-bottom-right" value="1"></td>
|
||
|
|
<label><?php _e('Bottom Left', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-radius-bottom-left" value="1"></td>
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<a href="javascript:void(0);" id="rs-add-css-border-radius" class="button-primary revblue" original-title=""><?php _e('Add', REVSLIDER_TEXTDOMAIN); ?></a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li data-call="border"><span class="libtn"><?php _e('Border', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span>
|
||
|
|
<div style="display: none;" class="rs-element-add rs-element-add-border">
|
||
|
|
<label><?php _e('Top', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-top" value="1">
|
||
|
|
<label><?php _e('Right', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-right" value="1">
|
||
|
|
<label><?php _e('Bottom', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-bottom" value="1">
|
||
|
|
<label><?php _e('Left', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-left" value="1">
|
||
|
|
<label><?php _e('Opacity', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-border-opacity" value="100">
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<input type="text" name="rs-border-color" class="my-color-field" value="#000000">
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<a href="javascript:void(0);" id="rs-add-css-border" class="button-primary revblue" original-title=""><?php _e('Add', REVSLIDER_TEXTDOMAIN); ?></a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li data-call="text_shadow"><span class="libtn"><?php _e('Text-Shadow', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span>
|
||
|
|
<div style="display: none;" class="rs-element-add rs-element-add-text-shadow">
|
||
|
|
<label><?php _e('Angle', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-text-shadow-angle" value="0">
|
||
|
|
<label><?php _e('Distance', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-text-shadow-distance" value="0">
|
||
|
|
<label><?php _e('Blur', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-text-shadow-blur" value="0">
|
||
|
|
<label><?php _e('Opacity', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-text-shadow-opacity" value="100">
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<input type="text" name="rs-text-shadow-color" class="my-color-field" value="#000000">
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<a href="javascript:void(0);" id="rs-add-css-text-shadow" class="button-primary revblue" original-title=""><?php _e('Add', REVSLIDER_TEXTDOMAIN); ?></a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li data-call="box_shadow"><span class="libtn"><?php _e('Box-Shadow', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span>
|
||
|
|
<div style="display: none;" class="rs-element-add rs-element-add-box-shadow">
|
||
|
|
<label><?php _e('Angle', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-box-shadow-angle" value="0">
|
||
|
|
<label><?php _e('Distance', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-box-shadow-distance" value="0">
|
||
|
|
<label><?php _e('Blur', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-box-shadow-blur" value="0">
|
||
|
|
<label><?php _e('Opacity', REVSLIDER_TEXTDOMAIN); ?></label>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-box-shadow-opacity" value="100">
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<input type="text" name="rs-box-shadow-color" class="my-color-field" value="#000000">
|
||
|
|
<span class="tp-clearfix"></span>
|
||
|
|
<a href="javascript:void(0);" id="rs-add-css-box-shadow" class="button-primary revblue" original-title=""><?php _e('Add', REVSLIDER_TEXTDOMAIN); ?></a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li data-call="font_families"><span class="libtn"><?php _e('Font Family', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span>
|
||
|
|
<div style="display: none;" class="rs-element-add rs-element-add-box-shadow">
|
||
|
|
<select name="rs-font-family" style="width: 160px">
|
||
|
|
<?php
|
||
|
|
foreach($font_families as $handle => $name){
|
||
|
|
?>
|
||
|
|
<option value="<?php echo esc_attr($name); ?>"><?php echo esc_attr($name); ?></option>
|
||
|
|
<?php
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
</select>
|
||
|
|
<a href="javascript:void(0);" id="rs-add-css-font-family" class="button-primary revblue" original-title=""><?php _e('Add', REVSLIDER_TEXTDOMAIN); ?></a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="helper-wrappers">
|
||
|
|
<!--<h4><span class="libtn"><?php _e('Resets', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available"></span></span></h4>
|
||
|
|
<ul class="rs-element-list collapsable" style="display:none">
|
||
|
|
<li id="reset-css-arrow" data-call="arrows_css"><span class="libtn"><?php _e('Classes & Style', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-css-arrow-empty" data-call="arrows_css_empty"><span class="libtn"><?php _e('Only Classes', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-css-bullets" data-call="bullets_css"><span class="libtn"><?php _e('Classes & Style', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-css-bullets-empty" data-call="bullets_css_empty"><span class="libtn"><?php _e('Only Classes', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-css-thumbs" data-call="thumbs_css"><span class="libtn"><?php _e('Classes & Style', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-css-thumbs-empty" data-call="thumbs_css_empty"><span class="libtn"><?php _e('Only Classes', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-css-tabs" data-call="tabs_css"><span class="libtn"><?php _e('Classes & Style', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
<li id="reset-css-tabs-empty" data-call="tabs_css_empty"><span class="libtn"><?php _e('Only Classes', REVSLIDER_TEXTDOMAIN); ?><span class="more-values-available resetme"></span></span></li>
|
||
|
|
</ul>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="showhidehelper"></div>
|
||
|
|
</div>
|
||
|
|
<textarea name="rs-cm-css" id="rs-cm-css"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="rs-editing-preview-wrap">
|
||
|
|
<div class="rs-editing-preview-overlay"></div>
|
||
|
|
<div class="rs-arrows-preview">
|
||
|
|
<div class="tp-arrows tp-leftarrow"></div>
|
||
|
|
<div class="tp-arrows tp-rightarrow"></div>
|
||
|
|
</div>
|
||
|
|
<div class="rs-bullets-preview"></div>
|
||
|
|
<div class="rs-thumbs-preview"></div>
|
||
|
|
<div class="rs-tabs-preview"></div>
|
||
|
|
<input id="rs-preview-color-changer" type="text" name="rs-preview-color" class="bg-color-field" value="#000000">
|
||
|
|
<span class="little-info"><?php _e('Live Preview - Hover & Click for test', REVSLIDER_TEXTDOMAIN); ?></span>
|
||
|
|
<span class="little-sizes">
|
||
|
|
<?php _e('Suggested Width:', REVSLIDER_TEXTDOMAIN); ?>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-test-width" value="160" style="width:45px !important; margin-right:15px;">
|
||
|
|
<?php _e('Suggested Height:', REVSLIDER_TEXTDOMAIN); ?>
|
||
|
|
<input class="rs-small-input" type="text" name="rs-test-height" value="160" style="width:45px !important;">
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div style="clear: both;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="preview-nav-wrapper">
|
||
|
|
<div class="rs-editing-preview-overlay"></div>
|
||
|
|
<div class="rs-arrows-preview">
|
||
|
|
<div class="tp-arrows tp-leftarrow"></div>
|
||
|
|
<div class="tp-arrows tp-rightarrow"></div>
|
||
|
|
</div>
|
||
|
|
<div class="rs-bullets-preview"></div>
|
||
|
|
<div class="rs-thumbs-preview"></div>
|
||
|
|
<div class="rs-tabs-preview"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a class="button-primary revgreen" id="rs-save-navigation-style" href="javascript:void(0);"><i class="rs-icon-save-light"></i><?php _e('Save All Changes',REVSLIDER_TEXTDOMAIN); ?></a>
|
||
|
|
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var rs_navigations = jQuery.parseJSON(<?php echo RevSliderFunctions::jsonEncodeForClientSide($navigs); ?>) || new Array();
|
||
|
|
|
||
|
|
jQuery(document).ready(function(){
|
||
|
|
var rs_current_editing = false;
|
||
|
|
var cur_edit_type = false;
|
||
|
|
var latest_nav_id = 0;
|
||
|
|
var global_navigation_template = wp.template( "rs-navigation-wrap" );
|
||
|
|
var global_navigation_template_header = wp.template( "rs-navigation-header-wrap" );
|
||
|
|
|
||
|
|
rs_add_all_navigation_entries();
|
||
|
|
|
||
|
|
function rs_add_navigation_header(title, type){
|
||
|
|
var data = { title: title, type: type };
|
||
|
|
|
||
|
|
var content = global_navigation_template_header(data);
|
||
|
|
jQuery('.rs-nav-table.tablecontent').append(content);
|
||
|
|
}
|
||
|
|
|
||
|
|
function rs_add_navigation_element(nav_values, is_new){
|
||
|
|
var data = {
|
||
|
|
'name': nav_values['name'],
|
||
|
|
'id': nav_values['id'],
|
||
|
|
'show-arrows': 'none',
|
||
|
|
'hide-arrows': 'block',
|
||
|
|
'show-bullets': 'none',
|
||
|
|
'hide-bullets': 'block',
|
||
|
|
'show-thumbs': 'none',
|
||
|
|
'hide-thumbs': 'block',
|
||
|
|
'show-tabs': 'none',
|
||
|
|
'hide-tabs': 'block'
|
||
|
|
};
|
||
|
|
|
||
|
|
if(typeof(nav_values['css']) !== 'undefined' && nav_values['css'] !== null){
|
||
|
|
if(typeof(nav_values['css']['arrows']) !== 'undefined' && nav_values['css']['arrows'] !== null){
|
||
|
|
data['hide-arrows'] = 'none';
|
||
|
|
data['show-arrows'] = 'block';
|
||
|
|
}
|
||
|
|
if(typeof(nav_values['css']['bullets']) !== 'undefined' && nav_values['css']['bullets'] !== null){
|
||
|
|
data['hide-bullets'] = 'none';
|
||
|
|
data['show-bullets'] = 'block';
|
||
|
|
}
|
||
|
|
if(typeof(nav_values['css']['thumbs']) !== 'undefined' && nav_values['css']['thumbs'] !== null){
|
||
|
|
data['hide-thumbs'] = 'none';
|
||
|
|
data['show-thumbs'] = 'block';
|
||
|
|
}
|
||
|
|
if(typeof(nav_values['css']['tabs']) !== 'undefined' && nav_values['css']['tabs'] !== null){
|
||
|
|
data['hide-tabs'] = 'none';
|
||
|
|
data['show-tabs'] = 'block';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
data['has-original'] = false;
|
||
|
|
if(typeof(nav_values['settings']) !== 'undefined' && typeof(nav_values['settings']['original']) !== 'undefined'){
|
||
|
|
data['has-original'] = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
data['edit'] = (typeof(nav_values['default']) !== 'undefined' && nav_values['default'] == true) ? false : true;
|
||
|
|
data['show_text'] = (typeof(nav_values['default']) !== 'undefined' && nav_values['default'] == true) ? '<?php _e('View', REVSLIDER_TEXTDOMAIN); ?>' : '<?php _e('Edit', REVSLIDER_TEXTDOMAIN); ?>';
|
||
|
|
|
||
|
|
var content = global_navigation_template(data);
|
||
|
|
|
||
|
|
if(is_new){
|
||
|
|
jQuery('.rs-default-t-wrap').before(content);
|
||
|
|
}else{
|
||
|
|
jQuery('.rs-nav-table.tablecontent').append(content);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
var rs_nav_placeholder = {
|
||
|
|
arrows: '<div class="tp-arr-allwrapper">'+"\n\t"+'<div class="tp-arr-iwrapper">'+"\n\t\t"+'<div class="tp-arr-imgholder"></div>'+"\n\t\t"+'<div class="tp-arr-titleholder"></div>'+"\n\t\t"+'<div class="tp-arr-subtitleholder"></div>'+"\n\t"+'</div>'+"\n"+'</div>',
|
||
|
|
bullets: '<span class="tp-bullet-image"></span>'+"\n"+'<span class="tp-bullet-title"></span>',
|
||
|
|
thumbs: '<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>',
|
||
|
|
tabs: '<span class="tp-tab-image"></span><span class="tp-tab-title"></span>'
|
||
|
|
};
|
||
|
|
|
||
|
|
var rs_css_placeholder = {
|
||
|
|
arrows: '.{{class}}.tparrows {'+"\n\t"+'cursor:pointer;'+"\n\t"+'background:#000;'+"\n\t"+'background:rgba(0,0,0,0.5);'+"\n\t"+'width:40px;'+"\n\t"+'height:40px;'+"\n\t"+'position:absolute;'+"\n\t"+'display:block;'+"\n\t"+'z-index:100;'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows:hover {'+"\n\t"+'background:#000;'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows:before {'+"\n\t"+'font-family: "revicons";'+"\n\t"+'font-size:15px;'+"\n\t"+'color:#fff;'+"\n\t"+'display:block;'+"\n\t"+'line-height: 40px;'+"\n\t"+'text-align: center;'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows.tp-leftarrow:before {'+"\n\t"+'content: "\\e824";'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows.tp-rightarrow:before {'+"\n\t"+'content: "\\e825";'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-allwrapper {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-iwrapper {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-imgholder {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-titleholder {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-subtitleholder {'+"\n"+'}'+"\n",
|
||
|
|
arrows_empty:'.{{class}}.tparrows {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows:hover {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows:before {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows.tp-leftarrow:before {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tparrows.tp-rightarrow:before {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-allwrapper {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-iwrapper {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-imgholder {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-titleholder {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-arr-subtitleholder {'+"\n"+'}'+"\n",
|
||
|
|
|
||
|
|
|
||
|
|
bullets:'.{{class}}.tp-bullets {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}}.tp-bullets:before {'+"\n\t"+'content:" ";'+"\n\t"+'position:absolute;'+"\n\t"+'width:100%;'+"\n\t"+'height:100%;'+"\n\t"+'background:#fff;'+"\n\t"+'padding:10px;'+"\n\t"+'margin-left:-10px;margin-top:-10px;'+"\n\t"+'box-sizing:content-box;'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet {'+"\n\t"+'width:12px;'+"\n\t"+'height:12px;'+"\n\t"+'position:absolute;'+"\n\t"+'background:#aaa;'+"\n\t"+'border:3px solid #e5e5e5;'+"\n\t"+'border-radius:50%;'+"\n\t"+'cursor: pointer;'+"\n\t"+'box-sizing:content-box;'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet:hover,'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet.selected {'+"\n\t"+'background:#666;'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet-image {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet-title {'+"\n"+'}'+"\n",
|
||
|
|
bullets_empty:'.{{class}}.tp-bullets {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet:hover,'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet.selected {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet-image {'+"\n"+'}'+"\n"+
|
||
|
|
'.{{class}} .tp-bullet-title {'+"\n"+'}'+"\n",
|
||
|
|
|
||
|
|
|
||
|
|
thumbs:'',
|
||
|
|
tabs:''
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var rs_cm_markup_editor = CodeMirror.fromTextArea(document.getElementById("rs-cm-markup"), {
|
||
|
|
lineNumbers: true,
|
||
|
|
smartIndent:false,
|
||
|
|
//lineWrapping:true,
|
||
|
|
mode: 'text/html',
|
||
|
|
onChange: function(){ rs_cm_modified('markup', rs_cm_markup_editor); drawEditor();},
|
||
|
|
onCursorActivity: function() {
|
||
|
|
rs_cm_markup_editor.setLineClass(hlLineM, null, null);
|
||
|
|
hlLineM = rs_cm_markup_editor.setLineClass(rs_cm_markup_editor.getCursor().line, null, "activeline");
|
||
|
|
rs_cm_markup_editor.matchHighlight("CodeMirror-matchhighlight");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
rs_cm_markup_editor.setSize(null, 600);
|
||
|
|
|
||
|
|
var rs_cm_css_editor = CodeMirror.fromTextArea(document.getElementById("rs-cm-css"), {
|
||
|
|
lineNumbers: true,
|
||
|
|
smartIndent:false,
|
||
|
|
//lineWrapping:true,
|
||
|
|
mode: 'css',
|
||
|
|
onChange: function(){ rs_cm_modified('css', rs_cm_css_editor);drawEditor(); },
|
||
|
|
onCursorActivity: function() {
|
||
|
|
rs_cm_css_editor.setLineClass(hlLineC, null, null);
|
||
|
|
hlLineC = rs_cm_css_editor.setLineClass(rs_cm_css_editor.getCursor().line, null, "activeline");
|
||
|
|
rs_cm_css_editor.matchHighlight("CodeMirror-matchhighlight");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
var hlLineM = rs_cm_markup_editor.setLineClass(0, "activeline"),
|
||
|
|
hlLineC = rs_cm_css_editor.setLineClass(0, "activeline");
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//----------------------------------------------------
|
||
|
|
// DRAW PREVIEW OF NAVIGATION ELEMENTS
|
||
|
|
//----------------------------------------------------
|
||
|
|
var previewNav = function(sbut,mclass,the_css,the_markup,settings) {
|
||
|
|
|
||
|
|
var ap = jQuery('#preview-nav-wrapper .rs-arrows-preview'),
|
||
|
|
bp = jQuery('#preview-nav-wrapper .rs-bullets-preview'),
|
||
|
|
tabp = jQuery('#preview-nav-wrapper .rs-tabs-preview'),
|
||
|
|
thumbp = jQuery('#preview-nav-wrapper .rs-thumbs-preview'),
|
||
|
|
sizer = jQuery('#preview-nav-wrapper .little-sizes');
|
||
|
|
|
||
|
|
|
||
|
|
ap.html("");
|
||
|
|
bp.html("");
|
||
|
|
tabp.html("");
|
||
|
|
thumbp.html("");
|
||
|
|
|
||
|
|
ap.hide();
|
||
|
|
bp.hide();
|
||
|
|
tabp.hide();
|
||
|
|
thumbp.hide();
|
||
|
|
sizer.hide();
|
||
|
|
|
||
|
|
if (sbut.hasClass("rs-nav-arrows-edit")) {
|
||
|
|
ap.show();
|
||
|
|
var pattern = new RegExp(":hover",'g');
|
||
|
|
|
||
|
|
var t = '<style>'+the_css.replace(pattern,'.fakehover')+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+' tparrows tp-leftarrow">'+the_markup+'</div>';
|
||
|
|
t = t + '<div class="'+mclass+' tparrows tp-rightarrow">'+the_markup+'</div>';
|
||
|
|
ap.html(t);
|
||
|
|
setTimeout(function() {
|
||
|
|
try{ap.find('.tp-rightarrow').addClass("fakehover");} catch(e) {}
|
||
|
|
},200);
|
||
|
|
|
||
|
|
} else
|
||
|
|
if (sbut.hasClass("rs-nav-bullets-edit")) {
|
||
|
|
bp.show();
|
||
|
|
var t = '<style>'+the_css+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+' tp-bullets">'
|
||
|
|
for (var i=0;i<5;i++) {
|
||
|
|
t = t + '<div class="tp-bullet">'+the_markup+'</div>';
|
||
|
|
}
|
||
|
|
t= t + '</div>';
|
||
|
|
bp.html(t);
|
||
|
|
var b = bp.find('.tp-bullet').first(),
|
||
|
|
bw = b.outerWidth(true),
|
||
|
|
bh = b.outerHeight(true),
|
||
|
|
mw = 0;
|
||
|
|
bp.find('.tp-bullet').each(function(i) {
|
||
|
|
var e = jQuery(this);
|
||
|
|
if (i==0)
|
||
|
|
setTimeout(function() {
|
||
|
|
try{e.addClass("selected");} catch(e) {}
|
||
|
|
},150);
|
||
|
|
|
||
|
|
|
||
|
|
var np = i*bw + i*10;
|
||
|
|
e.css({left:np+"px"});
|
||
|
|
mw = mw + bw + 10;
|
||
|
|
})
|
||
|
|
mw = mw-10;
|
||
|
|
bp.find('.tp-bullets').css({width:mw, height:bh});
|
||
|
|
} else
|
||
|
|
if (sbut.hasClass("rs-nav-tabs-edit")) {
|
||
|
|
tabp.show();
|
||
|
|
var t = '<style>'+the_css+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+'"><div class="tp-tab">'+the_markup+'</div></div>';
|
||
|
|
tabp.html(t);
|
||
|
|
var s = new Object();
|
||
|
|
s.w = 160,
|
||
|
|
s.h = 160;
|
||
|
|
if (settings!="" && settings!=undefined) {
|
||
|
|
if (settings.width!=undefined && settings.width.tabs!=undefined)
|
||
|
|
s.w=settings.width.tabs;
|
||
|
|
if (settings.height!=undefined && settings.height.tabs!=undefined)
|
||
|
|
s.h=settings.height.tabs;
|
||
|
|
}
|
||
|
|
tabp.find('.tp-tab').each(function(){
|
||
|
|
jQuery(this).css({width:s.w+"px",height:s.h+"px"});
|
||
|
|
});
|
||
|
|
|
||
|
|
} else
|
||
|
|
if (sbut.hasClass("rs-nav-thumbs-edit")) {
|
||
|
|
thumbp.show();
|
||
|
|
var t = '<style>'+the_css+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+'"><div class="tp-thumb">'+the_markup+'</div></div>';
|
||
|
|
thumbp.html(t);
|
||
|
|
var s = new Object();
|
||
|
|
s.w = 160,
|
||
|
|
s.h = 160;
|
||
|
|
if (settings!="" && settings!=undefined) {
|
||
|
|
if (settings.width!=undefined && settings.width.thumbs!=undefined)
|
||
|
|
s.w=settings.width.thumbs;
|
||
|
|
if (settings.height!=undefined && settings.height.thumbs!=undefined)
|
||
|
|
s.h=settings.height.thumbs;
|
||
|
|
}
|
||
|
|
thumbp.find('.tp-thumb').each(function(){
|
||
|
|
jQuery(this).css({width:s.w+"px",height:s.h+"px"});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//----------------------------------------------------
|
||
|
|
// DRAW PREVIEW OF NAVIGATION ELEMENTS
|
||
|
|
//----------------------------------------------------
|
||
|
|
var drawEditor = function() {
|
||
|
|
|
||
|
|
var sline = jQuery('.rs-nav-table-row.rs-nav-entry-wrap.selected'),
|
||
|
|
sbut = sline.find('a.selected'),
|
||
|
|
ap = jQuery('.rs-editing-preview-wrap .rs-arrows-preview'),
|
||
|
|
bp = jQuery('.rs-editing-preview-wrap .rs-bullets-preview'),
|
||
|
|
tabp = jQuery('.rs-editing-preview-wrap .rs-tabs-preview'),
|
||
|
|
thumbp = jQuery('.rs-editing-preview-wrap .rs-thumbs-preview'),
|
||
|
|
sizer = jQuery('.rs-editing-preview-wrap .little-sizes'),
|
||
|
|
mclass = UniteAdminRev.sanitize_input(jQuery('.rs-nav-table-row.rs-nav-entry-wrap.selected').find('input[name="navigation-name"]').val().toLowerCase());
|
||
|
|
|
||
|
|
ap.html("");
|
||
|
|
bp.html("");
|
||
|
|
tabp.html("");
|
||
|
|
thumbp.html("");
|
||
|
|
|
||
|
|
ap.hide();
|
||
|
|
bp.hide();
|
||
|
|
tabp.hide();
|
||
|
|
thumbp.hide();
|
||
|
|
sizer.hide();
|
||
|
|
|
||
|
|
if (sbut.hasClass("rs-nav-arrows-edit")) {
|
||
|
|
ap.show();
|
||
|
|
var t = '<style>'+rs_cm_css_editor.getValue()+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+' tparrows tp-leftarrow">'+rs_cm_markup_editor.getValue()+'</div>';
|
||
|
|
t = t + '<div class="'+mclass+' tparrows tp-rightarrow">'+rs_cm_markup_editor.getValue()+'</div>';
|
||
|
|
ap.html(t);
|
||
|
|
} else
|
||
|
|
if (sbut.hasClass("rs-nav-bullets-edit")) {
|
||
|
|
bp.show();
|
||
|
|
var t = '<style>'+rs_cm_css_editor.getValue()+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+' tp-bullets">'
|
||
|
|
for (var i=0;i<5;i++) {
|
||
|
|
t = t + '<div class="tp-bullet">'+rs_cm_markup_editor.getValue()+'</div>';
|
||
|
|
}
|
||
|
|
t= t + '</div>';
|
||
|
|
bp.html(t);
|
||
|
|
var b = bp.find('.tp-bullet').first(),
|
||
|
|
bw = b.outerWidth(true),
|
||
|
|
bh = b.outerHeight(true),
|
||
|
|
mw = 0;
|
||
|
|
bp.find('.tp-bullet').each(function(i) {
|
||
|
|
jQuery(this).click(function() {
|
||
|
|
bp.find('.tp-bullet').removeClass("selected");
|
||
|
|
jQuery(this).addClass("selected");
|
||
|
|
})
|
||
|
|
var np = i*bw + i*10;
|
||
|
|
jQuery(this).css({left:np+"px"});
|
||
|
|
mw = mw + bw + 10;
|
||
|
|
})
|
||
|
|
mw = mw-10;
|
||
|
|
bp.find('.tp-bullets').css({width:mw, height:bh});
|
||
|
|
} else
|
||
|
|
if (sbut.hasClass("rs-nav-tabs-edit")) {
|
||
|
|
tabp.show();
|
||
|
|
var t = '<style>'+rs_cm_css_editor.getValue()+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+'"><div class="tp-tab">'+rs_cm_markup_editor.getValue()+'</div></div>';
|
||
|
|
tabp.html(t);
|
||
|
|
changeTabThumbSize();
|
||
|
|
sizer.show();
|
||
|
|
} else
|
||
|
|
if (sbut.hasClass("rs-nav-thumbs-edit")) {
|
||
|
|
thumbp.show();
|
||
|
|
var t = '<style>'+rs_cm_css_editor.getValue()+'</style>';
|
||
|
|
t = t + '<div class="'+mclass+'"><div class="tp-thumb">'+rs_cm_markup_editor.getValue()+'</div></div>';
|
||
|
|
thumbp.html(t);
|
||
|
|
sizer.show();
|
||
|
|
changeTabThumbSize();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
jQuery('input[name="rs-test-width"]').on("change",changeTabThumbSize);
|
||
|
|
jQuery('input[name="rs-test-height"]').on("change",changeTabThumbSize);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function changeTabThumbSize() {
|
||
|
|
var tabp = tabp = jQuery('.rs-tabs-preview'),
|
||
|
|
thumbp = jQuery('.rs-thumbs-preview');
|
||
|
|
tabp.find('.tp-tab').css({width:jQuery('input[name="rs-test-width"]').val(), height:jQuery('input[name="rs-test-height"]').val()});
|
||
|
|
thumbp.find('.tp-thumb').css({width:jQuery('input[name="rs-test-width"]').val(), height:jQuery('input[name="rs-test-height"]').val()});
|
||
|
|
}
|
||
|
|
|
||
|
|
rs_cm_css_editor.setSize(null, 600);
|
||
|
|
|
||
|
|
function rs_cm_modified(add_to, editor){
|
||
|
|
if(rs_current_editing !== false && cur_edit_type !== false){
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == rs_current_editing){
|
||
|
|
rs_navigations[key][add_to][cur_edit_type] = editor.getValue();
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// COLLAPSE UL ON CLICK
|
||
|
|
jQuery('body').on('click','.rs-editing-wrapper h4 .libtn',function() {
|
||
|
|
var _t = jQuery(this),
|
||
|
|
hw = _t.closest('.helper-wrappers'),
|
||
|
|
ul = hw.find('ul.collapsable');
|
||
|
|
|
||
|
|
ul.addClass("infocus");
|
||
|
|
jQuery('.rs-editing-wrapper ul.collapsable').each(function() {
|
||
|
|
var ul = jQuery(this),
|
||
|
|
hw = ul.closest('.helper-wrappers');
|
||
|
|
if (!ul.hasClass("infocus") && hw.hasClass("rea-open")) {
|
||
|
|
ul.slideUp(100);
|
||
|
|
hw.removeClass("rea-open")
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (hw.hasClass("rea-open")) {
|
||
|
|
ul.slideUp(100);
|
||
|
|
hw.removeClass("rea-open");
|
||
|
|
} else {
|
||
|
|
ul.slideDown(100);
|
||
|
|
hw.addClass("rea-open");
|
||
|
|
}
|
||
|
|
ul.removeClass("infocus");
|
||
|
|
})
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-nav-arrows-edit, .rs-nav-bullets-edit, .rs-nav-thumbs-edit, .rs-nav-tabs-edit', function(){
|
||
|
|
var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', ''),
|
||
|
|
edit_title = jQuery(this).closest('.rs-nav-table-row').find('input[name="navigation-name"]').val(),
|
||
|
|
cur_edit = {};
|
||
|
|
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == nav_id){
|
||
|
|
cur_edit = jQuery.extend(true, {}, rs_navigations[key]);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
jQuery('#reset-markup-arrow').hide();
|
||
|
|
jQuery('#reset-markup-bullets').hide();
|
||
|
|
jQuery('#reset-markup-tabs').hide();
|
||
|
|
jQuery('#reset-markup-thumbs').hide();
|
||
|
|
|
||
|
|
jQuery('#reset-css-arrow').hide();
|
||
|
|
jQuery('#reset-css-bullets').hide();
|
||
|
|
jQuery('#reset-css-tabs').hide();
|
||
|
|
jQuery('#reset-css-thumbs').hide();
|
||
|
|
jQuery('#reset-css-arrow-empty').hide();
|
||
|
|
jQuery('#reset-css-bullets-empty').hide();
|
||
|
|
jQuery('#reset-css-tabs-empty').hide();
|
||
|
|
jQuery('#reset-css-thumbs-empty').hide();
|
||
|
|
|
||
|
|
if(jQuery.isEmptyObject(cur_edit)) return false;
|
||
|
|
|
||
|
|
|
||
|
|
if(jQuery(this).hasClass('rs-nav-arrows-edit')){
|
||
|
|
edit_title += ' - ' + rev_lang.arrows;
|
||
|
|
cur_edit_type = 'arrows';
|
||
|
|
jQuery('#reset-markup-arrow').show();
|
||
|
|
jQuery('#reset-css-arrow').show();
|
||
|
|
jQuery('#reset-css-arrow-empty').show();
|
||
|
|
}else if(jQuery(this).hasClass('rs-nav-bullets-edit')){
|
||
|
|
edit_title += ' - ' + rev_lang.bullets;
|
||
|
|
cur_edit_type = 'bullets';
|
||
|
|
jQuery('#reset-markup-bullets').show();
|
||
|
|
jQuery('#reset-css-bullets').show();
|
||
|
|
jQuery('#reset-css-bullets-empty').show();
|
||
|
|
}else if(jQuery(this).hasClass('rs-nav-thumbs-edit')){
|
||
|
|
edit_title += ' - ' + rev_lang.thumbnails;
|
||
|
|
cur_edit_type = 'thumbs';
|
||
|
|
jQuery('#reset-markup-thumbs').show();
|
||
|
|
jQuery('#reset-css-thumbs').show();
|
||
|
|
jQuery('#reset-css-thumbs-empty').show();
|
||
|
|
}else if(jQuery(this).hasClass('rs-nav-tabs-edit')){
|
||
|
|
edit_title += ' - ' + rev_lang.tabs;
|
||
|
|
cur_edit_type = 'tabs';
|
||
|
|
jQuery('#reset-markup-tabs').show();
|
||
|
|
jQuery('#reset-css-tabs').show();
|
||
|
|
jQuery('#reset-css-tabs-empty').show();
|
||
|
|
}else{
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var the_css = (typeof(cur_edit['css']) !== 'undefined' && cur_edit['css'] !== null && typeof(cur_edit['css'][cur_edit_type]) !== 'undefined') ? cur_edit['css'][cur_edit_type] : '';
|
||
|
|
var the_markup = (typeof(cur_edit['markup']) !== 'undefined' && cur_edit['markup'] !== null && typeof(cur_edit['markup'][cur_edit_type]) !== 'undefined') ? cur_edit['markup'][cur_edit_type] : rs_nav_placeholder[cur_edit_type];
|
||
|
|
|
||
|
|
|
||
|
|
if(cur_edit['css'] == null) cur_edit['css'] = {};
|
||
|
|
if(cur_edit['markup'] == null) cur_edit['markup'] = {};
|
||
|
|
|
||
|
|
if((typeof(cur_edit['css']) == 'undefined' || typeof(cur_edit['css'][cur_edit_type]) == 'undefined') || (typeof(cur_edit['markup']) == 'undefined' || typeof(cur_edit['markup'][cur_edit_type]) == 'undefined')){
|
||
|
|
if(typeof(cur_edit.default) !== 'undefined' && cur_edit.default == true) return false;
|
||
|
|
|
||
|
|
if(!confirm(rev_lang.create_this_nav_element)){
|
||
|
|
return false;
|
||
|
|
}else{
|
||
|
|
if(rs_navigations[key]['css'] == null) rs_navigations[key]['css'] = {};
|
||
|
|
if(rs_navigations[key]['markup'] == null) rs_navigations[key]['markup'] = {};
|
||
|
|
rs_navigations[key]['css'][cur_edit_type] = the_css;
|
||
|
|
rs_navigations[key]['markup'][cur_edit_type] = the_markup;
|
||
|
|
rs_navigations[key]['settings']['width'] = {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"};
|
||
|
|
rs_navigations[key]['settings']['height'] = {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"};
|
||
|
|
|
||
|
|
jQuery(this).find('.rs-edit-nav').show();
|
||
|
|
jQuery(this).find('.rs-edit-cancel-nav').hide();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('.rs-nav-table-row').removeClass('selected');
|
||
|
|
jQuery('.rs-nav-table-row').find('*').removeClass('selected');
|
||
|
|
|
||
|
|
jQuery(this).closest('.rs-nav-table-row').addClass('selected');
|
||
|
|
jQuery(this).closest('.rs-nav-table-cell').addClass('selected');
|
||
|
|
|
||
|
|
jQuery(this).addClass('selected');
|
||
|
|
|
||
|
|
jQuery('.rs-editing-wrapper').show();
|
||
|
|
jQuery('.rs-nav-editing-title').text(edit_title);
|
||
|
|
|
||
|
|
rs_current_editing = nav_id;
|
||
|
|
|
||
|
|
rs_cm_css_editor.setValue(the_css);
|
||
|
|
rs_cm_markup_editor.setValue(the_markup);
|
||
|
|
|
||
|
|
rs_cm_css_editor.refresh();
|
||
|
|
rs_cm_markup_editor.refresh();
|
||
|
|
|
||
|
|
cur_edit.settings = cur_edit.settings === undefined || typeof(cur_edit.settings) === 'string' ? {width: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}, height: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}} : cur_edit.settings;
|
||
|
|
cur_edit.settings.width = cur_edit.settings.width === undefined || typeof(cur_edit.settings.width) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : cur_edit.settings.width;
|
||
|
|
cur_edit.settings.height = cur_edit.settings.height === undefined || typeof(cur_edit.settings.height) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : cur_edit.settings.height;
|
||
|
|
|
||
|
|
cur_edit.settings.width[cur_edit_type] = cur_edit.settings.width[cur_edit_type] === undefined ? "160" : cur_edit.settings.width[cur_edit_type];
|
||
|
|
cur_edit.settings.height[cur_edit_type] = cur_edit.settings.height[cur_edit_type] === undefined ? "160" : cur_edit.settings.height[cur_edit_type];
|
||
|
|
|
||
|
|
jQuery('input[name="rs-test-width"]').val(cur_edit.settings.width[cur_edit_type]);
|
||
|
|
jQuery('input[name="rs-test-height"]').val(cur_edit.settings.height[cur_edit_type]);
|
||
|
|
|
||
|
|
drawEditor();
|
||
|
|
jQuery('.rs-markup-selector').click();
|
||
|
|
setCMSize();
|
||
|
|
|
||
|
|
if(typeof(cur_edit.default) !== 'undefined' && cur_edit.default == true){ //disable both editors
|
||
|
|
rs_cm_css_editor.setOption("readOnly", true);
|
||
|
|
rs_cm_markup_editor.setOption("readOnly", true);
|
||
|
|
}else{ //enable both editors
|
||
|
|
rs_cm_css_editor.setOption("readOnly", false);
|
||
|
|
rs_cm_markup_editor.setOption("readOnly", false);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// SHOW ELEMENT ON HOVER
|
||
|
|
jQuery('body').on('mouseenter', '.rs-nav-arrows-edit, .rs-nav-bullets-edit, .rs-nav-thumbs-edit, .rs-nav-tabs-edit', function(){
|
||
|
|
var e = jQuery(this),
|
||
|
|
nav_id = e.closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', ''),
|
||
|
|
edit_title = e.closest('.rs-nav-table-row').find('input[name="navigation-name"]').val(),
|
||
|
|
cur_edit = {};
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == nav_id){
|
||
|
|
cur_edit = jQuery.extend(true, {}, rs_navigations[key]);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var cur_edit_type="";
|
||
|
|
|
||
|
|
if(e.hasClass('rs-nav-arrows-edit')){
|
||
|
|
cur_edit_type = 'arrows';
|
||
|
|
}else if(e.hasClass('rs-nav-bullets-edit')){
|
||
|
|
cur_edit_type = 'bullets';
|
||
|
|
}else if(e.hasClass('rs-nav-thumbs-edit')){
|
||
|
|
cur_edit_type = 'thumbs';
|
||
|
|
}else if(e.hasClass('rs-nav-tabs-edit')){
|
||
|
|
cur_edit_type = 'tabs';
|
||
|
|
}else{
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
var the_css = (typeof(cur_edit['css']) !== 'undefined' && cur_edit['css'] !== null && typeof(cur_edit['css'][cur_edit_type]) !== 'undefined') ? cur_edit['css'][cur_edit_type] : '',
|
||
|
|
the_markup = (typeof(cur_edit['markup']) !== 'undefined' && cur_edit['markup'] !== null && typeof(cur_edit['markup'][cur_edit_type]) !== 'undefined') ? cur_edit['markup'][cur_edit_type] : rs_nav_placeholder[cur_edit_type],
|
||
|
|
sline = e.closest('.rs-nav-table-row.rs-nav-entry-wrap'),
|
||
|
|
settings = (typeof(cur_edit['settings']) !== 'undefined' && cur_edit['settings'] !== null) ? cur_edit['settings'] : "",
|
||
|
|
mclass = UniteAdminRev.sanitize_input(sline.find('input[name="navigation-name"]').val().toLowerCase());
|
||
|
|
|
||
|
|
if(cur_edit['css'] == null) return false;
|
||
|
|
if(cur_edit['markup'] == null) return false;
|
||
|
|
|
||
|
|
previewNav(e,mclass,the_css,the_markup,settings);
|
||
|
|
var pos = e.offset(),
|
||
|
|
pp =jQuery('#viewWrapper').offset(),
|
||
|
|
ll = pos.left-pp.left,
|
||
|
|
tt = pos.top-pp.top+65;
|
||
|
|
punchgs.TweenLite.set(jQuery('#preview-nav-wrapper'),{top:tt,left:ll,autoAlpha:1,overwrite:"all"});
|
||
|
|
|
||
|
|
});
|
||
|
|
jQuery('body').on('mouseleave', '.rs-nav-arrows-edit, .rs-nav-bullets-edit, .rs-nav-thumbs-edit, .rs-nav-tabs-edit', function(e){
|
||
|
|
punchgs.TweenLite.set(jQuery('#preview-nav-wrapper'),{autoAlpha:0});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('.rs-markup-selector').click(function(){
|
||
|
|
jQuery('.rs-markup-wrapper').show();
|
||
|
|
jQuery('.rs-css-wrapper').hide();
|
||
|
|
jQuery(this).addClass('open');
|
||
|
|
jQuery('.rs-css-selector').removeClass('open');
|
||
|
|
rs_cm_markup_editor.refresh();
|
||
|
|
setCMSize();
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('.rs-css-selector').click(function(){
|
||
|
|
jQuery('.rs-css-wrapper').show();
|
||
|
|
jQuery('.rs-markup-wrapper').hide();
|
||
|
|
jQuery(this).addClass('open');
|
||
|
|
jQuery('.rs-markup-selector').removeClass('open');
|
||
|
|
rs_cm_css_editor.refresh();
|
||
|
|
setCMSize();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('.rs-element-list li .libtn').click(function(){
|
||
|
|
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
var li = jQuery(this).parent(),
|
||
|
|
call = li.data('call'),
|
||
|
|
ins = li.data('insert'),
|
||
|
|
edit_title = UniteAdminRev.sanitize_input(jQuery('.rs-nav-table-row.rs-nav-entry-wrap.selected').find('input[name="navigation-name"]').val().toLowerCase());
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
if (call!=='params_markup' && call!=='params_special')
|
||
|
|
jQuery('.rs-element-add').slideUp(100);
|
||
|
|
//rs_cm_markup_editor.replaceSelection(rs_nav_placeholder['arrows'],"end");
|
||
|
|
|
||
|
|
if (call==='arrows_markup')
|
||
|
|
rs_cm_markup_editor.setValue(rs_nav_placeholder['arrows']);
|
||
|
|
else
|
||
|
|
if (call==='bullets_markup')
|
||
|
|
rs_cm_markup_editor.setValue(rs_nav_placeholder['bullets']);
|
||
|
|
else
|
||
|
|
if (call==='thumbs_markup')
|
||
|
|
rs_cm_markup_editor.setValue(rs_nav_placeholder['thumbs']);
|
||
|
|
else
|
||
|
|
if (call==='tabs_markup')
|
||
|
|
rs_cm_markup_editor.setValue(rs_nav_placeholder['tabs']);
|
||
|
|
else
|
||
|
|
if (call==='arrows_css')
|
||
|
|
rs_cm_css_editor.setValue(rs_css_placeholder['arrows'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
|
||
|
|
else
|
||
|
|
if (call==='arrows_css_empty')
|
||
|
|
rs_cm_css_editor.setValue(rs_css_placeholder['arrows_empty'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
|
||
|
|
else
|
||
|
|
if (call==='bullets_css')
|
||
|
|
rs_cm_css_editor.setValue(rs_css_placeholder['bullets'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
|
||
|
|
else
|
||
|
|
if (call==='bullets_css_empty')
|
||
|
|
rs_cm_css_editor.setValue(rs_css_placeholder['bullets_empty'].replace(/\{\{class\}\}/g,edit_title).toLowerCase());
|
||
|
|
|
||
|
|
else
|
||
|
|
if (call==='params_markup')
|
||
|
|
rs_cm_markup_editor.replaceSelection('{{param'+li.data('paramid')+'}}',"end");
|
||
|
|
else
|
||
|
|
if (call==='params_special')
|
||
|
|
rs_cm_markup_editor.replaceSelection('{{'+li.data('paramid')+'}}',"end");
|
||
|
|
else {
|
||
|
|
var add = false;
|
||
|
|
if (!li.hasClass("rea-open")) {
|
||
|
|
li.find('.rs-element-add').slideDown(100);
|
||
|
|
add = true;
|
||
|
|
}
|
||
|
|
jQuery('.rs-element-list li').removeClass("rea-open");
|
||
|
|
if (add) li.addClass("rea-open");
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('.my-color-field').wpColorPicker({});
|
||
|
|
jQuery('.bg-color-field').wpColorPicker({
|
||
|
|
change:function() {
|
||
|
|
jQuery('.rs-editing-preview-overlay').css({backgroundColor:jQuery('#rs-preview-color-changer').val()})
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('input[name="rs-test-width"], input[name="rs-test-height"]').change(function(){
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
if(rs_current_editing !== false && cur_edit_type !== false){
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == rs_current_editing){
|
||
|
|
if(typeof(rs_navigations[key]['settings']) == 'undefined' || typeof(rs_navigations[key]['settings']) == 'string') rs_navigations[key]['settings'] = {};
|
||
|
|
rs_navigations[key]['settings'] = rs_navigations[key]['settings'] === undefined || typeof(rs_navigations[key]['settings']) === 'string' ? {width: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}, height: {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"}} : rs_navigations[key]['settings'];
|
||
|
|
|
||
|
|
rs_navigations[key]['settings'].width = rs_navigations[key]['settings'].width === undefined || typeof(rs_navigations[key]['settings'].width) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : rs_navigations[key]['settings'].width;
|
||
|
|
rs_navigations[key]['settings'].height = rs_navigations[key]['settings'].height === undefined || typeof(rs_navigations[key]['settings'].height) === 'string' ? {"thumbs":"160","arrows":"160","bullets":"160","tabs":"160"} : rs_navigations[key]['settings'].height;
|
||
|
|
|
||
|
|
rs_navigations[key]['settings']['height'][cur_edit_type] = parseInt(jQuery('input[name="rs-test-height"]').val());
|
||
|
|
rs_navigations[key]['settings']['width'][cur_edit_type] = parseInt(jQuery('input[name="rs-test-width"]').val());
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#rs-save-navigation-style').click(function(){
|
||
|
|
|
||
|
|
|
||
|
|
UniteAdminRev.ajaxRequest('change_navigations', rs_navigations, function(data){
|
||
|
|
var cur_id = rs_nav_get_selected_id();
|
||
|
|
if(cur_id !== false)
|
||
|
|
var cur_type = rs_nav_get_selected_nav_type(cur_id);
|
||
|
|
|
||
|
|
if(data.success == true){
|
||
|
|
rs_navigations = data.navs;
|
||
|
|
|
||
|
|
//rebuild all entries
|
||
|
|
jQuery('.rs-nav-entry-wrap').remove();
|
||
|
|
|
||
|
|
latest_nav_id = 0;
|
||
|
|
|
||
|
|
rs_add_all_navigation_entries();
|
||
|
|
}
|
||
|
|
|
||
|
|
rs_nav_unselect_all();
|
||
|
|
|
||
|
|
if(cur_id !== false)
|
||
|
|
rs_nav_select_by_id(cur_id, cur_type);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-nav-reset', function(){
|
||
|
|
if(confirm(rev_lang.this_will_reset_navigation)){
|
||
|
|
var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] != nav_id) continue;
|
||
|
|
|
||
|
|
if(typeof(rs_navigations[key]['settings']) !== 'undefined' && typeof(rs_navigations[key]['settings']['original']) !== 'undefined'){
|
||
|
|
rs_navigations[key]['css'] = {};
|
||
|
|
if(typeof(rs_navigations[key]['settings']['original']['css']) !== 'undefined'){
|
||
|
|
for(var ckey in rs_navigations[key]['settings']['original']['css']){
|
||
|
|
rs_navigations[key]['css'][ckey] = rs_navigations[key]['settings']['original']['css'][ckey];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
rs_navigations[key]['markup'] = {};
|
||
|
|
if(typeof(rs_navigations[key]['settings']['original']['markup']) !== 'undefined'){
|
||
|
|
for(var ckey in rs_navigations[key]['settings']['original']['markup']){
|
||
|
|
rs_navigations[key]['markup'][ckey] = rs_navigations[key]['settings']['original']['markup'][ckey];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//refresh all elements in editor
|
||
|
|
var cur_id = rs_nav_get_selected_id();
|
||
|
|
if(cur_id !== false)
|
||
|
|
var cur_type = rs_nav_get_selected_nav_type(cur_id);
|
||
|
|
|
||
|
|
jQuery('.rs-nav-entry-wrap').remove();
|
||
|
|
latest_nav_id = 0;
|
||
|
|
|
||
|
|
rs_add_all_navigation_entries();
|
||
|
|
|
||
|
|
rs_nav_unselect_all();
|
||
|
|
|
||
|
|
if(cur_id !== false)
|
||
|
|
rs_nav_select_by_id(cur_id, cur_type);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-nav-delete', function(){
|
||
|
|
var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
|
||
|
|
if(confirm(rev_lang.delete_navigation)){
|
||
|
|
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] != nav_id) continue;
|
||
|
|
|
||
|
|
if(typeof(rs_navigations[key]['new']) !== 'undefined' && rs_navigations[key]['new'] == true){
|
||
|
|
delete rs_navigations[key];
|
||
|
|
|
||
|
|
jQuery('#rs-nav-table-'+nav_id).remove();
|
||
|
|
|
||
|
|
rs_nav_unselect_all();
|
||
|
|
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
UniteAdminRev.ajaxRequest('delete_navigation', nav_id, function(data){
|
||
|
|
if(data.success == true){
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] != nav_id) continue;
|
||
|
|
|
||
|
|
delete rs_navigations[key];
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
jQuery('#rs-nav-table-'+nav_id).remove();
|
||
|
|
|
||
|
|
rs_nav_unselect_all();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-nav-duplicate',function(){
|
||
|
|
var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
|
||
|
|
|
||
|
|
latest_nav_id++;
|
||
|
|
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == nav_id){
|
||
|
|
var the_copy = jQuery.extend(true, the_copy, rs_navigations[key]);
|
||
|
|
the_copy['id'] = latest_nav_id;
|
||
|
|
the_copy['name'] += '-'+latest_nav_id;
|
||
|
|
the_copy['handle'] += '-'+latest_nav_id;
|
||
|
|
|
||
|
|
if(rs_check_if_default_nav(nav_id)){
|
||
|
|
delete(the_copy['default']);
|
||
|
|
}
|
||
|
|
if(typeof(the_copy['settings']) === 'undefined' || the_copy['settings'] == '' || the_copy['settings'] == null) the_copy['settings'] = {};
|
||
|
|
|
||
|
|
the_copy['settings']['original'] = {css:{},markup:{}};
|
||
|
|
the_copy['settings']['original']['css'] = rs_navigations[key]['css'];
|
||
|
|
|
||
|
|
var re = new RegExp('.'+rs_navigations[key]['name'].toLowerCase(), 'g'); //for defaults
|
||
|
|
//var re2 = new RegExp('.'+ += '-'+latest_nav_id;, 'g'); //for custom
|
||
|
|
for(var t in the_copy['css']){
|
||
|
|
the_copy['css'][t] = the_copy['css'][t].replace(re, '.'+the_copy['name'].toLowerCase()).toLowerCase();
|
||
|
|
//the_copy['css'][t] = the_copy['css'][t].replace(re2, '.'+the_copy['handle'].toLowerCase()).toLowerCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
the_copy['settings']['original']['markup'] = rs_navigations[key]['markup'];
|
||
|
|
|
||
|
|
rs_add_navigation_element(the_copy, true);
|
||
|
|
|
||
|
|
the_copy['new'] = true;
|
||
|
|
|
||
|
|
rs_navigations.push(the_copy);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
var updateNavName = function() {
|
||
|
|
var inp = jQuery(".focused-navname"),
|
||
|
|
cell = inp.closest('.rs-nav-table-row.rs-nav-entry-wrap'),
|
||
|
|
curselected = cell.hasClass("selected"),
|
||
|
|
updated = false,
|
||
|
|
nav_id = inp.closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', ''),
|
||
|
|
name = inp.val(),
|
||
|
|
name_handle = UniteAdminRev.sanitize_input(name).toLowerCase();
|
||
|
|
jQuery(".focused-navname").removeClass("focused-navname")
|
||
|
|
if(name_handle.length < 3){
|
||
|
|
alert(rev_lang.name_too_short_sanitize_3);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == nav_id){
|
||
|
|
updated = key;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
if(rs_navigations[key]['name'] == name){
|
||
|
|
alert(rev_lang.nav_name_already_exists);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if(updated !== false){
|
||
|
|
var oldname = rs_navigations[updated]['handle'],
|
||
|
|
oldname_b = rs_navigations[updated]['name'];
|
||
|
|
rs_navigations[updated]['name'] = name;
|
||
|
|
rs_navigations[updated]['handle'] = name_handle;
|
||
|
|
var regex = new RegExp("\\."+oldname+"|."+oldname_b,"gi");
|
||
|
|
|
||
|
|
|
||
|
|
if (curselected) {
|
||
|
|
var el = cell.find('.selected .selected');
|
||
|
|
el = el.hasClass('rs-nav-bullets-edit') ? "bullets" : el.hasClass('rs-nav-arrows-edit') ? "arrows" : el.hasClass('rs-nav-thumbs-edit') ? "thumbs" : el.hasClass('rs-nav-tabs-edit') ? "tabs" : "none";
|
||
|
|
if (el!=="none") {
|
||
|
|
rs_cm_css_editor.setValue(rs_cm_css_editor.getValue().replace(regex,"."+name_handle));
|
||
|
|
rs_cm_markup_editor.setValue(rs_cm_markup_editor.getValue().replace(regex,"."+name_handle));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (rs_navigations[updated].css.arrows) rs_navigations[updated].css.arrows = rs_navigations[updated].css.arrows.replace(regex,"."+name_handle);
|
||
|
|
if (rs_navigations[updated].markup.arrows) rs_navigations[updated].markup.arrows = rs_navigations[updated].markup.arrows.replace(regex,"."+name_handle);
|
||
|
|
|
||
|
|
if (rs_navigations[updated].css.bullets) rs_navigations[updated].css.bullets = rs_navigations[updated].css.bullets.replace(regex,"."+name_handle);
|
||
|
|
if (rs_navigations[updated].markup.bullets) rs_navigations[updated].markup.bullets = rs_navigations[updated].markup.bullets.replace(regex,"."+name_handle);
|
||
|
|
|
||
|
|
if (rs_navigations[updated].css.thumbs) rs_navigations[updated].css.thumbs = rs_navigations[updated].css.thumbs.replace(regex,"."+name_handle);
|
||
|
|
if (rs_navigations[updated].markup.thumbs) rs_navigations[updated].markup.thumbs = rs_navigations[updated].markup.thumbs.replace(regex,"."+name_handle);
|
||
|
|
|
||
|
|
if (rs_navigations[updated].css.tabs) rs_navigations[updated].css.tabs = rs_navigations[updated].css.tabs.replace(regex,"."+name_handle);
|
||
|
|
if (rs_navigations[updated].markup.tabs) rs_navigations[updated].markup.tabs = rs_navigations[updated].markup.tabs.replace(regex,"."+name_handle);
|
||
|
|
|
||
|
|
|
||
|
|
jQuery(this).parent().siblings('.rs-nav-name-wrap').find('.rs-nav-name-text').text(rs_navigations[updated]['name']);
|
||
|
|
jQuery(this).parent().siblings('.rs-nav-name-wrap').show();
|
||
|
|
jQuery(this).parent().hide();
|
||
|
|
}else{
|
||
|
|
alert(rev_lang.could_not_update_nav_name);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-nav-name-wrap', function(){
|
||
|
|
//check if this is a default
|
||
|
|
var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
|
||
|
|
if(rs_check_if_default_nav(nav_id)) return false;
|
||
|
|
jQuery(this).siblings('.rs-nav-name-edit-wrap').show().find('input').focus();
|
||
|
|
jQuery(this).hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-edit-navigation-name', updateNavName);
|
||
|
|
jQuery('body').on('focus','input[name="navigation-name"]',function() {
|
||
|
|
jQuery(this).addClass("focused-navname");
|
||
|
|
});
|
||
|
|
jQuery('body').on('blur','input[name="navigation-name"]',updateNavName);
|
||
|
|
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-nav-save', function(){
|
||
|
|
var nav_id = jQuery(this).closest('.rs-nav-table-row').attr('id').replace('rs-nav-table-', '');
|
||
|
|
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == nav_id){
|
||
|
|
UniteAdminRev.ajaxRequest('change_specific_navigation', rs_navigations[key], function(data){
|
||
|
|
var cur_id = rs_nav_get_selected_id();
|
||
|
|
if(cur_id !== false)
|
||
|
|
var cur_type = rs_nav_get_selected_nav_type(cur_id);
|
||
|
|
|
||
|
|
if(data.success == true){
|
||
|
|
rs_navigations = data.navs;
|
||
|
|
|
||
|
|
//rebuild all entries
|
||
|
|
jQuery('.rs-nav-entry-wrap').remove();
|
||
|
|
|
||
|
|
latest_nav_id = 0;
|
||
|
|
|
||
|
|
rs_add_all_navigation_entries();
|
||
|
|
}
|
||
|
|
|
||
|
|
rs_nav_unselect_all();
|
||
|
|
|
||
|
|
if(cur_id !== false)
|
||
|
|
rs_nav_select_by_id(cur_id, cur_type);
|
||
|
|
});
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('body').on('click', '.rs-remove-nav-element', function(){
|
||
|
|
if(rs_current_editing === false) return false;
|
||
|
|
|
||
|
|
if(confirm(rev_lang.remove_nav_element)){
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == rs_current_editing){
|
||
|
|
delete rs_navigations[key]['css'][cur_edit_type];
|
||
|
|
delete rs_navigations[key]['markup'][cur_edit_type];
|
||
|
|
rs_nav_unselect_all();
|
||
|
|
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
function rs_nav_get_selected_id(){
|
||
|
|
var curselel = jQuery('.rs-nav-entry-wrap.selected');
|
||
|
|
if(curselel.length == 0) return false;
|
||
|
|
var cur_id = curselel.attr('id').replace('rs-nav-table-','');
|
||
|
|
return cur_id;
|
||
|
|
}
|
||
|
|
|
||
|
|
function rs_nav_get_selected_nav_type(nav_id){
|
||
|
|
var nav_el = jQuery('#rs-nav-table-'+nav_id);
|
||
|
|
return nav_el.find('.rs-nav-table-cell.selected .selected').attr('class').replace('selected', '');
|
||
|
|
}
|
||
|
|
|
||
|
|
function rs_nav_select_by_id(nav_id, nav_type){
|
||
|
|
var found = false;
|
||
|
|
jQuery('#rs-nav-table-'+nav_id).find('.'+nav_type).click();
|
||
|
|
}
|
||
|
|
|
||
|
|
function rs_nav_unselect_all(){
|
||
|
|
rs_current_editing = false;
|
||
|
|
cur_edit_type = false;
|
||
|
|
|
||
|
|
jQuery('.rs-nav-table-row').removeClass('selected');
|
||
|
|
jQuery('.rs-nav-table-cell').each(function(){
|
||
|
|
if(jQuery(this).hasClass('selected')){
|
||
|
|
jQuery(this).find('.rs-edit-nav').hide();
|
||
|
|
jQuery(this).find('.rs-edit-cancel-nav').show();
|
||
|
|
}
|
||
|
|
jQuery(this).removeClass('selected');
|
||
|
|
});
|
||
|
|
jQuery('.rs-nav-table-row').find('*').removeClass('selected');
|
||
|
|
|
||
|
|
jQuery('.rs-editing-wrapper').hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function rs_check_if_default_nav(check_id){
|
||
|
|
var check_for = (check_id !== undefined) ? check_id : rs_current_editing;
|
||
|
|
|
||
|
|
if(check_for !== false){
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(rs_navigations[key]['id'] == check_for){
|
||
|
|
if(typeof(rs_navigations[key]['default']) !== 'undefined' && rs_navigations[key]['default'] == true) return true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
function rs_add_all_navigation_entries(){
|
||
|
|
rs_add_navigation_header('<?php _e('Custom Navigations', REVSLIDER_TEXTDOMAIN); ?>', 'rs-custom-t-wrap');
|
||
|
|
|
||
|
|
for(var i = 1; i<=2; i++){
|
||
|
|
if(i === 2) rs_add_navigation_header('<?php _e('Default Navigations', REVSLIDER_TEXTDOMAIN); ?>', 'rs-default-t-wrap');
|
||
|
|
|
||
|
|
for(var key in rs_navigations){
|
||
|
|
if(i === 1){
|
||
|
|
if(typeof(rs_navigations[key]['default']) !== 'undefined') continue;
|
||
|
|
}else{
|
||
|
|
if(typeof(rs_navigations[key]['default']) === 'undefined') continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
if(parseInt(rs_navigations[key]['id']) > parseInt(latest_nav_id) && parseInt(rs_navigations[key]['id']) < 5000) latest_nav_id = parseInt(rs_navigations[key]['id']);
|
||
|
|
|
||
|
|
if(typeof(rs_navigations[key]['settings']) !== 'object'){
|
||
|
|
rs_navigations[key]['settings'] = jQuery.parseJSON(rs_navigations[key]['settings']);
|
||
|
|
}
|
||
|
|
if(typeof(rs_navigations[key]['settings']) == 'string' || rs_navigations[key]['settings'] == null) rs_navigations[key]['settings'] = {};
|
||
|
|
|
||
|
|
rs_add_navigation_element(rs_navigations[key]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
jQuery('#rs-add-css-color').click(function(){
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
var br_c = jQuery('input[name="rs-color"]').val();
|
||
|
|
|
||
|
|
var css = 'color: '+br_c+';';
|
||
|
|
|
||
|
|
rs_cm_css_editor.replaceSelection(css+"\n","end");
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#rs-add-css-border-radius').click(function(){
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
var br_tl = Math.round(jQuery('input[name="rs-border-radius-top-left"]').val());
|
||
|
|
var br_tr = Math.round(jQuery('input[name="rs-border-radius-top-right"]').val());
|
||
|
|
var br_br = Math.round(jQuery('input[name="rs-border-radius-bottom-right"]').val());
|
||
|
|
var br_bl = Math.round(jQuery('input[name="rs-border-radius-bottom-left"]').val());
|
||
|
|
|
||
|
|
//css = '-webkit-border-radius: '+br_tl+'px '+br_tr+'px '+br_br+'px '+br_bl+'px;'+"\n";
|
||
|
|
//css += '-moz-border-radius: '+br_tl+'px '+br_tr+'px '+br_br+'px '+br_bl+'px;'+"\n";
|
||
|
|
var css = 'border-radius: '+br_tl+'px '+br_tr+'px '+br_br+'px '+br_bl+'px;';
|
||
|
|
|
||
|
|
rs_cm_css_editor.replaceSelection(css+"\n","end");
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#rs-add-css-border').click(function(){
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
var br_t = Math.round(jQuery('input[name="rs-border-top"]').val());
|
||
|
|
var br_r = Math.round(jQuery('input[name="rs-border-right"]').val());
|
||
|
|
var br_b = Math.round(jQuery('input[name="rs-border-bottom"]').val());
|
||
|
|
var br_l = Math.round(jQuery('input[name="rs-border-left"]').val());
|
||
|
|
var br_c = jQuery('input[name="rs-border-color"]').val();
|
||
|
|
|
||
|
|
var css = 'border-top: solid '+br_t+'px '+br_c+';';
|
||
|
|
css += "\n"+'border-right: solid '+br_r+'px '+br_c+';';
|
||
|
|
css += "\n"+'border-bottom: solid '+br_b+'px '+br_c+';';
|
||
|
|
css += "\n"+'border-left: solid '+br_l+'px '+br_c+';';
|
||
|
|
|
||
|
|
rs_cm_css_editor.replaceSelection(css+"\n","end");
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#rs-add-css-text-shadow').click(function(){
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
var ts_a = Math.round(jQuery('input[name="rs-text-shadow-angle"]').val());
|
||
|
|
var ts_d = Math.round(jQuery('input[name="rs-text-shadow-distance"]').val());
|
||
|
|
var ts_b = Math.round(jQuery('input[name="rs-text-shadow-blur"]').val());
|
||
|
|
var ts_c = jQuery('input[name="rs-text-shadow-color"]').val();
|
||
|
|
var ts_o = Math.round(jQuery('input[name="rs-text-shadow-opacity"]').val()) / 100;
|
||
|
|
|
||
|
|
ts_c = UniteAdminRev.convertHexToRGB(ts_c);
|
||
|
|
|
||
|
|
ts_a = ts_a*((Math.PI)/180);
|
||
|
|
var x = Math.round(ts_d * Math.cos(ts_a));
|
||
|
|
var y = Math.round(ts_d * Math.sin(ts_a));
|
||
|
|
|
||
|
|
var css = 'text-shadow: '+x+'px '+y+'px '+ts_b+'px rgba('+ts_c+', '+ts_o+');';
|
||
|
|
|
||
|
|
rs_cm_css_editor.replaceSelection(css+"\n","end");
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#rs-add-css-box-shadow').click(function(){
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
var bs_a = Math.round(jQuery('input[name="rs-box-shadow-angle"]').val());
|
||
|
|
var bs_d = Math.round(jQuery('input[name="rs-box-shadow-distance"]').val());
|
||
|
|
var bs_b = Math.round(jQuery('input[name="rs-box-shadow-blur"]').val());
|
||
|
|
var bs_c = jQuery('input[name="rs-box-shadow-color"]').val();
|
||
|
|
var bs_o = Math.round(jQuery('input[name="rs-box-shadow-opacity"]').val()) / 100;
|
||
|
|
|
||
|
|
bs_c = UniteAdminRev.convertHexToRGB(bs_c);
|
||
|
|
|
||
|
|
bs_a = bs_a*((Math.PI)/180);
|
||
|
|
var x = Math.round(bs_d * Math.cos(bs_a));
|
||
|
|
var y = Math.round(bs_d * Math.sin(bs_a));
|
||
|
|
|
||
|
|
var css = 'box-shadow: '+x+'px '+y+'px '+bs_b+'px rgba('+bs_c+', '+bs_o+');';
|
||
|
|
|
||
|
|
rs_cm_css_editor.replaceSelection(css+"\n","end");
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#rs-add-css-font-family').click(function(){
|
||
|
|
if(rs_check_if_default_nav()) return false;
|
||
|
|
|
||
|
|
var ff = jQuery('select[name="rs-font-family"] option:selected').val();
|
||
|
|
var css = 'font-family: '+ff+';';
|
||
|
|
|
||
|
|
rs_cm_css_editor.replaceSelection(css+"\n","end");
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#rs-add-new-navigation-element').click(function(){
|
||
|
|
latest_nav_id++;
|
||
|
|
|
||
|
|
var the_copy = {};
|
||
|
|
|
||
|
|
the_copy['id'] = latest_nav_id;
|
||
|
|
the_copy['name'] = 'New-'+latest_nav_id;
|
||
|
|
the_copy['handle'] = 'new-'+latest_nav_id;
|
||
|
|
the_copy['settings'] = {};
|
||
|
|
|
||
|
|
rs_add_navigation_element(the_copy, true);
|
||
|
|
|
||
|
|
the_copy['new'] = true;
|
||
|
|
|
||
|
|
rs_navigations.push(the_copy);
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('#list-of-navigations').perfectScrollbar({wheelPropagation:true});
|
||
|
|
jQuery('#list-of-navigations').perfectScrollbar('update');
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var setCMSize = function() {
|
||
|
|
var newsize = (jQuery('.rs-editing-markups-wrap').width() - jQuery('.rs-css-elements').width())-25;
|
||
|
|
jQuery('.CodeMirror .CodeMirror-lines').css({width:newsize + "px"});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
jQuery(window).resize(setCMSize);
|
||
|
|
|
||
|
|
jQuery('.showhidehelper').click(function() {
|
||
|
|
var elm = jQuery('.rs-markup-elements'),
|
||
|
|
elc = jQuery('.rs-css-elements');
|
||
|
|
|
||
|
|
if (elm.hasClass("small")) {
|
||
|
|
elm.css({width:"auto",minWidth:"200px"});
|
||
|
|
elc.css({width:"auto",minWidth:"200px"});
|
||
|
|
jQuery('.closemeshowhide').show();
|
||
|
|
jQuery('.showhidehelper').removeClass("small");
|
||
|
|
elm.removeClass("small");
|
||
|
|
} else {
|
||
|
|
elm.css({width:"20px",minWidth:"20px"});
|
||
|
|
elc.css({width:"20px",minWidth:"20px"});
|
||
|
|
elm.addClass("small");
|
||
|
|
jQuery('.showhidehelper').addClass("small");
|
||
|
|
jQuery('.closemeshowhide').hide();
|
||
|
|
|
||
|
|
}
|
||
|
|
setCMSize();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
// jQuery('#rs-nav-table-15 .rs-nav-tabs-edit').click();
|
||
|
|
},1000)
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/html" id="tmpl-rs-navigation-header-wrap">
|
||
|
|
<div class="rs-nav-table-row rs-nav-entry-wrap rs-nav-fullrow {{ data['type'] }}">
|
||
|
|
<div class="rs-nav-table-cell rs-nav-fullcell">{{ data['title'] }}</div>
|
||
|
|
</div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/html" id="tmpl-rs-navigation-wrap">
|
||
|
|
<div class="rs-nav-table-row rs-nav-entry-wrap" id="rs-nav-table-{{ data['id'] }}">
|
||
|
|
<div class="rs-nav-table-cell">{{ data['id'] }}</div>
|
||
|
|
<div class="rs-nav-table-cell" style="position: relative;">
|
||
|
|
<span class="rs-nav-name-edit-wrap" style="display: none;"><input class="regular-text" name="navigation-name" type="text" value="{{ data['name'] }}" /> <i class="input-edit-icon rs-edit-navigation-name"></i></span>
|
||
|
|
<span class="rs-nav-name-wrap"><span class="rs-nav-name-text">{{ data['name'] }}</span> <# if ( data.edit ) { #><i class="input-edit-icon"></i><# } #></span>
|
||
|
|
</div>
|
||
|
|
<div class="rs-nav-table-cell">
|
||
|
|
<a href="javascript:void(0);" class="rs-nav-arrows-edit">
|
||
|
|
<span class="rs-edit-nav" style="display:{{ data['show-arrows'] }}">{{ data['show_text'] }}</span>
|
||
|
|
<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-arrows'] }}"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="rs-nav-table-cell">
|
||
|
|
<a href="javascript:void(0);" class="rs-nav-bullets-edit">
|
||
|
|
<span class="rs-edit-nav" style="display:{{ data['show-bullets'] }}">{{ data['show_text'] }}</span>
|
||
|
|
<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-bullets'] }}"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="rs-nav-table-cell">
|
||
|
|
<a href="javascript:void(0);" class="rs-nav-thumbs-edit">
|
||
|
|
<span class="rs-edit-nav" style="display:{{ data['show-thumbs'] }}">{{ data['show_text'] }}</span>
|
||
|
|
<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-thumbs'] }}"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="rs-nav-table-cell">
|
||
|
|
<a href="javascript:void(0);" class="rs-nav-tabs-edit">
|
||
|
|
<span class="rs-edit-nav" style="display:{{ data['show-tabs'] }}">{{ data['show_text'] }}</span>
|
||
|
|
<i class="eg-icon-plus-circled rs-edit-cancel-nav" style="display:{{ data['hide-tabs'] }}"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="rs-nav-table-cell"><# if ( data.edit ) { #><a href="javascript:void(0);" class="rs-nav-delete"><i class="revicon-trash"></i></a><# } #></div>
|
||
|
|
<div class="rs-nav-table-cell"><a href="javascript:void(0);" class="rs-nav-duplicate"><i class="revicon-picture"></i></a></div>
|
||
|
|
<!--<div class="rs-nav-table-cell"><# if ( data['has-original'] ) { #><a href="javascript:void(0);" class="rs-nav-reset"><i class="eg-icon-ccw-1"></i></a><# } #></div>-->
|
||
|
|
<div class="rs-nav-table-cell"><# if ( data.edit ) { #><a href="javascript:void(0);" class="rs-nav-save"><i class="revicon-arrows-ccw"></i></a><# } #></div>
|
||
|
|
<div class="rs-nav-table-cell"> </div>
|
||
|
|
</div>
|
||
|
|
</script>
|