silverstripe-framework/admin/client/dist/js/LeftAndMain.ActionTabSet.js

(function (global, factory) {
	if (typeof define === "function" && define.amd) {
		define('ss.LeftAndMain.ActionTabSet', ['jQuery'], factory);
	} else if (typeof exports !== "undefined") {
		factory(require('jQuery'));
	} else {
		var mod = {
			exports: {}
		};
		factory(global.jQuery);
		global.ssLeftAndMainActionTabSet = mod.exports;
	}
})(this, function (_jQuery) {
	'use strict';

	var _jQuery2 = _interopRequireDefault(_jQuery);

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

	_jQuery2.default.entwine('ss', function ($) {
		$('.ss-tabset.ss-ui-action-tabset').entwine({
			IgnoreTabState: true,

			onadd: function onadd() {
				this._super();

				this.tabs({ 'collapsible': true, 'active': false });
			},

			onremove: function onremove() {
				var frame = $('.cms-container').find('iframe');
				frame.each(function (index, iframe) {
					try {
						$(iframe).contents().off('click.ss-ui-action-tabset');
					} catch (e) {
						console.warn('Unable to access iframe, possible https mis-match');
					}
				});
				$(document).off('click.ss-ui-action-tabset');

				this._super();
			},

			'ontabsbeforeactivate': function ontabsbeforeactivate(event, ui) {
				this.riseUp(event, ui);
			},

			onclick: function onclick(event, ui) {
				this.attachCloseHandler(event, ui);
			},

			attachCloseHandler: function attachCloseHandler(event, ui) {
				var that = this,
				    frame = $('.cms-container').find('iframe'),
				    _closeHandler;

				_closeHandler = function closeHandler(event) {
					var panel, frame;
					panel = $(event.target).closest('.ss-ui-action-tabset .ui-tabs-panel');

					if (!$(event.target).closest(that).length && !panel.length) {
						that.tabs('option', 'active', false);
						frame = $('.cms-container').find('iframe');
						frame.each(function (index, iframe) {
							$(iframe).contents().off('click.ss-ui-action-tabset', _closeHandler);
						});
						$(document).off('click.ss-ui-action-tabset', _closeHandler);
					}
				};

				$(document).on('click.ss-ui-action-tabset', _closeHandler);

				if (frame.length > 0) {
					frame.each(function (index, iframe) {
						$(iframe).contents().on('click.ss-ui-action-tabset', _closeHandler);
					});
				}
			},

			riseUp: function riseUp(event, ui) {
				var elHeight, trigger, endOfWindow, elPos, activePanel, activeTab, topPosition, containerSouth, padding;

				elHeight = $(this).find('.ui-tabs-panel').outerHeight();
				trigger = $(this).find('.ui-tabs-nav').outerHeight();
				endOfWindow = $(window).height() + $(document).scrollTop() - trigger;
				elPos = $(this).find('.ui-tabs-nav').offset().top;

				activePanel = ui.newPanel;
				activeTab = ui.newTab;

				if (elPos + elHeight >= endOfWindow && elPos - elHeight > 0) {
					this.addClass('rise-up');

					if (activeTab.position() !== null) {
						topPosition = -activePanel.outerHeight();
						containerSouth = activePanel.parents('.south');
						if (containerSouth) {
							padding = activeTab.offset().top - containerSouth.offset().top;
							topPosition = topPosition - padding;
						}
						$(activePanel).css('top', topPosition + "px");
					}
				} else {
					this.removeClass('rise-up');
					if (activeTab.position() !== null) {
						$(activePanel).css('top', '0px');
					}
				}
				return false;
			}
		});

		$('.cms-content-actions .ss-tabset.ss-ui-action-tabset').entwine({
			'ontabsbeforeactivate': function ontabsbeforeactivate(event, ui) {
				this._super(event, ui);

				if ($(ui.newPanel).length > 0) {
					$(ui.newPanel).css('left', ui.newTab.position().left + "px");
				}
			}
		});

		$('.cms-actions-row.ss-tabset.ss-ui-action-tabset').entwine({
			'ontabsbeforeactivate': function ontabsbeforeactivate(event, ui) {
				this._super(event, ui);

				$(this).closest('.ss-ui-action-tabset').removeClass('tabset-open tabset-open-last');
			}
		});

		$('.cms-content-fields .ss-tabset.ss-ui-action-tabset').entwine({
			'ontabsbeforeactivate': function ontabsbeforeactivate(event, ui) {
				this._super(event, ui);
				if ($(ui.newPanel).length > 0) {
					if ($(ui.newTab).hasClass("last")) {
						$(ui.newPanel).css({ 'left': 'auto', 'right': '0px' });

						$(ui.newPanel).parent().addClass('tabset-open-last');
					} else {
						$(ui.newPanel).css('left', ui.newTab.position().left + "px");

						if ($(ui.newTab).hasClass("first")) {
							$(ui.newPanel).css('left', "0px");
							$(ui.newPanel).parent().addClass('tabset-open');
						}
					}
				}
			}
		});

		$('.cms-tree-view-sidebar .cms-actions-row.ss-tabset.ss-ui-action-tabset').entwine({
			'from .ui-tabs-nav li': {
				onhover: function onhover(e) {
					$(e.target).parent().find('li .active').removeClass('active');
					$(e.target).find('a').addClass('active');
				}
			},

			'ontabsbeforeactivate': function ontabsbeforeactivate(event, ui) {
				this._super(event, ui);

				$(ui.newPanel).css({ 'left': 'auto', 'right': 'auto' });

				if ($(ui.newPanel).length > 0) {
					$(ui.newPanel).parent().addClass('tabset-open');
				}
			}
		});
	});
});