<?php
/**
* @package Revolution Slider
* @author ThemePunch <info@themepunch.com>
* @link http://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;">
<?php
$icon_general = '<div class="icon32" id="icon-options-general"></div>';
echo apply_filters( 'rev_icon_general_filter', $icon_general );
?>
<div class="view_title">
<?php _e('Navigation Editor', 'revslider'); ?>
</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'); ?></span> <a original-title="" class="button-primary revblue" id="rs-add-new-navigation-element" href="javascript:void(0);"><?php _e('Add New', 'revslider'); ?></a></h3>
<div class="table-titles">
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('#ID', 'revslider'); ?></div>
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Skin Name', 'revslider'); ?></div>
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Arrows', 'revslider'); ?></div>
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Bullets', 'revslider'); ?></div>
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Thumbs', 'revslider'); ?></div>
<div class="rs-nav-table-cell rs-nav-table-title"><?php _e('Tabs', 'revslider'); ?></div>
<div class="rs-nav-table-cell rs-nav-table-title" style="width:auto;text-align:left;padding:0px 20px;"><?php _e('Actions', 'revslider'); ?></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'); ?> <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'); ?></a></h3>
<div class="rs-editing-markups-wrap">
<div class="rs-markup-selector">
<div class="rs-selector-title"><?php _e('Markup', 'revslider'); ?></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'); ?></h4>
<ul class="rs-element-list">
<!-- <li id="reset-markup-arrow" data-call="arrows_markup"><span class="libtn"><?php _e('Reset Defaults', 'revslider'); ?><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'); ?><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'); ?><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'); ?><span class="more-values-available resetme"></span></span></li>-->
<li><span class="libtn"><?php _e('Parameters', 'revslider'); ?><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'); ?></span></li>
<li data-call="params_special" data-paramid="description"><span class="libtn"><?php _e('Slide Description', 'revslider'); ?></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'); ?> <?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'); ?></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'); ?><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'); ?><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'); ?></a>
</div>
</li>
<li data-call="border_radius"><span class="libtn"><?php _e('Border Radius', 'revslider'); ?><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'); ?></label>
<input class="rs-small-input" type="text" name="rs-border-radius-top-left" value="1"></td>
<label><?php _e('Top Right', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-border-radius-top-right" value="1"></td>
<label><?php _e('Bottom Right', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-border-radius-bottom-right" value="1"></td>
<label><?php _e('Bottom Left', 'revslider'); ?></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'); ?></a>
</div>
</li>
<li data-call="border"><span class="libtn"><?php _e('Border', 'revslider'); ?><span class="more-values-available"></span></span>
<div style="display: none;" class="rs-element-add rs-element-add-border">
<label><?php _e('Top', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-border-top" value="1">
<label><?php _e('Right', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-border-right" value="1">
<label><?php _e('Bottom', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-border-bottom" value="1">
<label><?php _e('Left', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-border-left" value="1">
<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'); ?></a>
</div>
</li>
<li data-call="text_shadow"><span class="libtn"><?php _e('Text-Shadow', 'revslider'); ?><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'); ?></label>
<input class="rs-small-input" type="text" name="rs-text-shadow-angle" value="0">
<label><?php _e('Distance', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-text-shadow-distance" value="0">
<label><?php _e('Blur', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-text-shadow-blur" value="0">
<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'); ?></a>
</div>
</li>
<li data-call="box_shadow"><span class="libtn"><?php _e('Box-Shadow', 'revslider'); ?><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'); ?></label>
<input class="rs-small-input" type="text" name="rs-box-shadow-angle" value="0">
<label><?php _e('Distance', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-box-shadow-distance" value="0">
<label><?php _e('Blur', 'revslider'); ?></label>
<input class="rs-small-input" type="text" name="rs-box-shadow-blur" value="0">
<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'); ?></a>
</div>
</li>
<li data-call="font_families"><span class="libtn"><?php _e('Font Family', 'revslider'); ?><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){
if($name['label'] == 'Dont Show Me') continue;
?>
<option value="<?php echo esc_attr($name['label']); ?>"><?php echo esc_attr($name['label']); ?></option>
<?php
}
?>
</select>
<a href="javascript:void(0);" id="rs-add-css-font-family" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
</div>
</li>
</ul>
</div>
<div class="helper-wrappers">
<!--<h4><span class="libtn"><?php _e('Resets', 'revslider'); ?><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'); ?><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'); ?><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'); ?><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'); ?><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'); ?><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'); ?><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'); ?><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'); ?><span class="more-values-available resetme"></span></span></li>
</ul>-->
</div>
<div class="helper-wrappers">
<h4><span class="libtn"><?php _e('Dynamic Values', 'revslider'); ?><span class="more-values-available"></span></span></h4>
<ul class="rs-element-list collapsable" id="rs-placeholder-container" style="display:none">
<li class="rs-always-stay">
<div class="rs-element-add rs-element-add-placeholder">
<a href="javascript:void(0);" id="rs-add-placeholder" class="button-primary revblue" original-title=""><?php _e('Add', 'revslider'); ?></a>
</div>
</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'); ?></span>
<span class="little-sizes">
<?php _e('Suggested Width:', 'revslider'); ?>
<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'); ?>
<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'); ?></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'); ?>' : '<?php _e('Edit', 'revslider'); ?>';
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, cur_edit_type) {
the_css = replace_placeholder_in_css(the_css, mclass, cur_edit_type);
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();
var cur_css = rs_cm_css_editor.getValue();
cur_css = replace_placeholder_in_css(cur_css, mclass);
if (sbut.hasClass("rs-nav-arrows-edit")) {
ap.show();
var t = '<style>'+cur_css+'</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>'+cur_css+'</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>'+cur_css+'</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>'+cur_css+'</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");
});
var rs_replace = function(str, find, replace) {
return str.replace(new RegExp(find, 'g'), replace);
}
function convertAnytoRGBorRGBA(a,c) {
if (a==="color" || a==="color-rgba") {
if (c.indexOf("rgb")>=0) {
c = c.split('(')[1].split(")")[0];
}
else{
c = UniteAdminRev.convertHexToRGB(c);
c = c[0]+","+c[1]+","+c[2];
}
if (a==="color-rgba" && c.split(",").length<4) c = c+",1";
}
return c;
}
/**
* Default navigations have a different handle, replace them for the preview
**/
var return_true_handle = function(css_handle){
var def = {
'hesperiden': 'round',
'gyges': 'navbar',
'hades': 'preview1',
'ares': 'preview2',
'hebe': 'preview3',
'hermes': 'preview4',
'hephaistos': 'round-old',
'persephone': 'square-old',
'erinyen': 'navbar-old'
};
css_handle = (def[css_handle] !== undefined) ? def[css_handle] : css_handle;
return css_handle;
}
var replace_placeholder_in_css = function(css, css_handle, nav_type){
if(nav_type === undefined){
var nav_type = rs_get_current_nav_type();
}
css_handle = return_true_handle(css_handle);
for(var key in rs_navigations){
if(rs_navigations[key]['handle'] != css_handle) continue;
if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
if(rs_navigations[key]['settings']['placeholders'] == undefined) return css;
}
for(var phkey in rs_navigations[key]['settings']['placeholders']){
if(rs_navigations[key]['settings']['placeholders'][phkey]['nav-type'] !== nav_type) continue;
var d = rs_navigations[key]['settings']['placeholders'][phkey];
switch(d['type']){
case 'color':
css = rs_replace(css, '##'+d['handle']+'##', convertAnytoRGBorRGBA('color',d['data']['color']));
break;
case 'color-rgba':
css = rs_replace(css, '##'+d['handle']+'##', convertAnytoRGBorRGBA('color-rgba',d['data']['color-rgba']));
break;
case 'font-family':
css = rs_replace(css, '##'+d['handle']+'##', d['data'].font_family);
break;
case 'custom':
css = rs_replace(css, '##'+d['handle']+'##', d['data'].custom);
break;
default:
//return false;
break;
}
}
}
return css;
}
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);
}
remove_placeholder();
add_placeholder(cur_edit);
});
var remove_placeholder = function(){
jQuery('#rs-placeholder-container li').each(function(){
if(!jQuery(this).hasClass('rs-always-stay')){
jQuery(this).remove();
}
});
}
var add_placeholder = function(cur_edit){
//add placeholder to CSS if they exist
if(cur_edit.settings !== undefined && cur_edit.settings.placeholders !== undefined){
var nav_type = rs_get_current_nav_type();
for(var key in cur_edit.settings.placeholders){
if(cur_edit.settings.placeholders[key]['nav-type'] != nav_type) continue;
//add to list
var ph_title = '';
switch(cur_edit.settings.placeholders[key]['type']){
case 'color':
ph_title = '<?php _e('Color', 'revslider'); ?>';
break;
case 'color-rgba':
ph_title = '<?php _e('Color-RGBA', 'revslider'); ?>';
break;
case 'font-family':
ph_title = '<?php _e('Font Family', 'revslider'); ?>';
break;
case 'custom':
ph_title = '<?php _e('Custom', 'revslider'); ?>';
break;
default:
continue;
break;
}
jQuery('#rs-placeholder-container').prepend('<li data-placeholder="##'+cur_edit.settings.placeholders[key]['handle']+'##"><span class="rs-placeholder-title">'+cur_edit.settings.placeholders[key]['title']+'</span><a href="javascript:void(0);" class="rs-add-placeholder"><i class="eg-icon-plus"></i></a><a href="javascript:void(0);" class="rs-edit-placeholder"><i class="eg-icon-cog"></i></a><a href="javascript:void(0);" class="rs-remove-placeholder"><i class="eg-icon-trash"></i></a></li>');
}
}
}
jQuery('body').on('click', '.rs-edit-placeholder', function(){
var placeholder = jQuery(this).closest('li').data('placeholder').replace(/#/g, '');
var cur_id = rs_nav_get_selected_id();
var nav_type = rs_get_current_nav_type();
for(var key in rs_navigations){
if(rs_navigations[key]['id'] != cur_id) continue;
if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
if(rs_navigations[key]['settings']['placeholders'] == undefined) rs_navigations[key]['settings']['placeholders'] = [];
}
for(var phkey in rs_navigations[key]['settings']['placeholders']){
if(rs_navigations[key]['settings']['placeholders'][phkey]['nav-type'] !== nav_type) continue;
if(rs_navigations[key]['settings']['placeholders'][phkey]['handle'] == placeholder){
rs_open_placeholder_dialog(rs_navigations[key]['settings']['placeholders'][phkey], phkey, key);
return true;
}
}
}
alert('<?php _e('Entry not found', 'revslider'); ?>');
});
jQuery('body').on('click', '.rs-remove-placeholder', function(){
if(confirm('<?php _e('Delete this Placeholder?', 'revslider'); ?>')){
var placeholder = jQuery(this).closest('li').data('placeholder').replace(/#/g, '');
var cur_id = rs_nav_get_selected_id();
var nav_type = rs_get_current_nav_type();
for(var key in rs_navigations){
if(rs_navigations[key]['id'] != cur_id) continue;
if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
if(rs_navigations[key]['settings']['placeholders'] == undefined) rs_navigations[key]['settings']['placeholders'] = [];
}
for(var phkey in rs_navigations[key]['settings']['placeholders']){
if(rs_navigations[key]['settings']['placeholders'][phkey]['nav-type'] !== nav_type) continue;
if(rs_navigations[key]['settings']['placeholders'][phkey]['handle'] == placeholder){
delete(rs_navigations[key]['settings']['placeholders'][phkey]);
remove_placeholder();
add_placeholder(rs_navigations[key]);
return true;
}
}
}
alert('<?php _e('Could not delete, entry not found', 'revslider'); ?>');
}
});
jQuery('body').on('click', '#rs-placeholder-container li .rs-add-placeholder', function(){
if(rs_check_if_default_nav()) return false;
if(jQuery(this).closest('li').data('placeholder') == undefined) return false;
var css = jQuery(this).closest('li').data('placeholder');
rs_cm_css_editor.replaceSelection(css+"\n","end");
});
// 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, cur_edit_type);
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').tpColorPicker({mode:"single"});
jQuery('.bg-color-field').tpColorPicker({
mode:"single",
change:function() {
jQuery('.rs-editing-preview-overlay').css({backgroundColor:window.RevColor.get(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(){
var marr = [];
for(var key in rs_navigations){
if(rs_navigations[key].default !== true) marr.push(rs_navigations[key]);
}
UniteAdminRev.ajaxRequest('change_navigations', marr, 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'); ?>', 'rs-custom-t-wrap');
for(var i = 1; i<=2; i++){
if(i === 2) rs_add_navigation_header('<?php _e('Default Navigations', 'revslider'); ?>', '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 = window.RevColor.get(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();
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 '+window.RevColor.get(jQuery('input[name="rs-text-shadow-color"]').val())+';';
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 = window.RevColor.get(jQuery('input[name="rs-box-shadow-color"]').val());
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 '+bs_c+';';
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-placeholder').click(function(){
if(rs_check_if_default_nav()) return false;
jQuery('select[name="ph-type"] option[value="color"]').attr('selected', 'selected');
jQuery('select[name="ph-type"]').change();
rs_open_placeholder_dialog();
});
var rs_open_placeholder_dialog = function(entry, phkey, key){
if(entry != undefined){
switch(entry['type']){
case 'color':
jQuery('input[name="ph-color"]').val(entry['data'].color);
jQuery('input[name="ph-color"]').change();
break;
case 'color-rgba':
jQuery('input[name="ph-color-rgba"]').val(entry['data']['color-rgba']);
jQuery('input[name="ph-color-rgba"]').change();
break;
case 'font-family':
jQuery('select[name="ph-font-family"] option[value="'+entry['data'].font_family+'"]').attr('selected', true);
break;
case 'custom':
jQuery('input[name="ph-custom"]').val(entry['data'].custom);
break;
default:
alert('<?php _e('Wrong Handle', 'revslider'); ?>');
return false;
break;
}
jQuery('input[name="ph-id"]').val(phkey);
jQuery('input[name="ph-handle"]').val(entry['handle']);
jQuery('input[name="ph-title"]').val(entry['title']);
jQuery('select[name="ph-type"] option[value="'+entry['type']+'"]').attr('selected', true);
jQuery('select[name="ph-type"]').change();
jQuery('select[name="ph-nav-type"] option[value="'+entry['nav-type']+'"]').attr('selected', 'selected');
var btn_title = "<?php _e('Currently Editing:', 'revslider'); ?> "+entry['title'];
var btn_text = '<?php _e('Update', 'revslider'); ?>';
}else{
//check what type we currently are
var nav_type = rs_get_current_nav_type();
var btn_title = "<?php _e('Currently Editing a New Dynamic Value', 'revslider'); ?>";
jQuery('input[name="ph-id"]').val('NEW');
jQuery('input[name="ph-handle"]').val('');
jQuery('input[name="ph-title"]').val('');
jQuery('input[name="ph-color"]').val('#000000');
jQuery('input[name="ph-color"]').change();
jQuery('input[name="ph-color-rgba"]').val('0,0,0,0');
jQuery('input[name="ph-color-rgba"]').change();
jQuery('select[name="ph-font-family"] option:first-child').attr('selected', true);
jQuery('input[name="ph-custom"]').val('');
jQuery('select[name="ph-nav-type"] option[value="'+nav_type+'"]').attr('selected', 'selected');
var btn_text = '<?php _e('Add', 'revslider'); ?>';
}
jQuery('#add-placeholder-dialog').dialog({
modal:true,
draggable:false,
resizable:false,
width:600,
height:370,
closeOnEscape:true,
title:btn_title,
dialogClass:'wp-dialog',
buttons: [ { text: btn_text, click: function() {
var ph_title = UniteAdminRev.sanitize_input(jQuery('input[name="ph-title"]').val());
var ph_handle = UniteAdminRev.sanitize_input(jQuery('input[name="ph-handle"]').val());
var ph_type = jQuery('select[name="ph-type"] option:selected').val();
var ph_nav_type = jQuery('select[name="ph-nav-type"] option:selected').val();
var ph_data = {};
var ph_id = jQuery('input[name="ph-id"]').val();
switch(ph_type){
case 'color':
ph_data.color = jQuery('input[name="ph-color"]').val();
break;
case 'color-rgba':
ph_data['color-rgba'] = jQuery('input[name="ph-color-rgba"]').val();
break;
case 'font-family':
ph_data.font_family = jQuery('select[name="ph-font-family"] option:selected').val();
break;
case 'custom':
ph_data.custom = jQuery('input[name="ph-custom"]').val();
break;
default:
alert('<?php _e('Wrong Handle', 'revslider'); ?>');
return false;
break;
}
if(ph_handle !== '' && ph_title !== ''){
var cur_id = rs_nav_get_selected_id();
for(var key in rs_navigations){
if(rs_navigations[key]['handle'] == ph_handle){
alert('<?php _e('Handle already existing', 'revslider'); ?>');
return false;
}
}
for(var key in rs_navigations){
if(rs_navigations[key]['id'] != cur_id) continue;
if(typeof(rs_navigations[key]['settings']) !== 'undefined'){
if(rs_navigations[key]['settings']['placeholders'] == undefined) rs_navigations[key]['settings']['placeholders'] = [];
}
if(ph_id == 'NEW'){
rs_navigations[key]['settings']['placeholders'].push({'title': ph_title, 'handle': ph_handle, 'type': ph_type, 'nav-type': ph_nav_type, 'data': ph_data});
}else{
rs_navigations[key]['settings']['placeholders'][ph_id] = {'title': ph_title, 'handle': ph_handle, 'type': ph_type, 'nav-type': ph_nav_type, 'data': ph_data};
}
remove_placeholder();
add_placeholder(rs_navigations[key]);
jQuery(this).dialog('close');
drawEditor();
return true;
}
alert('<?php _e('Navigation not found', 'revslider'); ?>');
}else{
alert('<?php _e('Please add a valid handle/title', 'revslider'); ?>');
}
} } ],
});
}
jQuery('select[name="ph-type"]').change(function(){
var the_type = jQuery(this).val();
jQuery(this).closest('ul').find('li').hide();
jQuery(this).closest('li').show();
jQuery(this).closest('ul').find('li[data-menu="'+the_type+'"]').show();
jQuery(this).closest('ul').find('li[data-menu="always"]').show();
jQuery(this).closest('ul').find('li[data-menu="never"]').hide();
});
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 rs_get_current_nav_type = function(){
var ret = 'arrows';
jQuery('.rs-nav-arrows-edit').each(function(){
if(jQuery(this).hasClass('selected')){
ret = 'arrows';
}
});
jQuery('.rs-nav-bullets-edit').each(function(){
if(jQuery(this).hasClass('selected')){
ret = 'bullets';
}
});
jQuery('.rs-nav-thumbs-edit').each(function(){
if(jQuery(this).hasClass('selected')){
ret = 'thumbs';
}
});
jQuery('.rs-nav-tabs-edit').each(function(){
if(jQuery(this).hasClass('selected')){
ret = 'tabs';
}
});
return ret;
}
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>
<div id="add-placeholder-dialog" style="display: none">
<input type="hidden" name="ph-id" value="NEW">
<ul id="placeholder-options">
<li data-menu="never" style="display: none;">
<label><?php _e('On Navigation:', 'revslider'); ?></label>
<select name="ph-nav-type">
<option value="arrows"><?php _e('Arrows', 'revslider'); ?></option>
<option value="bullets"><?php _e('Bullets', 'revslider'); ?></option>
<option value="thumbs"><?php _e('Thumbs', 'revslider'); ?></option>
<option value="tabs"><?php _e('Tabs', 'revslider'); ?></option>
</select>
</li>
<li>
<label><?php _e('Type:', 'revslider'); ?></label>
<select name="ph-type">
<option value="color"><?php _e('Color RGB', 'revslider'); ?></option>
<option value="color-rgba"><?php _e('Color RGBA', 'revslider'); ?></option>
<option value="font-family"><?php _e('Font Family', 'revslider'); ?></option>
<option value="custom"><?php _e('Text/Custom', 'revslider'); ?></option>
</select>
</li>
<li data-menu="always">
<label><?php _e('Title:', 'revslider'); ?></label>
<input type="text" name="ph-title" value="">
</li>
<li data-menu="always">
<label><?php _e('Handle:', 'revslider'); ?></label>
<span style="margin-left:-20px">##<input type="text" name="ph-handle" value="">##</span>
</li>
<li data-menu="color">
<label><?php _e('Default Value:', 'revslider'); ?></label>
<input type="text" name="ph-color" class="my-color-field" value="#000000">
</li>
<li data-menu="color-rgba">
<label><?php _e('Default Value:', 'revslider'); ?></label>
<input type="text" name="ph-color-rgba" class="my-color-field" value="0,0,0,0">
</li>
<li data-menu="font-family">
<label><?php _e('Default Value:', 'revslider'); ?></label>
<select name="ph-font-family" style="width: 112px;">
<?php
foreach($font_families as $handle => $name){
if($name['label'] == 'Dont Show Me') continue;
?>
<option value="<?php echo esc_attr($name['label']); ?>"><?php echo esc_attr($name['label']); ?></option>
<?php
}
?>
</select>
</li>
<li data-menu="custom">
<label><?php _e('Default Value:', 'revslider'); ?></label>
<input type="text" name="ph-custom" value="">
</li>
</ul>
</div>