function structure_form($item)
{
global $user;
global $DB;
global $website;
global $layout;
global $events;
$navibars = new navibars();
$naviforms = new naviforms();
$layout->navigate_media_browser();
// we can use media browser in this function
if (empty($item->id)) {
$navibars->title(t(16, 'Structure') . ' / ' . t(38, 'Create'));
} else {
$navibars->title(t(16, 'Structure') . ' / ' . t(170, 'Edit') . ' [' . $item->id . ']');
}
$navibars->add_actions(array('<a href="#" onclick="javascript: navigate_media_browser();"><img height="16" align="absmiddle" width="16" src="img/icons/silk/images.png"> ' . t(36, 'Media') . '</a>'));
if (empty($item->id)) {
$navibars->add_actions(array('<a href="#" onclick="navigate_tabform_submit(1);"><img height="16" align="absmiddle" width="16" src="img/icons/silk/accept.png"> ' . t(34, 'Save') . '</a>'));
} else {
$navibars->add_actions(array('<a href="#" onclick="navigate_tabform_submit(1);"><img height="16" align="absmiddle" width="16" src="img/icons/silk/accept.png"> ' . t(34, 'Save') . '</a>', '<a href="#" onclick="navigate_delete_dialog();"><img height="16" align="absmiddle" width="16" src="img/icons/silk/cancel.png"> ' . t(35, 'Delete') . '</a>'));
$delete_html = array();
$delete_html[] = '<div id="navigate-delete-dialog" class="hidden">' . t(57, 'Do you really want to delete this item?') . '</div>';
$delete_html[] = '<script language="javascript" type="text/javascript">';
$delete_html[] = 'function navigate_delete_dialog()';
$delete_html[] = '{';
$delete_html[] = '$("#navigate-delete-dialog").removeClass("hidden");';
$delete_html[] = '$("#navigate-delete-dialog").dialog({
resizable: true,
height: 150,
width: 300,
modal: true,
title: "' . t(59, 'Confirmation') . '",
buttons: {
"' . t(58, 'Cancel') . '": function() {
$(this).dialog("close");
},
"' . t(35, 'Delete') . '": function() {
$(this).dialog("close");
window.location.href = "?fid=' . $_REQUEST['fid'] . '&act=4&id=' . $item->id . '";
}
}
});';
$delete_html[] = '}';
$delete_html[] = '</script>';
$navibars->add_content(implode("\n", $delete_html));
}
$extra_actions = array();
if (!empty($item->id)) {
$DB->query('
SELECT s.id, wd.text as title, s.position
FROM nv_structure s, nv_webdictionary wd
WHERE s.website = ' . $item->website . '
AND s.parent = ' . $item->parent . '
AND wd.website = ' . $item->website . '
AND wd.node_type = "structure"
AND wd.lang = "' . $website->languages_list[0] . '"
AND wd.subtype = "title"
AND wd.node_id = s.id
ORDER BY s.position ASC, s.id ASC
');
$brothers = $DB->result();
$previous_brother = NULL;
$next_brother = NULL;
for ($b = 0; $b < count($brothers); $b++) {
if ($brothers[$b]->id == $item->id) {
$previous_brother = @$brothers[$b - 1]->id;
$previous_brother_title = @$brothers[$b - 1]->title;
$next_brother = @$brothers[$b + 1]->id;
$next_brother_title = @$brothers[$b + 1]->title;
}
}
if (!empty($item->parent)) {
$parent = new structure();
$parent->load($item->parent);
$extra_actions[] = ' <a href="?fid=structure&act=edit&id=' . $parent->id . '">
<img height="16" align="absmiddle" width="16" src="img/icons/silk/resultset_first.png">
<small>(' . strtolower(t(84, 'Parent')) . ')</small> ' . $parent->dictionary[$website->languages_list[0]]["title"] . '</a>';
}
if (!empty($previous_brother)) {
$extra_actions[] = ' <a href="?fid=structure&act=edit&id=' . $previous_brother . '">
<img height="16" align="absmiddle" width="16" src="img/icons/silk/resultset_previous.png">
<small>(' . strtolower(t(501, 'Previous')) . ')</small> ' . $previous_brother_title . '</a>';
}
if (!empty($next_brother)) {
$extra_actions[] = ' <a href="?fid=structure&act=edit&id=' . $next_brother . '">
<img height="16" align="absmiddle" width="16" src="img/icons/silk/resultset_next.png">
<small>(' . strtolower(t(502, 'Next')) . ')</small> ' . $next_brother_title . '</a>';
}
}
$events->add_actions('structure', array('item' => &$item, 'navibars' => &$navibars), $extra_actions);
$navibars->add_actions(array(!empty($item->id) ? '<a href="?fid=structure&act=edit&parent=' . $item->parent . '&template=' . $item->template . '"><img height="16" align="absmiddle" width="16" src="img/icons/silk/add.png"> ' . t(38, 'Create') . '</a>' : '', '<a href="?fid=structure&act=0"><img height="16" align="absmiddle" width="16" src="img/icons/silk/sitemap_color.png"> ' . t(61, 'Tree') . '</a>', 'search_form'));
$navibars->form();
$navibars->add_tab(t(43, "Main"));
$navibars->add_tab_content($naviforms->hidden('form-sent', 'true'));
$navibars->add_tab_content_row(array('<label>ID</label>', '<span>' . (!empty($item->id) ? $item->id : t(52, '(new)')) . '</span>'));
if (empty($item->id)) {
$item->parent = $_GET['parent'];
}
$navibars->add_tab_content($naviforms->hidden('id', $item->id));
//$navibars->add_tab_content($naviforms->hidden('parent', $item->parent));
$hierarchy = structure::hierarchy(0);
$categories_list = structure::hierarchyList($hierarchy, $item->parent);
if (empty($categories_list)) {
$categories_list = '<ul><li value="0">' . t(428, '(no category)') . '</li></ul>';
}
$navibars->add_tab_content_row(array('<label>' . t(84, 'Parent') . '</label>', $naviforms->dropdown_tree('parent', $categories_list, $item->parent, 'navigate_parent_category_change')), 'category_tree');
$layout->add_script('
function navigate_parent_category_change(id)
{
$.ajax(
{
url: NAVIGATE_APP + "?fid=structure&act=category_path&id=" + id,
dataType: "json",
data: {},
success: function(data, textStatus, xhr)
{
item_category_path = data;
}
});
}
');
if (empty($item->template) && isset($_GET['template'])) {
$item->template = $_GET['template'];
}
$templates = template::elements('structure');
$template_select = $naviforms->select_from_object_array('template', $templates, 'id', 'title', $item->template);
$navibars->add_tab_content_row(array('<label>' . t(79, 'Template') . '</label>', $template_select));
$navibars->add_tab_content_row(array('<label>' . t(85, 'Date published') . '</label>', $naviforms->datefield('date_published', $item->date_published, true)));
$navibars->add_tab_content_row(array('<label>' . t(90, 'Date unpublished') . '</label>', $naviforms->datefield('date_unpublish', $item->date_unpublish, true)));
$navibars->add_tab_content_row(array('<label>' . t(364, 'Access') . '</label>', $naviforms->selectfield('access', array(0 => 0, 1 => 2, 2 => 1, 3 => 3), array(0 => t(254, 'Everybody'), 1 => t(362, 'Not signed in'), 2 => t(361, 'Web users only'), 3 => t(512, 'Selected web user groups')), $item->access, 'navigate_webuser_groups_visibility($(this).val());', false, array(1 => t(363, 'Users who have not yet signed in')))));
$webuser_groups = webuser_group::all_in_array();
$navibars->add_tab_content_row(array('<label>' . t(506, "Groups") . '</label>', $naviforms->multiselect('groups', array_keys($webuser_groups), array_values($webuser_groups), $item->groups)), 'webuser-groups-field');
$layout->add_script('
function navigate_webuser_groups_visibility(access_value)
{
if(access_value==3)
$("#webuser-groups-field").show();
else
$("#webuser-groups-field").hide();
}
navigate_webuser_groups_visibility(' . $item->access . ');
');
$navibars->add_tab_content_row(array('<label>' . t(68, 'Status') . '</label>', $naviforms->selectfield('permission', array(0 => 0, 1 => 1, 2 => 2), array(0 => t(69, 'Published'), 1 => t(70, 'Private'), 2 => t(81, 'Hidden')), $item->permission, '', false, array(0 => t(360, 'Visible to everybody'), 1 => t(359, 'Visible only to Navigate CMS users'), 2 => t(358, 'Hidden to everybody')))));
$navibars->add_tab_content_row(array('<label>' . t(283, 'Shown in menus') . '</label>', $naviforms->checkbox('visible', $item->visible)));
if ($item->views > 0) {
$navibars->add_tab_content_row(array('<label>' . t(280, 'Page views') . '</label>', $item->views));
}
$navibars->add_tab(t(54, "Text") . ' / ' . t(74, "Paths"));
$lang_selector = array();
$lang_selector[] = '<div class="buttonset">';
$checked = ' checked="checked" ';
foreach ($website->languages_list as $lang_code) {
$lang_selector[] = '<input type="radio" id="language_selector_' . $lang_code . '" name="language_selector" value="' . $lang_code . '" ' . $checked . ' />
<label for="language_selector_' . $lang_code . '" onclick="navigate_structure_select_language(\'' . $lang_code . '\');">' . language::name_by_code($lang_code) . '</label>';
$checked = "";
}
$lang_selector[] = '</div>';
$navibars->add_tab_content_row(array('<label>' . t(63, 'Languages') . '</label>', implode("\n", $lang_selector)));
foreach ($website->languages_list as $lang_code) {
$navibars->add_tab_content('<div class="language_fields" id="language_fields_' . $lang_code . '" style=" display: none; ">');
$navibars->add_tab_content_row(array('<label>' . t(67, 'Title') . '</label>', $naviforms->textfield('title-' . $lang_code, @$item->dictionary[$lang_code]['title'])));
$open_live_site = '';
if (!empty($item->paths[$lang_code])) {
$open_live_site = ' <a target="_blank" href="' . $website->absolute_path(true) . $item->paths[$lang_code] . '"><img src="img/icons/silk/world_go.png" align="absmiddle" /></a>';
}
$navibars->add_tab_content_row(array('<label>' . t(75, 'Path') . $open_live_site . '</label>', $naviforms->textfield('path-' . $lang_code, @$item->paths[$lang_code], NULL, 'navigate_structure_path_check(this);'), '<span> </span>'));
/*
$navibars->add_tab_content_row(array( '<label> </label>',
'<div class="subcomment"><sup>*</sup> '.t(83, 'Leave blank to disable this item').'</div>',
));
*/
$navibars->add_tab_content_row(array('<label>' . t(172, 'Action') . '</label>', $naviforms->selectfield('action-type-' . $lang_code, array(0 => 'url', 1 => 'jump-branch', 2 => 'jump-item', 3 => 'do-nothing'), array(0 => t(173, 'Open URL'), 1 => t(322, 'Jump to another branch'), 2 => t(323, 'Jump to an element'), 3 => t(183, 'Do nothing')), $item->dictionary[$lang_code]['action-type'], "navigate_structure_action_change('" . $lang_code . "', this);")));
// load item title if action was "jump to an element"
$jump_item_id = '';
$jump_item_title = '';
if (!empty($item->dictionary[$lang_code]['action-jump-item'])) {
$tmp = new Item();
$tmp->load($item->dictionary[$lang_code]['action-jump-item']);
$jump_item_title = array($tmp->dictionary[$lang_code]['title']);
$jump_item_id = array($item->dictionary[$lang_code]['action-jump-item']);
}
$navibars->add_tab_content_row(array('<label>' . t(180, 'Item') . ' [' . t(67, 'Title') . ']</label>', $naviforms->selectfield('action-jump-item-' . $lang_code, $jump_item_id, $jump_item_title, $item->dictionary[$lang_code]['action-jump-item'], null, false, null, null, false), '<div class="subcomment"><span class="ui-icon ui-icon-info" style=" float: left; margin-left: -3px; "></span> ' . t(534, "You can only select elements which have their own path (no category embedded elements)") . '</div>'));
$categories_list = structure::hierarchyList($hierarchy, $item->dictionary[$lang_code]['action-jump-branch'], $lang_code);
$navibars->add_tab_content_row(array('<label>' . t(325, 'Branch') . '</label>', '<div class="category_tree" id="category_tree_jump_branch_' . $lang_code . '">
<img src="img/icons/silk/world.png" align="absmiddle" /> ' . $website->name . '<div class="category_tree_ul">' . $categories_list . '</div>' . '</div>', $naviforms->hidden('action-jump-branch-' . $lang_code, $item->dictionary[$lang_code]['action-jump-branch'])));
$navibars->add_tab_content_row(array('<label>' . t(324, 'New window') . '</label>', $naviforms->checkbox('action-new-window-' . $lang_code, $item->dictionary[$lang_code]['action-new-window'])));
$navibars->add_tab_content('</div>');
}
$parent = new structure();
$parent->paths = array();
if (!empty($item->parent)) {
$parent->load($item->parent);
}
$layout->add_script('
function navigate_structure_select_language(code)
{
$(".language_fields").css("display", "none");
$("#language_fields_" + code).css("display", "block");
}
var active_languages = ["' . implode('", "', $website->languages_list) . '"];
var last_check = [];
var item_category_path = ' . json_encode($parent->paths) . ';
function navigate_structure_path_generate(el)
{
var language = $(el).attr("id").substr(5);
var surl = "";
if(item_category_path[language] && item_category_path[language]!="")
surl = item_category_path[language];
else
surl = "/" + language;
var title = $("#title-"+language).val();
title = title.replace(/([\'"“”«»?:\\+\\&!¿#\\\\])/g, "");
title = title.replace(/[.\\s]+/g, navigate["word_separator"]);
surl += "/" + title;
$(el).val(surl.toLowerCase());
navigate_structure_path_check(el);
}
function navigate_structure_path_check(el)
{
var caret_position = null;
if($(el).is("input") && $(el).is(":focus"))
caret_position = $(el).caret();
var path = $(el).val();
if(path=="") return;
if(path==last_check[$(el).id]) return;
if(path.indexOf("http")==0) return; // ignore paths starting with http/https
path = path.replace(/([\'"“”«»?:\\+\\&!¿#\\\\])/g, "");
path = path.replace(/[.\\s]+/g, navigate["word_separator"]);
$(el).val(path);
last_check[$(el).id] = path;
$(el).next().html("<img src=\\"' . NAVIGATE_URL . '/img/loader.gif\\" align=\\"absmiddle\\" />");
$.ajax({
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&act=95",
dataType: "json",
data: "id=' . $item->id . '&path=" + $(el).val(),
type: "get",
success: function(data, textStatus)
{
var free = true;
if(data && data.length==1)
{
// same element?
if( data[0].object_id != "' . $item->id . '" ||
data[0].type != "structure" )
{
free = false;
}
}
else if(data && data.length > 1)
{
free = false;
}
if(free) free = "<img src=\\"' . NAVIGATE_URL . '/img/icons/silk/tick.png\\" align=\\"absmiddle\\" />";
else free = "<img src=\\"' . NAVIGATE_URL . '/img/icons/silk/cancel.png\\" align=\\"absmiddle\\" />";
free += "<img class=\\"erase_path\\" src=\\"" + NAVIGATE_URL + "/img/icons/silk/erase.png\\" align=\\"absmiddle\\" />";
$(el).next().find(".erase_path").off();
$(el).next().html(free);
$(el).next().find(".erase_path").on("click", function()
{
$(el).focus();
$(el).val("");
}).css("cursor", "pointer");
}
});
if($(el).is("input") && $(el).is(":focus"))
$(el).caret(caret_position)
}
function navigate_structure_action_change(language, element)
{
$("#action-new-window-" + language).parent().hide();
$("#action-jump-item-" + language).parent().hide();
$("#action-jump-branch-" + language).parent().hide();
switch(jQuery(element).val())
{
case "do-nothing":
break;
case "jump-branch":
$("#action-new-window-" + language).parent().show();
$("#action-jump-branch-" + language).parent().show();
$("#category_tree_jump_branch_" + language+ " .category_tree_ul").jstree({
plugins: ["changed", "types"],
"types" :
{
"default": { "icon": "img/icons/silk/folder.png" },
"leaf": { "icon": "img/icons/silk/page_white.png" }
},
"core" :
{
"multiple" : false
}
}).on("changed.jstree", function(e, data)
{
var i, j, r = [];
for(i = 0, j = data.selected.length; i < j; i++)
{
var selected_node = data.instance.get_node(data.selected[i]).data.nodeId;
$("#action-jump-branch-" + language).val(selected_node);
}
});
break;
case "jump-item":
$("#action-new-window-" + language).parent().show();
$("#action-jump-item-" + language).parent().show();
break;
case "url":
$("#action-new-window-" + language).parent().show();
break;
}
}
$(window).on("load", function()
{
for(al in active_languages)
{
navigate_structure_path_check($("#path-" + active_languages[al]));
$("#path-" + active_languages[al]).on("focus", function()
{
if($(this).val() == "")
navigate_structure_path_generate($(this));
});
$("#action-jump-item-" + active_languages[al]).select2(
{
placeholder: "' . t(533, "Find element by title") . '",
minimumInputLength: 1,
ajax: {
url: NAVIGATE_APP + "?fid=" + navigate_query_parameter(\'fid\') + "&act=json_find_item",
dataType: "json",
delay: 100,
data: function(params)
{
return {
title: params.term,
lang: $("input[name=\\"language_selector\\"]:checked").val(),
nd: new Date().getTime(),
page_limit: 30, // page size
page: params.page // page number
};
},
processResults: function (data, params)
{
params.page = params.page || 1;
return {
results: data.items,
pagination: { more: (params.page * 30) < data.total_count }
};
}
},
templateSelection: function(row)
{
if(row.id)
return row.text + " <helper style=\'opacity: .5;\'>#" + row.id + "</helper>";
else
return row.text;
},
escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
triggerChange: true,
allowClear: true
});
navigate_structure_action_change(active_languages[al], $("#action-type-" + active_languages[al]));
}
});
');
$layout->add_script('navigate_structure_select_language("' . $website->languages_list[0] . '")');
if (!empty($item->template)) {
$properties_html = navigate_property_layout_form('structure', $item->template, 'structure', $item->id);
if (!empty($properties_html)) {
$navibars->add_tab(t(77, "Properties"));
$navibars->add_tab_content($properties_html);
}
}
if ($item->votes > 0) {
$navibars->add_tab(t(352, "Votes"));
$score = $item->score / $item->votes;
$navibars->add_tab_content_panel('<img src="img/icons/silk/chart_pie.png" align="absmiddle" /> ' . t(337, 'Summary'), array('<div class="navigate-panels-summary ui-corner-all"><h2>' . $item->votes . '</h2><br />' . t(352, 'Votes') . '</div>', '<div class="navigate-panels-summary ui-corner-all""><h2>' . $score . '</h2><br />' . t(353, 'Score') . '</div>', '<div style=" float: left; margin-left: 8px; "><a href="#" class="uibutton" id="items_votes_webuser">' . t(15, 'Users') . '</a></div>', '<div style=" float: right; margin-right: 8px; "><a href="#" class="uibutton" id="items_votes_reset">' . t(354, 'Reset') . '</a></div>', '<div id="items_votes_webuser_window" style=" display: none; width: 600px; height: 350px; "></div>'), 'navigate-panel-web-summary', '385px', '200px');
$layout->add_script('
$("#items_votes_reset").bind("click", function()
{
$.post("?fid=' . $_REQUEST['fid'] . '&act=votes_reset&id=' . $item->id . '", function(data)
{
$("#navigate-panel-web-summary").addClass("ui-state-disabled");
navigate_notification("' . t(355, 'Votes reset') . '");
});
});
$("#items_votes_webuser").bind("click", function()
{
$( "#items_votes_webuser_window" ).dialog(
{
title: "' . t(357, 'User votes') . '",
width: 700,
height: 400,
modal: true,
open: function()
{
$( "#items_votes_webuser_window" ).html("<table id=\\"items_votes_webuser_grid\\"></table>");
$( "#items_votes_webuser_window" ).append("<div id=\\"items_votes_webuser_grid_pager\\"></div>");
jQuery("#items_votes_webuser_grid").jqGrid(
{
url: "?fid=' . $_REQUEST['fid'] . '&act=votes_by_webuser&id=' . $item->id . '",
editurl: "?fid=' . $_REQUEST['fid'] . '&act=votes_by_webuser&id=' . $item->id . '",
datatype: "json",
mtype: "GET",
pager: "#items_votes_webuser_grid_pager",
colNames:["ID", "' . t(86, 'Date') . '", "' . t(1, 'Username') . '"],
colModel:[
{name:"id", index:"id", width: 75, align: "left", sortable:true, editable:false, hidden: true},
{name:"date",index:"date", width: 180, align: "center", sortable:true, editable:false},
{name:"username", index:"username", align: "left", width: 380, sortable:true, editable:false}
],
scroll: 1,
loadonce: false,
autowidth: true,
forceFit: true,
rowNum: 12,
rowList: [12],
viewrecords: true,
multiselect: true,
sortname: "date",
sortorder: "desc"
});
$("#items_votes_webuser_grid").jqGrid( "navGrid",
"#items_votes_webuser_grid_pager",
{
add: false,
edit: false,
del: true,
search: false
}
);
}
});
});
');
$navibars->add_tab_content_panel('<img src="img/icons/silk/chart_line.png" align="absmiddle" /> ' . t(353, 'Score'), array('<div id="navigate-panel-web-score-graph" style=" height: 171px; width: 385px; "></div>'), 'navigate-panel-web-score', '385px', '200px');
$votes_by_score = webuser_vote::object_votes_by_score('structure', $item->id);
$gdata = array();
$colors = array('#0a2f42', '#62bbe8', '#1d8ec7', '#44aee4', '#bbe1f5');
foreach ($votes_by_score as $vscore) {
$gdata[] = (object) array('label' => $vscore->value, 'data' => (int) $vscore->votes, 'color' => $colors[$vscore->value % count($colors)]);
}
$layout->add_script('
$(document).ready(function()
{
var gdata = ' . json_encode($gdata) . ';
$.plot($("#navigate-panel-web-score-graph"), gdata,
{
series:
{
pie:
{
show: true,
radius: 1,
tilt: 0.5,
startAngle: 3/4,
label:
{
show: true,
formatter: function(label, series)
{
return \'<div style="font-size:12px;text-align:center;padding:2px;color:#fff;"><span style="font-size: 20px; font-weight: bold; ">\'+label+\'</span><br/>\'+Math.round(series.percent)+\'% (\'+series.data[0][1]+\')</div>\';
},
background: { opacity: 0.6 }
},
stroke:
{
color: "#F2F5F7",
width: 4
},
}
},
legend:
{
show: false
}
});
');
$navibars->add_tab_content_panel('<img src="img/icons/silk/chart_line.png" align="absmiddle" /> ' . t(352, 'Votes') . ' (' . t(356, 'last 90 days') . ')', array('<div id="navigate-panel-web-votes-graph" style=" height: 171px; width: 385px; "></div>'), 'navigate-panel-web-votes', '385px', '200px');
$votes_by_date = webuser_vote::object_votes_by_date('structure', $item->id, 90);
$layout->add_script('
var plot = $.plot(
$("#navigate-panel-web-votes-graph"),
[' . json_encode($votes_by_date) . '],
{
series:
{
points: { show: true, radius: 3 }
},
xaxis:
{
mode: "time",
tickLength: 5
},
yaxis:
{
tickDecimals: 0,
zoomRange: false,
panRange: false
},
grid:
{
markings: function (axes)
{
var markings = [];
var d = new Date(axes.xaxis.min);
// go to the first Saturday
d.setUTCDate(d.getUTCDate() - ((d.getUTCDay() + 1) % 7))
d.setUTCSeconds(0);
d.setUTCMinutes(0);
d.setUTCHours(0);
var i = d.getTime();
do {
// when we dont set yaxis, the rectangle automatically
// extends to infinity upwards and downwards
markings.push({ xaxis: { from: i, to: i + 2 * 24 * 60 * 60 * 1000 } });
i += 7 * 24 * 60 * 60 * 1000;
} while (i < axes.xaxis.max);
return markings;
},
markingsColor: "#e7f5fc"
},
zoom:
{
interactive: true
},
pan:
{
interactive: true
}
});
});
');
}
$elements = $item->elements();
if (count($elements) > 0) {
$ids = array();
$navibars->add_tab(t(22, "Elements"));
$table = new naviorderedtable("structure_elements");
$table->setDblclickCallback("structure_elements_open");
$table->setHiddenInput('elements-order');
$table->addHeaderColumn('ID', 24);
$table->addHeaderColumn(t(486, 'Title'), 500);
foreach ($elements as $element) {
$table->addRow($element->id, array(array('content' => $element->id, 'align' => 'left'), array('content' => $element->dictionary[$website->languages_list[0]]['title'], 'align' => 'left')));
$ids[] = $element->id;
}
$navibars->add_tab_content_row(array('<label>' . t(22, 'Elements') . '</label>', '<div>' . $table->generate() . '</div>', '<div class="subcomment">
<input type="hidden" name="elements-order" id="elements-order" value="' . implode("#", $ids) . '" />
<img src="img/icons/silk/information.png" align="absmiddle" /> ' . t(72, 'Drag any row to assign priorities') . '
</div>'));
$layout->add_script('
function structure_elements_open(element)
{
window.location.replace("?fid=items&act=edit&id=" + $(element).attr("id") );
}
');
}
$events->trigger('structure', 'edit', array('item' => &$item, 'navibars' => &$navibars, 'naviforms' => &$naviforms));
return $navibars->generate();
}
function blocks_type_form($item)
{
global $user;
global $DB;
global $website;
global $layout;
global $events;
$navibars = new navibars();
$naviforms = new naviforms();
if (empty($item['id'])) {
$navibars->title(t(23, 'Blocks') . ' / ' . t(167, 'Types') . ' / ' . t(38, 'Create'));
} else {
$navibars->title(t(23, 'Blocks') . ' / ' . t(167, 'Types') . ' / ' . t(170, 'Edit') . ' [' . $item['id'] . ']');
}
$readonly = false;
if (empty($item['id'])) {
$navibars->add_actions(array('<a href="#" onclick="$(\'#navigate-content\').find(\'form\').eq(0).submit();"><img height="16" align="absmiddle" width="16" src="img/icons/silk/accept.png"> ' . t(34, 'Save') . '</a>'));
} else {
if (!empty($item['id']) && !is_numeric($item['id'])) {
$layout->navigate_notification(t(432, "Read only mode"), false, true);
$readonly = true;
} else {
$navibars->add_actions(array('<a href="#" onclick="$(\'#navigate-content\').find(\'form\').eq(0).submit();"><img height="16" align="absmiddle" width="16" src="img/icons/silk/accept.png"> ' . t(34, 'Save') . '</a>', '<a href="#" onclick="navigate_delete_dialog();"><img height="16" align="absmiddle" width="16" src="img/icons/silk/cancel.png"> ' . t(35, 'Delete') . '</a>'));
$layout->add_script('
function navigate_delete_dialog()
{
navigate_confirmation_dialog(
function() { window.location.href = "?fid=blocks&act=block_type_delete&id=' . $item['id'] . '"; },
null, null, "' . t(35, 'Delete') . '"
);
}
');
}
}
$group_blocks_links = array();
list($bg_rs, $bg_total) = block_group::paginated_list(0, 10, 'title', 'desc');
if ($bg_total > 0 && $bg_total <= 10) {
foreach ($bg_rs as $bg) {
$group_blocks_links[] = '<a href="?fid=' . $_REQUEST['fid'] . '&act=block_group_edit&id=' . $bg['id'] . '"><i class="fa fa-fw fa-caret-right"></i> ' . $bg['title'] . '</a>';
}
$events->add_actions('blocks', array('item' => null, 'navibars' => &$navibars), $group_blocks_links, '<a class="content-actions-submenu-trigger" href="?fid=' . $_REQUEST['fid'] . '&act=block_groups_list"><img height="16" align="absmiddle" width="16" src="img/icons/silk/bricks.png"> ' . t(506, 'Groups') . ' ▾</a>');
}
$navibars->add_actions(array('<a href="?fid=' . $_REQUEST['fid'] . '&act=0"><img height="16" align="absmiddle" width="16" src="img/icons/silk/brick.png"> ' . t(23, 'Blocks') . '</a>', !empty($group_blocks_links) ? '' : '<a href="?fid=' . $_REQUEST['fid'] . '&act=block_groups_list"><img height="16" align="absmiddle" width="16" src="img/icons/silk/bricks.png"> ' . t(506, 'Groups') . '</a>'));
$navibars->add_actions(array(!empty($item->id) ? '<a href="?fid=' . $_REQUEST['fid'] . '&act=block_type_edit"><img height="16" align="absmiddle" width="16" src="img/icons/silk/add.png"> ' . t(38, 'Create') . '</a>' : '', '<a href="?fid=' . $_REQUEST['fid'] . '&act=block_types_list"><img height="16" align="absmiddle" width="16" src="img/icons/silk/application_view_list.png"> ' . t(39, 'List') . '</a>'));
$navibars->form();
$navibars->add_tab(t(43, "Main"));
$navibars->add_tab_content($naviforms->hidden('form-sent', 'true'));
$navibars->add_tab_content($naviforms->hidden('id', $item['id']));
$navibars->add_tab_content_row(array('<label>ID</label>', '<span>' . (!empty($item['id']) ? $item['id'] : t(52, '(new)')) . '</span>'));
// TODO: in Navigate CMS 2.0+ add several block types (p.e. Ad (Google adsense, ...), Map (Bing, Yahoo, Google, ...))
$block_modes = block::modes();
$navibars->add_tab_content_row(array('<label>' . t(491, 'Class') . '</label>', $naviforms->selectfield('type', array_keys($block_modes), array_values($block_modes), $item['type'], '', false)));
$navibars->add_tab_content_row(array('<label>' . t(67, 'Title') . '</label>', $naviforms->textfield('title', $item['title'])));
$navibars->add_tab_content_row(array('<label>' . t(237, 'Code') . '</label>', $naviforms->textfield('code', $item['code']), '<div class="subcomment">
<span style=" float: left; margin-left: -3px; " class="ui-icon ui-icon-lightbulb"></span>' . t(436, 'Used as a class in HTML elements') . '</div>'));
$navibars->add_tab_content_row(array('<label>' . t(168, 'Notes') . '</label>', $naviforms->textarea('notes', $item['notes'])));
$navibars->add_tab(t(145, "Size") . ' & ' . t(438, "Order"));
$navibars->add_tab_content_row(array('<label>' . t(155, 'Width') . '<sup>*</sup></label>', $naviforms->textfield('width', $item['width']), 'px'));
$navibars->add_tab_content_row(array('<label>' . t(156, 'Height') . '<sup>*</sup></label>', $naviforms->textfield('height', $item['height']), 'px'));
$navibars->add_tab_content_row(array('<div class="subcomment italic">* ' . t(169, 'You can leave blank a field to not limit the size') . '</div>'));
$navibars->add_tab_content_row(array('<label> </label>', '<a id="wikipedia_web_banner_entry" class="italic" href="http://en.wikipedia.org/wiki/Web_banner" target="_blank"><span class="ui-icon ui-icon-info" style=" float: left;"></span> ' . t(393, 'Standard banner sizes') . ' (Wikipedia)</a>'));
$navibars->add_tab_content_row(array('<label>' . t(404, 'Order by') . '</label>', $naviforms->selectfield('order', array('theme', 'priority', 'random'), array(t('368', 'Theme'), t('66', 'Priority'), t('399', 'Random')), $item['order'])));
$navibars->add_tab_content_row(array('<label>' . t(397, 'Maximum') . '</label>', $naviforms->textfield('maximum', $item['maximum']), '<div class="subcomment"><span class="ui-icon ui-icon-lightbulb" style=" float: left; margin-left: -3px; "></span> ' . t(400, 'Enter 0 to display all') . '</div>'));
$layout->add_script('
function navigate_blocks_code_generate(el)
{
if($("#code").val()!="")
return;
var title = $("#title").val();
title = title.replace(/([\'"“”«»?:\\+\\&!¿#\\\\])/g, "");
title = title.replace(/[.\\s]+/g, navigate["word_separator"]);
$("#code").val(title.toLowerCase());
}
$("#code").on("focus", function()
{
if($(this).val() == "")
navigate_blocks_code_generate();
});
');
if (!empty($item['id'])) {
$navibars->add_tab(t(77, "Properties"));
$table = new naviorderedtable("block_properties_table");
$table->setWidth("550px");
$table->setHiddenInput("block-properties-order");
$table->setDblclickCallback("navigate_block_edit_property");
$navibars->add_tab_content($naviforms->hidden('block-properties-order', ""));
$table->addHeaderColumn(t(159, 'Name'), 350, true);
$table->addHeaderColumn(t(160, 'Type'), 150);
$table->addHeaderColumn(t(65, 'Enabled'), 50);
$properties = property::elements($item['id'], 'block');
$types = property::types();
for ($p = 0; $p < count($properties); $p++) {
$table->addRow($properties[$p]->id, array(array('content' => $properties[$p]->name, 'align' => 'left'), array('content' => $types[$properties[$p]->type], 'align' => 'left'), array('content' => '<input type="checkbox" name="property-enabled[]" value="' . $properties[$p]->id . '" disabled="disabled" id="block-type-property-enabled-' . $properties[$p]->id . '" ' . ($properties[$p]->enabled == '1' ? ' checked=checked ' : '') . ' />
<label for="block-type-property-enabled-' . $properties[$p]->id . '"></label>', 'align' => 'center')));
}
if ($readonly) {
$navibars->add_tab_content_row(array('<label>' . t(77, 'Properties') . '</label>', '<div>' . $table->generate() . '</div>'));
} else {
$navibars->add_tab_content_row(array('<label>' . t(77, 'Properties') . '</label>', '<div>' . $table->generate() . '</div>', '<div class="subcomment">
<img src="img/icons/silk/information.png" align="absmiddle" /> ' . t(72, 'Drag any row to assign priorities') . '.
' . t(192, 'Double click any row to edit') . '
</div>'));
$navibars->add_tab_content_row(array('<label> </label>', '<button id="block-properties-create"><img src="img/icons/silk/add.png" align="absmiddle" /> ' . t(38, 'Create') . '</button>'));
}
$navibars->add_content('
<form id="block-properties-edit-dialog" style="display: none;">
<div class="navigate-form-row">
<label>ID</label>
<span id="property-id-span">' . t(52, '(new)') . '</span>
' . $naviforms->hidden('property-id', '') . '
' . $naviforms->hidden('property-template', $item->id) . '
' . $naviforms->hidden('property-element', "block") . '
</div>
<div class="navigate-form-row">
<label>' . t(67, 'Title') . '</label>
' . $naviforms->textfield('property-name', '') . '
</div>
<div class="navigate-form-row">
<label>' . t(160, 'Type') . '</label>
' . $naviforms->selectfield('property-type', array_keys($types), array_values($types), 'value', 'navigate_block_property_type_change()') . '
</div>
<div class="navigate-form-row">
<label>' . t(200, 'Options') . '</label>
' . $naviforms->textarea('property-options', '') . '
<div class="subcomment">
' . t(201, 'One line per option, formatted like this: value#title') . '
</div>
</div>
<div class="navigate-form-row">
<label>' . t(199, 'Default value') . '</label>
' . $naviforms->textfield('property-dvalue', '') . '
<div class="subcomment">
<span id="property-comment-boolean">' . t(426, 'Enter "1" for true, "0" for false') . '</span>
<span id="property-comment-option">' . t(202, 'Enter only the value') . '</span>
<span id="property-comment-moption">' . t(212, 'Enter the selected values separated by commas') . ': 3,5,8</span>
<span id="property-comment-text">' . t(203, 'Same value for all languages') . '</span>
<span id="property-comment-rating">' . t(223, 'Default is 5 stars, if you want a different number: default_value#number_of_stars') . ' 5#10</span>
<span id="property-comment-date">' . t(50, 'Date format') . ': ' . date($user->date_format) . '</span>
<span id="property-comment-color">' . t(442, 'Hexadecimal color code') . ': #ffffff</span>
<span id="property-comment-country">' . t(225, 'Alpha-2 country code') . ' (es, us, uk...)</span>
<span id="property-comment-file">' . t(204, 'ID of the file') . '</span>
<span id="property-comment-coordinates">' . t(298, 'Latitude') . '#' . t(299, 'Longitude') . ': 40.689231#-74.044505</span>
</div>
</div>
<div class="navigate-form-row">
<label>' . t(65, 'Enabled') . '</label>
' . $naviforms->checkbox('property-enabled', 1) . '
</div>
</form>');
$layout->add_script('
$("#block-properties-create").bind("click", function()
{
navigate_block_edit_property();
return false;
});
function navigate_block_edit_property(el)
{
if(!el) // new property
{
$("#property-id").val("");
$("#property-id-span").html("' . t(52, '(new)') . '");
$("#property-template").val("' . $item['id'] . '");
$("#property-name").val("");
$("#property-type").val("value");
$("#property-element").val("block");
$("#property-options").val("");
$("#property-dvalue").val("");
$("#property-enabled").attr("checked", "checked");
}
else
{
$.ajax({
type: "GET",
async: false,
dateType: "json",
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&act=block_property_load&block=' . $item->id . '&id=" + $(el).attr("id"),
success: function(data)
{
$("#property-id-span").html(data.id);
$("#property-id").val(data.id);
$("#property-template").val(data.template);
$("#property-name").val(data.name);
$("#property-type").val(data.type);
$("#property-element").val("block");
$("#property-options").val(data.options);
$("#property-dvalue").val(data.dvalue);
if(data.enabled=="1")
$("#property-enabled").attr("checked", "checked");
else
$("#property-enabled").removeAttr("checked");
var options = "";
for(var o in data.options)
{
options += o + "#" + data.options[o] + "\\n";
}
$("#property-options").val(options);
}
});
}
navigate_block_property_type_change();
if(' . ($readonly ? 'true' : 'false') . ')
{
$("#block-properties-edit-dialog").dialog(
{
title: \'<img src="img/icons/silk/pencil.png" align="absmiddle" /> ' . t(170, 'Edit') . '\',
resizable: true,
height: 360,
width: 650,
modal: true,
});
}
else // show dialog with action buttons
{
$("#block-properties-edit-dialog").dialog(
{
title: \'<img src="img/icons/silk/pencil.png" align="absmiddle" /> ' . t(170, 'Edit') . '\',
resizable: true,
height: 410,
width: 650,
modal: true,
buttons: {
"' . t(58, 'Cancel') . '": function() {
$(this).dialog("close");
},
"' . t(35, 'Delete') . '": function() {
$.ajax({
type: "POST",
async: false,
dateType: "text",
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&act=block_property_remove",
data: $("#block-properties-edit-dialog").serialize(),
success: function(msg)
{
$("#block_properties_table").find("#" + $("#property-id").val()).remove();
navigate_naviorderedtable_block_properties_table_reorder();
$("#block-properties-edit-dialog").dialog("close");
}
});
},
"' . t(190, 'Ok') . '": function()
{
$.ajax({
type: "POST",
async: false,
dateType: "text",
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&act=block_property_save",
data: $("#block-properties-edit-dialog").serialize(),
success: function(data)
{
if($("#property-id").val() > 0)
{
// update
var tr = $("#block_properties_table").find("#" + $("#property-id").val());
tr.find("td").eq(0).html(data.name);
tr.find("td").eq(1).html(data.type_text);
tr.find("input[type=checkbox]").attr("checked", (data.enabled==1));
}
else
{
// insert
var checked = "";
if(data.enabled) checked = \' checked="checked" \';
var tr = \'<tr id="\'+data.id+\'"><td>\'+data.name+\'</td><td>\'+data.type_text+\'</td><td align="center"><input name="property-enabled[]" id="block-type-property-enabled-\'+data.id+\'" type="checkbox" disabled="disabled" value="\'+data.id+\'" \'+checked+\' /><label for="block-type-property-enabled-\'+data.id+\'"></label></td></tr>\';
$("#block_properties_table").find("tbody:last").append(tr);
$("#block_properties_table").find("tr:last").on("dblclick", function() { navigate_block_edit_property(this); });
$("#block_properties_table").tableDnD(
{
onDrop: function(table, row)
{ navigate_naviorderedtable_block_properties_table_reorder(); }
});
}
navigate_naviorderedtable_block_properties_table_reorder();
$("#block-properties-edit-dialog").dialog("close");
}
});
}
}
});
}
}
function navigate_block_property_type_change()
{
$("#property-options").parent().hide();
$("#property-dvalue").next().find("span").hide();
switch($("#property-type").val())
{
case "option":
$("#property-options").parent().show();
$("#property-comment-option").show();
break;
case "moption":
$("#property-options").parent().show();
$("#property-comment-moption").show();
break;
case "text":
case "textarea":
case "link":
$("#property-comment-text").show();
break;
case "date":
case "datetime":
$("#property-comment-date").show();
break;
case "image":
case "file":
$("#property-comment-file").show();
break;
case "rating":
$("#property-comment-rating").show();
break;
case "color":
$("#property-comment-color").show();
break;
case "coordinates":
$("#property-comment-coordinates").show();
break;
case "country":
$("#property-comment-country").show();
break;
case "boolean":
$("#property-comment-boolean").show();
break;
case "comment":
case "value":
default:
}
}
navigate_naviorderedtable_block_properties_table_reorder();
');
}
return $navibars->generate();
}
function templates_form($item)
{
global $user;
global $DB;
global $website;
global $layout;
$navibars = new navibars();
$naviforms = new naviforms();
if (empty($item->id)) {
$navibars->title(t(20, 'Templates') . ' / ' . t(38, 'Create'));
} else {
$navibars->title(t(20, 'Templates') . ' / ' . t(170, 'Edit') . ' [' . $item->id . ']');
}
$readonly = false;
if (!empty($item->id) && !is_numeric($item->id)) {
$layout->navigate_notification(t(432, "Read only mode"), false, true);
$readonly = true;
} else {
if (empty($item->id)) {
$navibars->add_actions(array('<a href="#" onclick="navigate_tabform_submit(1);"><img height="16" align="absmiddle" width="16" src="img/icons/silk/accept.png"> ' . t(34, 'Save') . '</a>'));
} else {
$navibars->add_actions(array('<a href="#" onclick="navigate_tabform_submit(1);"><img height="16" align="absmiddle" width="16" src="img/icons/silk/accept.png"> ' . t(34, 'Save') . '</a>', '<a href="#" onclick="navigate_delete_dialog();"><img height="16" align="absmiddle" width="16" src="img/icons/silk/cancel.png"> ' . t(35, 'Delete') . '</a>'));
$delete_html = array();
$delete_html[] = '<div id="navigate-delete-dialog" class="hidden">' . t(57, 'Do you really want to delete this item?') . '</div>';
$delete_html[] = '<script language="javascript" type="text/javascript">';
$delete_html[] = 'function navigate_delete_dialog()';
$delete_html[] = '{';
$delete_html[] = '$("#navigate-delete-dialog").removeClass("hidden");';
$delete_html[] = '$("#navigate-delete-dialog").dialog({
resizable: true,
height: 150,
width: 300,
modal: true,
title: "' . t(59, 'Confirmation') . '",
buttons: {
"' . t(58, 'Cancel') . '": function() {
$(this).dialog("close");
},
"' . t(35, 'Delete') . '": function() {
$(this).dialog("close");
window.location.href = "?fid=' . $_REQUEST['fid'] . '&act=4&id=' . $item->id . '";
}
}
});';
$delete_html[] = '}';
$delete_html[] = '</script>';
$navibars->add_content(implode("\n", $delete_html));
}
}
$navibars->add_actions(array(!empty($item->id) ? '<a href="?fid=templates&act=2"><img height="16" align="absmiddle" width="16" src="img/icons/silk/add.png"> ' . t(38, 'Create') . '</a>' : '', '<a href="?fid=templates&act=0"><img height="16" align="absmiddle" width="16" src="img/icons/silk/application_view_list.png"> ' . t(39, 'List') . '</a>', 'search_form'));
$navibars->form();
$navibars->add_tab(t(43, "Main"));
$navibars->add_tab_content($naviforms->hidden('form-sent', 'true'));
$navibars->add_tab_content($naviforms->hidden('id', $item->id));
$navibars->add_tab_content_row(array('<label>ID</label>', '<span>' . (!empty($item->id) ? $item->id : t(52, '(new)')) . '</span>'));
$navibars->add_tab_content_row(array('<label>' . t(67, 'Title') . '</label>', $naviforms->textfield('title', $item->title)));
if ($readonly) {
$navibars->add_tab_content_row(array('<label>' . t(82, 'File') . '</label>', '<span>' . $item->file . '</span>'));
} else {
$navibars->add_tab_content_row(array('<label>' . t(82, 'File') . '</label>', '<span>' . NAVIGATE_PRIVATE . '/' . $website->id . '/templates/</span>', $naviforms->textfield('file', $item->file, '236px'), empty($item->file) ? '' : '<a href="#" onclick="navigate_templates_editor();"><img src="' . NAVIGATE_URL . '/img/icons/silk/pencil.png" /></a>'));
}
$navibars->add_content('
<div id="templates-file-edit-dialog" style=" display: none; ">
<textarea name="templates-file-edit-area" id="templates-file-edit-area" style=" width: 99%; height: 98%; ">' . htmlentities(@file_get_contents(NAVIGATE_PRIVATE . '/' . $website->id . '/templates/' . $item->file), ENT_COMPAT, 'UTF-8') . '</textarea>
</div>
');
$layout->add_script('
var current_template_editor = null;
function navigate_templates_editor()
{
var file = $("#file").val();
$("#templates-file-edit-dialog").dialog(
{
title: \'<img src="' . NAVIGATE_URL . '/img/icons/silk/pencil.png" align="absmiddle" /> ' . t(170, 'Edit') . ' \' + file,
resizable: true,
draggable: true,
width: $(window).width() - 60,
height: $(window).height() - 50,
position: { my: "center", at: "center", of: window },
modal: true,
open: function()
{
current_template_editor = CodeMirror.fromTextArea(
$("#templates-file-edit-area")[0],
{
mode: "text/html",
tabMode: "indent",
lineNumbers: true,
matchBrackets: true
}
);
$(".CodeMirror").css({ width: "99%", height: "98%"});
$(".CodeMirror-scroll").css({ width: "100%", height: "100%"});
},
beforeClose: function() {
// dialog may be closed by clicking on a footer button or clicking the close "x" icon on top
if(current_template_editor)
{
current_template_editor.toTextArea();
current_template_editor = null;
}
},
buttons: {
"' . t(58, 'Cancel') . '": function() {
$("#templates-file-edit-dialog").dialog("close");
},
"' . t(34, 'Save') . '": function()
{
current_template_editor.toTextArea();
current_template_editor = null;
$.ajax({
type: "POST",
async: false,
dateType: "text",
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&id=' . $item->id . '&act=save_template_file",
data: $("#templates-file-edit-area").serialize(),
success: function(data)
{
if(data=="true")
{
$("#templates-file-edit-dialog").dialog("close");
navigate_notification("' . t(235, 'File saved successfully.') . '");
}
else
{
$("#templates-file-edit-dialog").dialog("close");
navigate_notification("' . t(56, 'Unexpected error.') . '");
}
}
});
}
}
}).dialogExtend(
{
maximizable: true
});
}
');
$navibars->add_tab_content_row(array('<label>' . t(68, 'Status') . '</label>', $naviforms->selectfield('permission', array(0 => 0, 1 => 1, 2 => 2), array(0 => t(69, 'Published'), 1 => t(70, 'Private'), 2 => t(81, 'Hidden')), $item->permission, '', false, array(0 => t(360, 'Visible to everybody'), 1 => t(359, 'Visible only to Navigate CMS users'), 2 => t(358, 'Hidden to everybody')))));
$navibars->add_tab_content_row(array('<label>' . t(62, 'Statistics') . '</label>', $naviforms->checkbox('statistics', $item->statistics)));
$navibars->add_tab_content_row(array('<label>' . t(65, 'Enabled') . '</label>', $naviforms->checkbox('enabled', $item->enabled)));
if (!empty($item->id)) {
$navibars->add_tab(t(236, "Sections"));
$table = new naviorderedtable("template_sections_table");
$table->setWidth("600px");
$table->setHiddenInput("template-sections-order");
$navibars->add_tab_content($naviforms->hidden('template-sections-order', ""));
$table->addHeaderColumn(t(237, 'Code'), 100);
$table->addHeaderColumn(t(159, 'Name'), 250);
$table->addHeaderColumn(t(267, 'Editor'), 100);
$table->addHeaderColumn(t(155, 'Width'), 100);
$table->addHeaderColumn(t(35, 'Remove'), 100);
for ($p = 0; $p < count($item->sections); $p++) {
$disabled = $item->sections[$p]['code'] == 'main';
unset($selected);
$selected = array();
$selected[$item->sections[$p]['editor']] = ' selected="selected" ';
$select_editor = '<select name="template-sections-editor[]" style=" width: 125px; ">';
$select_editor .= ' <option value="tinymce" ' . $selected['tinymce'] . '>TinyMCE</option>';
$select_editor .= ' <option value="html" ' . $selected['html'] . '>' . t(269, 'HTML code') . '</option>';
$select_editor .= ' <option value="raw" ' . $selected['raw'] . '>' . t(268, 'Raw') . '</option>';
$select_editor .= '</select>';
$table->addRow($p, array(array('content' => '<input type="text" name="template-sections-code[]" value="' . $item->sections[$p]['code'] . '" style="width: 140px;" />', 'align' => 'left'), array('content' => '<input type="text" name="template-sections-name[]" value="' . template::section_name($item->sections[$p]['name']) . '" style="width: 290px;" />', 'align' => 'left'), array('content' => $select_editor, 'align' => 'left'), array('content' => '<div style=" white-space: nowrap; "><input type="text" name="template-sections-width[]" value="' . template::section_name($item->sections[$p]['width']) . '" style="width: 40px;" /> px</div>', 'align' => 'left'), array('content' => !empty($disabled) || $readonly ? '' : '<img src="' . NAVIGATE_URL . '/img/icons/silk/cancel.png" onclick="navigate_templates_sections_remove(this);" />', 'align' => 'center')));
}
if ($readonly) {
$navibars->add_tab_content_row(array('<label>' . t(236, 'Sections') . '</label>', '<div>' . $table->generate() . '</div>'));
} else {
$navibars->add_tab_content_row(array('<label>' . t(236, 'Sections') . '</label>', '<div>' . $table->generate() . '</div>', '<div class="subcomment">
<img src="img/icons/silk/information.png" align="absmiddle" /> ' . t(72, 'Drag any row to assign priorities') . '.
' . t(192, 'Double click any row to edit') . '
</div>'));
$navibars->add_tab_content_row(array('<label> </label>', '<button id="templates-sections-create"><img src="img/icons/silk/add.png" align="absmiddle" style="cursor:pointer;" /> ' . t(38, 'Create') . '</button>'));
}
$navibars->add_content('
<form id="templates-sections-edit-dialog" style="display: none;">
' . $naviforms->hidden('section-id', '') . '
<div class="navigate-form-row">
<label>' . t(67, 'Title') . '</label>
' . $naviforms->textfield('section-name', '') . '
</div>
<div class="navigate-form-row">
<label>' . t(237, 'Code') . '</label>
' . $naviforms->textfield('section-code', '') . '
</div>
</form>');
$section_widths = templates_section_widths();
$layout->add_script('
$("#templates-sections-create").on("click", function() {
var tr = \'<tr id="\'+(new Date().getTime())+\'">\';
tr += \'<td><input type="text" name="template-sections-code[]" value="" style="width: 140px;" /></td>\';
tr += \'<td><input type="text" name="template-sections-name[]" value="" style="width: 290px;" /></td>\';
tr += \'<td><select style="width: 125px;" name="template-sections-editor[]"><option selected="selected" value="tinymce">TinyMCE</option><option value="html">' . t(269, 'HTML code') . '</option><option value="raw">' . t(268, 'Raw') . '</option></select></td>\';
tr += \'<td><div style="white-space: nowrap;"><input type="text" style="width: 40px;" value="950" name="template-sections-width[]"> px</div></td>\';
tr += \'<td align="center"><img src="' . NAVIGATE_URL . '/img/icons/silk/cancel.png" onclick="navigate_templates_sections_remove(this);" style="cursor:pointer;" /></td>\';
tr += \'</tr>\';
$("#template_sections_table").find("tbody:last").append(tr);
$("#template_sections_table").tableDnD(
{
onDrop: function(table, row)
{ navigate_naviorderedtable_template_sections_table_reorder(); }
});
$(\'input[name="template-sections-width[]"]\').autocomplete(
{
source: function(request, response) { response(' . json_encode($section_widths) . '); },
minLength: 0
});
return false;
});
function navigate_templates_sections_remove(el)
{
$(el).parent().parent().remove();
}
$(\'input[name="template-sections-width[]"]\').autocomplete(
{
source: function(request, response) { response(' . json_encode($section_widths) . '); },
minLength: 0
});
$(document).on(\'click\', \'input[name="template-sections-width[]"]\', function()
{
$(this).autocomplete( "search" , $(this).val());
});
');
$navibars->add_tab_content_row(array('<label>' . t(210, 'Gallery') . '</label>', $naviforms->checkbox('gallery', $item->gallery)));
$navibars->add_tab_content_row(array('<label>' . t(250, 'Comments') . '</label>', $naviforms->checkbox('comments', $item->comments)));
$navibars->add_tab_content_row(array('<label>' . t(265, 'Tags') . '</label>', $naviforms->checkbox('tags', $item->tags)));
$navibars->add_tab(t(77, "Properties"));
$table = new naviorderedtable("template_properties_table");
$table->setWidth("550px");
$table->setHiddenInput("template-properties-order");
$table->setDblclickCallback("navigate_templates_edit_property");
$navibars->add_tab_content($naviforms->hidden('template-properties-order', ""));
$table->addHeaderColumn(t(159, 'Name'), 250, true);
$table->addHeaderColumn(t(160, 'Type'), 150);
$table->addHeaderColumn(t(87, 'Association'), 100);
$table->addHeaderColumn(t(65, 'Enabled'), 50);
$properties = property::elements($item->id);
$types = property::types();
$element_types = array('item' => t(180, 'Item'), 'structure' => t(16, 'Structure'));
for ($p = 0; $p < count($properties); $p++) {
$table->addRow($properties[$p]->id, array(array('content' => $properties[$p]->name, 'align' => 'left'), array('content' => $types[$properties[$p]->type], 'align' => 'left'), array('content' => $element_types[$properties[$p]->element], 'align' => 'left'), array('content' => '<input type="checkbox" name="property-enabled[]" class="raw-checkbox" value="' . $properties[$p]->id . '" ' . ($properties[$p]->enabled == '1' ? ' checked=checked ' : '') . ' />', 'align' => 'center')));
}
if ($readonly) {
$navibars->add_tab_content_row(array('<label>' . t(77, 'Properties') . '</label>', '<div>' . $table->generate() . '</div>'));
} else {
$navibars->add_tab_content_row(array('<label>' . t(77, 'Properties') . '</label>', '<div>' . $table->generate() . '</div>', '<div class="subcomment">
<img src="img/icons/silk/information.png" align="absmiddle" /> ' . t(72, 'Drag any row to assign priorities') . '.
' . t(192, 'Double click any row to edit') . '
</div>'));
$navibars->add_tab_content_row(array('<label> </label>', '<button id="templates-properties-create"><img src="img/icons/silk/add.png" align="absmiddle" /> ' . t(38, 'Create') . '</button>'));
}
$navibars->add_content('
<form id="templates-properties-edit-dialog" style="display: none;">
<div class="navigate-form-row">
<label>ID</label>
<span id="property-id-span">' . t(52, '(new)') . '</span>
' . $naviforms->hidden('property-id', '') . '
' . $naviforms->hidden('property-template', $item->id) . '
</div>
<div class="navigate-form-row">
<label>' . t(67, 'Title') . '</label>
' . $naviforms->textfield('property-name', '') . '
</div>
<div class="navigate-form-row">
<label>' . t(87, 'Association') . '</label>
' . $naviforms->selectfield('property-element', array_keys($element_types), array_values($element_types), 'value') . '
</div>
<div class="navigate-form-row">
<label>' . t(160, 'Type') . '</label>
' . $naviforms->selectfield('property-type', array_keys($types), array_values($types), 'value', 'navigate_templates_property_type_change()') . '
</div>
<div class="navigate-form-row">
<label>' . t(200, 'Options') . '</label>
' . $naviforms->textarea('property-options', '') . '
<div class="subcomment">
' . t(201, 'One line per option, formatted like this: value#title') . '
</div>
</div>
<div class="navigate-form-row">
<label>' . t(547, 'Multilanguage') . '</label>
' . $naviforms->checkbox('property-multilanguage', false) . '
</div>
<div class="navigate-form-row">
<label>' . t(199, 'Default value') . '</label>
' . $naviforms->textfield('property-dvalue', '') . '
<div class="subcomment">
<span id="property-comment-boolean">' . t(426, 'Enter "1" for true, "0" for false') . '</span>
<span id="property-comment-option">' . t(202, 'Enter only the value') . '</span>
<span id="property-comment-moption">' . t(212, 'Enter the selected values separated by commas') . ': 3,5,8</span>
<span id="property-comment-text">' . t(203, 'Same value for all languages') . '</span>
<span id="property-comment-rating">' . t(223, 'Default is 5 stars, if you want a different number: default_value#number_of_stars') . ' 5#10</span>
<span id="property-comment-date">' . t(50, 'Date format') . ': ' . date($user->date_format) . '</span>
<span id="property-comment-color">' . t(442, 'Hexadecimal color code') . ': #ffffff</span>
<span id="property-comment-country">' . t(225, 'Alpha-2 country code') . ' (es, us, uk...)</span>
<span id="property-comment-file">' . t(204, 'ID of the file') . '</span>
<span id="property-comment-video">' . t(490, 'ID of the file or public video URL') . '</span>
<span id="property-comment-coordinates">' . t(298, 'Latitude') . '#' . t(299, 'Longitude') . ': 40.689231#-74.044505</span>
</div>
</div>
<div class="navigate-form-row">
<label>' . t(65, 'Enabled') . '</label>
' . $naviforms->checkbox('property-enabled', 1) . '
</div>
<div class="navigate-form-row">
<label>' . t(550, 'Help text') . '</label>
' . $naviforms->textfield('property-helper', '') . '
</div>
</form>');
$layout->add_script('
$("#templates-properties-create").bind("click", function()
{
navigate_templates_edit_property();
return false;
});
function navigate_templates_edit_property(el)
{
if(!el) // new property
{
$("#property-id").val("");
$("#property-id-span").html("' . t(52, '(new)') . '");
$("#property-element").val("template");
$("#property-template").val("' . $item->id . '");
$("#property-name").val("");
$("#property-type").val("value");
$("#property-options").val("");
$("#property-dvalue").val("");
$("#property-helper").val("");
$("#property-multilanguage").removeAttr("checked");
$("#property-enabled").attr("checked", "checked");
}
else
{
$.ajax({
type: "GET",
async: false,
dateType: "json",
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&act=template_property_load&template=' . $item->id . '&id=" + $(el).attr("id"),
success: function(data)
{
$("#property-id-span").html(data.id);
$("#property-id").val(data.id);
$("#property-element").val(data.element);
$("#property-template").val(data.template);
$("#property-name").val(data.name);
$("#property-type").val(data.type);
$("#property-options").val(data.options);
$("#property-dvalue").val(data.dvalue);
$("#property-helper").val(data.helper);
if(data.multilanguage=="true")
$("#property-multilanguage").attr("checked", "checked");
else
$("#property-multilanguage").removeAttr("checked");
if(data.enabled=="1")
$("#property-enabled").attr("checked", "checked");
else
$("#property-enabled").removeAttr("checked");
var options = "";
for(var o in data.options)
{
options += o + "#" + data.options[o] + "\\n";
}
$("#property-options").val(options);
}
});
}
navigate_templates_property_type_change();
var navigate_templates_element_types = new Array();
navigate_templates_element_types["item"] = "' . t(180, 'Item') . '";
navigate_templates_element_types["structure"] = "' . t(16, 'Structure') . '";
//navigate_templates_element_types["product"] = "' . t(214, 'Product') . '";
if(' . ($readonly ? 'true' : 'false') . ')
{
$("#templates-properties-edit-dialog").dialog(
{
title: \'<img src="img/icons/silk/pencil.png" align="absmiddle" /> ' . t(170, 'Edit') . '\',
resizable: true,
height: 360,
width: 650,
modal: true,
});
}
else // show dialog with action buttons
{
$("#templates-properties-edit-dialog").dialog(
{
title: \'<img src="img/icons/silk/pencil.png" align="absmiddle" /> ' . t(170, 'Edit') . '\',
resizable: true,
height: 410,
width: 650,
modal: true,
buttons: {
"' . t(58, 'Cancel') . '": function() {
$(this).dialog("close");
},
"' . t(35, 'Delete') . '": function() {
$.ajax({
type: "POST",
async: false,
dateType: "text",
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&act=template_property_remove",
data: $("#templates-properties-edit-dialog").serialize(),
success: function(msg)
{
$("#template_properties_table").find("#" + $("#property-id").val()).remove();
navigate_naviorderedtable_template_properties_table_reorder();
$("#templates-properties-edit-dialog").dialog("close");
}
});
},
"' . t(190, 'Ok') . '": function()
{
$.ajax({
type: "POST",
async: false,
dateType: "text",
url: "' . NAVIGATE_URL . '/' . NAVIGATE_MAIN . '?fid=' . $_REQUEST['fid'] . '&act=template_property_save",
data: $("#templates-properties-edit-dialog").serialize(),
success: function(data)
{
if($("#property-id").val() > 0)
{
// update
var tr = $("#template_properties_table").find("#" + $("#property-id").val());
tr.find("td").eq(0).html(data.name);
tr.find("td").eq(1).html(data.type_text);
tr.find("td").eq(2).html(navigate_templates_element_types[data.element]);
tr.find("input[type=checkbox]").attr("checked", (data.enabled==1));
}
else
{
// insert
var checked = "";
if(data.enabled) checked = \' checked="checked" \';
var tr = \'<tr id="\'+data.id+\'"><td>\'+data.name+\'</td><td>\'+data.type_text+\'</td><td>\'+navigate_templates_element_types[data.element]+\'</td><td align="center"><input name="property-enabled[]" class="raw-checkbox" type="checkbox" value="\'+data.id+\'" \'+checked+\' /></td></tr>\';
$("#template_properties_table").find("tbody:last").append(tr);
$("#template_properties_table").find("tr:last").bind("dblclick", function() { navigate_templates_edit_property(this); });
$("#template_properties_table").tableDnD(
{
onDrop: function(table, row)
{ navigate_naviorderedtable_template_properties_table_reorder(); }
});
}
navigate_naviorderedtable_template_properties_table_reorder();
$("#templates-properties-edit-dialog").dialog("close");
}
});
}
}
});
}
}
function navigate_templates_property_type_change()
{
$("#property-options").parent().hide();
$("#property-multilanguage").parent().hide();
$("#property-dvalue").next().find("span").hide();
switch($("#property-type").val())
{
case "option":
$("#property-options").parent().show();
$("#property-comment-option").show();
break;
case "moption":
$("#property-options").parent().show();
$("#property-comment-moption").show();
break;
case "text":
case "textarea":
case "link":
case "rich_textarea":
case "source_code":
$("#property-comment-text").show();
break;
case "date":
case "datetime":
$("#property-comment-date").show();
break;
case "image":
case "file":
$("#property-comment-file").show();
$("#property-multilanguage").parent().show();
break;
case "video":
$("#property-comment-video").show();
break;
case "rating":
$("#property-comment-rating").show();
break;
case "color":
$("#property-comment-color").show();
break;
case "coordinates":
$("#property-comment-coordinates").show();
break;
case "country":
$("#property-comment-country").show();
break;
case "boolean":
$("#property-comment-boolean").show();
break;
case "comment":
case "value":
default:
}
}
navigate_naviorderedtable_template_properties_table_reorder();
');
}
return $navibars->generate();
}
