silverstripe-cms/javascript/dist/CMSMain.Tree.js

(function (global, factory) {
	if (typeof define === "function" && define.amd) {
		define('ss.CMSMain.Tree', ['../../../framework/javascript/dist/jQuery', '../../../framework/javascript/dist/i18n'], factory);
	} else if (typeof exports !== "undefined") {
		factory(require('../../../framework/javascript/dist/jQuery'), require('../../../framework/javascript/dist/i18n'));
	} else {
		var mod = {
			exports: {}
		};
		factory(global.jQuery, global.i18n);
		global.ssCMSMainTree = mod.exports;
	}
})(this, function (_jQuery, _i18n) {
	'use strict';

	var _jQuery2 = _interopRequireDefault(_jQuery);

	var _i18n2 = _interopRequireDefault(_i18n);

	function _interopRequireDefault(obj) {
		return obj && obj.__esModule ? obj : {
			default: obj
		};
	}

	_jQuery2.default.entwine('ss.tree', function ($) {
		$('.cms-tree').entwine({
			fromDocument: {
				'oncontext_show.vakata': function oncontext_showVakata(e) {
					this.adjustContextClass();
				}
			},
			adjustContextClass: function adjustContextClass() {
				var menus = $('#vakata-contextmenu').find("ul ul");
				menus.each(function (i) {
					var col = "1",
					    count = $(menus[i]).find('li').length;

					if (count > 20) {
						col = "3";
					} else if (count > 10) {
						col = "2";
					}

					$(menus[i]).addClass('col-' + col).removeClass('right');
					$(menus[i]).find('li').on("mouseenter", function (e) {
						$(this).parent('ul').removeClass("right");
					});
				});
			},
			getTreeConfig: function getTreeConfig() {
				var self = this,
				    config = this._super(),
				    hints = this.getHints();

				config.plugins.push('contextmenu');
				config.contextmenu = {
					'items': function items(node) {
						var menuitems = {
							'edit': {
								'label': _i18n2.default._t('Tree.EditPage', 'Edit page', 100, 'Used in the context menu when right-clicking on a page node in the CMS tree'),
								'action': function action(obj) {
									$('.cms-container').entwine('.ss').loadPanel(_i18n2.default.sprintf(self.data('urlEditpage'), obj.data('id')));
								}
							}
						};

						if (!node.hasClass('nochildren')) {
							menuitems['showaslist'] = {
								'label': _i18n2.default._t('Tree.ShowAsList'),
								'action': function action(obj) {
									$('.cms-container').entwine('.ss').loadPanel(self.data('urlListview') + '&ParentID=' + obj.data('id'), null, {
										tabState: {
											'pages-controller-cms-content': {
												'tabSelector': '.content-listview'
											}
										}
									});
								}
							};
						}

						var pagetype = node.data('pagetype'),
						    id = node.data('id'),
						    allowedChildren = node.find('>a .item').data('allowedchildren'),
						    menuAllowedChildren = {},
						    hasAllowedChildren = false;
						$.each(allowedChildren, function (klass, title) {
							hasAllowedChildren = true;
							menuAllowedChildren["allowedchildren-" + klass] = {
								'label': '<span class="jstree-pageicon"></span>' + title,
								'_class': 'class-' + klass,
								'action': function action(obj) {
									$('.cms-container').entwine('.ss').loadPanel($.path.addSearchParams(_i18n2.default.sprintf(self.data('urlAddpage'), id, klass), self.data('extraParams')));
								}
							};
						});

						if (hasAllowedChildren) {
							menuitems['addsubpage'] = {
								'label': _i18n2.default._t('Tree.AddSubPage', 'Add page under this page', 100, 'Used in the context menu when right-clicking on a page node in the CMS tree'),
								'submenu': menuAllowedChildren
							};
						}

						menuitems['duplicate'] = {
							'label': _i18n2.default._t('Tree.Duplicate'),
							'submenu': [{
								'label': _i18n2.default._t('Tree.ThisPageOnly'),
								'action': function action(obj) {
									$('.cms-container').entwine('.ss').loadPanel($.path.addSearchParams(_i18n2.default.sprintf(self.data('urlDuplicate'), obj.data('id')), self.data('extraParams')));
								}
							}, {
								'label': _i18n2.default._t('Tree.ThisPageAndSubpages'),
								'action': function action(obj) {
									$('.cms-container').entwine('.ss').loadPanel($.path.addSearchParams(_i18n2.default.sprintf(self.data('urlDuplicatewithchildren'), obj.data('id')), self.data('extraParams')));
								}
							}]
						};
						return menuitems;
					}
				};
				return config;
			}
		});
		$('.cms-tree a.jstree-clicked').entwine({
			onmatch: function onmatch() {
				var self = this,
				    panel = self.parents('.cms-panel-content'),
				    scrollTo;

				if (self.offset().top < 0 || self.offset().top > panel.height() - self.height()) {
					scrollTo = panel.scrollTop() + self.offset().top + panel.height() / 2;
					panel.animate({
						scrollTop: scrollTo
					}, 'slow');
				}
			}
		});
		$('.cms-tree-filtered .clear-filter').entwine({
			onclick: function onclick() {
				window.location = location.protocol + '//' + location.host + location.pathname;
			}
		});
		$('.cms-tree-filtered').entwine({
			onmatch: function onmatch() {
				var self = this,
				    setHeight = function setHeight() {
					var height = $('.cms-content-tools .cms-panel-content').height() - self.parent().siblings('.cms-content-toolbar').outerHeight(true);
					self.css('height', height + 'px');
				};

				setHeight();
				$(window).on('resize', window.ss.debounce(setHeight, 300));
			}
		});
	});
});