',
-
- btnTpl : {
-
- download : '' +
- '' +
- '',
-
- zoom : '',
-
- close : '',
-
- // This small close button will be appended to your html/inline/ajax content by default,
- // if "smallBtn" option is not set to false
- smallBtn : '',
-
- // Arrows
- arrowLeft : '',
-
- arrowRight : ''
- },
-
- // Container is injected into this element
- parentEl : 'body',
-
-
- // Focus handling
- // ==============
-
- // Try to focus on the first focusable element after opening
- autoFocus : false,
-
- // Put focus back to active element after closing
- backFocus : true,
-
- // Do not let user to focus on element outside modal content
- trapFocus : true,
-
-
- // Module specific options
- // =======================
-
- fullScreen : {
- autoStart : false,
- },
-
- // Set `touch: false` to disable dragging/swiping
- touch : {
- vertical : true, // Allow to drag content vertically
- momentum : true // Continue movement after releasing mouse/touch when panning
- },
-
- // Hash value when initializing manually,
- // set `false` to disable hash change
- hash : null,
-
- // Customize or add new media types
- // Example:
- /*
- media : {
- youtube : {
- params : {
- autoplay : 0
- }
- }
- }
- */
- media : {},
-
- slideShow : {
- autoStart : false,
- speed : 4000
- },
-
- thumbs : {
- autoStart : false, // Display thumbnails on opening
- hideOnClose : true, // Hide thumbnail grid when closing animation starts
- parentEl : '.fancybox-container', // Container is injected into this element
- axis : 'y' // Vertical (y) or horizontal (x) scrolling
- },
-
- // Use mousewheel to navigate gallery
- // If 'auto' - enabled for images only
- wheel : 'auto',
-
- // Callbacks
- //==========
-
- // See Documentation/API/Events for more information
- // Example:
- /*
- afterShow: function( instance, current ) {
- console.info( 'Clicked element:' );
- console.info( current.opts.$orig );
- }
- */
-
- onInit : $.noop, // When instance has been initialized
-
- beforeLoad : $.noop, // Before the content of a slide is being loaded
- afterLoad : $.noop, // When the content of a slide is done loading
-
- beforeShow : $.noop, // Before open animation starts
- afterShow : $.noop, // When content is done loading and animating
-
- beforeClose : $.noop, // Before the instance attempts to close. Return false to cancel the close.
- afterClose : $.noop, // After instance has been closed
-
- onActivate : $.noop, // When instance is brought to front
- onDeactivate : $.noop, // When other instance has been activated
-
-
- // Interaction
- // ===========
-
- // Use options below to customize taken action when user clicks or double clicks on the fancyBox area,
- // each option can be string or method that returns value.
- //
- // Possible values:
- // "close" - close instance
- // "next" - move to next gallery item
- // "nextOrClose" - move to next gallery item or close if gallery has only one item
- // "toggleControls" - show/hide controls
- // "zoom" - zoom image (if loaded)
- // false - do nothing
-
- // Clicked on the content
- clickContent : function( current, event ) {
- return current.type === 'image' ? 'zoom' : false;
- },
-
- // Clicked on the slide
- clickSlide : 'close',
-
- // Clicked on the background (backdrop) element
- clickOutside : 'close',
-
- // Same as previous two, but for double click
- dblclickContent : false,
- dblclickSlide : false,
- dblclickOutside : false,
-
-
- // Custom options when mobile device is detected
- // =============================================
-
- mobile : {
- idleTime : false,
- margin : 0,
-
- clickContent : function( current, event ) {
- return current.type === 'image' ? 'toggleControls' : false;
- },
- clickSlide : function( current, event ) {
- return current.type === 'image' ? 'toggleControls' : 'close';
- },
- dblclickContent : function( current, event ) {
- return current.type === 'image' ? 'zoom' : false;
- },
- dblclickSlide : function( current, event ) {
- return current.type === 'image' ? 'zoom' : false;
- }
- },
-
-
- // Internationalization
- // ============
-
- lang : 'en',
- i18n : {
- 'en' : {
- CLOSE : 'Close',
- NEXT : 'Next',
- PREV : 'Previous',
- ERROR : 'The requested content cannot be loaded. Please try again later.',
- PLAY_START : 'Start slideshow',
- PLAY_STOP : 'Pause slideshow',
- FULL_SCREEN : 'Full screen',
- THUMBS : 'Thumbnails',
- DOWNLOAD : 'Download',
- SHARE : 'Share',
- ZOOM : 'Zoom'
- },
- 'de' : {
- CLOSE : 'Schliessen',
- NEXT : 'Weiter',
- PREV : 'Zurück',
- ERROR : 'Die angeforderten Daten konnten nicht geladen werden. Bitte versuchen Sie es später nochmal.',
- PLAY_START : 'Diaschau starten',
- PLAY_STOP : 'Diaschau beenden',
- FULL_SCREEN : 'Vollbild',
- THUMBS : 'Vorschaubilder',
- DOWNLOAD : 'Herunterladen',
- SHARE : 'Teilen',
- ZOOM : 'Maßstab'
- }
- }
-
- };
-
- // Few useful variables and methods
- // ================================
-
- var $W = $(window);
- var $D = $(document);
-
- var called = 0;
-
-
- // Check if an object is a jQuery object and not a native JavaScript object
- // ========================================================================
-
- var isQuery = function ( obj ) {
- return obj && obj.hasOwnProperty && obj instanceof $;
- };
-
-
- // Handle multiple browsers for "requestAnimationFrame" and "cancelAnimationFrame"
- // ===============================================================================
-
- var requestAFrame = (function () {
- return window.requestAnimationFrame ||
- window.webkitRequestAnimationFrame ||
- window.mozRequestAnimationFrame ||
- window.oRequestAnimationFrame ||
- // if all else fails, use setTimeout
- function (callback) {
- return window.setTimeout(callback, 1000 / 60);
- };
- })();
-
-
- // Detect the supported transition-end event property name
- // =======================================================
-
- var transitionEnd = (function () {
- var t, el = document.createElement("fakeelement");
-
- var transitions = {
- "transition" : "transitionend",
- "OTransition" : "oTransitionEnd",
- "MozTransition" : "transitionend",
- "WebkitTransition": "webkitTransitionEnd"
- };
-
- for (t in transitions) {
- if (el.style[t] !== undefined){
- return transitions[t];
- }
- }
-
- return 'transitionend';
- })();
-
-
- // Force redraw on an element.
- // This helps in cases where the browser doesn't redraw an updated element properly.
- // =================================================================================
-
- var forceRedraw = function( $el ) {
- return ( $el && $el.length && $el[0].offsetHeight );
- };
-
-
- // Class definition
- // ================
-
- var FancyBox = function( content, opts, index ) {
- var self = this;
-
- self.opts = $.extend( true, { index : index }, $.fancybox.defaults, opts || {} );
-
- if ( $.fancybox.isMobile ) {
- self.opts = $.extend( true, {}, self.opts, self.opts.mobile );
- }
-
- // Exclude buttons option from deep merging
- if ( opts && $.isArray( opts.buttons ) ) {
- self.opts.buttons = opts.buttons;
- }
-
- self.id = self.opts.id || ++called;
- self.group = [];
-
- self.currIndex = parseInt( self.opts.index, 10 ) || 0;
- self.prevIndex = null;
-
- self.prevPos = null;
- self.currPos = 0;
-
- self.firstRun = null;
-
- // Create group elements from original item collection
- self.createGroup( content );
-
- if ( !self.group.length ) {
- return;
- }
-
- // Save last active element and current scroll position
- self.$lastFocus = $(document.activeElement).blur();
-
- // Collection of gallery objects
- self.slides = {};
-
- self.init();
- };
-
- $.extend(FancyBox.prototype, {
-
- // Create DOM structure
- // ====================
-
- init : function() {
- var self = this,
- firstItem = self.group[ self.currIndex ],
- firstItemOpts = firstItem.opts,
- scrollbarWidth = $.fancybox.scrollbarWidth,
- $scrollDiv,
- $container,
- buttonStr;
-
- self.scrollTop = $D.scrollTop();
- self.scrollLeft = $D.scrollLeft();
-
-
- // Hide scrollbars
- // ===============
-
- if ( !$.fancybox.getInstance() ) {
-
- $( 'body' ).addClass( 'fancybox-active' );
-
- // iOS hack
- if ( /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream ) {
-
- // iOS has problems for input elements inside fixed containers,
- // the workaround is to apply `position: fixed` to `` element,
- // unfortunately, this makes it lose the scrollbars and forces address bar to appear.
-
- if ( firstItem.type !== 'image' ) {
- $( 'body' ).css( 'top', $( 'body' ).scrollTop() * -1 ).addClass( 'fancybox-iosfix' );
- }
-
- } else if ( !$.fancybox.isMobile && document.body.scrollHeight > window.innerHeight ) {
-
- if ( scrollbarWidth === undefined ) {
- $scrollDiv = $('').appendTo( 'body' );
-
- scrollbarWidth = $.fancybox.scrollbarWidth = $scrollDiv[0].offsetWidth - $scrollDiv[0].clientWidth;
-
- $scrollDiv.remove();
- }
-
- $( 'head' ).append( '' );
- $( 'body' ).addClass( 'compensate-for-scrollbar' );
- }
- }
-
-
- // Build html markup and set references
- // ====================================
-
- // Build html code for buttons and insert into main template
- buttonStr = '';
-
- $.each( firstItemOpts.buttons, function( index, value ) {
- buttonStr += ( firstItemOpts.btnTpl[ value ] || '' );
- });
-
- // Create markup from base template, it will be initially hidden to
- // avoid unnecessary work like painting while initializing is not complete
- $container = $(
- self.translate( self,
- firstItemOpts.baseTpl
- .replace( '\{\{buttons\}\}', buttonStr )
- .replace( '\{\{arrows\}\}', firstItemOpts.btnTpl.arrowLeft + firstItemOpts.btnTpl.arrowRight )
- )
- )
- .attr( 'id', 'fancybox-container-' + self.id )
- .addClass( 'fancybox-is-hidden' )
- .addClass( firstItemOpts.baseClass )
- .data( 'FancyBox', self )
- .appendTo( firstItemOpts.parentEl );
-
- // Create object holding references to jQuery wrapped nodes
- self.$refs = {
- container : $container
- };
-
- [ 'bg', 'inner', 'infobar', 'toolbar', 'stage', 'caption', 'navigation' ].forEach(function(item) {
- self.$refs[ item ] = $container.find( '.fancybox-' + item );
- });
-
- self.trigger( 'onInit' );
-
- // Enable events, deactive previous instances
- self.activate();
-
- // Build slides, load and reveal content
- self.jumpTo( self.currIndex );
- },
-
-
- // Simple i18n support - replaces object keys found in template
- // with corresponding values
- // ============================================================
-
- translate : function( obj, str ) {
- var arr = obj.opts.i18n[ obj.opts.lang ];
-
- return str.replace(/\{\{(\w+)\}\}/g, function(match, n) {
- var value = arr[n];
-
- if ( value === undefined ) {
- return match;
- }
-
- return value;
- });
- },
-
- // Create array of gally item objects
- // Check if each object has valid type and content
- // ===============================================
-
- createGroup : function ( content ) {
- var self = this;
- var items = $.makeArray( content );
-
- $.each(items, function( i, item ) {
- var obj = {},
- opts = {},
- $item,
- type,
- found,
- src,
- srcParts;
-
- // Step 1 - Make sure we have an object
- // ====================================
-
- if ( $.isPlainObject( item ) ) {
-
- // We probably have manual usage here, something like
- // $.fancybox.open( [ { src : "image.jpg", type : "image" } ] )
-
- obj = item;
- opts = item.opts || item;
-
- } else if ( $.type( item ) === 'object' && $( item ).length ) {
-
- // Here we probably have jQuery collection returned by some selector
- $item = $( item );
-
- opts = $item.data();
- opts = $.extend( {}, opts, opts.options || {} );
-
- // Here we store clicked element
- opts.$orig = $item;
-
- obj.src = opts.src || $item.attr( 'href' );
-
- // Assume that simple syntax is used, for example:
- // `$.fancybox.open( $("#test"), {} );`
- if ( !obj.type && !obj.src ) {
- obj.type = 'inline';
- obj.src = item;
- }
-
- } else {
-
- // Assume we have a simple html code, for example:
- // $.fancybox.open( '
Hi!
' );
-
- obj = {
- type : 'html',
- src : item + ''
- };
-
- }
-
- // Each gallery object has full collection of options
- obj.opts = $.extend( true, {}, self.opts, opts );
-
- // Do not merge buttons array
- if ( $.isArray( opts.buttons ) ) {
- obj.opts.buttons = opts.buttons;
- }
-
-
- // Step 2 - Make sure we have content type, if not - try to guess
- // ==============================================================
-
- type = obj.type || obj.opts.type;
- src = obj.src || '';
-
- if ( !type && src ) {
- if ( src.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i) ) {
- type = 'image';
-
- } else if ( src.match(/\.(pdf)((\?|#).*)?$/i) ) {
- type = 'pdf';
-
- } else if ( found = src.match(/\.(mp4|mov|ogv)((\?|#).*)?$/i) ) {
- type = 'video';
-
- if ( !obj.opts.videoFormat ) {
- obj.opts.videoFormat = 'video/' + ( found[1] === 'ogv' ? 'ogg' : found[1] );
- }
-
- } else if ( src.charAt(0) === '#' ) {
- type = 'inline';
- }
- }
-
- if ( type ) {
- obj.type = type;
-
- } else {
- self.trigger( 'objectNeedsType', obj );
- }
-
-
- // Step 3 - Some adjustments
- // =========================
-
- obj.index = self.group.length;
-
- // Check if $orig and $thumb objects exist
- if ( obj.opts.$orig && !obj.opts.$orig.length ) {
- delete obj.opts.$orig;
- }
-
- if ( !obj.opts.$thumb && obj.opts.$orig ) {
- obj.opts.$thumb = obj.opts.$orig.find( 'img:first' );
- }
-
- if ( obj.opts.$thumb && !obj.opts.$thumb.length ) {
- delete obj.opts.$thumb;
- }
-
- // "caption" is a "special" option, it can be used to customize caption per gallery item ..
- if ( $.type( obj.opts.caption ) === 'function' ) {
- obj.opts.caption = obj.opts.caption.apply( item, [ self, obj ] );
- }
-
- if ( $.type( self.opts.caption ) === 'function' ) {
- obj.opts.caption = self.opts.caption.apply( item, [ self, obj ] );
- }
-
- // Make sure we have caption as a string or jQuery object
- if ( !( obj.opts.caption instanceof $ ) ) {
- obj.opts.caption = obj.opts.caption === undefined ? '' : obj.opts.caption + '';
- }
-
- // Check if url contains "filter" used to filter the content
- // Example: "ajax.html #something"
- if ( type === 'ajax' ) {
- srcParts = src.split(/\s+/, 2);
-
- if ( srcParts.length > 1 ) {
- obj.src = srcParts.shift();
-
- obj.opts.filter = srcParts.shift();
- }
- }
-
- if ( obj.opts.smallBtn == 'auto' ) {
-
- if ( $.inArray( type, ['html', 'inline', 'ajax'] ) > -1 ) {
- obj.opts.toolbar = false;
- obj.opts.smallBtn = true;
-
- } else {
- obj.opts.smallBtn = false;
- }
-
- }
-
- // If the type is "pdf", then simply load file into iframe
- if ( type === 'pdf' ) {
- obj.type = 'iframe';
-
- obj.opts.iframe.preload = false;
- }
-
- // Hide all buttons and disable interactivity for modal items
- if ( obj.opts.modal ) {
-
- obj.opts = $.extend(true, obj.opts, {
- // Remove buttons
- infobar : 0,
- toolbar : 0,
-
- smallBtn : 0,
-
- // Disable keyboard navigation
- keyboard : 0,
-
- // Disable some modules
- slideShow : 0,
- fullScreen : 0,
- thumbs : 0,
- touch : 0,
-
- // Disable click event handlers
- clickContent : false,
- clickSlide : false,
- clickOutside : false,
- dblclickContent : false,
- dblclickSlide : false,
- dblclickOutside : false
- });
-
- }
-
- // Step 4 - Add processed object to group
- // ======================================
-
- self.group.push( obj );
-
- });
-
- },
-
-
- // Attach an event handler functions for:
- // - navigation buttons
- // - browser scrolling, resizing;
- // - focusing
- // - keyboard
- // - detect idle
- // ======================================
-
- addEvents : function() {
- var self = this;
-
- self.removeEvents();
-
- // Make navigation elements clickable
- self.$refs.container.on('click.fb-close', '[data-fancybox-close]', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- self.close( e );
-
- }).on( 'click.fb-prev touchend.fb-prev', '[data-fancybox-prev]', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- self.previous();
-
- }).on( 'click.fb-next touchend.fb-next', '[data-fancybox-next]', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- self.next();
-
- }).on( 'click.fb', '[data-fancybox-zoom]', function(e) {
- // Click handler for zoom button
- self[ self.isScaledDown() ? 'scaleToActual' : 'scaleToFit' ]();
- });
-
-
- // Handle page scrolling and browser resizing
- $W.on('orientationchange.fb resize.fb', function(e) {
-
- if ( e && e.originalEvent && e.originalEvent.type === "resize" ) {
-
- requestAFrame(function() {
- self.update();
- });
-
- } else {
-
- self.$refs.stage.hide();
-
- setTimeout(function() {
- self.$refs.stage.show();
-
- self.update();
- }, 600);
-
- }
-
- });
-
- // Trap keyboard focus inside of the modal, so the user does not accidentally tab outside of the modal
- // (a.k.a. "escaping the modal")
- $D.on('focusin.fb', function(e) {
- var instance = $.fancybox ? $.fancybox.getInstance() : null;
-
- if ( instance.isClosing || !instance.current || !instance.current.opts.trapFocus || $( e.target ).hasClass( 'fancybox-container' ) || $( e.target ).is( document ) ) {
- return;
- }
-
- if ( instance && $( e.target ).css( 'position' ) !== 'fixed' && !instance.$refs.container.has( e.target ).length ) {
- e.stopPropagation();
-
- instance.focus();
-
- // Sometimes page gets scrolled, set it back
- $W.scrollTop( self.scrollTop ).scrollLeft( self.scrollLeft );
- }
- });
-
-
- // Enable keyboard navigation
- $D.on('keydown.fb', function (e) {
- var current = self.current,
- keycode = e.keyCode || e.which;
-
- if ( !current || !current.opts.keyboard ) {
- return;
- }
-
- if ( $(e.target).is('input') || $(e.target).is('textarea') ) {
- return;
- }
-
- // Backspace and Esc keys
- if ( keycode === 8 || keycode === 27 ) {
- e.preventDefault();
-
- self.close( e );
-
- return;
- }
-
- // Left arrow and Up arrow
- if ( keycode === 37 || keycode === 38 ) {
- e.preventDefault();
-
- self.previous();
-
- return;
- }
-
- // Righ arrow and Down arrow
- if ( keycode === 39 || keycode === 40 ) {
- e.preventDefault();
-
- self.next();
-
- return;
- }
-
- self.trigger('afterKeydown', e, keycode);
- });
-
-
- // Hide controls after some inactivity period
- if ( self.group[ self.currIndex ].opts.idleTime ) {
- self.idleSecondsCounter = 0;
-
- $D.on('mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle', function(e) {
- self.idleSecondsCounter = 0;
-
- if ( self.isIdle ) {
- self.showControls();
- }
-
- self.isIdle = false;
- });
-
- self.idleInterval = window.setInterval(function() {
- self.idleSecondsCounter++;
-
- if ( self.idleSecondsCounter >= self.group[ self.currIndex ].opts.idleTime && !self.isDragging ) {
- self.isIdle = true;
- self.idleSecondsCounter = 0;
-
- self.hideControls();
- }
-
- }, 1000);
- }
-
- },
-
-
- // Remove events added by the core
- // ===============================
-
- removeEvents : function() {
- var self = this;
-
- $W.off( 'orientationchange.fb resize.fb' );
- $D.off( 'focusin.fb keydown.fb .fb-idle' );
-
- this.$refs.container.off( '.fb-close .fb-prev .fb-next' );
-
- if ( self.idleInterval ) {
- window.clearInterval( self.idleInterval );
-
- self.idleInterval = null;
- }
- },
-
-
- // Change to previous gallery item
- // ===============================
-
- previous : function( duration ) {
- return this.jumpTo( this.currPos - 1, duration );
- },
-
-
- // Change to next gallery item
- // ===========================
-
- next : function( duration ) {
- return this.jumpTo( this.currPos + 1, duration );
- },
-
-
- // Switch to selected gallery item
- // ===============================
-
- jumpTo : function ( pos, duration, slide ) {
- var self = this,
- firstRun,
- loop,
- current,
- previous,
- canvasWidth,
- currentPos,
- transitionProps;
-
- var groupLen = self.group.length;
-
- if ( self.isDragging || self.isClosing || ( self.isAnimating && self.firstRun ) ) {
- return;
- }
-
- pos = parseInt( pos, 10 );
- loop = self.current ? self.current.opts.loop : self.opts.loop;
-
- if ( !loop && ( pos < 0 || pos >= groupLen ) ) {
- return false;
- }
-
- firstRun = self.firstRun = ( self.firstRun === null );
-
- if ( groupLen < 2 && !firstRun && !!self.isDragging ) {
- return;
- }
-
- previous = self.current;
-
- self.prevIndex = self.currIndex;
- self.prevPos = self.currPos;
-
- // Create slides
- current = self.createSlide( pos );
-
- if ( groupLen > 1 ) {
- if ( loop || current.index > 0 ) {
- self.createSlide( pos - 1 );
- }
-
- if ( loop || current.index < groupLen - 1 ) {
- self.createSlide( pos + 1 );
- }
- }
-
- self.current = current;
- self.currIndex = current.index;
- self.currPos = current.pos;
-
- self.trigger( 'beforeShow', firstRun );
-
- self.updateControls();
-
- currentPos = $.fancybox.getTranslate( current.$slide );
-
- current.isMoved = ( currentPos.left !== 0 || currentPos.top !== 0 ) && !current.$slide.hasClass( 'fancybox-animated' );
- current.forcedDuration = undefined;
-
- if ( $.isNumeric( duration ) ) {
- current.forcedDuration = duration;
- } else {
- duration = current.opts[ firstRun ? 'animationDuration' : 'transitionDuration' ];
- }
-
- duration = parseInt( duration, 10 );
-
- // Fresh start - reveal container, current slide and start loading content
- if ( firstRun ) {
-
- if ( current.opts.animationEffect && duration ) {
- self.$refs.container.css( 'transition-duration', duration + 'ms' );
- }
-
- self.$refs.container.removeClass( 'fancybox-is-hidden' );
-
- forceRedraw( self.$refs.container );
-
- self.$refs.container.addClass( 'fancybox-is-open' );
-
- // Make first slide visible (to display loading icon, if needed)
- current.$slide.addClass( 'fancybox-slide--current' );
-
- self.loadSlide( current );
-
- self.preload( 'image' );
-
- return;
- }
-
- // Clean up
- $.each(self.slides, function( index, slide ) {
- $.fancybox.stop( slide.$slide );
- });
-
- // Make current that slide is visible even if content is still loading
- current.$slide.removeClass( 'fancybox-slide--next fancybox-slide--previous' ).addClass( 'fancybox-slide--current' );
-
- // If slides have been dragged, animate them to correct position
- if ( current.isMoved ) {
- canvasWidth = Math.round( current.$slide.width() );
-
- $.each(self.slides, function( index, slide ) {
- var pos = slide.pos - current.pos;
-
- $.fancybox.animate( slide.$slide, {
- top : 0,
- left : ( pos * canvasWidth ) + ( pos * slide.opts.gutter )
- }, duration, function() {
-
- slide.$slide.removeAttr('style').removeClass( 'fancybox-slide--next fancybox-slide--previous' );
-
- if ( slide.pos === self.currPos ) {
- current.isMoved = false;
-
- self.complete();
- }
- });
- });
-
- } else {
- self.$refs.stage.children().removeAttr( 'style' );
- }
-
- // Start transition that reveals current content
- // or wait when it will be loaded
-
- if ( current.isLoaded ) {
- self.revealContent( current );
-
- } else {
- self.loadSlide( current );
- }
-
- self.preload( 'image' );
-
- if ( previous.pos === current.pos ) {
- return;
- }
-
- // Handle previous slide
- // =====================
-
- transitionProps = 'fancybox-slide--' + ( previous.pos > current.pos ? 'next' : 'previous' );
-
- previous.$slide.removeClass( 'fancybox-slide--complete fancybox-slide--current fancybox-slide--next fancybox-slide--previous' );
-
- previous.isComplete = false;
-
- if ( !duration || ( !current.isMoved && !current.opts.transitionEffect ) ) {
- return;
- }
-
- if ( current.isMoved ) {
- previous.$slide.addClass( transitionProps );
-
- } else {
-
- transitionProps = 'fancybox-animated ' + transitionProps + ' fancybox-fx-' + current.opts.transitionEffect;
-
- $.fancybox.animate( previous.$slide, transitionProps, duration, function() {
- previous.$slide.removeClass( transitionProps ).removeAttr( 'style' );
- });
-
- }
-
- },
-
-
- // Create new "slide" element
- // These are gallery items that are actually added to DOM
- // =======================================================
-
- createSlide : function( pos ) {
-
- var self = this;
- var $slide;
- var index;
-
- index = pos % self.group.length;
- index = index < 0 ? self.group.length + index : index;
-
- if ( !self.slides[ pos ] && self.group[ index ] ) {
- $slide = $('').appendTo( self.$refs.stage );
-
- self.slides[ pos ] = $.extend( true, {}, self.group[ index ], {
- pos : pos,
- $slide : $slide,
- isLoaded : false,
- });
-
- self.updateSlide( self.slides[ pos ] );
- }
-
- return self.slides[ pos ];
- },
-
-
- // Scale image to the actual size of the image
- // ===========================================
-
- scaleToActual : function( x, y, duration ) {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
-
- var imgPos, posX, posY, scaleX, scaleY;
-
- var canvasWidth = parseInt( current.$slide.width(), 10 );
- var canvasHeight = parseInt( current.$slide.height(), 10 );
-
- var newImgWidth = current.width;
- var newImgHeight = current.height;
-
- if ( !( current.type == 'image' && !current.hasError) || !$what || self.isAnimating ) {
- return;
- }
-
- $.fancybox.stop( $what );
-
- self.isAnimating = true;
-
- x = x === undefined ? canvasWidth * 0.5 : x;
- y = y === undefined ? canvasHeight * 0.5 : y;
-
- imgPos = $.fancybox.getTranslate( $what );
-
- scaleX = newImgWidth / imgPos.width;
- scaleY = newImgHeight / imgPos.height;
-
- // Get center position for original image
- posX = ( canvasWidth * 0.5 - newImgWidth * 0.5 );
- posY = ( canvasHeight * 0.5 - newImgHeight * 0.5 );
-
- // Make sure image does not move away from edges
- if ( newImgWidth > canvasWidth ) {
- posX = imgPos.left * scaleX - ( ( x * scaleX ) - x );
-
- if ( posX > 0 ) {
- posX = 0;
- }
-
- if ( posX < canvasWidth - newImgWidth ) {
- posX = canvasWidth - newImgWidth;
- }
- }
-
- if ( newImgHeight > canvasHeight) {
- posY = imgPos.top * scaleY - ( ( y * scaleY ) - y );
-
- if ( posY > 0 ) {
- posY = 0;
- }
-
- if ( posY < canvasHeight - newImgHeight ) {
- posY = canvasHeight - newImgHeight;
- }
- }
-
- self.updateCursor( newImgWidth, newImgHeight );
-
- $.fancybox.animate( $what, {
- top : posY,
- left : posX,
- scaleX : scaleX,
- scaleY : scaleY
- }, duration || 330, function() {
- self.isAnimating = false;
- });
-
- // Stop slideshow
- if ( self.SlideShow && self.SlideShow.isActive ) {
- self.SlideShow.stop();
- }
- },
-
-
- // Scale image to fit inside parent element
- // ========================================
-
- scaleToFit : function( duration ) {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
- var end;
-
- if ( !( current.type == 'image' && !current.hasError) || !$what || self.isAnimating ) {
- return;
- }
-
- $.fancybox.stop( $what );
-
- self.isAnimating = true;
-
- end = self.getFitPos( current );
-
- self.updateCursor( end.width, end.height );
-
- $.fancybox.animate( $what, {
- top : end.top,
- left : end.left,
- scaleX : end.width / $what.width(),
- scaleY : end.height / $what.height()
- }, duration || 330, function() {
- self.isAnimating = false;
- });
-
- },
-
- // Calculate image size to fit inside viewport
- // ===========================================
-
- getFitPos : function( slide ) {
- var self = this;
- var $what = slide.$content;
-
- var imgWidth = slide.width;
- var imgHeight = slide.height;
-
- var margin = slide.opts.margin;
-
- var canvasWidth, canvasHeight, minRatio, width, height;
-
- if ( !$what || !$what.length || ( !imgWidth && !imgHeight) ) {
- return false;
- }
-
- // Convert "margin to CSS style: [ top, right, bottom, left ]
- if ( $.type( margin ) === "number" ) {
- margin = [ margin, margin ];
- }
-
- if ( margin.length == 2 ) {
- margin = [ margin[0], margin[1], margin[0], margin[1] ];
- }
-
- // We can not use $slide width here, because it can have different diemensions while in transiton
- canvasWidth = parseInt( self.$refs.stage.width(), 10 ) - ( margin[ 1 ] + margin[ 3 ] );
- canvasHeight = parseInt( self.$refs.stage.height(), 10 ) - ( margin[ 0 ] + margin[ 2 ] );
-
- minRatio = Math.min(1, canvasWidth / imgWidth, canvasHeight / imgHeight );
-
- width = Math.floor( minRatio * imgWidth );
- height = Math.floor( minRatio * imgHeight );
-
- // Use floor rounding to make sure it really fits
- return {
- top : Math.floor( ( canvasHeight - height ) * 0.5 ) + margin[ 0 ],
- left : Math.floor( ( canvasWidth - width ) * 0.5 ) + margin[ 3 ],
- width : width,
- height : height
- };
-
- },
-
-
- // Update content size and position for all slides
- // ==============================================
-
- update : function() {
- var self = this;
-
- $.each( self.slides, function( key, slide ) {
- self.updateSlide( slide );
- });
- },
-
-
- // Update slide content position and size
- // ======================================
-
- updateSlide : function( slide, duration ) {
- var self = this,
- $what = slide && slide.$content;
-
- if ( $what && ( slide.width || slide.height ) ) {
- self.isAnimating = false;
-
- $.fancybox.stop( $what );
-
- $.fancybox.setTranslate( $what, self.getFitPos( slide ) );
-
- if ( slide.pos === self.currPos ) {
- self.updateCursor();
- }
- }
-
- slide.$slide.trigger( 'refresh' );
-
- self.trigger( 'onUpdate', slide );
-
- },
-
-
- // Horizontally center slide
- // =========================
-
- centerSlide : function( slide, duration ) {
- var self = this, canvasWidth, pos;
-
- if ( self.current ) {
- canvasWidth = Math.round( slide.$slide.width() );
- pos = slide.pos - self.current.pos;
-
- $.fancybox.animate( slide.$slide, {
- top : 0,
- left : ( pos * canvasWidth ) + ( pos * slide.opts.gutter ),
- opacity : 1
- }, duration === undefined ? 0 : duration, null, false);
- }
- },
-
-
- // Update cursor style depending if content can be zoomed
- // ======================================================
-
- updateCursor : function( nextWidth, nextHeight ) {
-
- var self = this;
- var isScaledDown;
-
- var $container = self.$refs.container.removeClass( 'fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-drag fancybox-can-zoomOut' );
-
- if ( !self.current || self.isClosing ) {
- return;
- }
-
- if ( self.isZoomable() ) {
-
- $container.addClass( 'fancybox-is-zoomable' );
-
- if ( nextWidth !== undefined && nextHeight !== undefined ) {
- isScaledDown = nextWidth < self.current.width && nextHeight < self.current.height;
-
- } else {
- isScaledDown = self.isScaledDown();
- }
-
- if ( isScaledDown ) {
-
- // If image is scaled down, then, obviously, it can be zoomed to full size
- $container.addClass( 'fancybox-can-zoomIn' );
-
- } else {
-
- if ( self.current.opts.touch ) {
-
- // If image size ir largen than available available and touch module is not disable,
- // then user can do panning
- $container.addClass( 'fancybox-can-drag' );
-
- } else {
- $container.addClass( 'fancybox-can-zoomOut' );
- }
-
- }
-
- } else if ( self.current.opts.touch ) {
- $container.addClass( 'fancybox-can-drag' );
- }
-
- },
-
-
- // Check if current slide is zoomable
- // ==================================
-
- isZoomable : function() {
-
- var self = this;
-
- var current = self.current;
- var fitPos;
-
- if ( !current || self.isClosing ) {
- return;
- }
-
- // Assume that slide is zoomable if
- // - image is loaded successfuly
- // - click action is "zoom"
- // - actual size of the image is smaller than available area
- if ( current.type === 'image' && current.isLoaded && !current.hasError &&
- ( current.opts.clickContent === 'zoom' || ( $.isFunction( current.opts.clickContent ) && current.opts.clickContent( current ) === "zoom" ) )
- ) {
-
- fitPos = self.getFitPos( current );
-
- if ( current.width > fitPos.width || current.height > fitPos.height ) {
- return true;
- }
-
- }
-
- return false;
-
- },
-
-
- // Check if current image dimensions are smaller than actual
- // =========================================================
-
- isScaledDown : function() {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
-
- var rez = false;
-
- if ( $what ) {
- rez = $.fancybox.getTranslate( $what );
- rez = rez.width < current.width || rez.height < current.height;
- }
-
- return rez;
-
- },
-
-
- // Check if image dimensions exceed parent element
- // ===============================================
-
- canPan : function() {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
-
- var rez = false;
-
- if ( $what ) {
- rez = self.getFitPos( current );
- rez = Math.abs( $what.width() - rez.width ) > 1 || Math.abs( $what.height() - rez.height ) > 1;
- }
-
- return rez;
-
- },
-
-
- // Load content into the slide
- // ===========================
-
- loadSlide : function( slide ) {
-
- var self = this, type, $slide;
- var ajaxLoad;
-
- if ( slide.isLoading ) {
- return;
- }
-
- if ( slide.isLoaded ) {
- return;
- }
-
- slide.isLoading = true;
-
- self.trigger( 'beforeLoad', slide );
-
- type = slide.type;
- $slide = slide.$slide;
-
- $slide
- .off( 'refresh' )
- .trigger( 'onReset' )
- .addClass( 'fancybox-slide--' + ( type || 'unknown' ) )
- .addClass( slide.opts.slideClass );
-
- // Create content depending on the type
-
- switch ( type ) {
-
- case 'image':
-
- self.setImage( slide );
-
- break;
-
- case 'iframe':
-
- self.setIframe( slide );
-
- break;
-
- case 'html':
-
- self.setContent( slide, slide.src || slide.content );
-
- break;
-
- case 'inline':
-
- if ( $( slide.src ).length ) {
- self.setContent( slide, $( slide.src ) );
-
- } else {
- self.setError( slide );
- }
-
- break;
-
- case 'ajax':
-
- self.showLoading( slide );
-
- ajaxLoad = $.ajax( $.extend( {}, slide.opts.ajax.settings, {
- url : slide.src,
- success : function ( data, textStatus ) {
-
- if ( textStatus === 'success' ) {
- self.setContent( slide, data );
- }
-
- },
- error : function ( jqXHR, textStatus ) {
-
- if ( jqXHR && textStatus !== 'abort' ) {
- self.setError( slide );
- }
-
- }
- }));
-
- $slide.one( 'onReset', function () {
- ajaxLoad.abort();
- });
-
- break;
-
- case 'video' :
-
- self.setContent( slide,
- ''
- );
-
- break;
-
- default:
-
- self.setError( slide );
-
- break;
-
- }
-
- return true;
-
- },
-
-
- // Use thumbnail image, if possible
- // ================================
-
- setImage : function( slide ) {
-
- var self = this;
- var srcset = slide.opts.srcset || slide.opts.image.srcset;
-
- var found, temp, pxRatio, windowWidth;
-
- // If we have "srcset", then we need to find matching "src" value.
- // This is necessary, because when you set an src attribute, the browser will preload the image
- // before any javascript or even CSS is applied.
- if ( srcset ) {
- pxRatio = window.devicePixelRatio || 1;
- windowWidth = window.innerWidth * pxRatio;
-
- temp = srcset.split(',').map(function ( el ) {
- var ret = {};
-
- el.trim().split(/\s+/).forEach(function ( el, i ) {
- var value = parseInt( el.substring(0, el.length - 1), 10 );
-
- if ( i === 0 ) {
- return ( ret.url = el );
- }
-
- if ( value ) {
- ret.value = value;
- ret.postfix = el[ el.length - 1 ];
- }
-
- });
-
- return ret;
- });
-
- // Sort by value
- temp.sort(function (a, b) {
- return a.value - b.value;
- });
-
- // Ok, now we have an array of all srcset values
- for ( var j = 0; j < temp.length; j++ ) {
- var el = temp[ j ];
-
- if ( ( el.postfix === 'w' && el.value >= windowWidth ) || ( el.postfix === 'x' && el.value >= pxRatio ) ) {
- found = el;
- break;
- }
- }
-
- // If not found, take the last one
- if ( !found && temp.length ) {
- found = temp[ temp.length - 1 ];
- }
-
- if ( found ) {
- slide.src = found.url;
-
- // If we have default width/height values, we can calculate height for matching source
- if ( slide.width && slide.height && found.postfix == 'w' ) {
- slide.height = ( slide.width / slide.height ) * found.value;
- slide.width = found.value;
- }
- }
- }
-
- // This will be wrapper containing both ghost and actual image
- slide.$content = $('')
- .addClass( 'fancybox-is-hidden' )
- .appendTo( slide.$slide );
-
-
- // If we have a thumbnail, we can display it while actual image is loading
- // Users will not stare at black screen and actual image will appear gradually
- if ( slide.opts.preload !== false && slide.opts.width && slide.opts.height && ( slide.opts.thumb || slide.opts.$thumb ) ) {
-
- slide.width = slide.opts.width;
- slide.height = slide.opts.height;
-
- slide.$ghost = $('')
- .one('error', function() {
-
- $(this).remove();
-
- slide.$ghost = null;
-
- self.setBigImage( slide );
-
- })
- .one('load', function() {
-
- self.afterLoad( slide );
-
- self.setBigImage( slide );
-
- })
- .addClass( 'fancybox-image' )
- .appendTo( slide.$content )
- .attr( 'src', slide.opts.thumb || slide.opts.$thumb.attr( 'src' ) );
-
- } else {
-
- self.setBigImage( slide );
-
- }
-
- },
-
-
- // Create full-size image
- // ======================
-
- setBigImage : function ( slide ) {
- var self = this;
- var $img = $('');
-
- slide.$image = $img
- .one('error', function() {
-
- self.setError( slide );
-
- })
- .one('load', function() {
-
- // Clear timeout that checks if loading icon needs to be displayed
- clearTimeout( slide.timouts );
-
- slide.timouts = null;
-
- if ( self.isClosing ) {
- return;
- }
-
- slide.width = slide.opts.width || this.naturalWidth;
- slide.height = slide.opts.height || this.naturalHeight;
-
- if ( slide.opts.image.srcset ) {
- $img.attr( 'sizes', '100vw' ).attr( 'srcset', slide.opts.image.srcset );
- }
-
- self.hideLoading( slide );
-
- if ( slide.$ghost ) {
-
- slide.timouts = setTimeout(function() {
- slide.timouts = null;
-
- slide.$ghost.hide();
-
- }, Math.min( 300, Math.max( 1000, slide.height / 1600 ) ) );
-
- } else {
- self.afterLoad( slide );
- }
-
- })
- .addClass( 'fancybox-image' )
- .attr('src', slide.src)
- .appendTo( slide.$content );
-
- if ( ( $img[0].complete || $img[0].readyState == "complete" ) && $img[0].naturalWidth && $img[0].naturalHeight ) {
- $img.trigger( 'load' );
-
- } else if( $img[0].error ) {
- $img.trigger( 'error' );
-
- } else {
-
- slide.timouts = setTimeout(function() {
- if ( !$img[0].complete && !slide.hasError ) {
- self.showLoading( slide );
- }
-
- }, 100);
-
- }
-
- },
-
-
- // Create iframe wrapper, iframe and bindings
- // ==========================================
-
- setIframe : function( slide ) {
- var self = this,
- opts = slide.opts.iframe,
- $slide = slide.$slide,
- $iframe;
-
- slide.$content = $('')
- .css( opts.css )
- .appendTo( $slide );
-
- $iframe = $( opts.tpl.replace(/\{rnd\}/g, new Date().getTime()) )
- .attr( opts.attr )
- .appendTo( slide.$content );
-
- if ( opts.preload ) {
-
- self.showLoading( slide );
-
- // Unfortunately, it is not always possible to determine if iframe is successfully loaded
- // (due to browser security policy)
-
- $iframe.on('load.fb error.fb', function(e) {
- this.isReady = 1;
-
- slide.$slide.trigger( 'refresh' );
-
- self.afterLoad( slide );
- });
-
- // Recalculate iframe content size
- // ===============================
-
- $slide.on('refresh.fb', function() {
- var $wrap = slide.$content,
- frameWidth = opts.css.width,
- frameHeight = opts.css.height,
- scrollWidth,
- $contents,
- $body;
-
- if ( $iframe[0].isReady !== 1 ) {
- return;
- }
-
- // Check if content is accessible,
- // it will fail if frame is not with the same origin
-
- try {
- $contents = $iframe.contents();
- $body = $contents.find('body');
-
- } catch (ignore) {}
-
- // Calculate dimensions for the wrapper
- if ( $body && $body.length ) {
-
- if ( frameWidth === undefined ) {
- scrollWidth = $iframe[0].contentWindow.document.documentElement.scrollWidth;
-
- frameWidth = Math.ceil( $body.outerWidth(true) + ( $wrap.width() - scrollWidth ) );
- frameWidth += $wrap.outerWidth() - $wrap.innerWidth();
- }
-
- if ( frameHeight === undefined ) {
- frameHeight = Math.ceil( $body.outerHeight(true) );
- frameHeight += $wrap.outerHeight() - $wrap.innerHeight();
- }
-
- // Resize wrapper to fit iframe content
- if ( frameWidth ) {
- $wrap.width( frameWidth );
- }
-
- if ( frameHeight ) {
- $wrap.height( frameHeight );
- }
- }
-
- $wrap.removeClass( 'fancybox-is-hidden' );
-
- });
-
- } else {
-
- this.afterLoad( slide );
-
- }
-
- $iframe.attr( 'src', slide.src );
-
- if ( slide.opts.smallBtn === true ) {
- slide.$content.prepend( self.translate( slide, slide.opts.btnTpl.smallBtn ) );
- }
-
- // Remove iframe if closing or changing gallery item
- $slide.one( 'onReset', function () {
-
- // This helps IE not to throw errors when closing
- try {
-
- $( this ).find( 'iframe' ).hide().attr( 'src', '//about:blank' );
-
- } catch ( ignore ) {}
-
- $( this ).empty();
-
- slide.isLoaded = false;
-
- });
-
- },
-
-
- // Wrap and append content to the slide
- // ======================================
-
- setContent : function ( slide, content ) {
-
- var self = this;
-
- if ( self.isClosing ) {
- return;
- }
-
- self.hideLoading( slide );
-
- slide.$slide.empty();
-
- if ( isQuery( content ) && content.parent().length ) {
-
- // If content is a jQuery object, then it will be moved to the slide.
- // The placeholder is created so we will know where to put it back.
- // If user is navigating gallery fast, then the content might be already inside fancyBox
- // =====================================================================================
-
- // Make sure content is not already moved to fancyBox
- content.parent( '.fancybox-slide--inline' ).trigger( 'onReset' );
-
- // Create temporary element marking original place of the content
- slide.$placeholder = $( '' ).hide().insertAfter( content );
-
- // Make sure content is visible
- content.css('display', 'inline-block');
-
- } else if ( !slide.hasError ) {
-
- // If content is just a plain text, try to convert it to html
- if ( $.type( content ) === 'string' ) {
- content = $('
').append( $.trim( content ) ).contents();
-
- // If we have text node, then add wrapping element to make vertical alignment work
- if ( content[0].nodeType === 3 ) {
- content = $('
').html( content );
- }
- }
-
- // If "filter" option is provided, then filter content
- if ( slide.opts.filter ) {
- content = $('
- fancyBox is a JavaScript library used to present images, videos and any html content in an elegant way.
- It has all features you would expect - touch enabled, responsive and fully customizable.
-
-
-
-
-
- Dependencies
-
-
-
- jQuery 3+ is preferred, but fancyBox works with jQuery 1.9.1+ and jQuery 2+
-
-
-
Important
-
-
- If you experience issues with image zooming, then update jQuery to the latest (at least v3.2.1).
-
-
-
Compatibility
-
-
- fancyBox includes support for touch gestures and even supports pinch gestures for zooming.
- It is perfectly suited for both mobile and desktop browsers.
-
-
-
- fancyBox has been tested in following browsers/devices:
-
-
-
-
Chrome
-
Firefox
-
IE10/11
-
Edge
-
iOS Safari
-
Nexus 7 Chrome
-
-
-
Setup
-
-
- You can install fancyBox by linking .css and .js to your html file.
-
- Make sure you also load the jQuery library.
- Below is a basic HTML template to use as an example:
-
If you already have jQuery on your page, you shouldn't include it second time
-
Do not include both fancybox.js and fancybox.min.js files
-
- Some functionality (ajax, iframes, etc) will not work
- when you're opening local file directly on your browser,
- the code must be running on a web server
-
- The most basic way to use fancyBox is by adding the data-fancybox attribute to a link.
- A caption can be added using the data-caption attribute. Example:
-
- If you choose this method, default settings will be applied.
- See Options section for examples how to customize by changing defaults or using data-options attribute.
-
-
-
Initialize with JavaScript
-
-
- Select elements with a jQuery selector and call the fancybox method:
-
-
-
<script type="text/javascript">
- $("[data-fancybox]").fancybox({
- // Options will go here
- });
-</script>
- Using this method, click event handler is attached only to the currently selected elements.
-
- To attach click event listener for elements that exist now or in the future, use selector option. Example:
-
- fancyBox can be activated at any point within Javascript and therefore does not necessarily need a trigger element.
-
- Example of displaying a simple message:
-
-
-
$.fancybox.open('<div class="message"><h2>Hello!</h2><p>You are awesome!</p></div>');
- See API section for more information and examples.
-
-
-
Grouping
-
-
- If you have a group of items, you can use the same attribute data-fancybox value for each of them to create a gallery.
- Each group should have a unique value:
-
- fancyBox attempts to automatically detect the type of content based on the given url.
-
- If it cannot be detected, the type can also be set manually using data-type attribute:
-
-
<a href="images.php?id=123" data-type="image" data-caption="Caption">
- Show image
-</a>
-
-
-
-
-
-
Media types
-
-
-
Images
-
-
- The standard way of using fancyBox is with a number of thumbnail images that link to larger images:
-
- By default, fancyBox fully preloads an image before displaying it.
- You can choose to display the image right away.
- It will render and show the full size image while the data is being received.
- To do so, some attributes are necessary:
-
- fancyBox supports "scrset" so I can display different images based on viewport width. You can use this to improve download times for mobile users and over time save bandwidth.
- Example:
-
- It is also possible to protect images from downloading by right-click.
- While this does not protect from truly determined users, it should discourage the vast majority from ripping off your files.
-
- And then simply create a link having data-src attribute that matches ID of the element you want to open (preceded by a hash mark (#); in this example - #hidden-content):
-
-
-
<a data-fancybox data-src="#hidden-content" href="javascript:;">
- Trigger the fancyBox
-</a>
- The script will append small close button (if you have not disabled by smallBtn:false)
- and will not apply any styles except for centering. Therefore you can easily set custom dimensions using CSS.
-
-
-
Ajax
-
-
- To load content via AJAX, you need to add a data-type="ajax" attribute to your link:
-
- Additionally it is possible to define a selector with the data-filter attribute to show only a part of the response. The selector can be any string, that is a valid jQuery selector:
-
- If the content can be shown on a page, and placement in an iframe is not blocked by script or security configuration of that page,
- it can be presented in a fancyBox:
-
- To access and control fancyBox in parent window from inside an iframe:
-
-
-
// Adjust iframe height according to the contents
-parent.jQuery.fancybox.getInstance().update();
-
-// Close current fancyBox instance
-parent.jQuery.fancybox.getInstance().close();
- If you have not disabled iframe preloading (using preload option), then the script will atempt to
- calculate content dimensions and will adjust width/height of iframe to fit with content in it.
- Keep in mind, that due to same origin policy,
- there are some limitations.
-
-
-
- This example will disable iframe preloading and will display small close button next to iframe instead of the toolbar:
-
- Supported sites can be used with fancyBox by just providing the page URL:
-
-
-
<a data-fancybox href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
- YouTube video
-</a>
-
-<a data-fancybox href="https://vimeo.com/191947042">
- Vimeo video
-</a>
-
-<a data-fancybox href="https://www.google.com/maps/search/Empire+State+Building/">
- Google Map
-</a>
-
-<a data-fancybox href="https://www.instagram.com/p/BNXYW8-goPI/?taken-by=jamesrelfdyer" data-caption="<span title="Edited">balloon rides at dawn ✨🎈<br>was such a magical experience floating over napa valley as the golden light hit the hills.<br><a href="https://www.instagram.com/jamesrelfdyer/">@jamesrelfdyer</a></span>">
- Instagram photo
-</a>
- Obviously, you can choose any size you like, any combination with min/max values.
-
- Aspect ratio lock for videos is not implemented yet, but if you wish, you can use this snippet.
-
-
-
-
-
Video parameters
-
-
- Controlling a video via URL parameters:
-
-
-
<a data-fancybox href="https://www.youtube.com/watch?v=_sI_Ps7JSEk&autoplay=1&rel=0&controls=0&showinfo=0">
- YouTube video - hide controls and info
-</a>
-
-<a data-fancybox href="https://vimeo.com/191947042?color=f00">
- Vimeo video - custom color
-</a>
- Plugin options / defaults are exposed in $.fancybox.defaults namespace so you can easily adjust them globally:
-
-
-
-
$.fancybox.defaults.animationEffect = "fade";
-
-
- Custom options for each element individually can be set by adding a data-options
- attribute to the element.
-
- This attribute should contain the properly formatted JSON object:
-
-
-
<a data-fancybox data-options='{"caption" : "My caption", "src" : "https://codepen.io/about/", "type" : "iframe"}' href="javascript:;" class="btn">
- Open external page
-</a>
-
- The fancyBox API offers a couple of methods to control fancyBox.
-
- This gives you the ability to extend the plugin and to integrate it with other web application components.
-
-
-
Core methods
-
-
- Core methods are methods which affect/handle instances:
-
-
-
-
// Close only the currently active or all fancyBox instances
-$.fancybox.close( true );
-
-// Open the fancyBox right away
-$.fancybox.open( items, opts, index );
-
-
-
-
- Gallery items can be collection of jQuery objects or array containing plain objects. This can be used, for example, to create custom click event.
-
- If you wish to display some html content (for example, a message), then you can use a simpler syntax.
- It is advised to use a wrapper around your content.
-
-
-
$.fancybox.open('<div class="message"><h2>Hello!</h2><p>You are awesome!</p></div>');
- Once you have a reference to fancyBox instance the following methods are available:
-
-
-
-
// Go to next gallery item
-instance.next( duration );
-
-// Go to previous gallery item
-instance.previous( duration );
-
-// Switch to selected gallery item
-instance.jumpTo( index, duration );
-
-// Check if current image dimensions are smaller than actual
-instance.isScaledDown();
-
-// Scale image to the actual size of the image
-instance.scaleToActual( x, y, duration );
-
-// Check if image dimensions exceed parent element
-instance.canPan();
-
-// Scale image to fit inside parent element
-instance.scaleToFit( duration );
-
-// Update position and content of all slides
-instance.update();
-
-// Update slide position and scale content to fit
-instance.updateSlide( slide );
-
-// Update infobar values, navigation button states and reveal caption
-instance.updateControls( force );
-
-// Load custom content into the slide
-instance.setContent( slide, content );
-
-// Show loading icon inside the slide
-instance.showLoading( slide );
-
-// Remove loading icon from the slide
-instance.hideLoading( slide );
-
-// Try to find and focus on the first focusable element
-instance.focus();
-
-// Activates current instance, brings it to the front
-instance.activate();
-
-// Close instance
-instance.close();
-
-
-
-
- You can also do something like this:
-
-
-
$.fancybox.getInstance().jumpTo(1);
-
-
- or simply:
-
-
-
$.fancybox.getInstance('jumpTo', 1);
-
-
-
-
-
Events
-
-
- fancyBox fires several events:
-
-
-
beforeLoad : Before the content of a slide is being loaded
-afterLoad : When the content of a slide is done loading
-
-beforeShow : Before open animation starts
-afterShow : When content is done loading and animating
-
-beforeClose : Before the instance attempts to close. Return false to cancel the close.
-afterClose : After instance has been closed
-
-onInit : When instance has been initialized
-onActivate : When instance is brought to front
-onDeactivate : When other instance has been activated
-
-
-
- Event callbacks can be set as function properties of the options object passed to fancyBox initialization function:
-
-
-
<script type="text/javascript">
- $("[data-fancybox]").fancybox({
- afterShow: function( instance, slide ) {
-
- // Tip: Each event passes useful information within the event object:
-
- // Object containing references to interface elements
- // (background, buttons, caption, etc)
- // console.info( instance.$refs );
-
- // Current slide options
- // console.info( slide.opts );
-
- // Clicked element
- // console.info( slide.opts.$orig );
-
- // Reference to DOM element of the slide
- // console.info( slide.$slide );
-
- }
- });
-</script>
-
-
- Each callback receives two parameters - current fancyBox instance and current gallery object, if exists.
-
-
-
- It is also possible to attach event handler for all instances.
- To prevent interfering with other scripts, these events have been namespaced to .fb.
- These handlers receive 3 parameters - event, current fancyBox instance and current gallery object.
-
-
- Here is an example of binding to the afterShow event:
-
-
-
$(document).on('afterShow.fb', function( e, instance, slide ) {
- // Your code goes here
-});
-
-
-
- If you wish to prevent closing of the modal (for example, after form submit), you can use beforeClose
- callback. Simply return false:
-
- fancyBox code is split into several files (modules) that extend core functionality.
- You can build your own fancyBox version by excluding unnecessary modules, if needed.
- Each one has their own js and/or css files.
-
-
-
- Some modules can be customized and controlled programmatically.
- List of all possible options:
-
-
-
fullScreen : {
- autoStart : false,
-},
-
-touch : {
- vertical : true, // Allow to drag content vertically
- momentum : true // Continuous movement when panning
-},
-
-// Hash value when initializing manually,
-// set `false` to disable hash change
-hash : null,
-
-// Customize or add new media types
-// Example:
-/*
-media : {
- youtube : {
- params : {
- autoplay : 0
- }
- }
-}
-*/
-media : {},
-
-slideShow : {
- autoStart : false,
- speed : 4000
-},
-
-thumbs : {
- autoStart : false, // Display thumbnails on opening
- hideOnClose : true, // Hide thumbnail grid when closing animation starts
- parentEl : '.fancybox-container', // Container is injected into this element
- axis : 'y' // Vertical (y) or horizontal (x) scrolling
-}
-
-
- If you would inspect fancyBox instance object, you would find that same keys ar captialized - these are references for each module object.
- Also, you would notice that fancyBox uses common naming convention to prefix jQuery objects with $.
-
-
-
- This is how you, for example, can access thumbnail grid element:
-
-
-
$.fancybox.getInstance().Thumbs.$grid
-
-
- This example shows how to call method that toggles thumbnails:
-
- The script measures width of the scrollbar and creates compensate-for-scrollbar CSS class
- that uses this value for margin-right property.
- Therefore, if your element has width:100%, you should positon it using left and right properties instead. Example:
-
- There is currenty no JS option to change thumbnail grid position.
- But fancyBox is designed so that you can use CSS to change position or dimension for each block
- (e.g., content area, caption or thumbnail grid).
- This gives you freedom to completely change the look and feel of the modal window, if needed.
-
- View demo on CodePen
-
-
-
5. How to disable touch gestures/swiping
-
-
- When you want to make your content selectable or clickable, you have two options:
-
-
-
-
- disable touch gestures completely by setting touch:false
-
-
- add data-selectable="true" attribute to your html element
-
',
-
- btnTpl : {
-
- download : '' +
- '' +
- '',
-
- zoom : '',
-
- close : '',
-
- // This small close button will be appended to your html/inline/ajax content by default,
- // if "smallBtn" option is not set to false
- smallBtn : '',
-
- // Arrows
- arrowLeft : '',
-
- arrowRight : ''
- },
-
- // Container is injected into this element
- parentEl : 'body',
-
-
- // Focus handling
- // ==============
-
- // Try to focus on the first focusable element after opening
- autoFocus : false,
-
- // Put focus back to active element after closing
- backFocus : true,
-
- // Do not let user to focus on element outside modal content
- trapFocus : true,
-
-
- // Module specific options
- // =======================
-
- fullScreen : {
- autoStart : false,
- },
-
- // Set `touch: false` to disable dragging/swiping
- touch : {
- vertical : true, // Allow to drag content vertically
- momentum : true // Continue movement after releasing mouse/touch when panning
- },
-
- // Hash value when initializing manually,
- // set `false` to disable hash change
- hash : null,
-
- // Customize or add new media types
- // Example:
- /*
- media : {
- youtube : {
- params : {
- autoplay : 0
- }
- }
- }
- */
- media : {},
-
- slideShow : {
- autoStart : false,
- speed : 4000
- },
-
- thumbs : {
- autoStart : false, // Display thumbnails on opening
- hideOnClose : true, // Hide thumbnail grid when closing animation starts
- parentEl : '.fancybox-container', // Container is injected into this element
- axis : 'y' // Vertical (y) or horizontal (x) scrolling
- },
-
- // Use mousewheel to navigate gallery
- // If 'auto' - enabled for images only
- wheel : 'auto',
-
- // Callbacks
- //==========
-
- // See Documentation/API/Events for more information
- // Example:
- /*
- afterShow: function( instance, current ) {
- console.info( 'Clicked element:' );
- console.info( current.opts.$orig );
- }
- */
-
- onInit : $.noop, // When instance has been initialized
-
- beforeLoad : $.noop, // Before the content of a slide is being loaded
- afterLoad : $.noop, // When the content of a slide is done loading
-
- beforeShow : $.noop, // Before open animation starts
- afterShow : $.noop, // When content is done loading and animating
-
- beforeClose : $.noop, // Before the instance attempts to close. Return false to cancel the close.
- afterClose : $.noop, // After instance has been closed
-
- onActivate : $.noop, // When instance is brought to front
- onDeactivate : $.noop, // When other instance has been activated
-
-
- // Interaction
- // ===========
-
- // Use options below to customize taken action when user clicks or double clicks on the fancyBox area,
- // each option can be string or method that returns value.
- //
- // Possible values:
- // "close" - close instance
- // "next" - move to next gallery item
- // "nextOrClose" - move to next gallery item or close if gallery has only one item
- // "toggleControls" - show/hide controls
- // "zoom" - zoom image (if loaded)
- // false - do nothing
-
- // Clicked on the content
- clickContent : function( current, event ) {
- return current.type === 'image' ? 'zoom' : false;
- },
-
- // Clicked on the slide
- clickSlide : 'close',
-
- // Clicked on the background (backdrop) element
- clickOutside : 'close',
-
- // Same as previous two, but for double click
- dblclickContent : false,
- dblclickSlide : false,
- dblclickOutside : false,
-
-
- // Custom options when mobile device is detected
- // =============================================
-
- mobile : {
- idleTime : false,
- margin : 0,
-
- clickContent : function( current, event ) {
- return current.type === 'image' ? 'toggleControls' : false;
- },
- clickSlide : function( current, event ) {
- return current.type === 'image' ? 'toggleControls' : 'close';
- },
- dblclickContent : function( current, event ) {
- return current.type === 'image' ? 'zoom' : false;
- },
- dblclickSlide : function( current, event ) {
- return current.type === 'image' ? 'zoom' : false;
- }
- },
-
-
- // Internationalization
- // ============
-
- lang : 'en',
- i18n : {
- 'en' : {
- CLOSE : 'Close',
- NEXT : 'Next',
- PREV : 'Previous',
- ERROR : 'The requested content cannot be loaded. Please try again later.',
- PLAY_START : 'Start slideshow',
- PLAY_STOP : 'Pause slideshow',
- FULL_SCREEN : 'Full screen',
- THUMBS : 'Thumbnails',
- DOWNLOAD : 'Download',
- SHARE : 'Share',
- ZOOM : 'Zoom'
- },
- 'de' : {
- CLOSE : 'Schliessen',
- NEXT : 'Weiter',
- PREV : 'Zurück',
- ERROR : 'Die angeforderten Daten konnten nicht geladen werden. Bitte versuchen Sie es später nochmal.',
- PLAY_START : 'Diaschau starten',
- PLAY_STOP : 'Diaschau beenden',
- FULL_SCREEN : 'Vollbild',
- THUMBS : 'Vorschaubilder',
- DOWNLOAD : 'Herunterladen',
- SHARE : 'Teilen',
- ZOOM : 'Maßstab'
- }
- }
-
- };
-
- // Few useful variables and methods
- // ================================
-
- var $W = $(window);
- var $D = $(document);
-
- var called = 0;
-
-
- // Check if an object is a jQuery object and not a native JavaScript object
- // ========================================================================
-
- var isQuery = function ( obj ) {
- return obj && obj.hasOwnProperty && obj instanceof $;
- };
-
-
- // Handle multiple browsers for "requestAnimationFrame" and "cancelAnimationFrame"
- // ===============================================================================
-
- var requestAFrame = (function () {
- return window.requestAnimationFrame ||
- window.webkitRequestAnimationFrame ||
- window.mozRequestAnimationFrame ||
- window.oRequestAnimationFrame ||
- // if all else fails, use setTimeout
- function (callback) {
- return window.setTimeout(callback, 1000 / 60);
- };
- })();
-
-
- // Detect the supported transition-end event property name
- // =======================================================
-
- var transitionEnd = (function () {
- var t, el = document.createElement("fakeelement");
-
- var transitions = {
- "transition" : "transitionend",
- "OTransition" : "oTransitionEnd",
- "MozTransition" : "transitionend",
- "WebkitTransition": "webkitTransitionEnd"
- };
-
- for (t in transitions) {
- if (el.style[t] !== undefined){
- return transitions[t];
- }
- }
-
- return 'transitionend';
- })();
-
-
- // Force redraw on an element.
- // This helps in cases where the browser doesn't redraw an updated element properly.
- // =================================================================================
-
- var forceRedraw = function( $el ) {
- return ( $el && $el.length && $el[0].offsetHeight );
- };
-
-
- // Class definition
- // ================
-
- var FancyBox = function( content, opts, index ) {
- var self = this;
-
- self.opts = $.extend( true, { index : index }, $.fancybox.defaults, opts || {} );
-
- if ( $.fancybox.isMobile ) {
- self.opts = $.extend( true, {}, self.opts, self.opts.mobile );
- }
-
- // Exclude buttons option from deep merging
- if ( opts && $.isArray( opts.buttons ) ) {
- self.opts.buttons = opts.buttons;
- }
-
- self.id = self.opts.id || ++called;
- self.group = [];
-
- self.currIndex = parseInt( self.opts.index, 10 ) || 0;
- self.prevIndex = null;
-
- self.prevPos = null;
- self.currPos = 0;
-
- self.firstRun = null;
-
- // Create group elements from original item collection
- self.createGroup( content );
-
- if ( !self.group.length ) {
- return;
- }
-
- // Save last active element and current scroll position
- self.$lastFocus = $(document.activeElement).blur();
-
- // Collection of gallery objects
- self.slides = {};
-
- self.init();
- };
-
- $.extend(FancyBox.prototype, {
-
- // Create DOM structure
- // ====================
-
- init : function() {
- var self = this,
- firstItem = self.group[ self.currIndex ],
- firstItemOpts = firstItem.opts,
- scrollbarWidth = $.fancybox.scrollbarWidth,
- $scrollDiv,
- $container,
- buttonStr;
-
- self.scrollTop = $D.scrollTop();
- self.scrollLeft = $D.scrollLeft();
-
-
- // Hide scrollbars
- // ===============
-
- if ( !$.fancybox.getInstance() ) {
-
- $( 'body' ).addClass( 'fancybox-active' );
-
- // iOS hack
- if ( /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream ) {
-
- // iOS has problems for input elements inside fixed containers,
- // the workaround is to apply `position: fixed` to `` element,
- // unfortunately, this makes it lose the scrollbars and forces address bar to appear.
-
- if ( firstItem.type !== 'image' ) {
- $( 'body' ).css( 'top', $( 'body' ).scrollTop() * -1 ).addClass( 'fancybox-iosfix' );
- }
-
- } else if ( !$.fancybox.isMobile && document.body.scrollHeight > window.innerHeight ) {
-
- if ( scrollbarWidth === undefined ) {
- $scrollDiv = $('').appendTo( 'body' );
-
- scrollbarWidth = $.fancybox.scrollbarWidth = $scrollDiv[0].offsetWidth - $scrollDiv[0].clientWidth;
-
- $scrollDiv.remove();
- }
-
- $( 'head' ).append( '' );
- $( 'body' ).addClass( 'compensate-for-scrollbar' );
- }
- }
-
-
- // Build html markup and set references
- // ====================================
-
- // Build html code for buttons and insert into main template
- buttonStr = '';
-
- $.each( firstItemOpts.buttons, function( index, value ) {
- buttonStr += ( firstItemOpts.btnTpl[ value ] || '' );
- });
-
- // Create markup from base template, it will be initially hidden to
- // avoid unnecessary work like painting while initializing is not complete
- $container = $(
- self.translate( self,
- firstItemOpts.baseTpl
- .replace( '\{\{buttons\}\}', buttonStr )
- .replace( '\{\{arrows\}\}', firstItemOpts.btnTpl.arrowLeft + firstItemOpts.btnTpl.arrowRight )
- )
- )
- .attr( 'id', 'fancybox-container-' + self.id )
- .addClass( 'fancybox-is-hidden' )
- .addClass( firstItemOpts.baseClass )
- .data( 'FancyBox', self )
- .appendTo( firstItemOpts.parentEl );
-
- // Create object holding references to jQuery wrapped nodes
- self.$refs = {
- container : $container
- };
-
- [ 'bg', 'inner', 'infobar', 'toolbar', 'stage', 'caption', 'navigation' ].forEach(function(item) {
- self.$refs[ item ] = $container.find( '.fancybox-' + item );
- });
-
- self.trigger( 'onInit' );
-
- // Enable events, deactive previous instances
- self.activate();
-
- // Build slides, load and reveal content
- self.jumpTo( self.currIndex );
- },
-
-
- // Simple i18n support - replaces object keys found in template
- // with corresponding values
- // ============================================================
-
- translate : function( obj, str ) {
- var arr = obj.opts.i18n[ obj.opts.lang ];
-
- return str.replace(/\{\{(\w+)\}\}/g, function(match, n) {
- var value = arr[n];
-
- if ( value === undefined ) {
- return match;
- }
-
- return value;
- });
- },
-
- // Create array of gally item objects
- // Check if each object has valid type and content
- // ===============================================
-
- createGroup : function ( content ) {
- var self = this;
- var items = $.makeArray( content );
-
- $.each(items, function( i, item ) {
- var obj = {},
- opts = {},
- $item,
- type,
- found,
- src,
- srcParts;
-
- // Step 1 - Make sure we have an object
- // ====================================
-
- if ( $.isPlainObject( item ) ) {
-
- // We probably have manual usage here, something like
- // $.fancybox.open( [ { src : "image.jpg", type : "image" } ] )
-
- obj = item;
- opts = item.opts || item;
-
- } else if ( $.type( item ) === 'object' && $( item ).length ) {
-
- // Here we probably have jQuery collection returned by some selector
- $item = $( item );
-
- opts = $item.data();
- opts = $.extend( {}, opts, opts.options || {} );
-
- // Here we store clicked element
- opts.$orig = $item;
-
- obj.src = opts.src || $item.attr( 'href' );
-
- // Assume that simple syntax is used, for example:
- // `$.fancybox.open( $("#test"), {} );`
- if ( !obj.type && !obj.src ) {
- obj.type = 'inline';
- obj.src = item;
- }
-
- } else {
-
- // Assume we have a simple html code, for example:
- // $.fancybox.open( '
Hi!
' );
-
- obj = {
- type : 'html',
- src : item + ''
- };
-
- }
-
- // Each gallery object has full collection of options
- obj.opts = $.extend( true, {}, self.opts, opts );
-
- // Do not merge buttons array
- if ( $.isArray( opts.buttons ) ) {
- obj.opts.buttons = opts.buttons;
- }
-
-
- // Step 2 - Make sure we have content type, if not - try to guess
- // ==============================================================
-
- type = obj.type || obj.opts.type;
- src = obj.src || '';
-
- if ( !type && src ) {
- if ( src.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i) ) {
- type = 'image';
-
- } else if ( src.match(/\.(pdf)((\?|#).*)?$/i) ) {
- type = 'pdf';
-
- } else if ( found = src.match(/\.(mp4|mov|ogv)((\?|#).*)?$/i) ) {
- type = 'video';
-
- if ( !obj.opts.videoFormat ) {
- obj.opts.videoFormat = 'video/' + ( found[1] === 'ogv' ? 'ogg' : found[1] );
- }
-
- } else if ( src.charAt(0) === '#' ) {
- type = 'inline';
- }
- }
-
- if ( type ) {
- obj.type = type;
-
- } else {
- self.trigger( 'objectNeedsType', obj );
- }
-
-
- // Step 3 - Some adjustments
- // =========================
-
- obj.index = self.group.length;
-
- // Check if $orig and $thumb objects exist
- if ( obj.opts.$orig && !obj.opts.$orig.length ) {
- delete obj.opts.$orig;
- }
-
- if ( !obj.opts.$thumb && obj.opts.$orig ) {
- obj.opts.$thumb = obj.opts.$orig.find( 'img:first' );
- }
-
- if ( obj.opts.$thumb && !obj.opts.$thumb.length ) {
- delete obj.opts.$thumb;
- }
-
- // "caption" is a "special" option, it can be used to customize caption per gallery item ..
- if ( $.type( obj.opts.caption ) === 'function' ) {
- obj.opts.caption = obj.opts.caption.apply( item, [ self, obj ] );
- }
-
- if ( $.type( self.opts.caption ) === 'function' ) {
- obj.opts.caption = self.opts.caption.apply( item, [ self, obj ] );
- }
-
- // Make sure we have caption as a string or jQuery object
- if ( !( obj.opts.caption instanceof $ ) ) {
- obj.opts.caption = obj.opts.caption === undefined ? '' : obj.opts.caption + '';
- }
-
- // Check if url contains "filter" used to filter the content
- // Example: "ajax.html #something"
- if ( type === 'ajax' ) {
- srcParts = src.split(/\s+/, 2);
-
- if ( srcParts.length > 1 ) {
- obj.src = srcParts.shift();
-
- obj.opts.filter = srcParts.shift();
- }
- }
-
- if ( obj.opts.smallBtn == 'auto' ) {
-
- if ( $.inArray( type, ['html', 'inline', 'ajax'] ) > -1 ) {
- obj.opts.toolbar = false;
- obj.opts.smallBtn = true;
-
- } else {
- obj.opts.smallBtn = false;
- }
-
- }
-
- // If the type is "pdf", then simply load file into iframe
- if ( type === 'pdf' ) {
- obj.type = 'iframe';
-
- obj.opts.iframe.preload = false;
- }
-
- // Hide all buttons and disable interactivity for modal items
- if ( obj.opts.modal ) {
-
- obj.opts = $.extend(true, obj.opts, {
- // Remove buttons
- infobar : 0,
- toolbar : 0,
-
- smallBtn : 0,
-
- // Disable keyboard navigation
- keyboard : 0,
-
- // Disable some modules
- slideShow : 0,
- fullScreen : 0,
- thumbs : 0,
- touch : 0,
-
- // Disable click event handlers
- clickContent : false,
- clickSlide : false,
- clickOutside : false,
- dblclickContent : false,
- dblclickSlide : false,
- dblclickOutside : false
- });
-
- }
-
- // Step 4 - Add processed object to group
- // ======================================
-
- self.group.push( obj );
-
- });
-
- },
-
-
- // Attach an event handler functions for:
- // - navigation buttons
- // - browser scrolling, resizing;
- // - focusing
- // - keyboard
- // - detect idle
- // ======================================
-
- addEvents : function() {
- var self = this;
-
- self.removeEvents();
-
- // Make navigation elements clickable
- self.$refs.container.on('click.fb-close', '[data-fancybox-close]', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- self.close( e );
-
- }).on( 'click.fb-prev touchend.fb-prev', '[data-fancybox-prev]', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- self.previous();
-
- }).on( 'click.fb-next touchend.fb-next', '[data-fancybox-next]', function(e) {
- e.stopPropagation();
- e.preventDefault();
-
- self.next();
-
- }).on( 'click.fb', '[data-fancybox-zoom]', function(e) {
- // Click handler for zoom button
- self[ self.isScaledDown() ? 'scaleToActual' : 'scaleToFit' ]();
- });
-
-
- // Handle page scrolling and browser resizing
- $W.on('orientationchange.fb resize.fb', function(e) {
-
- if ( e && e.originalEvent && e.originalEvent.type === "resize" ) {
-
- requestAFrame(function() {
- self.update();
- });
-
- } else {
-
- self.$refs.stage.hide();
-
- setTimeout(function() {
- self.$refs.stage.show();
-
- self.update();
- }, 600);
-
- }
-
- });
-
- // Trap keyboard focus inside of the modal, so the user does not accidentally tab outside of the modal
- // (a.k.a. "escaping the modal")
- $D.on('focusin.fb', function(e) {
- var instance = $.fancybox ? $.fancybox.getInstance() : null;
-
- if ( instance.isClosing || !instance.current || !instance.current.opts.trapFocus || $( e.target ).hasClass( 'fancybox-container' ) || $( e.target ).is( document ) ) {
- return;
- }
-
- if ( instance && $( e.target ).css( 'position' ) !== 'fixed' && !instance.$refs.container.has( e.target ).length ) {
- e.stopPropagation();
-
- instance.focus();
-
- // Sometimes page gets scrolled, set it back
- $W.scrollTop( self.scrollTop ).scrollLeft( self.scrollLeft );
- }
- });
-
-
- // Enable keyboard navigation
- $D.on('keydown.fb', function (e) {
- var current = self.current,
- keycode = e.keyCode || e.which;
-
- if ( !current || !current.opts.keyboard ) {
- return;
- }
-
- if ( $(e.target).is('input') || $(e.target).is('textarea') ) {
- return;
- }
-
- // Backspace and Esc keys
- if ( keycode === 8 || keycode === 27 ) {
- e.preventDefault();
-
- self.close( e );
-
- return;
- }
-
- // Left arrow and Up arrow
- if ( keycode === 37 || keycode === 38 ) {
- e.preventDefault();
-
- self.previous();
-
- return;
- }
-
- // Righ arrow and Down arrow
- if ( keycode === 39 || keycode === 40 ) {
- e.preventDefault();
-
- self.next();
-
- return;
- }
-
- self.trigger('afterKeydown', e, keycode);
- });
-
-
- // Hide controls after some inactivity period
- if ( self.group[ self.currIndex ].opts.idleTime ) {
- self.idleSecondsCounter = 0;
-
- $D.on('mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle', function(e) {
- self.idleSecondsCounter = 0;
-
- if ( self.isIdle ) {
- self.showControls();
- }
-
- self.isIdle = false;
- });
-
- self.idleInterval = window.setInterval(function() {
- self.idleSecondsCounter++;
-
- if ( self.idleSecondsCounter >= self.group[ self.currIndex ].opts.idleTime && !self.isDragging ) {
- self.isIdle = true;
- self.idleSecondsCounter = 0;
-
- self.hideControls();
- }
-
- }, 1000);
- }
-
- },
-
-
- // Remove events added by the core
- // ===============================
-
- removeEvents : function() {
- var self = this;
-
- $W.off( 'orientationchange.fb resize.fb' );
- $D.off( 'focusin.fb keydown.fb .fb-idle' );
-
- this.$refs.container.off( '.fb-close .fb-prev .fb-next' );
-
- if ( self.idleInterval ) {
- window.clearInterval( self.idleInterval );
-
- self.idleInterval = null;
- }
- },
-
-
- // Change to previous gallery item
- // ===============================
-
- previous : function( duration ) {
- return this.jumpTo( this.currPos - 1, duration );
- },
-
-
- // Change to next gallery item
- // ===========================
-
- next : function( duration ) {
- return this.jumpTo( this.currPos + 1, duration );
- },
-
-
- // Switch to selected gallery item
- // ===============================
-
- jumpTo : function ( pos, duration, slide ) {
- var self = this,
- firstRun,
- loop,
- current,
- previous,
- canvasWidth,
- currentPos,
- transitionProps;
-
- var groupLen = self.group.length;
-
- if ( self.isDragging || self.isClosing || ( self.isAnimating && self.firstRun ) ) {
- return;
- }
-
- pos = parseInt( pos, 10 );
- loop = self.current ? self.current.opts.loop : self.opts.loop;
-
- if ( !loop && ( pos < 0 || pos >= groupLen ) ) {
- return false;
- }
-
- firstRun = self.firstRun = ( self.firstRun === null );
-
- if ( groupLen < 2 && !firstRun && !!self.isDragging ) {
- return;
- }
-
- previous = self.current;
-
- self.prevIndex = self.currIndex;
- self.prevPos = self.currPos;
-
- // Create slides
- current = self.createSlide( pos );
-
- if ( groupLen > 1 ) {
- if ( loop || current.index > 0 ) {
- self.createSlide( pos - 1 );
- }
-
- if ( loop || current.index < groupLen - 1 ) {
- self.createSlide( pos + 1 );
- }
- }
-
- self.current = current;
- self.currIndex = current.index;
- self.currPos = current.pos;
-
- self.trigger( 'beforeShow', firstRun );
-
- self.updateControls();
-
- currentPos = $.fancybox.getTranslate( current.$slide );
-
- current.isMoved = ( currentPos.left !== 0 || currentPos.top !== 0 ) && !current.$slide.hasClass( 'fancybox-animated' );
- current.forcedDuration = undefined;
-
- if ( $.isNumeric( duration ) ) {
- current.forcedDuration = duration;
- } else {
- duration = current.opts[ firstRun ? 'animationDuration' : 'transitionDuration' ];
- }
-
- duration = parseInt( duration, 10 );
-
- // Fresh start - reveal container, current slide and start loading content
- if ( firstRun ) {
-
- if ( current.opts.animationEffect && duration ) {
- self.$refs.container.css( 'transition-duration', duration + 'ms' );
- }
-
- self.$refs.container.removeClass( 'fancybox-is-hidden' );
-
- forceRedraw( self.$refs.container );
-
- self.$refs.container.addClass( 'fancybox-is-open' );
-
- // Make first slide visible (to display loading icon, if needed)
- current.$slide.addClass( 'fancybox-slide--current' );
-
- self.loadSlide( current );
-
- self.preload( 'image' );
-
- return;
- }
-
- // Clean up
- $.each(self.slides, function( index, slide ) {
- $.fancybox.stop( slide.$slide );
- });
-
- // Make current that slide is visible even if content is still loading
- current.$slide.removeClass( 'fancybox-slide--next fancybox-slide--previous' ).addClass( 'fancybox-slide--current' );
-
- // If slides have been dragged, animate them to correct position
- if ( current.isMoved ) {
- canvasWidth = Math.round( current.$slide.width() );
-
- $.each(self.slides, function( index, slide ) {
- var pos = slide.pos - current.pos;
-
- $.fancybox.animate( slide.$slide, {
- top : 0,
- left : ( pos * canvasWidth ) + ( pos * slide.opts.gutter )
- }, duration, function() {
-
- slide.$slide.removeAttr('style').removeClass( 'fancybox-slide--next fancybox-slide--previous' );
-
- if ( slide.pos === self.currPos ) {
- current.isMoved = false;
-
- self.complete();
- }
- });
- });
-
- } else {
- self.$refs.stage.children().removeAttr( 'style' );
- }
-
- // Start transition that reveals current content
- // or wait when it will be loaded
-
- if ( current.isLoaded ) {
- self.revealContent( current );
-
- } else {
- self.loadSlide( current );
- }
-
- self.preload( 'image' );
-
- if ( previous.pos === current.pos ) {
- return;
- }
-
- // Handle previous slide
- // =====================
-
- transitionProps = 'fancybox-slide--' + ( previous.pos > current.pos ? 'next' : 'previous' );
-
- previous.$slide.removeClass( 'fancybox-slide--complete fancybox-slide--current fancybox-slide--next fancybox-slide--previous' );
-
- previous.isComplete = false;
-
- if ( !duration || ( !current.isMoved && !current.opts.transitionEffect ) ) {
- return;
- }
-
- if ( current.isMoved ) {
- previous.$slide.addClass( transitionProps );
-
- } else {
-
- transitionProps = 'fancybox-animated ' + transitionProps + ' fancybox-fx-' + current.opts.transitionEffect;
-
- $.fancybox.animate( previous.$slide, transitionProps, duration, function() {
- previous.$slide.removeClass( transitionProps ).removeAttr( 'style' );
- });
-
- }
-
- },
-
-
- // Create new "slide" element
- // These are gallery items that are actually added to DOM
- // =======================================================
-
- createSlide : function( pos ) {
-
- var self = this;
- var $slide;
- var index;
-
- index = pos % self.group.length;
- index = index < 0 ? self.group.length + index : index;
-
- if ( !self.slides[ pos ] && self.group[ index ] ) {
- $slide = $('').appendTo( self.$refs.stage );
-
- self.slides[ pos ] = $.extend( true, {}, self.group[ index ], {
- pos : pos,
- $slide : $slide,
- isLoaded : false,
- });
-
- self.updateSlide( self.slides[ pos ] );
- }
-
- return self.slides[ pos ];
- },
-
-
- // Scale image to the actual size of the image
- // ===========================================
-
- scaleToActual : function( x, y, duration ) {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
-
- var imgPos, posX, posY, scaleX, scaleY;
-
- var canvasWidth = parseInt( current.$slide.width(), 10 );
- var canvasHeight = parseInt( current.$slide.height(), 10 );
-
- var newImgWidth = current.width;
- var newImgHeight = current.height;
-
- if ( !( current.type == 'image' && !current.hasError) || !$what || self.isAnimating ) {
- return;
- }
-
- $.fancybox.stop( $what );
-
- self.isAnimating = true;
-
- x = x === undefined ? canvasWidth * 0.5 : x;
- y = y === undefined ? canvasHeight * 0.5 : y;
-
- imgPos = $.fancybox.getTranslate( $what );
-
- scaleX = newImgWidth / imgPos.width;
- scaleY = newImgHeight / imgPos.height;
-
- // Get center position for original image
- posX = ( canvasWidth * 0.5 - newImgWidth * 0.5 );
- posY = ( canvasHeight * 0.5 - newImgHeight * 0.5 );
-
- // Make sure image does not move away from edges
- if ( newImgWidth > canvasWidth ) {
- posX = imgPos.left * scaleX - ( ( x * scaleX ) - x );
-
- if ( posX > 0 ) {
- posX = 0;
- }
-
- if ( posX < canvasWidth - newImgWidth ) {
- posX = canvasWidth - newImgWidth;
- }
- }
-
- if ( newImgHeight > canvasHeight) {
- posY = imgPos.top * scaleY - ( ( y * scaleY ) - y );
-
- if ( posY > 0 ) {
- posY = 0;
- }
-
- if ( posY < canvasHeight - newImgHeight ) {
- posY = canvasHeight - newImgHeight;
- }
- }
-
- self.updateCursor( newImgWidth, newImgHeight );
-
- $.fancybox.animate( $what, {
- top : posY,
- left : posX,
- scaleX : scaleX,
- scaleY : scaleY
- }, duration || 330, function() {
- self.isAnimating = false;
- });
-
- // Stop slideshow
- if ( self.SlideShow && self.SlideShow.isActive ) {
- self.SlideShow.stop();
- }
- },
-
-
- // Scale image to fit inside parent element
- // ========================================
-
- scaleToFit : function( duration ) {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
- var end;
-
- if ( !( current.type == 'image' && !current.hasError) || !$what || self.isAnimating ) {
- return;
- }
-
- $.fancybox.stop( $what );
-
- self.isAnimating = true;
-
- end = self.getFitPos( current );
-
- self.updateCursor( end.width, end.height );
-
- $.fancybox.animate( $what, {
- top : end.top,
- left : end.left,
- scaleX : end.width / $what.width(),
- scaleY : end.height / $what.height()
- }, duration || 330, function() {
- self.isAnimating = false;
- });
-
- },
-
- // Calculate image size to fit inside viewport
- // ===========================================
-
- getFitPos : function( slide ) {
- var self = this;
- var $what = slide.$content;
-
- var imgWidth = slide.width;
- var imgHeight = slide.height;
-
- var margin = slide.opts.margin;
-
- var canvasWidth, canvasHeight, minRatio, width, height;
-
- if ( !$what || !$what.length || ( !imgWidth && !imgHeight) ) {
- return false;
- }
-
- // Convert "margin to CSS style: [ top, right, bottom, left ]
- if ( $.type( margin ) === "number" ) {
- margin = [ margin, margin ];
- }
-
- if ( margin.length == 2 ) {
- margin = [ margin[0], margin[1], margin[0], margin[1] ];
- }
-
- // We can not use $slide width here, because it can have different diemensions while in transiton
- canvasWidth = parseInt( self.$refs.stage.width(), 10 ) - ( margin[ 1 ] + margin[ 3 ] );
- canvasHeight = parseInt( self.$refs.stage.height(), 10 ) - ( margin[ 0 ] + margin[ 2 ] );
-
- minRatio = Math.min(1, canvasWidth / imgWidth, canvasHeight / imgHeight );
-
- width = Math.floor( minRatio * imgWidth );
- height = Math.floor( minRatio * imgHeight );
-
- // Use floor rounding to make sure it really fits
- return {
- top : Math.floor( ( canvasHeight - height ) * 0.5 ) + margin[ 0 ],
- left : Math.floor( ( canvasWidth - width ) * 0.5 ) + margin[ 3 ],
- width : width,
- height : height
- };
-
- },
-
-
- // Update content size and position for all slides
- // ==============================================
-
- update : function() {
- var self = this;
-
- $.each( self.slides, function( key, slide ) {
- self.updateSlide( slide );
- });
- },
-
-
- // Update slide content position and size
- // ======================================
-
- updateSlide : function( slide, duration ) {
- var self = this,
- $what = slide && slide.$content;
-
- if ( $what && ( slide.width || slide.height ) ) {
- self.isAnimating = false;
-
- $.fancybox.stop( $what );
-
- $.fancybox.setTranslate( $what, self.getFitPos( slide ) );
-
- if ( slide.pos === self.currPos ) {
- self.updateCursor();
- }
- }
-
- slide.$slide.trigger( 'refresh' );
-
- self.trigger( 'onUpdate', slide );
-
- },
-
-
- // Horizontally center slide
- // =========================
-
- centerSlide : function( slide, duration ) {
- var self = this, canvasWidth, pos;
-
- if ( self.current ) {
- canvasWidth = Math.round( slide.$slide.width() );
- pos = slide.pos - self.current.pos;
-
- $.fancybox.animate( slide.$slide, {
- top : 0,
- left : ( pos * canvasWidth ) + ( pos * slide.opts.gutter ),
- opacity : 1
- }, duration === undefined ? 0 : duration, null, false);
- }
- },
-
-
- // Update cursor style depending if content can be zoomed
- // ======================================================
-
- updateCursor : function( nextWidth, nextHeight ) {
-
- var self = this;
- var isScaledDown;
-
- var $container = self.$refs.container.removeClass( 'fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-drag fancybox-can-zoomOut' );
-
- if ( !self.current || self.isClosing ) {
- return;
- }
-
- if ( self.isZoomable() ) {
-
- $container.addClass( 'fancybox-is-zoomable' );
-
- if ( nextWidth !== undefined && nextHeight !== undefined ) {
- isScaledDown = nextWidth < self.current.width && nextHeight < self.current.height;
-
- } else {
- isScaledDown = self.isScaledDown();
- }
-
- if ( isScaledDown ) {
-
- // If image is scaled down, then, obviously, it can be zoomed to full size
- $container.addClass( 'fancybox-can-zoomIn' );
-
- } else {
-
- if ( self.current.opts.touch ) {
-
- // If image size ir largen than available available and touch module is not disable,
- // then user can do panning
- $container.addClass( 'fancybox-can-drag' );
-
- } else {
- $container.addClass( 'fancybox-can-zoomOut' );
- }
-
- }
-
- } else if ( self.current.opts.touch ) {
- $container.addClass( 'fancybox-can-drag' );
- }
-
- },
-
-
- // Check if current slide is zoomable
- // ==================================
-
- isZoomable : function() {
-
- var self = this;
-
- var current = self.current;
- var fitPos;
-
- if ( !current || self.isClosing ) {
- return;
- }
-
- // Assume that slide is zoomable if
- // - image is loaded successfuly
- // - click action is "zoom"
- // - actual size of the image is smaller than available area
- if ( current.type === 'image' && current.isLoaded && !current.hasError &&
- ( current.opts.clickContent === 'zoom' || ( $.isFunction( current.opts.clickContent ) && current.opts.clickContent( current ) === "zoom" ) )
- ) {
-
- fitPos = self.getFitPos( current );
-
- if ( current.width > fitPos.width || current.height > fitPos.height ) {
- return true;
- }
-
- }
-
- return false;
-
- },
-
-
- // Check if current image dimensions are smaller than actual
- // =========================================================
-
- isScaledDown : function() {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
-
- var rez = false;
-
- if ( $what ) {
- rez = $.fancybox.getTranslate( $what );
- rez = rez.width < current.width || rez.height < current.height;
- }
-
- return rez;
-
- },
-
-
- // Check if image dimensions exceed parent element
- // ===============================================
-
- canPan : function() {
-
- var self = this;
-
- var current = self.current;
- var $what = current.$content;
-
- var rez = false;
-
- if ( $what ) {
- rez = self.getFitPos( current );
- rez = Math.abs( $what.width() - rez.width ) > 1 || Math.abs( $what.height() - rez.height ) > 1;
- }
-
- return rez;
-
- },
-
-
- // Load content into the slide
- // ===========================
-
- loadSlide : function( slide ) {
-
- var self = this, type, $slide;
- var ajaxLoad;
-
- if ( slide.isLoading ) {
- return;
- }
-
- if ( slide.isLoaded ) {
- return;
- }
-
- slide.isLoading = true;
-
- self.trigger( 'beforeLoad', slide );
-
- type = slide.type;
- $slide = slide.$slide;
-
- $slide
- .off( 'refresh' )
- .trigger( 'onReset' )
- .addClass( 'fancybox-slide--' + ( type || 'unknown' ) )
- .addClass( slide.opts.slideClass );
-
- // Create content depending on the type
-
- switch ( type ) {
-
- case 'image':
-
- self.setImage( slide );
-
- break;
-
- case 'iframe':
-
- self.setIframe( slide );
-
- break;
-
- case 'html':
-
- self.setContent( slide, slide.src || slide.content );
-
- break;
-
- case 'inline':
-
- if ( $( slide.src ).length ) {
- self.setContent( slide, $( slide.src ) );
-
- } else {
- self.setError( slide );
- }
-
- break;
-
- case 'ajax':
-
- self.showLoading( slide );
-
- ajaxLoad = $.ajax( $.extend( {}, slide.opts.ajax.settings, {
- url : slide.src,
- success : function ( data, textStatus ) {
-
- if ( textStatus === 'success' ) {
- self.setContent( slide, data );
- }
-
- },
- error : function ( jqXHR, textStatus ) {
-
- if ( jqXHR && textStatus !== 'abort' ) {
- self.setError( slide );
- }
-
- }
- }));
-
- $slide.one( 'onReset', function () {
- ajaxLoad.abort();
- });
-
- break;
-
- case 'video' :
-
- self.setContent( slide,
- ''
- );
-
- break;
-
- default:
-
- self.setError( slide );
-
- break;
-
- }
-
- return true;
-
- },
-
-
- // Use thumbnail image, if possible
- // ================================
-
- setImage : function( slide ) {
-
- var self = this;
- var srcset = slide.opts.srcset || slide.opts.image.srcset;
-
- var found, temp, pxRatio, windowWidth;
-
- // If we have "srcset", then we need to find matching "src" value.
- // This is necessary, because when you set an src attribute, the browser will preload the image
- // before any javascript or even CSS is applied.
- if ( srcset ) {
- pxRatio = window.devicePixelRatio || 1;
- windowWidth = window.innerWidth * pxRatio;
-
- temp = srcset.split(',').map(function ( el ) {
- var ret = {};
-
- el.trim().split(/\s+/).forEach(function ( el, i ) {
- var value = parseInt( el.substring(0, el.length - 1), 10 );
-
- if ( i === 0 ) {
- return ( ret.url = el );
- }
-
- if ( value ) {
- ret.value = value;
- ret.postfix = el[ el.length - 1 ];
- }
-
- });
-
- return ret;
- });
-
- // Sort by value
- temp.sort(function (a, b) {
- return a.value - b.value;
- });
-
- // Ok, now we have an array of all srcset values
- for ( var j = 0; j < temp.length; j++ ) {
- var el = temp[ j ];
-
- if ( ( el.postfix === 'w' && el.value >= windowWidth ) || ( el.postfix === 'x' && el.value >= pxRatio ) ) {
- found = el;
- break;
- }
- }
-
- // If not found, take the last one
- if ( !found && temp.length ) {
- found = temp[ temp.length - 1 ];
- }
-
- if ( found ) {
- slide.src = found.url;
-
- // If we have default width/height values, we can calculate height for matching source
- if ( slide.width && slide.height && found.postfix == 'w' ) {
- slide.height = ( slide.width / slide.height ) * found.value;
- slide.width = found.value;
- }
- }
- }
-
- // This will be wrapper containing both ghost and actual image
- slide.$content = $('')
- .addClass( 'fancybox-is-hidden' )
- .appendTo( slide.$slide );
-
-
- // If we have a thumbnail, we can display it while actual image is loading
- // Users will not stare at black screen and actual image will appear gradually
- if ( slide.opts.preload !== false && slide.opts.width && slide.opts.height && ( slide.opts.thumb || slide.opts.$thumb ) ) {
-
- slide.width = slide.opts.width;
- slide.height = slide.opts.height;
-
- slide.$ghost = $('')
- .one('error', function() {
-
- $(this).remove();
-
- slide.$ghost = null;
-
- self.setBigImage( slide );
-
- })
- .one('load', function() {
-
- self.afterLoad( slide );
-
- self.setBigImage( slide );
-
- })
- .addClass( 'fancybox-image' )
- .appendTo( slide.$content )
- .attr( 'src', slide.opts.thumb || slide.opts.$thumb.attr( 'src' ) );
-
- } else {
-
- self.setBigImage( slide );
-
- }
-
- },
-
-
- // Create full-size image
- // ======================
-
- setBigImage : function ( slide ) {
- var self = this;
- var $img = $('');
-
- slide.$image = $img
- .one('error', function() {
-
- self.setError( slide );
-
- })
- .one('load', function() {
-
- // Clear timeout that checks if loading icon needs to be displayed
- clearTimeout( slide.timouts );
-
- slide.timouts = null;
-
- if ( self.isClosing ) {
- return;
- }
-
- slide.width = slide.opts.width || this.naturalWidth;
- slide.height = slide.opts.height || this.naturalHeight;
-
- if ( slide.opts.image.srcset ) {
- $img.attr( 'sizes', '100vw' ).attr( 'srcset', slide.opts.image.srcset );
- }
-
- self.hideLoading( slide );
-
- if ( slide.$ghost ) {
-
- slide.timouts = setTimeout(function() {
- slide.timouts = null;
-
- slide.$ghost.hide();
-
- }, Math.min( 300, Math.max( 1000, slide.height / 1600 ) ) );
-
- } else {
- self.afterLoad( slide );
- }
-
- })
- .addClass( 'fancybox-image' )
- .attr('src', slide.src)
- .appendTo( slide.$content );
-
- if ( ( $img[0].complete || $img[0].readyState == "complete" ) && $img[0].naturalWidth && $img[0].naturalHeight ) {
- $img.trigger( 'load' );
-
- } else if( $img[0].error ) {
- $img.trigger( 'error' );
-
- } else {
-
- slide.timouts = setTimeout(function() {
- if ( !$img[0].complete && !slide.hasError ) {
- self.showLoading( slide );
- }
-
- }, 100);
-
- }
-
- },
-
-
- // Create iframe wrapper, iframe and bindings
- // ==========================================
-
- setIframe : function( slide ) {
- var self = this,
- opts = slide.opts.iframe,
- $slide = slide.$slide,
- $iframe;
-
- slide.$content = $('')
- .css( opts.css )
- .appendTo( $slide );
-
- $iframe = $( opts.tpl.replace(/\{rnd\}/g, new Date().getTime()) )
- .attr( opts.attr )
- .appendTo( slide.$content );
-
- if ( opts.preload ) {
-
- self.showLoading( slide );
-
- // Unfortunately, it is not always possible to determine if iframe is successfully loaded
- // (due to browser security policy)
-
- $iframe.on('load.fb error.fb', function(e) {
- this.isReady = 1;
-
- slide.$slide.trigger( 'refresh' );
-
- self.afterLoad( slide );
- });
-
- // Recalculate iframe content size
- // ===============================
-
- $slide.on('refresh.fb', function() {
- var $wrap = slide.$content,
- frameWidth = opts.css.width,
- frameHeight = opts.css.height,
- scrollWidth,
- $contents,
- $body;
-
- if ( $iframe[0].isReady !== 1 ) {
- return;
- }
-
- // Check if content is accessible,
- // it will fail if frame is not with the same origin
-
- try {
- $contents = $iframe.contents();
- $body = $contents.find('body');
-
- } catch (ignore) {}
-
- // Calculate dimensions for the wrapper
- if ( $body && $body.length ) {
-
- if ( frameWidth === undefined ) {
- scrollWidth = $iframe[0].contentWindow.document.documentElement.scrollWidth;
-
- frameWidth = Math.ceil( $body.outerWidth(true) + ( $wrap.width() - scrollWidth ) );
- frameWidth += $wrap.outerWidth() - $wrap.innerWidth();
- }
-
- if ( frameHeight === undefined ) {
- frameHeight = Math.ceil( $body.outerHeight(true) );
- frameHeight += $wrap.outerHeight() - $wrap.innerHeight();
- }
-
- // Resize wrapper to fit iframe content
- if ( frameWidth ) {
- $wrap.width( frameWidth );
- }
-
- if ( frameHeight ) {
- $wrap.height( frameHeight );
- }
- }
-
- $wrap.removeClass( 'fancybox-is-hidden' );
-
- });
-
- } else {
-
- this.afterLoad( slide );
-
- }
-
- $iframe.attr( 'src', slide.src );
-
- if ( slide.opts.smallBtn === true ) {
- slide.$content.prepend( self.translate( slide, slide.opts.btnTpl.smallBtn ) );
- }
-
- // Remove iframe if closing or changing gallery item
- $slide.one( 'onReset', function () {
-
- // This helps IE not to throw errors when closing
- try {
-
- $( this ).find( 'iframe' ).hide().attr( 'src', '//about:blank' );
-
- } catch ( ignore ) {}
-
- $( this ).empty();
-
- slide.isLoaded = false;
-
- });
-
- },
-
-
- // Wrap and append content to the slide
- // ======================================
-
- setContent : function ( slide, content ) {
-
- var self = this;
-
- if ( self.isClosing ) {
- return;
- }
-
- self.hideLoading( slide );
-
- slide.$slide.empty();
-
- if ( isQuery( content ) && content.parent().length ) {
-
- // If content is a jQuery object, then it will be moved to the slide.
- // The placeholder is created so we will know where to put it back.
- // If user is navigating gallery fast, then the content might be already inside fancyBox
- // =====================================================================================
-
- // Make sure content is not already moved to fancyBox
- content.parent( '.fancybox-slide--inline' ).trigger( 'onReset' );
-
- // Create temporary element marking original place of the content
- slide.$placeholder = $( '' ).hide().insertAfter( content );
-
- // Make sure content is visible
- content.css('display', 'inline-block');
-
- } else if ( !slide.hasError ) {
-
- // If content is just a plain text, try to convert it to html
- if ( $.type( content ) === 'string' ) {
- content = $('
').append( $.trim( content ) ).contents();
-
- // If we have text node, then add wrapping element to make vertical alignment work
- if ( content[0].nodeType === 3 ) {
- content = $('
').html( content );
- }
- }
-
- // If "filter" option is provided, then filter content
- if ( slide.opts.filter ) {
- content = $('
').html( content ).find( slide.opts.filter );
- }
-
- }
-
- slide.$slide.one('onReset', function () {
-
- // Pause all html5 video/audio
- $( this ).find( 'video,audio' ).trigger( 'pause' );
-
- // Put content back
- if ( slide.$placeholder ) {
- slide.$placeholder.after( content.hide() ).remove();
-
- slide.$placeholder = null;
- }
-
- // Remove custom close button
- if ( slide.$smallBtn ) {
- slide.$smallBtn.remove();
-
- slide.$smallBtn = null;
- }
-
- // Remove content and mark slide as not loaded
- if ( !slide.hasError ) {
- $(this).empty();
-
- slide.isLoaded = false;
- }
-
- });
-
- slide.$content = $( content ).appendTo( slide.$slide );
-
- this.afterLoad( slide );
- },
-
- // Display error message
- // =====================
-
- setError : function ( slide ) {
-
- slide.hasError = true;
-
- slide.$slide.removeClass( 'fancybox-slide--' + slide.type );
-
- this.setContent( slide, this.translate( slide, slide.opts.errorTpl ) );
-
- },
-
-
- // Show loading icon inside the slide
- // ==================================
-
- showLoading : function( slide ) {
-
- var self = this;
-
- slide = slide || self.current;
-
- if ( slide && !slide.$spinner ) {
- slide.$spinner = $( self.opts.spinnerTpl ).appendTo( slide.$slide );
- }
-
- },
-
- // Remove loading icon from the slide
- // ==================================
-
- hideLoading : function( slide ) {
-
- var self = this;
-
- slide = slide || self.current;
-
- if ( slide && slide.$spinner ) {
- slide.$spinner.remove();
-
- delete slide.$spinner;
- }
-
- },
-
-
- // Adjustments after slide content has been loaded
- // ===============================================
-
- afterLoad : function( slide ) {
-
- var self = this;
-
- if ( self.isClosing ) {
- return;
- }
-
- slide.isLoading = false;
- slide.isLoaded = true;
-
- self.trigger( 'afterLoad', slide );
-
- self.hideLoading( slide );
-
- if ( slide.opts.smallBtn && !slide.$smallBtn ) {
- slide.$smallBtn = $( self.translate( slide, slide.opts.btnTpl.smallBtn ) ).appendTo( slide.$content.filter('div,form').first() );
- }
-
- if ( slide.opts.protect && slide.$content && !slide.hasError ) {
-
- // Disable right click
- slide.$content.on( 'contextmenu.fb', function( e ) {
- if ( e.button == 2 ) {
- e.preventDefault();
- }
-
- return true;
- });
-
- // Add fake element on top of the image
- // This makes a bit harder for user to select image
- if ( slide.type === 'image' ) {
- $( '' ).appendTo( slide.$content );
- }
-
- }
-
- self.revealContent( slide );
-
- },
-
-
- // Make content visible
- // This method is called right after content has been loaded or
- // user navigates gallery and transition should start
- // ============================================================
-
- revealContent : function( slide ) {
-
- var self = this;
- var $slide = slide.$slide;
-
- var effect, effectClassName, duration, opacity, end, start = false;
-
- effect = slide.opts[ self.firstRun ? 'animationEffect' : 'transitionEffect' ];
- duration = slide.opts[ self.firstRun ? 'animationDuration' : 'transitionDuration' ];
-
- duration = parseInt( slide.forcedDuration === undefined ? duration : slide.forcedDuration, 10 );
-
- if ( slide.isMoved || slide.pos !== self.currPos || !duration ) {
- effect = false;
- }
-
- // Check if can zoom
- if ( effect === 'zoom' && !( slide.pos === self.currPos && duration && slide.type === 'image' && !slide.hasError && ( start = self.getThumbPos( slide ) ) ) ) {
- effect = 'fade';
- }
-
- // Zoom animation
- // ==============
-
- if ( effect === 'zoom' ) {
- end = self.getFitPos( slide );
-
- end.scaleX = end.width / start.width;
- end.scaleY = end.height / start.height;
-
- delete end.width;
- delete end.height;
-
- // Check if we need to animate opacity
- opacity = slide.opts.zoomOpacity;
-
- if ( opacity == 'auto' ) {
- opacity = Math.abs( slide.width / slide.height - start.width / start.height ) > 0.1;
- }
-
- if ( opacity ) {
- start.opacity = 0.1;
- end.opacity = 1;
- }
-
- // Draw image at start position
- $.fancybox.setTranslate( slide.$content.removeClass( 'fancybox-is-hidden' ), start );
-
- forceRedraw( slide.$content );
-
- // Start animation
- $.fancybox.animate( slide.$content, end, duration, function() {
- self.complete();
- });
-
- return;
- }
-
- self.updateSlide( slide );
-
-
- // Simply show content
- // ===================
-
- if ( !effect ) {
- forceRedraw( $slide );
-
- slide.$content.removeClass( 'fancybox-is-hidden' );
-
- if ( slide.pos === self.currPos ) {
- self.complete();
- }
-
- return;
- }
-
- $.fancybox.stop( $slide );
-
- effectClassName = 'fancybox-animated fancybox-slide--' + ( slide.pos >= self.prevPos ? 'next' : 'previous' ) + ' fancybox-fx-' + effect;
-
- $slide.removeAttr( 'style' ).removeClass( 'fancybox-slide--current fancybox-slide--next fancybox-slide--previous' ).addClass( effectClassName );
-
- slide.$content.removeClass( 'fancybox-is-hidden' );
-
- //Force reflow for CSS3 transitions
- forceRedraw( $slide );
-
- $.fancybox.animate( $slide, 'fancybox-slide--current', duration, function(e) {
- $slide.removeClass( effectClassName ).removeAttr( 'style' );
-
- if ( slide.pos === self.currPos ) {
- self.complete();
- }
-
- }, true);
-
- },
-
-
- // Check if we can and have to zoom from thumbnail
- //================================================
-
- getThumbPos : function( slide ) {
-
- var self = this;
- var rez = false;
-
- // Check if element is inside the viewport by at least 1 pixel
- var isElementVisible = function( $el ) {
- var element = $el[0];
-
- var elementRect = element.getBoundingClientRect();
- var parentRects = [];
-
- var visibleInAllParents;
-
- while ( element.parentElement !== null ) {
- if ( $(element.parentElement).css('overflow') === 'hidden' || $(element.parentElement).css('overflow') === 'auto' ) {
- parentRects.push(element.parentElement.getBoundingClientRect());
- }
-
- element = element.parentElement;
- }
-
- visibleInAllParents = parentRects.every(function(parentRect){
- var visiblePixelX = Math.min(elementRect.right, parentRect.right) - Math.max(elementRect.left, parentRect.left);
- var visiblePixelY = Math.min(elementRect.bottom, parentRect.bottom) - Math.max(elementRect.top, parentRect.top);
-
- return visiblePixelX > 0 && visiblePixelY > 0;
- });
-
- return visibleInAllParents &&
- elementRect.bottom > 0 && elementRect.right > 0 &&
- elementRect.left < $(window).width() && elementRect.top < $(window).height();
- };
-
- var $thumb = slide.opts.$thumb;
- var thumbPos = $thumb ? $thumb.offset() : 0;
- var slidePos;
-
- if ( thumbPos && $thumb[0].ownerDocument === document && isElementVisible( $thumb ) ) {
- slidePos = self.$refs.stage.offset();
-
- rez = {
- top : thumbPos.top - slidePos.top + parseFloat( $thumb.css( "border-top-width" ) || 0 ),
- left : thumbPos.left - slidePos.left + parseFloat( $thumb.css( "border-left-width" ) || 0 ),
- width : $thumb.width(),
- height : $thumb.height(),
- scaleX : 1,
- scaleY : 1
- };
- }
-
- return rez;
- },
-
-
- // Final adjustments after current gallery item is moved to position
- // and it`s content is loaded
- // ==================================================================
-
- complete : function() {
- var self = this,
- current = self.current,
- slides = {},
- promise;
-
- if ( current.isMoved || !current.isLoaded || current.isComplete ) {
- return;
- }
-
- current.isComplete = true;
-
- current.$slide.siblings().trigger( 'onReset' );
-
- self.preload( 'inline' );
-
- // Trigger any CSS3 transiton inside the slide
- forceRedraw( current.$slide );
-
- current.$slide.addClass( 'fancybox-slide--complete' );
-
- // Remove unnecessary slides
- $.each( self.slides, function( key, slide ) {
- if ( slide.pos >= self.currPos - 1 && slide.pos <= self.currPos + 1 ) {
- slides[ slide.pos ] = slide;
-
- } else if ( slide ) {
- $.fancybox.stop( slide.$slide );
-
- slide.$slide.off().remove();
- }
- });
-
- self.slides = slides;
-
- self.updateCursor();
-
- self.trigger( 'afterShow' );
-
- // Play first html5 video/audio
- current.$slide.find( 'video,audio' ).first().trigger( 'play' );
-
- // Try to focus on the first focusable element
- if ( $( document.activeElement ).is( '[disabled]' ) || ( current.opts.autoFocus && !( current.type == 'image' || current.type === 'iframe' ) ) ) {
- self.focus();
- }
-
- },
-
-
- // Preload next and previous slides
- // ================================
-
- preload : function( type ) {
- var self = this,
- next = self.slides[ self.currPos + 1 ],
- prev = self.slides[ self.currPos - 1 ];
-
- if ( next && next.type === type ) {
- self.loadSlide( next );
- }
-
- if ( prev && prev.type === type ) {
- self.loadSlide( prev );
- }
- },
-
-
- // Try to find and focus on the first focusable element
- // ====================================================
-
- focus : function() {
- var current = this.current;
- var $el;
-
- if ( this.isClosing ) {
- return;
- }
-
- if ( current && current.isComplete ) {
-
- // Look for first input with autofocus attribute
- $el = current.$slide.find('input[autofocus]:enabled:visible:first');
-
- if ( !$el.length ) {
- $el = current.$slide.find('button,:input,[tabindex],a').filter(':enabled:visible:first');
- }
- }
-
- $el = $el && $el.length ? $el : this.$refs.container;
-
- $el.focus();
- },
-
-
- // Activates current instance - brings container to the front and enables keyboard,
- // notifies other instances about deactivating
- // =================================================================================
-
- activate : function () {
- var self = this;
-
- // Deactivate all instances
- $( '.fancybox-container' ).each(function () {
- var instance = $(this).data( 'FancyBox' );
-
- // Skip self and closing instances
- if (instance && instance.id !== self.id && !instance.isClosing) {
- instance.trigger( 'onDeactivate' );
-
- instance.removeEvents();
-
- instance.isVisible = false;
- }
-
- });
-
- self.isVisible = true;
-
- if ( self.current || self.isIdle ) {
- self.update();
-
- self.updateControls();
- }
-
- self.trigger( 'onActivate' );
-
- self.addEvents();
- },
-
-
- // Start closing procedure
- // This will start "zoom-out" animation if needed and clean everything up afterwards
- // =================================================================================
-
- close : function( e, d ) {
-
- var self = this;
- var current = self.current;
-
- var effect, duration;
- var $what, opacity, start, end;
-
- var done = function() {
- self.cleanUp( e );
- };
-
- if ( self.isClosing ) {
- return false;
- }
-
- self.isClosing = true;
-
- // If beforeClose callback prevents closing, make sure content is centered
- if ( self.trigger( 'beforeClose', e ) === false ) {
- self.isClosing = false;
-
- requestAFrame(function() {
- self.update();
- });
-
- return false;
- }
-
- // Remove all events
- // If there are multiple instances, they will be set again by "activate" method
- self.removeEvents();
-
- if ( current.timouts ) {
- clearTimeout( current.timouts );
- }
-
- $what = current.$content;
- effect = current.opts.animationEffect;
- duration = $.isNumeric( d ) ? d : ( effect ? current.opts.animationDuration : 0 );
-
- // Remove other slides
- current.$slide.off( transitionEnd ).removeClass( 'fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated' );
-
- current.$slide.siblings().trigger( 'onReset' ).remove();
-
- // Trigger animations
- if ( duration ) {
- self.$refs.container.removeClass( 'fancybox-is-open' ).addClass( 'fancybox-is-closing' );
- }
-
- // Clean up
- self.hideLoading( current );
-
- self.hideControls();
-
- self.updateCursor();
-
- // Check if possible to zoom-out
- if ( effect === 'zoom' && !( e !== true && $what && duration && current.type === 'image' && !current.hasError && ( end = self.getThumbPos( current ) ) ) ) {
- effect = 'fade';
- }
-
- if ( effect === 'zoom' ) {
- $.fancybox.stop( $what );
-
- start = $.fancybox.getTranslate( $what );
-
- start.width = start.width * start.scaleX;
- start.height = start.height * start.scaleY;
-
- // Check if we need to animate opacity
- opacity = current.opts.zoomOpacity;
-
- if ( opacity == 'auto' ) {
- opacity = Math.abs( current.width / current.height - end.width / end.height ) > 0.1;
- }
-
- if ( opacity ) {
- end.opacity = 0;
- }
-
- start.scaleX = start.width / end.width;
- start.scaleY = start.height / end.height;
-
- start.width = end.width;
- start.height = end.height;
-
- $.fancybox.setTranslate( current.$content, start );
-
- forceRedraw( current.$content );
-
- $.fancybox.animate( current.$content, end, duration, done );
-
- return true;
- }
-
- if ( effect && duration ) {
-
- // If skip animation
- if ( e === true ) {
- setTimeout( done, duration );
-
- } else {
- $.fancybox.animate( current.$slide.removeClass( 'fancybox-slide--current' ), 'fancybox-animated fancybox-slide--previous fancybox-fx-' + effect, duration, done );
- }
-
- } else {
- done();
- }
-
- return true;
- },
-
-
- // Final adjustments after removing the instance
- // =============================================
-
- cleanUp : function( e ) {
- var self = this,
- $body = $( 'body' ),
- instance,
- offset;
-
- self.current.$slide.trigger( 'onReset' );
-
- self.$refs.container.empty().remove();
-
- self.trigger( 'afterClose', e );
-
- // Place back focus
- if ( self.$lastFocus && !!self.current.opts.backFocus ) {
- self.$lastFocus.focus();
- }
-
- self.current = null;
-
- // Check if there are other instances
- instance = $.fancybox.getInstance();
-
- if ( instance ) {
- instance.activate();
-
- } else {
-
- $W.scrollTop( self.scrollTop ).scrollLeft( self.scrollLeft );
-
- $body.removeClass( 'fancybox-active compensate-for-scrollbar' );
-
- if ( $body.hasClass( 'fancybox-iosfix' ) ) {
- offset = parseInt(document.body.style.top, 10);
-
- $body.removeClass( 'fancybox-iosfix' ).css( 'top', '' ).scrollTop( offset * -1 );
- }
-
- $( '#fancybox-style-noscroll' ).remove();
-
- }
-
- },
-
-
- // Call callback and trigger an event
- // ==================================
-
- trigger : function( name, slide ) {
- var args = Array.prototype.slice.call(arguments, 1),
- self = this,
- obj = slide && slide.opts ? slide : self.current,
- rez;
-
- if ( obj ) {
- args.unshift( obj );
-
- } else {
- obj = self;
- }
-
- args.unshift( self );
-
- if ( $.isFunction( obj.opts[ name ] ) ) {
- rez = obj.opts[ name ].apply( obj, args );
- }
-
- if ( rez === false ) {
- return rez;
- }
-
- if ( name === 'afterClose' || !self.$refs ) {
- $D.trigger( name + '.fb', args );
-
- } else {
- self.$refs.container.trigger( name + '.fb', args );
- }
-
- },
-
-
- // Update infobar values, navigation button states and reveal caption
- // ==================================================================
-
- updateControls : function ( force ) {
-
- var self = this;
-
- var current = self.current,
- index = current.index,
- caption = current.opts.caption,
- $container = self.$refs.container,
- $caption = self.$refs.caption;
-
- // Recalculate content dimensions
- current.$slide.trigger( 'refresh' );
-
- self.$caption = caption && caption.length ? $caption.html( caption ) : null;
-
- if ( !self.isHiddenControls && !self.isIdle ) {
- self.showControls();
- }
-
- // Update info and navigation elements
- $container.find('[data-fancybox-count]').html( self.group.length );
- $container.find('[data-fancybox-index]').html( index + 1 );
-
- $container.find('[data-fancybox-prev]').prop( 'disabled', ( !current.opts.loop && index <= 0 ) );
- $container.find('[data-fancybox-next]').prop( 'disabled', ( !current.opts.loop && index >= self.group.length - 1 ) );
-
- if ( current.type === 'image' ) {
-
- // Update download button source
- $container.find('[data-fancybox-download]').attr( 'href', current.opts.image.src || current.src ).show();
-
- } else {
- $container.find('[data-fancybox-download],[data-fancybox-zoom]').hide();
- }
- },
-
- // Hide toolbar and caption
- // ========================
-
- hideControls : function () {
-
- this.isHiddenControls = true;
-
- this.$refs.container.removeClass( 'fancybox-show-infobar fancybox-show-toolbar fancybox-show-caption fancybox-show-nav' );
-
- },
-
- showControls : function() {
- var self = this;
- var opts = self.current ? self.current.opts : self.opts;
- var $container = self.$refs.container;
-
- self.isHiddenControls = false;
- self.idleSecondsCounter = 0;
-
- $container
- .toggleClass( 'fancybox-show-toolbar', !!( opts.toolbar && opts.buttons ) )
- .toggleClass( 'fancybox-show-infobar', !!( opts.infobar && self.group.length > 1 ) )
- .toggleClass( 'fancybox-show-nav', !!( opts.arrows && self.group.length > 1 ) )
- .toggleClass( 'fancybox-is-modal', !!opts.modal );
-
- if ( self.$caption ) {
- $container.addClass( 'fancybox-show-caption ');
-
- } else {
- $container.removeClass( 'fancybox-show-caption' );
- }
-
- },
-
-
- // Toggle toolbar and caption
- // ==========================
-
- toggleControls : function() {
- if ( this.isHiddenControls ) {
- this.showControls();
-
- } else {
- this.hideControls();
- }
-
- },
-
-
- });
-
-
- $.fancybox = {
-
- version : "{fancybox-version}",
- defaults : defaults,
-
-
- // Get current instance and execute a command.
- //
- // Examples of usage:
- //
- // $instance = $.fancybox.getInstance();
- // $.fancybox.getInstance().jumpTo( 1 );
- // $.fancybox.getInstance( 'jumpTo', 1 );
- // $.fancybox.getInstance( function() {
- // console.info( this.currIndex );
- // });
- // ======================================================
-
- getInstance : function ( command ) {
- var instance = $('.fancybox-container:not(".fancybox-is-closing"):last').data( 'FancyBox' );
- var args = Array.prototype.slice.call(arguments, 1);
-
- if ( instance instanceof FancyBox ) {
-
- if ( $.type( command ) === 'string' ) {
- instance[ command ].apply( instance, args );
-
- } else if ( $.type( command ) === 'function' ) {
- command.apply( instance, args );
- }
-
- return instance;
- }
-
- return false;
-
- },
-
-
- // Create new instance
- // ===================
-
- open : function ( items, opts, index ) {
- return new FancyBox( items, opts, index );
- },
-
-
- // Close current or all instances
- // ==============================
-
- close : function ( all ) {
- var instance = this.getInstance();
-
- if ( instance ) {
- instance.close();
-
- // Try to find and close next instance
-
- if ( all === true ) {
- this.close();
- }
- }
-
- },
-
- // Close instances and unbind all events
- // ==============================
-
- destroy : function() {
-
- this.close( true );
-
- $D.off( 'click.fb-start' );
-
- },
-
-
- // Try to detect mobile devices
- // ============================
-
- isMobile : document.createTouch !== undefined && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
-
-
- // Detect if 'translate3d' support is available
- // ============================================
-
- use3d : (function() {
- var div = document.createElement('div');
-
- return window.getComputedStyle && window.getComputedStyle( div ).getPropertyValue('transform') && !(document.documentMode && document.documentMode < 11);
- }()),
-
- // Helper function to get current visual state of an element
- // returns array[ top, left, horizontal-scale, vertical-scale, opacity ]
- // =====================================================================
-
- getTranslate : function( $el ) {
- var matrix;
-
- if ( !$el || !$el.length ) {
- return false;
- }
-
- matrix = $el.eq( 0 ).css('transform');
-
- if ( matrix && matrix.indexOf( 'matrix' ) !== -1 ) {
- matrix = matrix.split('(')[1];
- matrix = matrix.split(')')[0];
- matrix = matrix.split(',');
- } else {
- matrix = [];
- }
-
- if ( matrix.length ) {
-
- // If IE
- if ( matrix.length > 10 ) {
- matrix = [ matrix[13], matrix[12], matrix[0], matrix[5] ];
-
- } else {
- matrix = [ matrix[5], matrix[4], matrix[0], matrix[3]];
- }
-
- matrix = matrix.map(parseFloat);
-
- } else {
- matrix = [ 0, 0, 1, 1 ];
-
- var transRegex = /\.*translate\((.*)px,(.*)px\)/i;
- var transRez = transRegex.exec( $el.eq( 0 ).attr('style') );
-
- if ( transRez ) {
- matrix[ 0 ] = parseFloat( transRez[2] );
- matrix[ 1 ] = parseFloat( transRez[1] );
- }
- }
-
- return {
- top : matrix[ 0 ],
- left : matrix[ 1 ],
- scaleX : matrix[ 2 ],
- scaleY : matrix[ 3 ],
- opacity : parseFloat( $el.css('opacity') ),
- width : $el.width(),
- height : $el.height()
- };
-
- },
-
-
- // Shortcut for setting "translate3d" properties for element
- // Can set be used to set opacity, too
- // ========================================================
-
- setTranslate : function( $el, props ) {
- var str = '';
- var css = {};
-
- if ( !$el || !props ) {
- return;
- }
-
- if ( props.left !== undefined || props.top !== undefined ) {
- str = ( props.left === undefined ? $el.position().left : props.left ) + 'px, ' + ( props.top === undefined ? $el.position().top : props.top ) + 'px';
-
- if ( this.use3d ) {
- str = 'translate3d(' + str + ', 0px)';
-
- } else {
- str = 'translate(' + str + ')';
- }
- }
-
- if ( props.scaleX !== undefined && props.scaleY !== undefined ) {
- str = (str.length ? str + ' ' : '') + 'scale(' + props.scaleX + ', ' + props.scaleY + ')';
- }
-
- if ( str.length ) {
- css.transform = str;
- }
-
- if ( props.opacity !== undefined ) {
- css.opacity = props.opacity;
- }
-
- if ( props.width !== undefined ) {
- css.width = props.width;
- }
-
- if ( props.height !== undefined ) {
- css.height = props.height;
- }
-
- return $el.css( css );
- },
-
-
- // Simple CSS transition handler
- // =============================
-
- animate : function ( $el, to, duration, callback, leaveAnimationName ) {
- if ( $.isFunction( duration ) ) {
- callback = duration;
- duration = null;
- }
-
- if ( !$.isPlainObject( to ) ) {
- $el.removeAttr( 'style' );
- }
-
- $el.on( transitionEnd, function(e) {
-
- // Skip events from child elements and z-index change
- if ( e && e.originalEvent && ( !$el.is( e.originalEvent.target ) || e.originalEvent.propertyName == 'z-index' ) ) {
- return;
- }
-
- $.fancybox.stop( $el );
-
- if ( $.isPlainObject( to ) ) {
-
- if ( to.scaleX !== undefined && to.scaleY !== undefined ) {
- $el.css( 'transition-duration', '' );
-
- to.width = Math.round( $el.width() * to.scaleX );
- to.height = Math.round( $el.height() * to.scaleY );
-
- to.scaleX = 1;
- to.scaleY = 1;
-
- $.fancybox.setTranslate( $el, to );
- }
-
- if ( leaveAnimationName === false ) {
- $el.removeAttr( 'style' );
- }
-
- } else if ( leaveAnimationName !== true ) {
- $el.removeClass( to );
- }
-
- if ( $.isFunction( callback ) ) {
- callback( e );
- }
-
- });
-
- if ( $.isNumeric( duration ) ) {
- $el.css( 'transition-duration', duration + 'ms' );
- }
-
- if ( $.isPlainObject( to ) ) {
- $.fancybox.setTranslate( $el, to );
-
- } else {
- $el.addClass( to );
- }
-
- if ( to.scaleX && $el.hasClass( 'fancybox-image-wrap' ) ) {
- $el.parent().addClass( 'fancybox-is-scaling' );
- }
-
- // Make sure that `transitionend` callback gets fired
- $el.data("timer", setTimeout(function() {
- $el.trigger( 'transitionend' );
- }, duration + 16));
-
- },
-
- stop : function( $el ) {
- clearTimeout( $el.data("timer") );
-
- $el.off( 'transitionend' ).css( 'transition-duration', '' );
-
- if ( $el.hasClass( 'fancybox-image-wrap' ) ) {
- $el.parent().removeClass( 'fancybox-is-scaling' );
- }
- }
-
- };
-
-
- // Default click handler for "fancyboxed" links
- // ============================================
-
- function _run( e ) {
- var $target = $( e.currentTarget ),
- opts = e.data ? e.data.options : {},
- value = $target.attr( 'data-fancybox' ) || '',
- index = 0,
- items = [];
-
- // Avoid opening multiple times
- if ( e.isDefaultPrevented() ) {
- return;
- }
-
- e.preventDefault();
-
- // Get all related items and find index for clicked one
- if ( value ) {
- items = opts.selector ? $( opts.selector ) : ( e.data ? e.data.items : [] );
- items = items.length ? items.filter( '[data-fancybox="' + value + '"]' ) : $( '[data-fancybox="' + value + '"]' );
-
- index = items.index( $target );
-
- // Sometimes current item can not be found
- // (for example, when slider clones items)
- if ( index < 0 ) {
- index = 0;
- }
-
- } else {
- items = [ $target ];
- }
-
- $.fancybox.open( items, opts, index );
- }
-
-
- // Create a jQuery plugin
- // ======================
-
- $.fn.fancybox = function (options) {
- var selector;
-
- options = options || {};
- selector = options.selector || false;
-
- if ( selector ) {
-
- $( 'body' ).off( 'click.fb-start', selector ).on( 'click.fb-start', selector, {
- options : options
- }, _run );
-
- } else {
-
- this.off( 'click.fb-start' ).on( 'click.fb-start', {
- items : this,
- options : options
- }, _run);
-
- }
-
- return this;
- };
-
-
- // Self initializing plugin
- // ========================
-
- $D.on( 'click.fb-start', '[data-fancybox]', _run );
-
-}( window, document, window.jQuery || jQuery ));
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/fullscreen.js b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/fullscreen.js
deleted file mode 100644
index 27143ef609..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/fullscreen.js
+++ /dev/null
@@ -1,210 +0,0 @@
-// ==========================================================================
-//
-// FullScreen
-// Adds fullscreen functionality
-//
-// ==========================================================================
-;(function (document, $) {
- 'use strict';
-
- // Collection of methods supported by user browser
- var fn = (function () {
-
- var fnMap = [
- [
- 'requestFullscreen',
- 'exitFullscreen',
- 'fullscreenElement',
- 'fullscreenEnabled',
- 'fullscreenchange',
- 'fullscreenerror'
- ],
- // new WebKit
- [
- 'webkitRequestFullscreen',
- 'webkitExitFullscreen',
- 'webkitFullscreenElement',
- 'webkitFullscreenEnabled',
- 'webkitfullscreenchange',
- 'webkitfullscreenerror'
-
- ],
- // old WebKit (Safari 5.1)
- [
- 'webkitRequestFullScreen',
- 'webkitCancelFullScreen',
- 'webkitCurrentFullScreenElement',
- 'webkitCancelFullScreen',
- 'webkitfullscreenchange',
- 'webkitfullscreenerror'
-
- ],
- [
- 'mozRequestFullScreen',
- 'mozCancelFullScreen',
- 'mozFullScreenElement',
- 'mozFullScreenEnabled',
- 'mozfullscreenchange',
- 'mozfullscreenerror'
- ],
- [
- 'msRequestFullscreen',
- 'msExitFullscreen',
- 'msFullscreenElement',
- 'msFullscreenEnabled',
- 'MSFullscreenChange',
- 'MSFullscreenError'
- ]
- ];
-
- var val;
- var ret = {};
- var i, j;
-
- for ( i = 0; i < fnMap.length; i++ ) {
- val = fnMap[ i ];
-
- if ( val && val[ 1 ] in document ) {
- for ( j = 0; j < val.length; j++ ) {
- ret[ fnMap[ 0 ][ j ] ] = val[ j ];
- }
-
- return ret;
- }
- }
-
- return false;
- })();
-
- // If browser does not have Full Screen API, then simply unset default button template and stop
- if ( !fn ) {
-
- if ( $ && $.fancybox ) {
- $.fancybox.defaults.btnTpl.fullScreen = false;
- }
-
- return;
- }
-
- var FullScreen = {
-
- request : function ( elem ) {
-
- elem = elem || document.documentElement;
-
- elem[ fn.requestFullscreen ]( elem.ALLOW_KEYBOARD_INPUT );
-
- },
- exit : function () {
-
- document[ fn.exitFullscreen ]();
-
- },
- toggle : function ( elem ) {
-
- elem = elem || document.documentElement;
-
- if ( this.isFullscreen() ) {
- this.exit();
-
- } else {
- this.request( elem );
- }
-
- },
- isFullscreen : function() {
-
- return Boolean( document[ fn.fullscreenElement ] );
-
- },
- enabled : function() {
-
- return Boolean( document[ fn.fullscreenEnabled ] );
-
- }
- };
-
- $.extend(true, $.fancybox.defaults, {
- btnTpl : {
- fullScreen :
- ''
- },
- fullScreen : {
- autoStart : false
- }
- });
-
- $(document).on({
- 'onInit.fb' : function(e, instance) {
- var $container;
-
- if ( instance && instance.group[ instance.currIndex ].opts.fullScreen ) {
- $container = instance.$refs.container;
-
- $container.on('click.fb-fullscreen', '[data-fancybox-fullscreen]', function(e) {
-
- e.stopPropagation();
- e.preventDefault();
-
- FullScreen.toggle( $container[ 0 ] );
-
- });
-
- if ( instance.opts.fullScreen && instance.opts.fullScreen.autoStart === true ) {
- FullScreen.request( $container[ 0 ] );
- }
-
- // Expose API
- instance.FullScreen = FullScreen;
-
- } else if ( instance ) {
- instance.$refs.toolbar.find('[data-fancybox-fullscreen]').hide();
- }
-
- },
-
- 'afterKeydown.fb' : function(e, instance, current, keypress, keycode) {
-
- // "P" or Spacebar
- if ( instance && instance.FullScreen && keycode === 70 ) {
- keypress.preventDefault();
-
- instance.FullScreen.toggle( instance.$refs.container[ 0 ] );
- }
-
- },
-
- 'beforeClose.fb' : function( instance ) {
- if ( instance && instance.FullScreen ) {
- FullScreen.exit();
- }
- }
- });
-
- $(document).on(fn.fullscreenchange, function() {
- var isFullscreen = FullScreen.isFullscreen(),
- instance = $.fancybox.getInstance();
-
- if ( instance ) {
-
- // If image is zooming, then force to stop and reposition properly
- if ( instance.current && instance.current.type === 'image' && instance.isAnimating ) {
- instance.current.$content.css( 'transition', 'none' );
-
- instance.isAnimating = false;
-
- instance.update( true, true, 0 );
- }
-
- instance.trigger( 'onFullscreenChange', isFullscreen );
-
- instance.$refs.container.toggleClass( 'fancybox-is-fullscreen', isFullscreen );
- }
-
- });
-
-}( document, window.jQuery || jQuery ));
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/guestures.js b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/guestures.js
deleted file mode 100644
index cc113fe033..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/guestures.js
+++ /dev/null
@@ -1,919 +0,0 @@
-// ==========================================================================
-//
-// Guestures
-// Adds touch guestures, handles click and tap events
-//
-// ==========================================================================
-;(function (window, document, $) {
- 'use strict';
-
- var requestAFrame = (function () {
- return window.requestAnimationFrame ||
- window.webkitRequestAnimationFrame ||
- window.mozRequestAnimationFrame ||
- window.oRequestAnimationFrame ||
- // if all else fails, use setTimeout
- function (callback) {
- return window.setTimeout(callback, 1000 / 60);
- };
- })();
-
- var cancelAFrame = (function () {
- return window.cancelAnimationFrame ||
- window.webkitCancelAnimationFrame ||
- window.mozCancelAnimationFrame ||
- window.oCancelAnimationFrame ||
- function (id) {
- window.clearTimeout(id);
- };
- })();
-
- var pointers = function( e ) {
- var result = [];
-
- e = e.originalEvent || e || window.e;
- e = e.touches && e.touches.length ? e.touches : ( e.changedTouches && e.changedTouches.length ? e.changedTouches : [ e ] );
-
- for ( var key in e ) {
-
- if ( e[ key ].pageX ) {
- result.push( { x : e[ key ].pageX, y : e[ key ].pageY } );
-
- } else if ( e[ key ].clientX ) {
- result.push( { x : e[ key ].clientX, y : e[ key ].clientY } );
- }
- }
-
- return result;
- };
-
- var distance = function( point2, point1, what ) {
- if ( !point1 || !point2 ) {
- return 0;
- }
-
- if ( what === 'x' ) {
- return point2.x - point1.x;
-
- } else if ( what === 'y' ) {
- return point2.y - point1.y;
- }
-
- return Math.sqrt( Math.pow( point2.x - point1.x, 2 ) + Math.pow( point2.y - point1.y, 2 ) );
- };
-
- var isClickable = function( $el ) {
- if ( $el.is('a,area,button,[role="button"],input,label,select,summary,textarea') || $.isFunction( $el.get(0).onclick ) || $el.data('selectable') ) {
- return true;
- }
-
- // Check for attributes like data-fancybox-next or data-fancybox-close
- for ( var i = 0, atts = $el[0].attributes, n = atts.length; i < n; i++ ) {
- if ( atts[i].nodeName.substr(0, 14) === 'data-fancybox-' ) {
- return true;
- }
- }
-
- return false;
- };
-
- var hasScrollbars = function( el ) {
- var overflowY = window.getComputedStyle( el )['overflow-y'];
- var overflowX = window.getComputedStyle( el )['overflow-x'];
-
- var vertical = (overflowY === 'scroll' || overflowY === 'auto') && el.scrollHeight > el.clientHeight;
- var horizontal = (overflowX === 'scroll' || overflowX === 'auto') && el.scrollWidth > el.clientWidth;
-
- return vertical || horizontal;
- };
-
- var isScrollable = function ( $el ) {
- var rez = false;
-
- while ( true ) {
- rez = hasScrollbars( $el.get(0) );
-
- if ( rez ) {
- break;
- }
-
- $el = $el.parent();
-
- if ( !$el.length || $el.hasClass( 'fancybox-stage' ) || $el.is( 'body' ) ) {
- break;
- }
- }
-
- return rez;
- };
-
-
- var Guestures = function ( instance ) {
- var self = this;
-
- self.instance = instance;
-
- self.$bg = instance.$refs.bg;
- self.$stage = instance.$refs.stage;
- self.$container = instance.$refs.container;
-
- self.destroy();
-
- self.$container.on( 'touchstart.fb.touch mousedown.fb.touch', $.proxy(self, 'ontouchstart') );
- };
-
- Guestures.prototype.destroy = function() {
- this.$container.off( '.fb.touch' );
- };
-
- Guestures.prototype.ontouchstart = function( e ) {
- var self = this;
-
- var $target = $( e.target );
- var instance = self.instance;
- var current = instance.current;
- var $content = current.$content;
-
- var isTouchDevice = ( e.type == 'touchstart' );
-
- // Do not respond to both (touch and mouse) events
- if ( isTouchDevice ) {
- self.$container.off( 'mousedown.fb.touch' );
- }
-
- // Ignore right click
- if ( e.originalEvent && e.originalEvent.button == 2 ) {
- return;
- }
-
- // Ignore taping on links, buttons, input elements
- if ( !$target.length || isClickable( $target ) || isClickable( $target.parent() ) ) {
- return;
- }
-
- // Ignore clicks on the scrollbar
- if ( !$target.is('img') && e.originalEvent.clientX > $target[0].clientWidth + $target.offset().left ) {
- return;
- }
-
- // Ignore clicks while zooming or closing
- if ( !current || self.instance.isAnimating || self.instance.isClosing ) {
- e.stopPropagation();
- e.preventDefault();
-
- return;
- }
-
- self.realPoints = self.startPoints = pointers( e );
-
- if ( !self.startPoints ) {
- return;
- }
-
- e.stopPropagation();
-
- self.startEvent = e;
-
- self.canTap = true;
- self.$target = $target;
- self.$content = $content;
- self.opts = current.opts.touch;
-
- self.isPanning = false;
- self.isSwiping = false;
- self.isZooming = false;
- self.isScrolling = false;
-
- self.sliderStartPos = self.sliderLastPos || { top: 0, left: 0 };
- self.contentStartPos = $.fancybox.getTranslate( self.$content );
- self.contentLastPos = null;
-
- self.startTime = new Date().getTime();
- self.distanceX = self.distanceY = self.distance = 0;
-
- self.canvasWidth = Math.round( current.$slide[0].clientWidth );
- self.canvasHeight = Math.round( current.$slide[0].clientHeight );
-
- $(document)
- .off( '.fb.touch' )
- .on( isTouchDevice ? 'touchend.fb.touch touchcancel.fb.touch' : 'mouseup.fb.touch mouseleave.fb.touch', $.proxy(self, "ontouchend"))
- .on( isTouchDevice ? 'touchmove.fb.touch' : 'mousemove.fb.touch', $.proxy(self, "ontouchmove"));
-
- if ( $.fancybox.isMobile ) {
- document.addEventListener('scroll', self.onscroll, true);
- }
-
- if ( !(self.opts || instance.canPan() ) || !( $target.is( self.$stage ) || self.$stage.find( $target ).length ) ) {
-
- // Prevent image ghosting while dragging
- if ( $target.is('img') ) {
- e.preventDefault();
- }
-
- return;
- }
-
- if ( !( $.fancybox.isMobile && ( isScrollable( $target ) || isScrollable( $target.parent() ) ) ) ) {
- e.preventDefault();
- }
-
- if ( self.startPoints.length === 1 ) {
- if ( current.type === 'image' && ( self.contentStartPos.width > self.canvasWidth + 1 || self.contentStartPos.height > self.canvasHeight + 1 ) ) {
- $.fancybox.stop( self.$content );
-
- self.$content.css( 'transition-duration', '' );
-
- self.isPanning = true;
-
- } else {
- self.isSwiping = true;
- }
-
- self.$container.addClass( 'fancybox-controls--isGrabbing' );
- }
-
- if ( self.startPoints.length === 2 && !instance.isAnimating && !current.hasError && current.type === 'image' && ( current.isLoaded || current.$ghost ) ) {
- self.canTap = false;
- self.isSwiping = false;
- self.isPanning = false;
-
- self.isZooming = true;
-
- $.fancybox.stop( self.$content );
-
- self.$content.css( 'transition-duration', '' );
-
- self.centerPointStartX = ( ( self.startPoints[0].x + self.startPoints[1].x ) * 0.5 ) - $(window).scrollLeft();
- self.centerPointStartY = ( ( self.startPoints[0].y + self.startPoints[1].y ) * 0.5 ) - $(window).scrollTop();
-
- self.percentageOfImageAtPinchPointX = ( self.centerPointStartX - self.contentStartPos.left ) / self.contentStartPos.width;
- self.percentageOfImageAtPinchPointY = ( self.centerPointStartY - self.contentStartPos.top ) / self.contentStartPos.height;
-
- self.startDistanceBetweenFingers = distance( self.startPoints[0], self.startPoints[1] );
- }
-
- };
-
- Guestures.prototype.onscroll = function(e) {
- self.isScrolling = true;
- };
-
- Guestures.prototype.ontouchmove = function( e ) {
- var self = this,
- $target = $(e.target);
-
- if ( self.isScrolling || !( $target.is( self.$stage ) || self.$stage.find( $target ).length ) ) {
- self.canTap = false;
-
- return;
- }
-
- self.newPoints = pointers( e );
-
- if ( !( self.opts || self.instance.canPan() ) || !self.newPoints || !self.newPoints.length ) {
- return;
- }
-
- if ( !(self.isSwiping && self.isSwiping === true) ) {
- e.preventDefault();
- }
-
- self.distanceX = distance( self.newPoints[0], self.startPoints[0], 'x' );
- self.distanceY = distance( self.newPoints[0], self.startPoints[0], 'y' );
-
- self.distance = distance( self.newPoints[0], self.startPoints[0] )
-
- // Skip false ontouchmove events (Chrome)
- if ( self.distance > 0 ) {
- if ( self.isSwiping ) {
- self.onSwipe(e);
-
- } else if ( self.isPanning ) {
- self.onPan();
-
- } else if ( self.isZooming ) {
- self.onZoom();
- }
- }
-
- };
-
- Guestures.prototype.onSwipe = function(e) {
- var self = this,
- swiping = self.isSwiping,
- left = self.sliderStartPos.left || 0,
- angle;
-
- // If direction is not yet determined
- if ( swiping === true ) {
-
- // We need at least 10px distance to correctly calculate an angle
- if ( Math.abs( self.distance ) > 10 ) {
- self.canTap = false;
-
- if ( self.instance.group.length < 2 && self.opts.vertical ) {
- self.isSwiping = 'y';
-
- } else if ( self.instance.isDragging || self.opts.vertical === false || ( self.opts.vertical === 'auto' && $( window ).width() > 800 ) ) {
- self.isSwiping = 'x';
-
- } else {
- angle = Math.abs( Math.atan2( self.distanceY, self.distanceX ) * 180 / Math.PI );
-
- self.isSwiping = ( angle > 45 && angle < 135 ) ? 'y' : 'x';
- }
-
- self.canTap = false;
-
- if ( self.isSwiping === 'y' && $.fancybox.isMobile && ( isScrollable( self.$target ) || isScrollable( self.$target.parent() ) ) ) {
- self.isScrolling = true;
-
- return;
- }
-
- self.instance.isDragging = self.isSwiping;
-
- // Reset points to avoid jumping, because we dropped first swipes to calculate the angle
- self.startPoints = self.newPoints;
-
- $.each(self.instance.slides, function( index, slide ) {
- $.fancybox.stop( slide.$slide );
-
- slide.$slide.css( 'transition-duration', '' );
-
- slide.inTransition = false;
-
- if ( slide.pos === self.instance.current.pos ) {
- self.sliderStartPos.left = $.fancybox.getTranslate( slide.$slide ).left;
- }
- });
-
- // Stop slideshow
- if ( self.instance.SlideShow && self.instance.SlideShow.isActive ) {
- self.instance.SlideShow.stop();
- }
- }
-
- return;
- }
-
- // Sticky edges
- if ( swiping == 'x' ) {
- if ( self.distanceX > 0 && ( self.instance.group.length < 2 || ( self.instance.current.index === 0 && !self.instance.current.opts.loop ) ) ) {
- left = left + Math.pow( self.distanceX, 0.8 );
-
- } else if ( self.distanceX < 0 && ( self.instance.group.length < 2 || ( self.instance.current.index === self.instance.group.length - 1 && !self.instance.current.opts.loop ) ) ) {
- left = left - Math.pow( -self.distanceX, 0.8 );
-
- } else {
- left = left + self.distanceX;
- }
- }
-
- self.sliderLastPos = {
- top : swiping == 'x' ? 0 : self.sliderStartPos.top + self.distanceY,
- left : left
- };
-
- if ( self.requestId ) {
- cancelAFrame( self.requestId );
-
- self.requestId = null;
- }
-
- self.requestId = requestAFrame(function() {
-
- if ( self.sliderLastPos ) {
- $.each(self.instance.slides, function( index, slide ) {
- var pos = slide.pos - self.instance.currPos;
-
- $.fancybox.setTranslate( slide.$slide, {
- top : self.sliderLastPos.top,
- left : self.sliderLastPos.left + ( pos * self.canvasWidth ) + ( pos * slide.opts.gutter )
- });
- });
-
- self.$container.addClass( 'fancybox-is-sliding' );
- }
-
- });
-
- };
-
- Guestures.prototype.onPan = function() {
- var self = this;
-
- // Sometimes, when tapping causally, image can move a bit and that breaks double tapping
- if ( distance( self.newPoints[0], self.realPoints[0] ) < ($.fancybox.isMobile ? 10 : 5) ) {
- self.startPoints = self.newPoints;
- return;
- }
-
- self.canTap = false;
-
- self.contentLastPos = self.limitMovement();
-
- if ( self.requestId ) {
- cancelAFrame( self.requestId );
-
- self.requestId = null;
- }
-
- self.requestId = requestAFrame(function() {
- $.fancybox.setTranslate( self.$content, self.contentLastPos );
- });
- };
-
- // Make panning sticky to the edges
- Guestures.prototype.limitMovement = function() {
- var self = this;
-
- var canvasWidth = self.canvasWidth;
- var canvasHeight = self.canvasHeight;
-
- var distanceX = self.distanceX;
- var distanceY = self.distanceY;
-
- var contentStartPos = self.contentStartPos;
-
- var currentOffsetX = contentStartPos.left;
- var currentOffsetY = contentStartPos.top;
-
- var currentWidth = contentStartPos.width;
- var currentHeight = contentStartPos.height;
-
- var minTranslateX, minTranslateY,
- maxTranslateX, maxTranslateY,
- newOffsetX, newOffsetY;
-
- if ( currentWidth > canvasWidth ) {
- newOffsetX = currentOffsetX + distanceX;
-
- } else {
- newOffsetX = currentOffsetX;
- }
-
- newOffsetY = currentOffsetY + distanceY;
-
- // Slow down proportionally to traveled distance
- minTranslateX = Math.max( 0, canvasWidth * 0.5 - currentWidth * 0.5 );
- minTranslateY = Math.max( 0, canvasHeight * 0.5 - currentHeight * 0.5 );
-
- maxTranslateX = Math.min( canvasWidth - currentWidth, canvasWidth * 0.5 - currentWidth * 0.5 );
- maxTranslateY = Math.min( canvasHeight - currentHeight, canvasHeight * 0.5 - currentHeight * 0.5 );
-
- if ( currentWidth > canvasWidth ) {
-
- // ->
- if ( distanceX > 0 && newOffsetX > minTranslateX ) {
- newOffsetX = minTranslateX - 1 + Math.pow( -minTranslateX + currentOffsetX + distanceX, 0.8 ) || 0;
- }
-
- // <-
- if ( distanceX < 0 && newOffsetX < maxTranslateX ) {
- newOffsetX = maxTranslateX + 1 - Math.pow( maxTranslateX - currentOffsetX - distanceX, 0.8 ) || 0;
- }
-
- }
-
- if ( currentHeight > canvasHeight ) {
-
- // \/
- if ( distanceY > 0 && newOffsetY > minTranslateY ) {
- newOffsetY = minTranslateY - 1 + Math.pow(-minTranslateY + currentOffsetY + distanceY, 0.8 ) || 0;
- }
-
- // /\
- if ( distanceY < 0 && newOffsetY < maxTranslateY ) {
- newOffsetY = maxTranslateY + 1 - Math.pow ( maxTranslateY - currentOffsetY - distanceY, 0.8 ) || 0;
- }
-
- }
-
- return {
- top : newOffsetY,
- left : newOffsetX,
- scaleX : contentStartPos.scaleX,
- scaleY : contentStartPos.scaleY
- };
-
- };
-
- Guestures.prototype.limitPosition = function( newOffsetX, newOffsetY, newWidth, newHeight ) {
- var self = this;
-
- var canvasWidth = self.canvasWidth;
- var canvasHeight = self.canvasHeight;
-
- if ( newWidth > canvasWidth ) {
- newOffsetX = newOffsetX > 0 ? 0 : newOffsetX;
- newOffsetX = newOffsetX < canvasWidth - newWidth ? canvasWidth - newWidth : newOffsetX;
-
- } else {
-
- // Center horizontally
- newOffsetX = Math.max( 0, canvasWidth / 2 - newWidth / 2 );
-
- }
-
- if ( newHeight > canvasHeight ) {
- newOffsetY = newOffsetY > 0 ? 0 : newOffsetY;
- newOffsetY = newOffsetY < canvasHeight - newHeight ? canvasHeight - newHeight : newOffsetY;
-
- } else {
-
- // Center vertically
- newOffsetY = Math.max( 0, canvasHeight / 2 - newHeight / 2 );
-
- }
-
- return {
- top : newOffsetY,
- left : newOffsetX
- };
-
- };
-
- Guestures.prototype.onZoom = function() {
- var self = this;
-
- // Calculate current distance between points to get pinch ratio and new width and height
-
- var currentWidth = self.contentStartPos.width;
- var currentHeight = self.contentStartPos.height;
-
- var currentOffsetX = self.contentStartPos.left;
- var currentOffsetY = self.contentStartPos.top;
-
- var endDistanceBetweenFingers = distance( self.newPoints[0], self.newPoints[1] );
-
- var pinchRatio = endDistanceBetweenFingers / self.startDistanceBetweenFingers;
-
- var newWidth = Math.floor( currentWidth * pinchRatio );
- var newHeight = Math.floor( currentHeight * pinchRatio );
-
- // This is the translation due to pinch-zooming
- var translateFromZoomingX = (currentWidth - newWidth) * self.percentageOfImageAtPinchPointX;
- var translateFromZoomingY = (currentHeight - newHeight) * self.percentageOfImageAtPinchPointY;
-
- //Point between the two touches
-
- var centerPointEndX = ((self.newPoints[0].x + self.newPoints[1].x) / 2) - $(window).scrollLeft();
- var centerPointEndY = ((self.newPoints[0].y + self.newPoints[1].y) / 2) - $(window).scrollTop();
-
- // And this is the translation due to translation of the centerpoint
- // between the two fingers
-
- var translateFromTranslatingX = centerPointEndX - self.centerPointStartX;
- var translateFromTranslatingY = centerPointEndY - self.centerPointStartY;
-
- // The new offset is the old/current one plus the total translation
-
- var newOffsetX = currentOffsetX + ( translateFromZoomingX + translateFromTranslatingX );
- var newOffsetY = currentOffsetY + ( translateFromZoomingY + translateFromTranslatingY );
-
- var newPos = {
- top : newOffsetY,
- left : newOffsetX,
- scaleX : self.contentStartPos.scaleX * pinchRatio,
- scaleY : self.contentStartPos.scaleY * pinchRatio
- };
-
- self.canTap = false;
-
- self.newWidth = newWidth;
- self.newHeight = newHeight;
-
- self.contentLastPos = newPos;
-
- if ( self.requestId ) {
- cancelAFrame( self.requestId );
-
- self.requestId = null;
- }
-
- self.requestId = requestAFrame(function() {
- $.fancybox.setTranslate( self.$content, self.contentLastPos );
- });
-
- };
-
- Guestures.prototype.ontouchend = function( e ) {
- var self = this;
- var dMs = Math.max( (new Date().getTime() ) - self.startTime, 1);
-
- var swiping = self.isSwiping;
- var panning = self.isPanning;
- var zooming = self.isZooming;
- var scrolling = self.isScrolling;
-
- self.endPoints = pointers( e );
-
- self.$container.removeClass( 'fancybox-controls--isGrabbing' );
-
- $(document).off( '.fb.touch' );
-
- document.removeEventListener('scroll', self.onscroll, true);
-
- if ( self.requestId ) {
- cancelAFrame( self.requestId );
-
- self.requestId = null;
- }
-
- self.isSwiping = false;
- self.isPanning = false;
- self.isZooming = false;
- self.isScrolling = false;
-
- self.instance.isDragging = false;
-
- if ( self.canTap ) {
- return self.onTap( e );
- }
-
- self.speed = 366;
-
- // Speed in px/ms
- self.velocityX = self.distanceX / dMs * 0.5;
- self.velocityY = self.distanceY / dMs * 0.5;
-
- self.speedX = Math.max( self.speed * 0.5, Math.min( self.speed * 1.5, ( 1 / Math.abs( self.velocityX ) ) * self.speed ) );
-
- if ( panning ) {
- self.endPanning();
-
- } else if ( zooming ) {
- self.endZooming();
-
- } else {
- self.endSwiping( swiping, scrolling );
- }
-
- return;
- };
-
- Guestures.prototype.endSwiping = function( swiping, scrolling ) {
- var self = this,
- ret = false,
- len = self.instance.group.length;
-
- self.sliderLastPos = null;
-
- // Close if swiped vertically / navigate if horizontally
- if ( swiping == 'y' && !scrolling && Math.abs( self.distanceY ) > 50 ) {
-
- // Continue vertical movement
- $.fancybox.animate( self.instance.current.$slide, {
- top : self.sliderStartPos.top + self.distanceY + ( self.velocityY * 150 ),
- opacity : 0
- }, 150 );
-
- ret = self.instance.close( true, 300 );
-
- } else if ( swiping == 'x' && self.distanceX > 50 && len > 1 ) {
- ret = self.instance.previous( self.speedX );
-
- } else if ( swiping == 'x' && self.distanceX < -50 && len > 1 ) {
- ret = self.instance.next( self.speedX );
- }
-
- if ( ret === false && ( swiping == 'x' || swiping == 'y' ) ) {
- if ( scrolling || len < 2 ) {
- self.instance.centerSlide( self.instance.current, 150 );
- } else {
- self.instance.jumpTo( self.instance.current.index );
- }
- }
-
- self.$container.removeClass( 'fancybox-is-sliding' );
-
- };
-
- // Limit panning from edges
- // ========================
-
- Guestures.prototype.endPanning = function() {
-
- var self = this;
- var newOffsetX, newOffsetY, newPos;
-
- if ( !self.contentLastPos ) {
- return;
- }
-
- if ( self.opts.momentum === false ) {
- newOffsetX = self.contentLastPos.left;
- newOffsetY = self.contentLastPos.top;
-
- } else {
-
- // Continue movement
- newOffsetX = self.contentLastPos.left + ( self.velocityX * self.speed );
- newOffsetY = self.contentLastPos.top + ( self.velocityY * self.speed );
- }
-
- newPos = self.limitPosition( newOffsetX, newOffsetY, self.contentStartPos.width, self.contentStartPos.height );
-
- newPos.width = self.contentStartPos.width;
- newPos.height = self.contentStartPos.height;
-
- $.fancybox.animate( self.$content, newPos, 330 );
- };
-
-
- Guestures.prototype.endZooming = function() {
- var self = this;
-
- var current = self.instance.current;
-
- var newOffsetX, newOffsetY, newPos, reset;
-
- var newWidth = self.newWidth;
- var newHeight = self.newHeight;
-
- if ( !self.contentLastPos ) {
- return;
- }
-
- newOffsetX = self.contentLastPos.left;
- newOffsetY = self.contentLastPos.top;
-
- reset = {
- top : newOffsetY,
- left : newOffsetX,
- width : newWidth,
- height : newHeight,
- scaleX : 1,
- scaleY : 1
- };
-
- // Reset scalex/scaleY values; this helps for perfomance and does not break animation
- $.fancybox.setTranslate( self.$content, reset );
-
- if ( newWidth < self.canvasWidth && newHeight < self.canvasHeight ) {
- self.instance.scaleToFit( 150 );
-
- } else if ( newWidth > current.width || newHeight > current.height ) {
- self.instance.scaleToActual( self.centerPointStartX, self.centerPointStartY, 150 );
-
- } else {
-
- newPos = self.limitPosition( newOffsetX, newOffsetY, newWidth, newHeight );
-
- // Switch from scale() to width/height or animation will not work correctly
- $.fancybox.setTranslate( self.content, $.fancybox.getTranslate( self.$content ) );
-
- $.fancybox.animate( self.$content, newPos, 150 );
- }
-
- };
-
- Guestures.prototype.onTap = function(e) {
- var self = this;
- var $target = $( e.target );
-
- var instance = self.instance;
- var current = instance.current;
-
- var endPoints = ( e && pointers( e ) ) || self.startPoints;
-
- var tapX = endPoints[0] ? endPoints[0].x - self.$stage.offset().left : 0;
- var tapY = endPoints[0] ? endPoints[0].y - self.$stage.offset().top : 0;
-
- var where;
-
- var process = function ( prefix ) {
-
- var action = current.opts[ prefix ];
-
- if ( $.isFunction( action ) ) {
- action = action.apply( instance, [ current, e ] );
- }
-
- if ( !action) {
- return;
- }
-
- switch ( action ) {
-
- case "close" :
-
- instance.close( self.startEvent );
-
- break;
-
- case "toggleControls" :
-
- instance.toggleControls( true );
-
- break;
-
- case "next" :
-
- instance.next();
-
- break;
-
- case "nextOrClose" :
-
- if ( instance.group.length > 1 ) {
- instance.next();
-
- } else {
- instance.close( self.startEvent );
- }
-
- break;
-
- case "zoom" :
-
- if ( current.type == 'image' && ( current.isLoaded || current.$ghost ) ) {
-
- if ( instance.canPan() ) {
- instance.scaleToFit();
-
- } else if ( instance.isScaledDown() ) {
- instance.scaleToActual( tapX, tapY );
-
- } else if ( instance.group.length < 2 ) {
- instance.close( self.startEvent );
- }
- }
-
- break;
- }
-
- };
-
- // Ignore right click
- if ( e.originalEvent && e.originalEvent.button == 2 ) {
- return;
- }
-
- // Skip if clicked on the scrollbar
- if ( !$target.is('img') && tapX > $target[0].clientWidth + $target.offset().left ) {
- return;
- }
-
- // Check where is clicked
- if ( $target.is( '.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container' ) ) {
- where = 'Outside';
-
- } else if ( $target.is( '.fancybox-slide' ) ) {
- where = 'Slide';
-
- } else if ( instance.current.$content && instance.current.$content.find( $target ).addBack().filter( $target ).length ) {
- where = 'Content';
-
- } else {
- return;
- }
-
- // Check if this is a double tap
- if ( self.tapped ) {
-
- // Stop previously created single tap
- clearTimeout( self.tapped );
- self.tapped = null;
-
- // Skip if distance between taps is too big
- if ( Math.abs( tapX - self.tapX ) > 50 || Math.abs( tapY - self.tapY ) > 50 ) {
- return this;
- }
-
- // OK, now we assume that this is a double-tap
- process( 'dblclick' + where );
-
- } else {
-
- // Single tap will be processed if user has not clicked second time within 300ms
- // or there is no need to wait for double-tap
- self.tapX = tapX;
- self.tapY = tapY;
-
- if ( current.opts[ 'dblclick' + where ] && current.opts[ 'dblclick' + where ] !== current.opts[ 'click' + where ] ) {
-
- self.tapped = setTimeout(function() {
- self.tapped = null;
-
- process( 'click' + where );
-
- }, 500);
-
- } else {
- process( 'click' + where );
- }
-
- }
-
- return this;
- };
-
- $(document).on('onActivate.fb', function (e, instance) {
- if ( instance && !instance.Guestures ) {
- instance.Guestures = new Guestures( instance );
- }
- });
-
-}( window, document, window.jQuery || jQuery ));
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/hash.js b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/hash.js
deleted file mode 100644
index 42287006d5..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/hash.js
+++ /dev/null
@@ -1,218 +0,0 @@
-// ==========================================================================
-//
-// Hash
-// Enables linking to each modal
-//
-// ==========================================================================
-;(function (document, window, $) {
- 'use strict';
-
- // Simple $.escapeSelector polyfill (for jQuery prior v3)
- if ( !$.escapeSelector ) {
- $.escapeSelector = function( sel ) {
- var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;
- var fcssescape = function( ch, asCodePoint ) {
- if ( asCodePoint ) {
- // U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
- if ( ch === "\0" ) {
- return "\uFFFD";
- }
-
- // Control characters and (dependent upon position) numbers get escaped as code points
- return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " ";
- }
-
- // Other potentially-special ASCII characters get backslash-escaped
- return "\\" + ch;
- };
-
- return ( sel + "" ).replace( rcssescape, fcssescape );
- };
- }
-
- // Create new history entry only once
- var shouldCreateHistory = true;
-
- // Variable containing last hash value set by fancyBox
- // It will be used to determine if fancyBox needs to close after hash change is detected
- var currentHash = null;
-
- // Throttling the history change
- var timerID = null;
-
- // Get info about gallery name and current index from url
- function parseUrl() {
- var hash = window.location.hash.substr( 1 );
- var rez = hash.split( '-' );
- var index = rez.length > 1 && /^\+?\d+$/.test( rez[ rez.length - 1 ] ) ? parseInt( rez.pop( -1 ), 10 ) || 1 : 1;
- var gallery = rez.join( '-' );
-
- // Index is starting from 1
- if ( index < 1 ) {
- index = 1;
- }
-
- return {
- hash : hash,
- index : index,
- gallery : gallery
- };
- }
-
- // Trigger click evnt on links to open new fancyBox instance
- function triggerFromUrl( url ) {
- var $el;
-
- if ( url.gallery !== '' ) {
-
- // If we can find element matching 'data-fancybox' atribute, then trigger click event for that ..
- $el = $( "[data-fancybox='" + $.escapeSelector( url.gallery ) + "']" ).eq( url.index - 1 );
-
- if ( !$el.length ) {
- // .. if not, try finding element by ID
- $el = $( "#" + $.escapeSelector( url.gallery ) + "" );
- }
-
- if ( $el.length ) {
- shouldCreateHistory = false;
-
- $el.trigger( 'click' );
- }
-
- }
- }
-
- // Get gallery name from current instance
- function getGalleryID( instance ) {
- var opts;
-
- if ( !instance ) {
- return false;
- }
-
- opts = instance.current ? instance.current.opts : instance.opts;
-
- return opts.hash || ( opts.$orig ? opts.$orig.data( 'fancybox' ) : '' );
- }
-
- // Start when DOM becomes ready
- $(function() {
-
- // Check if user has disabled this module
- if ( $.fancybox.defaults.hash === false ) {
- return;
- }
-
- // Update hash when opening/closing fancyBox
- $(document).on({
- 'onInit.fb' : function( e, instance ) {
- var url, gallery;
-
- if ( instance.group[ instance.currIndex ].opts.hash === false ) {
- return;
- }
-
- url = parseUrl();
- gallery = getGalleryID( instance );
-
- // Make sure gallery start index matches index from hash
- if ( gallery && url.gallery && gallery == url.gallery ) {
- instance.currIndex = url.index - 1;
- }
- },
-
- 'beforeShow.fb' : function( e, instance, current ) {
- var gallery;
-
- if ( !current || current.opts.hash === false ) {
- return;
- }
-
- gallery = getGalleryID( instance );
-
- // Update window hash
- if ( gallery && gallery !== '' ) {
-
- if ( window.location.hash.indexOf( gallery ) < 0 ) {
- instance.opts.origHash = window.location.hash;
- }
-
- currentHash = gallery + ( instance.group.length > 1 ? '-' + ( current.index + 1 ) : '' );
-
- if ( 'replaceState' in window.history ) {
- if ( timerID ) {
- clearTimeout( timerID );
- }
-
- timerID = setTimeout(function() {
- window.history[ shouldCreateHistory ? 'pushState' : 'replaceState' ]( {} , document.title, window.location.pathname + window.location.search + '#' + currentHash );
-
- timerID = null;
-
- shouldCreateHistory = false;
-
- }, 300);
-
- } else {
- window.location.hash = currentHash;
- }
-
- }
-
- },
-
- 'beforeClose.fb' : function( e, instance, current ) {
- var gallery, origHash;
-
- if ( timerID ) {
- clearTimeout( timerID );
- }
-
- if ( current.opts.hash === false ) {
- return;
- }
-
- gallery = getGalleryID( instance );
- origHash = instance && instance.opts.origHash ? instance.opts.origHash : '';
-
- // Remove hash from location bar
- if ( gallery && gallery !== '' ) {
-
- if ( 'replaceState' in history ) {
- window.history.replaceState( {} , document.title, window.location.pathname + window.location.search + origHash );
-
- } else {
- window.location.hash = origHash;
-
- // Keep original scroll position
- $( window ).scrollTop( instance.scrollTop ).scrollLeft( instance.scrollLeft );
- }
- }
-
- currentHash = null;
- }
- });
-
- // Check if need to close after url has changed
- $(window).on('hashchange.fb', function() {
- var url = parseUrl();
-
- if ( $.fancybox.getInstance() ) {
- if ( currentHash && currentHash !== url.gallery + '-' + url.index && !( url.index === 1 && currentHash == url.gallery ) ) {
- currentHash = null;
-
- $.fancybox.close();
- }
-
- } else if ( url.gallery !== '' ) {
- triggerFromUrl( url );
- }
- });
-
- // Check current hash and trigger click event on matching element to start fancyBox, if needed
- setTimeout(function() {
- triggerFromUrl( parseUrl() );
- }, 50);
- });
-
-}( document, window, window.jQuery || jQuery ));
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/media.js b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/media.js
deleted file mode 100644
index 5c3820bc38..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/media.js
+++ /dev/null
@@ -1,211 +0,0 @@
-// ==========================================================================
-//
-// Media
-// Adds additional media type support
-//
-// ==========================================================================
-;(function ($) {
-
- 'use strict';
-
- // Formats matching url to final form
-
- var format = function (url, rez, params) {
- if ( !url ) {
- return;
- }
-
- params = params || '';
-
- if ( $.type(params) === "object" ) {
- params = $.param(params, true);
- }
-
- $.each(rez, function (key, value) {
- url = url.replace('$' + key, value || '');
- });
-
- if (params.length) {
- url += (url.indexOf('?') > 0 ? '&' : '?') + params;
- }
-
- return url;
- };
-
- // Object containing properties for each media type
-
- var defaults = {
- youtube : {
- matcher : /(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(watch\?(.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*))(.*)/i,
- params : {
- autoplay : 1,
- autohide : 1,
- fs : 1,
- rel : 0,
- hd : 1,
- wmode : 'transparent',
- enablejsapi : 1,
- html5 : 1
- },
- paramPlace : 8,
- type : 'iframe',
- url : '//www.youtube.com/embed/$4',
- thumb : '//img.youtube.com/vi/$4/hqdefault.jpg'
- },
-
- vimeo : {
- matcher : /^.+vimeo.com\/(.*\/)?([\d]+)(.*)?/,
- params : {
- autoplay : 1,
- hd : 1,
- show_title : 1,
- show_byline : 1,
- show_portrait : 0,
- fullscreen : 1,
- api : 1
- },
- paramPlace : 3,
- type : 'iframe',
- url : '//player.vimeo.com/video/$2'
- },
-
- metacafe : {
- matcher : /metacafe.com\/watch\/(\d+)\/(.*)?/,
- type : 'iframe',
- url : '//www.metacafe.com/embed/$1/?ap=1'
- },
-
- dailymotion : {
- matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
- params : {
- additionalInfos : 0,
- autoStart : 1
- },
- type : 'iframe',
- url : '//www.dailymotion.com/embed/video/$1'
- },
-
- vine : {
- matcher : /vine.co\/v\/([a-zA-Z0-9\?\=\-]+)/,
- type : 'iframe',
- url : '//vine.co/v/$1/embed/simple'
- },
-
- instagram : {
- matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
- type : 'image',
- url : '//$1/p/$2/media/?size=l'
- },
-
- // Examples:
- // http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
- // https://www.google.com/maps/@37.7852006,-122.4146355,14.65z
- // https://www.google.com/maps/place/Googleplex/@37.4220041,-122.0833494,17z/data=!4m5!3m4!1s0x0:0x6c296c66619367e0!8m2!3d37.4219998!4d-122.0840572
- gmap_place : {
- matcher : /(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(((maps\/(place\/(.*)\/)?\@(.*),(\d+.?\d+?)z))|(\?ll=))(.*)?/i,
- type : 'iframe',
- url : function (rez) {
- return '//maps.google.' + rez[2] + '/?ll=' + ( rez[9] ? rez[9] + '&z=' + Math.floor( rez[10] ) + ( rez[12] ? rez[12].replace(/^\//, "&") : '' ) : rez[12] ) + '&output=' + ( rez[12] && rez[12].indexOf('layer=c') > 0 ? 'svembed' : 'embed' );
- }
- },
-
- // Examples:
- // https://www.google.com/maps/search/Empire+State+Building/
- // https://www.google.com/maps/search/?api=1&query=centurylink+field
- // https://www.google.com/maps/search/?api=1&query=47.5951518,-122.3316393
- gmap_search : {
- matcher : /(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(maps\/search\/)(.*)/i,
- type : 'iframe',
- url : function (rez) {
- return '//maps.google.' + rez[2] + '/maps?q=' + rez[5].replace('query=', 'q=').replace('api=1', '') + '&output=embed';
- }
- }
- };
-
- $(document).on('objectNeedsType.fb', function (e, instance, item) {
-
- var url = item.src || '',
- type = false,
- media,
- thumb,
- rez,
- params,
- urlParams,
- paramObj,
- provider;
-
- media = $.extend( true, {}, defaults, item.opts.media );
-
- // Look for any matching media type
- $.each(media, function ( providerName, providerOpts ) {
- rez = url.match( providerOpts.matcher );
-
- if ( !rez ) {
- return;
- }
-
- type = providerOpts.type;
- paramObj = {};
-
- if ( providerOpts.paramPlace && rez[ providerOpts.paramPlace ] ) {
- urlParams = rez[ providerOpts.paramPlace ];
-
- if ( urlParams[ 0 ] == '?' ) {
- urlParams = urlParams.substring(1);
- }
-
- urlParams = urlParams.split('&');
-
- for ( var m = 0; m < urlParams.length; ++m ) {
- var p = urlParams[ m ].split('=', 2);
-
- if ( p.length == 2 ) {
- paramObj[ p[0] ] = decodeURIComponent( p[1].replace(/\+/g, " ") );
- }
- }
- }
-
- params = $.extend( true, {}, providerOpts.params, item.opts[ providerName ], paramObj );
-
- url = $.type( providerOpts.url ) === "function" ? providerOpts.url.call( this, rez, params, item ) : format( providerOpts.url, rez, params );
- thumb = $.type( providerOpts.thumb ) === "function" ? providerOpts.thumb.call( this, rez, params, item ) : format( providerOpts.thumb, rez );
-
- if ( providerName === 'vimeo' ) {
- url = url.replace('&%23', '#');
- }
-
- return false;
- });
-
- // If it is found, then change content type and update the url
-
- if ( type ) {
- item.src = url;
- item.type = type;
-
- if ( !item.opts.thumb && !( item.opts.$thumb && item.opts.$thumb.length ) ) {
- item.opts.thumb = thumb;
- }
-
- if ( type === 'iframe' ) {
- $.extend(true, item.opts, {
- iframe : {
- preload : false,
- attr : {
- scrolling : "no"
- }
- }
- });
-
- item.contentProvider = provider;
-
- item.opts.slideClass += ' fancybox-slide--' + ( provider == 'gmap_place' || provider == 'gmap_search' ? 'map' : 'video' );
- }
-
- } else if ( url ) {
- item.type = item.opts.defaultType;
- }
-
- });
-
-}( window.jQuery || jQuery ));
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/share.js b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/share.js
deleted file mode 100644
index 789284739e..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/share.js
+++ /dev/null
@@ -1,91 +0,0 @@
-//// ==========================================================================
-//
-// Share
-// Displays simple form for sharing current url
-//
-// ==========================================================================
-;(function (document, $) {
- 'use strict';
-
- $.extend(true, $.fancybox.defaults, {
- btnTpl : {
- share :
- ''
- },
- share : {
- tpl :
- '
';
-
- self.$list = $( list ).appendTo( self.$grid ).on('click', 'li', function() {
- instance.jumpTo( $(this).data('index') );
- });
-
- self.$list.find( 'img' ).hide().one('load', function() {
- var $parent = $(this).parent().removeClass( 'fancybox-thumbs-loading' ),
- thumbWidth = $parent.outerWidth(),
- thumbHeight = $parent.outerHeight(),
- width,
- height,
- widthRatio,
- heightRatio;
-
- width = this.naturalWidth || this.width;
- height = this.naturalHeight || this.height;
-
- // Calculate thumbnail dimensions; center vertically and horizontally
- widthRatio = width / thumbWidth;
- heightRatio = height / thumbHeight;
-
- if (widthRatio >= 1 && heightRatio >= 1) {
- if (widthRatio > heightRatio) {
- width = width / heightRatio;
- height = thumbHeight;
-
- } else {
- width = thumbWidth;
- height = height / widthRatio;
- }
- }
-
- $(this).css({
- width : Math.floor(width),
- height : Math.floor(height),
- 'margin-top' : height > thumbHeight ? ( Math.floor(thumbHeight * 0.3 - height * 0.3 ) ) : Math.floor(thumbHeight * 0.5 - height * 0.5 ),
- 'margin-left' : Math.floor(thumbWidth * 0.5 - width * 0.5 )
- }).show();
-
- })
- .each(function() {
- this.src = $( this ).data( 'src' );
- });
-
- if ( self.opts.axis === 'x' ) {
- self.$list.width( parseInt( self.$grid.css("padding-right") ) + ( instance.group.length * self.$list.children().eq(0).outerWidth(true) ) + 'px' );
- }
- },
-
- focus : function( duration ) {
- var self = this,
- $list = self.$list,
- thumb,
- thumbPos;
-
- if ( self.instance.current ) {
- thumb = $list.children()
- .removeClass( 'fancybox-thumbs-active' )
- .filter('[data-index="' + self.instance.current.index + '"]')
- .addClass('fancybox-thumbs-active');
-
- thumbPos = thumb.position();
-
- // Check if need to scroll to make current thumb visible
- if ( self.opts.axis === 'y' && ( thumbPos.top < 0 || thumbPos.top > ( $list.height() - thumb.outerHeight() ) ) ) {
- $list.stop().animate({ 'scrollTop' : $list.scrollTop() + thumbPos.top }, duration);
-
- } else if ( self.opts.axis === 'x' && (
- thumbPos.left < $list.parent().scrollLeft() ||
- thumbPos.left > ( $list.parent().scrollLeft() + ( $list.parent().width() - thumb.outerWidth() ) )
- )
- ) {
- $list.parent().stop().animate({ 'scrollLeft' : thumbPos.left }, duration);
- }
- }
- },
-
- update : function() {
- this.instance.$refs.container.toggleClass( 'fancybox-show-thumbs', this.isVisible );
-
- if ( this.isVisible ) {
- if ( !this.$grid ) {
- this.create();
- }
-
- this.instance.trigger( 'onThumbsShow' );
-
- this.focus( 0 );
-
- } else if ( this.$grid ) {
- this.instance.trigger( 'onThumbsHide' );
- }
-
- // Update content position
- this.instance.update();
- },
-
- hide : function() {
- this.isVisible = false;
- this.update();
- },
-
- show : function() {
- this.isVisible = true;
- this.update();
- },
-
- toggle : function() {
- this.isVisible = !this.isVisible;
- this.update();
- }
- });
-
- $(document).on({
-
- 'onInit.fb' : function(e, instance) {
- var Thumbs;
-
- if ( instance && !instance.Thumbs ) {
- Thumbs = new FancyThumbs( instance );
-
- if ( Thumbs.isActive && Thumbs.opts.autoStart === true ) {
- Thumbs.show();
- }
- }
- },
-
- 'beforeShow.fb' : function(e, instance, item, firstRun) {
- var Thumbs = instance && instance.Thumbs;
-
- if ( Thumbs && Thumbs.isVisible ) {
- Thumbs.focus( firstRun ? 0 : 250 );
- }
- },
-
- 'afterKeydown.fb' : function(e, instance, current, keypress, keycode) {
- var Thumbs = instance && instance.Thumbs;
-
- // "G"
- if ( Thumbs && Thumbs.isActive && keycode === 71 ) {
- keypress.preventDefault();
-
- Thumbs.toggle();
- }
- },
-
- 'beforeClose.fb' : function( e, instance ) {
- var Thumbs = instance && instance.Thumbs;
-
- if ( Thumbs && Thumbs.isVisible && Thumbs.opts.hideOnClose !== false ) {
- Thumbs.$grid.hide();
- }
- }
-
- });
-
-}(document, window.jQuery));
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/wheel.js b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/wheel.js
deleted file mode 100644
index 199ada58d5..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/src/js/wheel.js
+++ /dev/null
@@ -1,37 +0,0 @@
-;(function (document, $) {
- 'use strict';
-
- var prevTime = new Date().getTime();
-
- $(document).on({
- 'onInit.fb' : function( e, instance, current ) {
- instance.$refs.stage.on('mousewheel DOMMouseScroll wheel MozMousePixelScroll', function(e) {
- var current = instance.current,
- currTime = new Date().getTime();
-
- if ( instance.group.length < 1 || current.opts.wheel === false || ( current.opts.wheel === 'auto' && current.type !== 'image' ) ) {
- return;
- }
-
- e.preventDefault();
- e.stopPropagation();
-
- if ( current.$slide.hasClass( 'fancybox-animated' ) ) {
- return;
- }
-
- e = e.originalEvent || e;
-
- if ( currTime - prevTime < 250 ) {
- return;
- }
-
- prevTime = currTime;
-
- instance[ ( -e.deltaY || -e.deltaX || e.wheelDelta || -e.detail ) < 0 ? 'next' : 'previous' ]();
-
- });
- }
- });
-
-}( document, window.jQuery || jQuery ));
diff --git a/mayan/apps/appearance/templates/appearance/root.html b/mayan/apps/appearance/templates/appearance/root.html
index 0395b698a4..4dd890bd78 100644
--- a/mayan/apps/appearance/templates/appearance/root.html
+++ b/mayan/apps/appearance/templates/appearance/root.html
@@ -22,7 +22,7 @@
-
+
@@ -83,7 +83,7 @@
-
+
diff --git a/mayan/apps/autoadmin/apps.py b/mayan/apps/autoadmin/apps.py
index 306cfff264..e1224fef9f 100644
--- a/mayan/apps/autoadmin/apps.py
+++ b/mayan/apps/autoadmin/apps.py
@@ -6,6 +6,7 @@ from django.utils.translation import ugettext_lazy as _
from mayan.apps.common.apps import MayanAppConfig
+from .dependencies import * # NOQA
from .handlers import handler_auto_admin_account_password_change
@@ -16,6 +17,7 @@ class AutoAdminAppConfig(MayanAppConfig):
def ready(self):
super(AutoAdminAppConfig, self).ready()
+
post_save.connect(
dispatch_uid='auto_admin_handler_account_password_change',
receiver=handler_auto_admin_account_password_change,
diff --git a/mayan/apps/autoadmin/dependencies.py b/mayan/apps/autoadmin/dependencies.py
new file mode 100644
index 0000000000..40028723bf
--- /dev/null
+++ b/mayan/apps/autoadmin/dependencies.py
@@ -0,0 +1,7 @@
+from __future__ import unicode_literals
+
+from mayan.apps.dependencies.classes import PythonDependency
+
+PythonDependency(
+ module=__name__, name='django-solo', version_string='==1.1.3'
+)
diff --git a/mayan/apps/cabinets/apps.py b/mayan/apps/cabinets/apps.py
index de8b90af51..0102800c8c 100644
--- a/mayan/apps/cabinets/apps.py
+++ b/mayan/apps/cabinets/apps.py
@@ -13,6 +13,7 @@ from mayan.apps.common.menus import (
from mayan.apps.documents.search import document_page_search, document_search
from mayan.apps.navigation.classes import SourceColumn
+from .dependencies import * # NOQA
from .links import (
link_cabinet_list, link_document_cabinet_list,
link_document_cabinet_remove, link_document_cabinet_add,
diff --git a/mayan/apps/cabinets/dependencies.py b/mayan/apps/cabinets/dependencies.py
new file mode 100644
index 0000000000..6ac1a2b193
--- /dev/null
+++ b/mayan/apps/cabinets/dependencies.py
@@ -0,0 +1,7 @@
+from __future__ import unicode_literals
+
+from mayan.apps.dependencies.classes import JavaScriptDependency
+
+JavaScriptDependency(
+ module=__name__, name='jstree', version_string='=3.3.3'
+)
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/LICENSE-MIT b/mayan/apps/cabinets/static/cabinets/packages/jstree/LICENSE-MIT
deleted file mode 100644
index 470dd6181a..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/LICENSE-MIT
+++ /dev/null
@@ -1,22 +0,0 @@
-Copyright (c) 2014 Ivan Bozhanov
-
-Permission is hereby granted, free of charge, to any person
-obtaining a copy of this software and associated documentation
-files (the "Software"), to deal in the Software without
-restriction, including without limitation the rights to use,
-copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the
-Software is furnished to do so, subject to the following
-conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
-OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-OTHER DEALINGS IN THE SOFTWARE.
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/README.md b/mayan/apps/cabinets/static/cabinets/packages/jstree/README.md
deleted file mode 100644
index e1e6db769f..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/README.md
+++ /dev/null
@@ -1,658 +0,0 @@
-# jstree
-
-[jsTree](http://www.jstree.com/) is jquery plugin, that provides interactive trees. It is absolutely free, [open source](https://github.com/vakata/jstree) and distributed under the MIT license.
-
-jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources, AJAX & async callback loading.
-
-jsTree functions properly in either box-model (content-box or border-box), can be loaded as an AMD module, and has a built in mobile theme for responsive design, that can easily be customized. It uses jQuery's event system, so binding callbacks on various events in the tree is familiar and easy.
-
-You also get:
- * drag & drop support
- * keyboard navigation
- * inline edit, create and delete
- * tri-state checkboxes
- * fuzzy searching
- * customizable node types
-
-_Aside from this readme you can find a lot more info on [jstree.com](http://www.jstree.com) & [the discussion group](https://groups.google.com/forum/#!forum/jstree)_.
-
----
-
-
-
-- [Getting Started](#getting-started)
- - [Include all neccessary files](#include-all-neccessary-files)
- - [Populating a tree using HTML](#populating-a-tree-using-html)
- - [Populating a tree using an array \(or JSON\)](#populating-a-tree-using-an-array-or-json)
- - [The required JSON format](#the-required-json-format)
- - [Populating the tree using AJAX](#populating-the-tree-using-ajax)
- - [Populating the tree using AJAX and lazy loading nodes](#populating-the-tree-using-ajax-and-lazy-loading-nodes)
- - [Populating the tree using a callback function](#populating-the-tree-using-a-callback-function)
-- [Working with events](#working-with-events)
-- [Interacting with the tree using the API](#interacting-with-the-tree-using-the-api)
-- [More on configuration](#more-on-configuration)
-- [Plugins](#plugins)
- - [checkbox](#checkbox)
- - [contextmenu](#contextmenu)
- - [dnd](#dnd)
- - [massload](#massload)
- - [search](#search)
- - [sort](#sort)
- - [state](#state)
- - [types](#types)
- - [unique](#unique)
- - [wholerow](#wholerow)
- - [More plugins](#more-plugins)
-- [License & Contributing](#license--contributing)
-
-
-
-
----
-
-## Getting Started
-
-### Include all neccessary files
-To get started you need 3 things in your page:
- 1. jQuery (anything above 1.9.1 will work)
- 2. A jstree theme (there is only one theme supplied by default)
- 3. The jstree source file
-
-```html
-
-
-
-
-```
-
-_If you decide to host jstree yourself - the files are located in the `dist` folder. You can safely ignore the `dist/libs` folder._
-
----
-
-### Populating a tree using HTML
-
-Now we are all set to create a tree, inline HTML is the easiest option (suitable for menus). All you need to do is select a node (using a jQuery selector) and invoke the `.jstree()` function to let jstree know you want to render a tree inside the selected node. `$.jstree.create(element)` can be used too.
-
-```html
-
-
-
Root node
-
-
Child node 1
-
Child node 2
-
-
-
-
-
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/)
-
-_You can add a few options when rendering a node using a data-attribute (note the quotes):_
-```html
-
Root node ...
-```
-
----
-
-### Populating a tree using an array (or JSON)
-
-Building trees from HTML is easy, but it is not very flexible, inline JS data is a better option:
-
-```html
-
-
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4478/)
-
-Unlike the previous simple HTML example, this time the `.jstree()` function accepts a config object.
-
-For now it is important to note that jstree will try to parse any data you specify in the `core.data` key and use it to create a tree. As seen in the previous example, if this key is missing jstree will try to parse the inline HTML of the container.
-
-#### The required JSON format
-
-The data you use must be in a specific format, each branch of the tree is represented by an object, which must at least have a `text` key. The `children` key can be used to add children to the branch, it should be an array of objects.
-
-_Keep in mind, you can use a simple string instead of an object if all you need is node with the given text, the above data can be written as:_
-
-```js
-[ { "text" : "Root node", "children" : [ "Child node 1", "Child node 2" ] } ]
-```
-
-There are other available options for each node, only set them if you need them like:
-
- * `id` - makes if possible to identify a node later (will also be used as a DOM ID of the `LI` node). _Make sure you do not repeat the same ID in a tree instance (that would defeat its purpose of being a unique identifier and may cause problems for jstree)_.
- * `icon` - a string which will be used for the node's icon - this can either be a path to a file, or a className (or list of classNames), which you can style in your CSS (font icons also work).
- * `data` - this can be anything you want - it is metadata you want attached to the node - you will be able to access and modify it any time later - it has no effect on the visuals of the node.
- * `state` - an object specifyng a few options about the node:
- - `selected` - if the node should be initially selected
- - `opened` - if the node should be initially opened
- - `disabled` - if the node should be disabled
- - `checked` - __checkbox plugin specific__ - if the node should be checked (only used when `tie_selection` is `false`, which you should only do if you really know what you are doing)
- - `undetermined` - __checkbox plugin specific__ - if the node should be rendered in undetermined state (only used with lazy loading and when the node is not yet loaded, otherwise this state is automatically calculated).
- * `type` - __types plugin specific__ - the type of the nodes (should be defined in the types config), if not set `"default"` is assumed.
- * `li_attr` - object of values which will be used to add HTML attributes on the resulting `LI` DOM node.
- * `a_attr` - object of values which will be used to add HTML attributes on the resulting `A` node.
-
-Here is a new demo with some of those properties set:
-
-```html
-
-
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4479/)
-
----
-
-### Populating the tree using AJAX
-
-Building off of the previous example, let's see how to have jstree make AJAX requests for you.
-
-```html
-
-
-```
-
-The server response is:
-```json
-[{
- "id":1,"text":"Root node","children":[
- {"id":2,"text":"Child node 1"},
- {"id":3,"text":"Child node 2"}
- ]
-}]
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4480/)
-
-Instead of a JS array, you can set `core.data` to a [jQuery AJAX config](http://api.jquery.com/jQuery.ajax/).
-jsTree will hit that URL, and provided you return properly formatted JSON it will be displayed.
-
-_If you cannot provide proper JSON headers, set `core.data.dataType` to `"json"`._
-
-The ids in the server response make it possible to identify nodes later (which we will see in the next few demos), but they are not required.
-
-__WHEN USING IDS MAKE SURE THEY ARE UNIQUE INSIDE A PARTICULAR TREE__
-
----
-
-### Populating the tree using AJAX and lazy loading nodes
-
-Lazy loading means nodes will be loaded when they are needed. Imagine you have a huge amount of nodes you want to show, but loading them with a single request is way too much traffic. Lazy loading makes it possible to load nodes on the fly - jstree will perform AJAX requests as the user browses the tree.
-
-Here we take our previous example, and lazy load the "Child node 1" node.
-
-```html
-
-
-```
-
-The initial server response is:
-```json
-[{
- "id":1,"text":"Root node","children":[
- {"id":2,"text":"Child node 1","children":true},
- {"id":3,"text":"Child node 2"}
- ]
-}]
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4481/)
-
-Now to focus on what is different. First off the `"data"` config option of the data object. If you check with jQuery, it is supposed to be a string or an object. But jstree makes it possible to set a function.
-
-Each time jstree needs to make an AJAX call this function will be called and will receive a single parameter - the node that is being loaded. The return value of this function will be used as the actual `"data"` of the AJAX call. To understand better open up the demo and see the requests go off in the console.
-
-You will notice that the first request goes off to:
-`http://www.jstree.com/fiddle?lazy&id=#`
-`#` is the special ID that the function receives when jstree needs to load the root nodes.
-
-Now go ahead and open the root node - two children will be shown, but no request will be made - that is because we loaded those children along with the first request.
-
-Onto the next difference - "Child node 1" appears closed - that is because in the data we supplied `true` as the `"children"` property of this node (you can see it in the server response). This special value indicated to jstree, that it has to lazy load the "Child node 1" node.
-
-Proceed and open this node - you will see a next request fire off to:
-`http://www.jstree.com/fiddle?lazy&id=2`
-ID is set to `2` because the node being loaded has an ID of `2`, and we have configured jstree to send the node ID along with the AJAX request (the `data` function).
-
-The server response is:
-```json
-["Child node 3","Child node 4"]
-```
-
-_You can also set `"url"` to a function and it works exactly as with `"data"` - each time a request has to be made, jstree will invoke your function and the request will go off to whatever you return in this function. This is useful when dealing with URLs like: `http://example.com/get_children/1`._
-
-### Populating the tree using a callback function
-
-Sometimes you may not want jsTree to make AJAX calls for you - you might want to make them yourself, or use some other method of puplating the tree. In that case you can use a callback function.
-
-```html
-
-
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4482/)
-
-As you can see your function will receive two arguments - the node whose children need to be loaded and a callback function to call with the data once you have it. The data follows the same familiar JSON format and lazy loading works just as with AJAX (as you can see in the above example).
-
----
-
-## Working with events
-
-jstree provides a lot of events to let you know something happened with the tree. The events are the same regardless of how you populate the tree.
-Let's use the most basic event `changed` - it fires when selection on the tree changes:
-
-```html
-
-
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4483/)
-
-All jstree events fire in a special `".jstree"` namespace - this is why we listen for `"changed.jstree"`. The handler itself receives one additional parameter - it will be populated with all you need to know about the event that happened. In this case `data.selected` is an array of selected node IDs (please note, that if you have not specified IDs they will be autogenerated).
-
-Let's extend this a bit and log out the text of the node instead of the ID.
-
-```js
-$('#container').on("changed.jstree", function (e, data) {
- console.log(data.instance.get_selected(true)[0].text);
- console.log(data.instance.get_node(data.selected[0]).text);
-});
-```
-
-The two rows above achieve exactly the same thing - get the text of the first selected node.
-
-In the `data` argument object you will always get an `instance` key - that is a reference to the tree instance, so that you can easily invoke methods.
-
-__All available functions and events are documented in the API docs__
-
----
-
-## Interacting with the tree using the API
-
-We scratched the surface on interacting with the tree in the previous example. Let's move on to obtaining an instance and calling a method on this instance:
-
-```html
-
-
-
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4484/)
-
-The above example shows how to obtain a reference to a jstree instance (again with a selector, but this time instead of a config, we pass a boolean `true`), and call a couple of methods - the latter one is selecting a node by its ID.
-
-Methods can also be invoked like this:
-
-```js
-$('#container').jstree("select_node", "1");
-```
-
-__All available functions and events are documented in the API docs__
-
-## More on configuration
-
-We already covered the config object in general (when we specified inline & AJAX data sources).
-
-```js
-$("#tree").jstree({ /* config object goes here */ });
-```
-
-Each key in the config object corresponds to a plugin, and the value of that key is the configuration for that plugin. There are also two special keys `"core"` and `"plugins"`:
- * `"core"` stores the core configuration options
- * `"plugins"` is an array of plugin names (strings) you want active on the instance
-
-When configuring you only need to set values that you want to be different from the defaults.
-
-__All config options and defaults are documented in the API docs__
-
-```js
-$("#tree").jstree({
- "core" : { // core options go here
- "multiple" : false, // no multiselection
- "themes" : {
- "dots" : false // no connecting dots between dots
- }
- },
- "plugins" : ["state"] // activate the state plugin on this instance
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4485/)
-
-We will cover all plugins further down.
-
-__Keep in mind by default all modifications to the structure are prevented - that means drag'n'drop, create, rename, delete will not work unless you enable them.__
-
-```js
-$("#tree").jstree({
- "core" : {
- "check_callback" : true, // enable all modifications
- },
- "plugins" : ["dnd","contextmenu"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4486/)
-
-`"core.check_callback"` can also be set to a function, that will be invoked every time a modification is about to happen (or when jstree needs to check if a modification is possible). If you return `true` the operation will be allowed, a value of `false` means it will not be allowed. The possible operation you can expect are `create_node`, `rename_node`, `delete_node`, `move_node` and `copy_node`. The `more` parameter will contain various information provided by the plugin that is invoking the check. For example the DND plugin will provide an object containing information about the move or copy operation that is being checked - is it a multi tree operation, which node is currently hovered, where the insert arrow is pointing - before, after or inside, etc.
-
-```js
-$("#tree").jstree({
- "core" : {
- "check_callback" : function (operation, node, parent, position, more) {
- if(operation === "copy_node" || operation === "move_node") {
- if(parent.id === "#") {
- return false; // prevent moving a child above or below the root
- }
- },
- return true; // allow everything else
- }
- },
- "plugins" : ["dnd","contextmenu"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4487/)
-
-The `more` parameter you receive contains other information related to the check being performed.
-
-__For example__: `move_node` & `copy_node` checks will fire repeatedly while the user drags a node, if the check was triggered by the `dnd` plugin `more` will contain a `dnd` key, which will be set to `true`.
-You can check for `more.dnd` and only perform a certain action if `dnd` triggered the check.
-If you only want to perform an operation when a node is really about to be dropped check for `more.core`.
-
-## Plugins
-
-jsTree comes with a few plugin bundled, but they will only modify your tree if you activate them using the `"plugins"` config option. Here is a brief description of each plugin. You can read more on the available config options for each plugin in the API docs.
-
-### checkbox
-Renders a checkbox icon in front of each node, making multiselection easy. It also has a "tri-state" option, meaning a node with some of its children checked will get a "square" icon.
-
-_Keep in mind that if any sort of cascade is enabled, disabled nodes may be checked too (not by themselves, but for example when a parent of a disabled node is checked and selection is configured to cascade down)._
-
-```js
-$("#tree").jstree({
- "plugins" : ["checkbox"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4488/)
-
-### contextmenu
-Makes it possible to right click nodes and shows a list of configurable actions in a menu.
-
-```js
-$("#tree").jstree({
- "core" : { "check_callback" : true }, // so that modifying operations work
- "plugins" : ["contextmenu"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4489/)
-
-### dnd
-Makes it possible to drag and drop tree nodes and rearrange the tree.
-
-```js
-$("#tree").jstree({
- "core" : { "check_callback" : true }, // so that operations work
- "plugins" : ["dnd"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4490/)
-
-### massload
-Makes it possible to load multiple nodes in a single go (for a lazy loaded tree).
-
-```js
-$("#tree").jstree({
- "core" : {
- "data" : { .. AJAX config .. }
- },
- "massload" : {
- "url" : "/some/path",
- "data" : function (nodes) {
- return { "ids" : nodes.join(",") };
- }
- },
- "plugins" : [ "massload", "state" ]
-});
-```
-
-### search
-Adds the possibility to search for items in the tree and show only matching nodes. It also has AJAX / callback hooks, so that search will work on lazy loaded trees too.
-
-```html
-
-
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4491/)
-
-### sort
-Automatically arranges all sibling nodes according to a comparison config option function, which defaults to alphabetical order.
-
-```js
-$("#tree").jstree({
- "plugins" : ["sort"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4492/)
-
-### state
-Saves all opened and selected nodes in the user's browser, so when returning to the same tree the previous state will be restored.
-
-```js
-$("#tree").jstree({
- // the key is important if you have multiple trees in the same domain
- "state" : { "key" : "state_demo" },
- "plugins" : ["state"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4493/)
-
-### types
-Makes it possible to add a "type" for a node, which means to easily control nesting rules and icon for groups of nodes instead of individually. To set a node type add a type property to the node structure.
-
-```js
-$("#tree").jstree({
- "types" : {
- "default" : {
- "icon" : "glyphicon glyphicon-flash"
- },
- "demo" : {
- "icon" : "glyphicon glyphicon-ok"
- }
- },
- "plugins" : ["types"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4494/)
-
-### unique
-Enforces that no nodes with the same name can coexist as siblings - prevents renaming and moving nodes to a parent, which already contains a node with the same name.
-
-```js
-$("#tree").jstree({
- "plugins" : ["unique"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4495/)
-
-### wholerow
-Makes each node appear block level which makes selection easier. May cause slow down for large trees in old browsers.
-
-```js
-$("#tree").jstree({
- "plugins" : ["wholerow"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4496/)
-
-### More plugins
-If you create your own plugin (or download a 3rd party one) you must include its source on the page and list its name in the `"plugins"` config array.
-
-```js
-// conditional select
-(function ($, undefined) {
- "use strict";
- $.jstree.defaults.conditionalselect = function () { return true; };
- $.jstree.plugins.conditionalselect = function (options, parent) {
- this.activate_node = function (obj, e) {
- if(this.settings.conditionalselect.call(this, this.get_node(obj))) {
- parent.activate_node.call(this, obj, e);
- }
- };
- };
-})(jQuery);
-$("#tree").jstree({
- "conditionalselect" : function (node) {
- return node.text === "Root node" ? false : true;
- },
- "plugins" : ["conditionalselect"]
-});
-```
-
-[view result](http://jsfiddle.net/vakata/2kwkh2uL/4497/)
-
-As seen here when creating a plugin you can define a default config, add your own functions to jstree, or override existing ones while maintaining the ability to call the overridden function.
-
-## License & Contributing
-
-_Please do NOT edit files in the "dist" subdirectory as they are generated via grunt. You'll find source code in the "src" subdirectory!_
-
-If you want to you can always [donate a small amount][paypal] to help the development of jstree.
-[paypal]: https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=paypal@vakata.com¤cy_code=USD&amount=&return=http://jstree.com/donation&item_name=Buy+me+a+coffee+for+jsTree
-
-Copyright (c) 2014 Ivan Bozhanov (http://vakata.com)
-
-Licensed under the [MIT license](http://www.opensource.org/licenses/mit-license.php).
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/bower.json b/mayan/apps/cabinets/static/cabinets/packages/jstree/bower.json
deleted file mode 100644
index 535b66c151..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/bower.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "name": "jstree",
- "version": "3.3.3",
- "main" : [
- "./dist/jstree.js",
- "./dist/themes/default/style.css"
- ],
- "ignore": [
- "**/.*",
- "docs",
- "demo",
- "libs",
- "node_modules",
- "test",
- "libs",
- "jstree.jquery.json",
- "gruntfile.js",
- "package.json",
- "bower.json",
- "component.json",
- "LICENCE-MIT",
- "README.md"
- ],
- "dependencies": {
- "jquery": ">=1.9.1"
- },
- "keywords": [
- "ui",
- "tree",
- "jstree"
- ]
-}
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/component.json b/mayan/apps/cabinets/static/cabinets/packages/jstree/component.json
deleted file mode 100644
index 2b9183e8d4..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/component.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
- "name": "jstree",
- "repo": "vakata/jstree",
- "description": "jsTree is jquery plugin, that provides interactive trees.",
- "version": "3.3.3",
- "license": "MIT",
- "keywords": [
- "ui",
- "tree",
- "jstree"
- ],
- "scripts": [
- "dist/jstree.js",
- "dist/jstree.min.js"
- ],
- "images": [
- "dist/themes/default/32px.png",
- "dist/themes/default/40px.png",
- "dist/themes/default/throbber.gif"
- ],
- "styles": [
- "dist/themes/default/style.css",
- "dist/themes/default/style.min.css"
- ],
- "dependencies": {
- "components/jquery": ">=1.9.1"
- }
-}
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/composer.json b/mayan/apps/cabinets/static/cabinets/packages/jstree/composer.json
deleted file mode 100644
index 282b768a68..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/composer.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
- "name": "vakata/jstree",
- "description": "jsTree is jquery plugin, that provides interactive trees.",
- "type": "component",
- "homepage": "http://jstree.com",
- "license": "MIT",
- "support": {
- "issues": "https://github.com/vakata/jstree/issues",
- "forum": "https://groups.google.com/forum/#!forum/jstree",
- "source": "https://github.com/vakata/jstree"
- },
- "authors": [
- {
- "name": "Ivan Bozhanov",
- "email": "jstree@jstree.com"
- }
- ],
- "require": {
- "components/jquery": ">=1.9.1"
- },
- "suggest": {
- "robloach/component-installer": "Allows installation of Components via Composer"
- },
- "extra": {
- "component": {
- "scripts": [
- "dist/jstree.js"
- ],
- "styles": [
- "dist/themes/default/style.css"
- ],
- "images": [
- "dist/themes/default/32px.png",
- "dist/themes/default/40px.png",
- "dist/themes/default/throbber.gif"
- ],
- "files": [
- "dist/jstree.min.js",
- "dist/themes/default/style.min.css",
- "dist/themes/default/32px.png",
- "dist/themes/default/40px.png",
- "dist/themes/default/throbber.gif"
- ]
- }
- }
-}
\ No newline at end of file
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/basic/index.html b/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/basic/index.html
deleted file mode 100644
index 9c1a85597a..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/basic/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
-
-
-
-
- jstree basic demos
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/class.db.php b/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/class.db.php
deleted file mode 100644
index bf06935f22..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/class.db.php
+++ /dev/null
@@ -1,1082 +0,0 @@
-query('UPDATE table SET value = 1 WHERE id = ?', array(1));
-// get all results as array
-$db->all('SELECT * FROM table WHERE id = ?', array(1), "array_key", bool_skip_key, "assoc"/"num");
-// get one result
-$db->one('SELECT * FROM table WHERE id = ?', array(1), "assoc"/"num");
-// get a traversable object to pass to foreach, or use count(), or use direct access: [INDEX]
-$db->get('SELECT * FROM table WHERE id = ?', array(1), "assoc"/"num")[1];
-*/
-
-namespace
-{
- class db
- {
- private function __construct() {
- }
- public function __clone() {
- throw new \vakata\database\Exception('Cannot clone static DB');
- }
- public static function get($settings = null) {
- return new \vakata\database\DBC($settings);
- }
- public static function getc($settings = null, \vakata\cache\ICache $c = null) {
- if($c === null) { $c = \vakata\cache\cache::inst(); }
- return new \vakata\database\DBCCached($settings, $c);
- }
- }
-}
-
-namespace vakata\database
-{
- class Exception extends \Exception
- {
- }
-
- class Settings
- {
- public $type = null;
- public $username = 'root';
- public $password = null;
- public $database = null;
- public $servername = 'localhost';
- public $serverport = null;
- public $persist = false;
- public $timezone = null;
- public $charset = 'UTF8';
-
- public function __construct($settings) {
- $str = parse_url($settings);
- if(!$str) {
- throw new Exception('Malformed DB settings string: ' . $settings);
- }
- if(array_key_exists('scheme',$str)) {
- $this->type = rawurldecode($str['scheme']);
- }
- if(array_key_exists('user',$str)) {
- $this->username = rawurldecode($str['user']);
- }
- if(array_key_exists('pass',$str)) {
- $this->password = rawurldecode($str['pass']);
- }
- if(array_key_exists('path',$str)) {
- $this->database = trim(rawurldecode($str['path']),'/');
- }
- if(array_key_exists('host',$str)) {
- $this->servername = rawurldecode($str['host']);
- }
- if(array_key_exists('port',$str)) {
- $this->serverport = rawurldecode($str['port']);
- }
- if(array_key_exists('query',$str)) {
- parse_str($str['query'], $str);
- $this->persist = (array_key_exists('persist', $str) && $str['persist'] === 'TRUE');
- if(array_key_exists('charset', $str)) {
- $this->charset = $str['charset'];
- }
- if(array_key_exists('timezone', $str)) {
- $this->timezone = $str['timezone'];
- }
- }
- }
- }
-
- interface IDB
- {
- public function connect();
- public function query($sql, $vars);
- public function get($sql, $data, $key, $skip_key, $mode);
- public function all($sql, $data, $key, $skip_key, $mode);
- public function one($sql, $data, $mode);
- public function raw($sql);
- public function prepare($sql);
- public function execute($data);
- public function disconnect();
- }
-
- interface IDriver
- {
- public function prepare($sql);
- public function execute($data);
- public function query($sql, $data);
- public function nextr($result);
- public function seek($result, $row);
- public function nf($result);
- public function af();
- public function insert_id();
- public function real_query($sql);
- public function get_settings();
- }
-
- abstract class ADriver implements IDriver
- {
- protected $lnk = null;
- protected $settings = null;
-
- public function __construct(Settings $settings) {
- $this->settings = $settings;
- }
- public function __destruct() {
- if($this->is_connected()) {
- $this->disconnect();
- }
- }
- public function get_settings() {
- return $this->settings;
- }
-
- public function connect() {
- }
- public function is_connected() {
- return $this->lnk !== null;
- }
- public function disconnect() {
- }
- public function query($sql, $data = array()) {
- return $this->execute($this->prepare($sql), $data);
- }
- public function prepare($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- return $sql;
- }
- public function execute($sql, $data = array()) {
- if(!$this->is_connected()) { $this->connect(); }
- if(!is_array($data)) { $data = array(); }
- $binder = '?';
- if(strpos($sql, $binder) !== false && is_array($data) && count($data)) {
- $tmp = explode($binder, $sql);
- if(!is_array($data)) { $data = array($data); }
- $data = array_values($data);
- if(count($data) >= count($tmp)) { $data = array_slice($data, 0, count($tmp)-1); }
- $sql = $tmp[0];
- foreach($data as $i => $v) {
- $sql .= $this->escape($v) . $tmp[($i + 1)];
- }
- }
- return $this->real_query($sql);
- }
-
- public function real_query($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- }
- protected function escape($input) {
- if(is_array($input)) {
- foreach($input as $k => $v) {
- $input[$k] = $this->escape($v);
- }
- return implode(',',$input);
- }
- if(is_string($input)) {
- $input = addslashes($input);
- return "'".$input."'";
- }
- if(is_bool($input)) {
- return $input === false ? 0 : 1;
- }
- if(is_null($input)) {
- return 'NULL';
- }
- return $input;
- }
-
- public function nextr($result) {}
- public function nf($result) {}
- public function af() {}
- public function insert_id() {}
- public function seek($result, $row) {}
- }
-
- class Result implements \Iterator, \ArrayAccess, \Countable
- {
- protected $all = null;
- protected $rdy = false;
- protected $rslt = null;
- protected $mode = null;
- protected $fake = null;
- protected $skip = false;
-
- protected $fake_key = 0;
- protected $real_key = 0;
- public function __construct(Query $rslt, $key = null, $skip_key = false, $mode = 'assoc') {
- $this->rslt = $rslt;
- $this->mode = $mode;
- $this->fake = $key;
- $this->skip = $skip_key;
- }
- public function count() {
- return $this->rdy ? count($this->all) : $this->rslt->nf();
- }
- public function current() {
- if(!$this->count()) {
- return null;
- }
- if($this->rdy) {
- return current($this->all);
- }
- $tmp = $this->rslt->row();
- $row = array();
- switch($this->mode) {
- case 'num':
- foreach($tmp as $k => $v) {
- if(is_int($k)) {
- $row[$k] = $v;
- }
- }
- break;
- case 'both':
- $row = $tmp;
- break;
- case 'assoc':
- default:
- foreach($tmp as $k => $v) {
- if(!is_int($k)) {
- $row[$k] = $v;
- }
- }
- break;
- }
- if($this->fake) {
- $this->fake_key = $row[$this->fake];
- }
- if($this->skip) {
- unset($row[$this->fake]);
- }
- if(is_array($row) && count($row) === 1) {
- $row = current($row);
- }
- return $row;
- }
- public function key() {
- if($this->rdy) {
- return key($this->all);
- }
- return $this->fake ? $this->fake_key : $this->real_key;
- }
- public function next() {
- if($this->rdy) {
- return next($this->all);
- }
- $this->rslt->nextr();
- $this->real_key++;
- }
- public function rewind() {
- if($this->rdy) {
- return reset($this->all);
- }
- if($this->real_key !== null) {
- $this->rslt->seek(($this->real_key = 0));
- }
- $this->rslt->nextr();
- }
- public function valid() {
- if($this->rdy) {
- return current($this->all) !== false;
- }
- return $this->rslt->row() !== false && $this->rslt->row() !== null;
- }
-
- public function one() {
- $this->rewind();
- return $this->current();
- }
- public function get() {
- if(!$this->rdy) {
- $this->all = array();
- foreach($this as $k => $v) {
- $this->all[$k] = $v;
- }
- $this->rdy = true;
- }
- return $this->all;
- }
- public function offsetExists($offset) {
- if($this->rdy) {
- return isset($this->all[$offset]);
- }
- if($this->fake === null) {
- return $this->rslt->seek(($this->real_key = $offset));
- }
- $this->get();
- return isset($this->all[$offset]);
- }
- public function offsetGet($offset) {
- if($this->rdy) {
- return $this->all[$offset];
- }
- if($this->fake === null) {
- $this->rslt->seek(($this->real_key = $offset));
- $this->rslt->nextr();
- return $this->current();
- }
- $this->get();
- return $this->all[$offset];
- }
- public function offsetSet ($offset, $value ) {
- throw new Exception('Cannot set result');
- }
- public function offsetUnset ($offset) {
- throw new Exception('Cannot unset result');
- }
- public function __sleep() {
- $this->get();
- return array('all', 'rdy', 'mode', 'fake', 'skip');
- }
- public function __toString() {
- return print_r($this->get(), true);
- }
- }
-
- class Query
- {
- protected $drv = null;
- protected $sql = null;
- protected $prp = null;
- protected $rsl = null;
- protected $row = null;
- protected $num = null;
- protected $aff = null;
- protected $iid = null;
-
- public function __construct(IDriver $drv, $sql) {
- $this->drv = $drv;
- $this->sql = $sql;
- $this->prp = $this->drv->prepare($sql);
- }
- public function execute($vars = array()) {
- $this->rsl = $this->drv->execute($this->prp, $vars);
- $this->num = (is_object($this->rsl) || is_resource($this->rsl)) && is_callable(array($this->drv, 'nf')) ? (int)@$this->drv->nf($this->rsl) : 0;
- $this->aff = $this->drv->af();
- $this->iid = $this->drv->insert_id();
- return $this;
- }
- public function result($key = null, $skip_key = false, $mode = 'assoc') {
- return new Result($this, $key, $skip_key, $mode);
- }
- public function row() {
- return $this->row;
- }
- public function f($field) {
- return $this->row[$field];
- }
- public function nextr() {
- $this->row = $this->drv->nextr($this->rsl);
- return $this->row !== false && $this->row !== null;
- }
- public function seek($offset) {
- return @$this->drv->seek($this->rsl, $offset) ? true : false;
- }
- public function nf() {
- return $this->num;
- }
- public function af() {
- return $this->aff;
- }
- public function insert_id() {
- return $this->iid;
- }
- }
-
- class DBC implements IDB
- {
- protected $drv = null;
- protected $que = null;
-
- public function __construct($drv = null) {
- if(!$drv && defined('DATABASE')) {
- $drv = DATABASE;
- }
- if(!$drv) {
- $this->error('Could not create database (no settings)');
- }
- if(is_string($drv)) {
- $drv = new \vakata\database\Settings($drv);
- }
- if($drv instanceof Settings) {
- $tmp = '\\vakata\\database\\' . $drv->type . '_driver';
- if(!class_exists($tmp)) {
- $this->error('Could not create database (no driver: '.$drv->type.')');
- }
- $drv = new $tmp($drv);
- }
- if(!($drv instanceof IDriver)) {
- $this->error('Could not create database - wrong driver');
- }
- $this->drv = $drv;
- }
-
- public function connect() {
- if(!$this->drv->is_connected()) {
- try {
- $this->drv->connect();
- }
- catch (Exception $e) {
- $this->error($e->getMessage(), 1);
- }
- }
- return true;
- }
- public function disconnect() {
- if($this->drv->is_connected()) {
- $this->drv->disconnect();
- }
- }
-
- public function prepare($sql) {
- try {
- $this->que = new Query($this->drv, $sql);
- return $this->que;
- } catch (Exception $e) {
- $this->error($e->getMessage(), 2);
- }
- }
- public function execute($data = array()) {
- try {
- return $this->que->execute($data);
- } catch (Exception $e) {
- $this->error($e->getMessage(), 3);
- }
- }
- public function query($sql, $data = array()) {
- try {
- $this->que = new Query($this->drv, $sql);
- return $this->que->execute($data);
- }
- catch (Exception $e) {
- $this->error($e->getMessage(), 4);
- }
- }
- public function get($sql, $data = array(), $key = null, $skip_key = false, $mode = 'assoc') {
- return $this->query($sql, $data)->result($key, $skip_key, $mode);
- }
- public function all($sql, $data = array(), $key = null, $skip_key = false, $mode = 'assoc') {
- return $this->get($sql, $data, $key, $skip_key, $mode)->get();
- }
- public function one($sql, $data = array(), $mode = 'assoc') {
- return $this->query($sql, $data)->result(null, false, $mode)->one();
- }
- public function raw($sql) {
- return $this->drv->real_query($sql);
- }
- public function get_driver() {
- return $this->drv->get_settings()->type;
- }
-
- public function __call($method, $args) {
- if($this->que && is_callable(array($this->que, $method))) {
- try {
- return call_user_func_array(array($this->que, $method), $args);
- } catch (Exception $e) {
- $this->error($e->getMessage(), 5);
- }
- }
- }
-
- protected final function error($error = '') {
- $dirnm = defined('LOGROOT') ? LOGROOT : realpath(dirname(__FILE__));
- @file_put_contents(
- $dirnm . DIRECTORY_SEPARATOR . '_errors_sql.log',
- '[' . date('d-M-Y H:i:s') . '] ' . $this->settings->type . ' > ' . preg_replace("@[\s\r\n\t]+@", ' ', $error) . "\n",
- FILE_APPEND
- );
- throw new Exception($error);
- }
- }
-
- class DBCCached extends DBC
- {
- protected $cache_inst = null;
- protected $cache_nmsp = null;
- public function __construct($settings = null, \vakata\cache\ICache $c = null) {
- parent::__construct($settings);
- $this->cache_inst = $c;
- $this->cache_nmsp = 'DBCCached_' . md5(serialize($this->drv->get_settings()));
- }
- public function cache($expires, $sql, $data = array(), $key = null, $skip_key = false, $mode = 'assoc') {
- $arg = func_get_args();
- array_shift($arg);
- $key = md5(serialize($arg));
- if(!$this->cache_inst) {
- return call_user_func_array(array($this, 'all'), $arg);
- }
-
- $tmp = $this->cache_inst->get($key, $this->cache_nmsp);
- if(!$tmp) {
- $this->cache_inst->prep($key, $this->cache_nmsp);
- $tmp = call_user_func_array(array($this, 'all'), $arg);
- $this->cache_inst->set($key, $tmp, $this->cache_nmsp, $expires);
- }
- return $tmp;
- }
- public function clear() {
- if($this->cache_inst) {
- $this->cache_inst->clear($this->cache_nmsp);
- }
- }
- }
-
- class mysqli_driver extends ADriver
- {
- protected $iid = 0;
- protected $aff = 0;
- protected $mnd = false;
-
- public function __construct($settings) {
- parent::__construct($settings);
- if(!$this->settings->serverport) { $this->settings->serverport = 3306; }
- $this->mnd = function_exists('mysqli_fetch_all');
- }
-
- public function connect() {
- $this->lnk = new \mysqli(
- ($this->settings->persist ? 'p:' : '') . $this->settings->servername,
- $this->settings->username,
- $this->settings->password,
- $this->settings->database,
- $this->settings->serverport
- );
- if($this->lnk->connect_errno) {
- throw new Exception('Connect error: ' . $this->lnk->connect_errno);
- }
- if(!$this->lnk->set_charset($this->settings->charset)) {
- throw new Exception('Charset error: ' . $this->lnk->connect_errno);
- }
- if($this->settings->timezone) {
- @$this->lnk->query("SET time_zone = '" . addslashes($this->settings->timezone) . "'");
- }
- return true;
- }
- public function disconnect() {
- if($this->is_connected()) {
- @$this->lnk->close();
- }
- }
- public function real_query($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- $temp = $this->lnk->query($sql);
- if(!$temp) {
- throw new Exception('Could not execute query : ' . $this->lnk->error . ' <'.$sql.'>');
- }
- $this->iid = $this->lnk->insert_id;
- $this->aff = $this->lnk->affected_rows;
- return $temp;
- }
- public function nextr($result) {
- if($this->mnd) {
- return $result->fetch_array(MYSQLI_BOTH);
- }
- else {
- $ref = $result->result_metadata();
- if(!$ref) { return false; }
- $tmp = mysqli_fetch_fields($ref);
- if(!$tmp) { return false; }
- $ref = array();
- foreach($tmp as $col) { $ref[$col->name] = null; }
- $tmp = array();
- foreach($ref as $k => $v) { $tmp[] =& $ref[$k]; }
- if(!call_user_func_array(array($result, 'bind_result'), $tmp)) { return false; }
- if(!$result->fetch()) { return false; }
- $tmp = array();
- $i = 0;
- foreach($ref as $k => $v) { $tmp[$i++] = $v; $tmp[$k] = $v; }
- return $tmp;
- }
- }
- public function seek($result, $row) {
- $temp = $result->data_seek($row);
- return $temp;
- }
- public function nf($result) {
- return $result->num_rows;
- }
- public function af() {
- return $this->aff;
- }
- public function insert_id() {
- return $this->iid;
- }
- public function prepare($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- $temp = $this->lnk->prepare($sql);
- if(!$temp) {
- throw new Exception('Could not prepare : ' . $this->lnk->error . ' <'.$sql.'>');
- }
- return $temp;
- }
- public function execute($sql, $data = array()) {
- if(!$this->is_connected()) { $this->connect(); }
- if(!is_array($data)) { $data = array(); }
- if(is_string($sql)) {
- return parent::execute($sql, $data);
- }
-
- $data = array_values($data);
- if($sql->param_count) {
- if(count($data) < $sql->param_count) {
- throw new Exception('Prepared execute - not enough parameters.');
- }
- $ref = array('');
- foreach($data as $i => $v) {
- switch(gettype($v)) {
- case "boolean":
- case "integer":
- $data[$i] = (int)$v;
- $ref[0] .= 'i';
- $ref[$i+1] =& $data[$i];
- break;
- case "double":
- $ref[0] .= 'd';
- $ref[$i+1] =& $data[$i];
- break;
- case "array":
- $data[$i] = implode(',',$v);
- $ref[0] .= 's';
- $ref[$i+1] =& $data[$i];
- break;
- case "object":
- case "resource":
- $data[$i] = serialize($data[$i]);
- $ref[0] .= 's';
- $ref[$i+1] =& $data[$i];
- break;
- default:
- $ref[0] .= 's';
- $ref[$i+1] =& $data[$i];
- break;
- }
- }
- call_user_func_array(array($sql, 'bind_param'), $ref);
- }
- $rtrn = $sql->execute();
- if(!$this->mnd) {
- $sql->store_result();
- }
- if(!$rtrn) {
- throw new Exception('Prepared execute error : ' . $this->lnk->error);
- }
- $this->iid = $this->lnk->insert_id;
- $this->aff = $this->lnk->affected_rows;
- if(!$this->mnd) {
- return $sql->field_count ? $sql : $rtrn;
- }
- else {
- return $sql->field_count ? $sql->get_result() : $rtrn;
- }
- }
-
- protected function escape($input) {
- if(is_array($input)) {
- foreach($input as $k => $v) {
- $input[$k] = $this->escape($v);
- }
- return implode(',',$input);
- }
- if(is_string($input)) {
- $input = $this->lnk->real_escape_string($input);
- return "'".$input."'";
- }
- if(is_bool($input)) {
- return $input === false ? 0 : 1;
- }
- if(is_null($input)) {
- return 'NULL';
- }
- return $input;
- }
- }
-
- class mysql_driver extends ADriver
- {
- protected $iid = 0;
- protected $aff = 0;
- public function __construct($settings) {
- parent::__construct($settings);
- if(!$this->settings->serverport) { $this->settings->serverport = 3306; }
- }
- public function connect() {
- $this->lnk = ($this->settings->persist) ?
- @mysql_pconnect(
- $this->settings->servername.':'.$this->settings->serverport,
- $this->settings->username,
- $this->settings->password
- ) :
- @mysql_connect(
- $this->settings->servername.':'.$this->settings->serverport,
- $this->settings->username,
- $this->settings->password
- );
-
- if($this->lnk === false || !mysql_select_db($this->settings->database, $this->lnk) || !mysql_query("SET NAMES '".$this->settings->charset."'", $this->lnk)) {
- throw new Exception('Connect error: ' . mysql_error());
- }
- if($this->settings->timezone) {
- @mysql_query("SET time_zone = '" . addslashes($this->settings->timezone) . "'", $this->lnk);
- }
- return true;
- }
- public function disconnect() {
- if(is_resource($this->lnk)) {
- mysql_close($this->lnk);
- }
- }
-
- public function real_query($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- $temp = mysql_query($sql, $this->lnk);
- if(!$temp) {
- throw new Exception('Could not execute query : ' . mysql_error($this->lnk) . ' <'.$sql.'>');
- }
- $this->iid = mysql_insert_id($this->lnk);
- $this->aff = mysql_affected_rows($this->lnk);
- return $temp;
- }
- public function nextr($result) {
- return mysql_fetch_array($result, MYSQL_BOTH);
- }
- public function seek($result, $row) {
- $temp = @mysql_data_seek($result, $row);
- if(!$temp) {
- //throw new Exception('Could not seek : ' . mysql_error($this->lnk));
- }
- return $temp;
- }
- public function nf($result) {
- return mysql_num_rows($result);
- }
- public function af() {
- return $this->aff;
- }
- public function insert_id() {
- return $this->iid;
- }
-
- protected function escape($input) {
- if(is_array($input)) {
- foreach($input as $k => $v) {
- $input[$k] = $this->escape($v);
- }
- return implode(',',$input);
- }
- if(is_string($input)) {
- $input = mysql_real_escape_string($input, $this->lnk);
- return "'".$input."'";
- }
- if(is_bool($input)) {
- return $input === false ? 0 : 1;
- }
- if(is_null($input)) {
- return 'NULL';
- }
- return $input;
- }
- }
-
- class postgre_driver extends ADriver
- {
- protected $iid = 0;
- protected $aff = 0;
- public function __construct($settings) {
- parent::__construct($settings);
- if(!$this->settings->serverport) { $this->settings->serverport = 5432; }
- }
- public function connect() {
- $this->lnk = ($this->settings->persist) ?
- @pg_pconnect(
- "host=" . $this->settings->servername . " " .
- "port=" . $this->settings->serverport . " " .
- "user=" . $this->settings->username . " " .
- "password=" . $this->settings->password . " " .
- "dbname=" . $this->settings->database . " " .
- "options='--client_encoding=".strtoupper($this->settings->charset)."' "
- ) :
- @pg_connect(
- "host=" . $this->settings->servername . " " .
- "port=" . $this->settings->serverport . " " .
- "user=" . $this->settings->username . " " .
- "password=" . $this->settings->password . " " .
- "dbname=" . $this->settings->database . " " .
- "options='--client_encoding=".strtoupper($this->settings->charset)."' "
- );
- if($this->lnk === false) {
- throw new Exception('Connect error');
- }
- if($this->settings->timezone) {
- @pg_query($this->lnk, "SET TIME ZONE '".addslashes($this->settings->timezone)."'");
- }
- return true;
- }
- public function disconnect() {
- if(is_resource($this->lnk)) {
- pg_close($this->lnk);
- }
- }
- public function real_query($sql) {
- return $this->query($sql);
- }
- public function prepare($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- $binder = '?';
- if(strpos($sql, $binder) !== false) {
- $tmp = explode($binder, $sql);
- $sql = $tmp[0];
- foreach($tmp as $i => $v) {
- $sql .= '$' . ($i + 1);
- if(isset($tmp[($i + 1)])) {
- $sql .= $tmp[($i + 1)];
- }
- }
- }
- return $sql;
- }
- public function execute($sql, $data = array()) {
- if(!$this->is_connected()) { $this->connect(); }
- if(!is_array($data)) { $data = array(); }
- $temp = (is_array($data) && count($data)) ? pg_query_params($this->lnk, $sql, $data) : pg_query_params($this->lnk, $sql, array());
- if(!$temp) {
- throw new Exception('Could not execute query : ' . pg_last_error($this->lnk) . ' <'.$sql.'>');
- }
- if(preg_match('@^\s*(INSERT|REPLACE)\s+INTO@i', $sql)) {
- $this->iid = pg_query($this->lnk, 'SELECT lastval()');
- $this->aff = pg_affected_rows($temp);
- }
- return $temp;
- }
-
- public function nextr($result) {
- return pg_fetch_array($result, NULL, PGSQL_BOTH);
- }
- public function seek($result, $row) {
- $temp = @pg_result_seek($result, $row);
- if(!$temp) {
- //throw new Exception('Could not seek : ' . pg_last_error($this->lnk));
- }
- return $temp;
- }
- public function nf($result) {
- return pg_num_rows($result);
- }
- public function af() {
- return $this->aff;
- }
- public function insert_id() {
- return $this->iid;
- }
-
- // Функция mysql_query?
- // - http://okbob.blogspot.com/2009/08/mysql-functions-for-postgresql.html
- // - http://www.xach.com/aolserver/mysql-to-postgresql.html
- // - REPLACE unixtimestamp / limit / curdate
- }
-
- class oracle_driver extends ADriver
- {
- protected $iid = 0;
- protected $aff = 0;
-
- public function connect() {
- $this->lnk = ($this->settings->persist) ?
- @oci_pconnect($this->settings->username, $this->settings->password, $this->settings->servername, $this->settings->charset) :
- @oci_connect ($this->settings->username, $this->settings->password, $this->settings->servername, $this->settings->charset);
- if($this->lnk === false) {
- throw new Exception('Connect error : ' . oci_error());
- }
- if($this->settings->timezone) {
- $this->real_query("ALTER session SET time_zone = '" . addslashes($this->settings->timezone) . "'");
- }
- return true;
- }
- public function disconnect() {
- if(is_resource($this->lnk)) {
- oci_close($this->lnk);
- }
- }
- public function real_query($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- $temp = oci_parse($this->lnk, $sql);
- if(!$temp || !oci_execute($temp)) {
- throw new Exception('Could not execute real query : ' . oci_error($temp));
- }
- $this->aff = oci_num_rows($temp);
- return $temp;
- }
-
- public function prepare($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- $binder = '?';
- if(strpos($sql, $binder) !== false && $vars !== false) {
- $tmp = explode($this->binder, $sql);
- $sql = $tmp[0];
- foreach($tmp as $i => $v) {
- $sql .= ':f' . $i;
- if(isset($tmp[($i + 1)])) {
- $sql .= $tmp[($i + 1)];
- }
- }
- }
- return oci_parse($this->lnk, $sql);
- }
- public function execute($sql, $data = array()) {
- if(!$this->is_connected()) { $this->connect(); }
- if(!is_array($data)) { $data = array(); }
- $data = array_values($data);
- foreach($data as $i => $v) {
- switch(gettype($v)) {
- case "boolean":
- case "integer":
- $data[$i] = (int)$v;
- oci_bind_by_name($sql, 'f'.$i, $data[$i], SQLT_INT);
- break;
- case "array":
- $data[$i] = implode(',',$v);
- oci_bind_by_name($sql, 'f'.$i, $data[$i]);
- break;
- case "object":
- case "resource":
- $data[$i] = serialize($data[$i]);
- oci_bind_by_name($sql, 'f'.$i, $data[$i]);
- break;
- default:
- oci_bind_by_name($sql, 'f'.$i, $data[$i]);
- break;
- }
- }
- $temp = oci_execute($sql);
- if(!$temp) {
- throw new Exception('Could not execute query : ' . oci_error($sql));
- }
- $this->aff = oci_num_rows($sql);
-
- /* TO DO: get iid
- if(!$seqname) { return $this->error('INSERT_ID not supported with no sequence.'); }
- $stm = oci_parse($this->link, 'SELECT '.strtoupper(str_replace("'",'',$seqname)).'.CURRVAL FROM DUAL');
- oci_execute($stm, $sql);
- $tmp = oci_fetch_array($stm);
- $tmp = $tmp[0];
- oci_free_statement($stm);
- */
- return $sql;
- }
- public function nextr($result) {
- return oci_fetch_array($result, OCI_BOTH);
- }
- public function seek($result, $row) {
- $cnt = 0;
- while($cnt < $row) {
- if(oci_fetch_array($result, OCI_BOTH) === false) {
- return false;
- }
- $cnt++;
- }
- return true;
- }
- public function nf($result) {
- return oci_num_rows($result);
- }
- public function af() {
- return $this->aff;
- }
- public function insert_id() {
- return $this->iid;
- }
- }
-
- class ibase_driver extends ADriver
- {
- protected $iid = 0;
- protected $aff = 0;
- public function __construct($settings) {
- parent::__construct($settings);
- if(!is_file($this->settings->database) && is_file('/'.$this->settings->database)) {
- $this->settings->database = '/'.$this->settings->database;
- }
- $this->settings->servername = ($this->settings->servername === 'localhost' || $this->settings->servername === '127.0.0.1' || $this->settings->servername === '') ?
- '' :
- $this->settings->servername . ':';
- }
- public function connect() {
- $this->lnk = ($this->settings->persist) ?
- @ibase_pconnect(
- $this->settings->servername . $this->settings->database,
- $this->settings->username,
- $this->settings->password,
- strtoupper($this->settings->charset)
- ) :
- @ibase_connect(
- $this->settings->servername . $this->settings->database,
- $this->settings->username,
- $this->settings->password,
- strtoupper($this->settings->charset)
- );
- if($this->lnk === false) {
- throw new Exception('Connect error: ' . ibase_errmsg());
- }
- return true;
- }
- public function disconnect() {
- if(is_resource($this->lnk)) {
- ibase_close($this->lnk);
- }
- }
-
- public function real_query($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- $temp = ibase_query($sql, $this->lnk);
- if(!$temp) {
- throw new Exception('Could not execute query : ' . ibase_errmsg() . ' <'.$sql.'>');
- }
- //$this->iid = mysql_insert_id($this->lnk);
- $this->aff = ibase_affected_rows($this->lnk);
- return $temp;
- }
- public function prepare($sql) {
- if(!$this->is_connected()) { $this->connect(); }
- return ibase_prepare($this->lnk, $sql);
- }
- public function execute($sql, $data = array()) {
- if(!$this->is_connected()) { $this->connect(); }
- if(!is_array($data)) { $data = array(); }
- $data = array_values($data);
- foreach($data as $i => $v) {
- switch(gettype($v)) {
- case "boolean":
- case "integer":
- $data[$i] = (int)$v;
- break;
- case "array":
- $data[$i] = implode(',',$v);
- break;
- case "object":
- case "resource":
- $data[$i] = serialize($data[$i]);
- break;
- }
- }
- array_unshift($data, $sql);
- $temp = call_user_func_array("ibase_execute", $data);
- if(!$temp) {
- throw new Exception('Could not execute query : ' . ibase_errmsg() . ' <'.$sql.'>');
- }
- $this->aff = ibase_affected_rows($this->lnk);
- return $temp;
- }
- public function nextr($result) {
- return ibase_fetch_assoc($result, IBASE_TEXT);
- }
- public function seek($result, $row) {
- return false;
- }
- public function nf($result) {
- return false;
- }
- public function af() {
- return $this->aff;
- }
- public function insert_id() {
- return $this->iid;
- }
- }
-}
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/class.tree.php b/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/class.tree.php
deleted file mode 100644
index 94731d4b2a..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/class.tree.php
+++ /dev/null
@@ -1,986 +0,0 @@
- 'structure', // the structure table (containing the id, left, right, level, parent_id and position fields)
- 'data_table' => 'structure', // table for additional fields (apart from structure ones, can be the same as structure_table)
- 'data2structure' => 'id', // which field from the data table maps to the structure table
- 'structure' => array( // which field (value) maps to what in the structure (key)
- 'id' => 'id',
- 'left' => 'lft',
- 'right' => 'rgt',
- 'level' => 'lvl',
- 'parent_id' => 'pid',
- 'position' => 'pos'
- ),
- 'data' => array() // array of additional fields from the data table
- );
-
- public function __construct(\vakata\database\IDB $db, array $options = array()) {
- $this->db = $db;
- $this->options = array_merge($this->default, $options);
- }
-
- public function get_node($id, $options = array()) {
- $node = $this->db->one("
- SELECT
- s.".implode(", s.", $this->options['structure']).",
- d.".implode(", d.", $this->options['data'])."
- FROM
- ".$this->options['structure_table']." s,
- ".$this->options['data_table']." d
- WHERE
- s.".$this->options['structure']['id']." = d.".$this->options['data2structure']." AND
- s.".$this->options['structure']['id']." = ".(int)$id
- );
- if(!$node) {
- throw new Exception('Node does not exist');
- }
- if(isset($options['with_children'])) {
- $node['children'] = $this->get_children($id, isset($options['deep_children']));
- }
- if(isset($options['with_path'])) {
- $node['path'] = $this->get_path($id);
- }
- return $node;
- }
-
- public function get_children($id, $recursive = false) {
- $sql = false;
- if($recursive) {
- $node = $this->get_node($id);
- $sql = "
- SELECT
- s.".implode(", s.", $this->options['structure']).",
- d.".implode(", d.", $this->options['data'])."
- FROM
- ".$this->options['structure_table']." s,
- ".$this->options['data_table']." d
- WHERE
- s.".$this->options['structure']['id']." = d.".$this->options['data2structure']." AND
- s.".$this->options['structure']['left']." > ".(int)$node[$this->options['structure']['left']]." AND
- s.".$this->options['structure']['right']." < ".(int)$node[$this->options['structure']['right']]."
- ORDER BY
- s.".$this->options['structure']['left']."
- ";
- }
- else {
- $sql = "
- SELECT
- s.".implode(", s.", $this->options['structure']).",
- d.".implode(", d.", $this->options['data'])."
- FROM
- ".$this->options['structure_table']." s,
- ".$this->options['data_table']." d
- WHERE
- s.".$this->options['structure']['id']." = d.".$this->options['data2structure']." AND
- s.".$this->options['structure']['parent_id']." = ".(int)$id."
- ORDER BY
- s.".$this->options['structure']['position']."
- ";
- }
- return $this->db->all($sql);
- }
-
- public function get_path($id) {
- $node = $this->get_node($id);
- $sql = false;
- if($node) {
- $sql = "
- SELECT
- s.".implode(", s.", $this->options['structure']).",
- d.".implode(", d.", $this->options['data'])."
- FROM
- ".$this->options['structure_table']." s,
- ".$this->options['data_table']." d
- WHERE
- s.".$this->options['structure']['id']." = d.".$this->options['data2structure']." AND
- s.".$this->options['structure']['left']." < ".(int)$node[$this->options['structure']['left']]." AND
- s.".$this->options['structure']['right']." > ".(int)$node[$this->options['structure']['right']]."
- ORDER BY
- s.".$this->options['structure']['left']."
- ";
- }
- return $sql ? $this->db->all($sql) : false;
- }
-
- public function mk($parent, $position = 0, $data = array()) {
- $parent = (int)$parent;
- if($parent == 0) { throw new Exception('Parent is 0'); }
- $parent = $this->get_node($parent, array('with_children'=> true));
- if(!$parent['children']) { $position = 0; }
- if($parent['children'] && $position >= count($parent['children'])) { $position = count($parent['children']); }
-
- $sql = array();
- $par = array();
-
- // PREPARE NEW PARENT
- // update positions of all next elements
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["position"]." = ".$this->options['structure']["position"]." + 1
- WHERE
- ".$this->options['structure']["parent_id"]." = ".(int)$parent[$this->options['structure']['id']]." AND
- ".$this->options['structure']["position"]." >= ".$position."
- ";
- $par[] = false;
-
- // update left indexes
- $ref_lft = false;
- if(!$parent['children']) {
- $ref_lft = $parent[$this->options['structure']["right"]];
- }
- else if(!isset($parent['children'][$position])) {
- $ref_lft = $parent[$this->options['structure']["right"]];
- }
- else {
- $ref_lft = $parent['children'][(int)$position][$this->options['structure']["left"]];
- }
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["left"]." = ".$this->options['structure']["left"]." + 2
- WHERE
- ".$this->options['structure']["left"]." >= ".(int)$ref_lft."
- ";
- $par[] = false;
-
- // update right indexes
- $ref_rgt = false;
- if(!$parent['children']) {
- $ref_rgt = $parent[$this->options['structure']["right"]];
- }
- else if(!isset($parent['children'][$position])) {
- $ref_rgt = $parent[$this->options['structure']["right"]];
- }
- else {
- $ref_rgt = $parent['children'][(int)$position][$this->options['structure']["left"]] + 1;
- }
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["right"]." = ".$this->options['structure']["right"]." + 2
- WHERE
- ".$this->options['structure']["right"]." >= ".(int)$ref_rgt."
- ";
- $par[] = false;
-
- // INSERT NEW NODE IN STRUCTURE
- $sql[] = "INSERT INTO ".$this->options['structure_table']." (".implode(",", $this->options['structure']).") VALUES (?".str_repeat(',?', count($this->options['structure']) - 1).")";
- $tmp = array();
- foreach($this->options['structure'] as $k => $v) {
- switch($k) {
- case 'id':
- $tmp[] = null;
- break;
- case 'left':
- $tmp[] = (int)$ref_lft;
- break;
- case 'right':
- $tmp[] = (int)$ref_lft + 1;
- break;
- case 'level':
- $tmp[] = (int)$parent[$v] + 1;
- break;
- case 'parent_id':
- $tmp[] = $parent[$this->options['structure']['id']];
- break;
- case 'position':
- $tmp[] = $position;
- break;
- default:
- $tmp[] = null;
- }
- }
- $par[] = $tmp;
-
- foreach($sql as $k => $v) {
- try {
- $this->db->query($v, $par[$k]);
- } catch(Exception $e) {
- $this->reconstruct();
- throw new Exception('Could not create');
- }
- }
- if($data && count($data)) {
- $node = $this->db->insert_id();
- if(!$this->rn($node,$data)) {
- $this->rm($node);
- throw new Exception('Could not rename after create');
- }
- }
- return $node;
- }
-
- public function mv($id, $parent, $position = 0) {
- $id = (int)$id;
- $parent = (int)$parent;
- if($parent == 0 || $id == 0 || $id == 1) {
- throw new Exception('Cannot move inside 0, or move root node');
- }
-
- $parent = $this->get_node($parent, array('with_children'=> true, 'with_path' => true));
- $id = $this->get_node($id, array('with_children'=> true, 'deep_children' => true, 'with_path' => true));
- if(!$parent['children']) {
- $position = 0;
- }
- if($id[$this->options['structure']['parent_id']] == $parent[$this->options['structure']['id']] && $position > $id[$this->options['structure']['position']]) {
- $position ++;
- }
- if($parent['children'] && $position >= count($parent['children'])) {
- $position = count($parent['children']);
- }
- if($id[$this->options['structure']['left']] < $parent[$this->options['structure']['left']] && $id[$this->options['structure']['right']] > $parent[$this->options['structure']['right']]) {
- throw new Exception('Could not move parent inside child');
- }
-
- $tmp = array();
- $tmp[] = (int)$id[$this->options['structure']["id"]];
- if($id['children'] && is_array($id['children'])) {
- foreach($id['children'] as $c) {
- $tmp[] = (int)$c[$this->options['structure']["id"]];
- }
- }
- $width = (int)$id[$this->options['structure']["right"]] - (int)$id[$this->options['structure']["left"]] + 1;
-
- $sql = array();
-
- // PREPARE NEW PARENT
- // update positions of all next elements
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["position"]." = ".$this->options['structure']["position"]." + 1
- WHERE
- ".$this->options['structure']["id"]." != ".(int)$id[$this->options['structure']['id']]." AND
- ".$this->options['structure']["parent_id"]." = ".(int)$parent[$this->options['structure']['id']]." AND
- ".$this->options['structure']["position"]." >= ".$position."
- ";
-
- // update left indexes
- $ref_lft = false;
- if(!$parent['children']) {
- $ref_lft = $parent[$this->options['structure']["right"]];
- }
- else if(!isset($parent['children'][$position])) {
- $ref_lft = $parent[$this->options['structure']["right"]];
- }
- else {
- $ref_lft = $parent['children'][(int)$position][$this->options['structure']["left"]];
- }
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["left"]." = ".$this->options['structure']["left"]." + ".$width."
- WHERE
- ".$this->options['structure']["left"]." >= ".(int)$ref_lft." AND
- ".$this->options['structure']["id"]." NOT IN(".implode(',',$tmp).")
- ";
- // update right indexes
- $ref_rgt = false;
- if(!$parent['children']) {
- $ref_rgt = $parent[$this->options['structure']["right"]];
- }
- else if(!isset($parent['children'][$position])) {
- $ref_rgt = $parent[$this->options['structure']["right"]];
- }
- else {
- $ref_rgt = $parent['children'][(int)$position][$this->options['structure']["left"]] + 1;
- }
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["right"]." = ".$this->options['structure']["right"]." + ".$width."
- WHERE
- ".$this->options['structure']["right"]." >= ".(int)$ref_rgt." AND
- ".$this->options['structure']["id"]." NOT IN(".implode(',',$tmp).")
- ";
-
- // MOVE THE ELEMENT AND CHILDREN
- // left, right and level
- $diff = $ref_lft - (int)$id[$this->options['structure']["left"]];
-
- if($diff > 0) { $diff = $diff - $width; }
- $ldiff = ((int)$parent[$this->options['structure']['level']] + 1) - (int)$id[$this->options['structure']['level']];
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["right"]." = ".$this->options['structure']["right"]." + ".$diff.",
- ".$this->options['structure']["left"]." = ".$this->options['structure']["left"]." + ".$diff.",
- ".$this->options['structure']["level"]." = ".$this->options['structure']["level"]." + ".$ldiff."
- WHERE ".$this->options['structure']["id"]." IN(".implode(',',$tmp).")
- ";
- // position and parent_id
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["position"]." = ".$position.",
- ".$this->options['structure']["parent_id"]." = ".(int)$parent[$this->options['structure']["id"]]."
- WHERE ".$this->options['structure']["id"]." = ".(int)$id[$this->options['structure']['id']]."
- ";
-
- // CLEAN OLD PARENT
- // position of all next elements
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["position"]." = ".$this->options['structure']["position"]." - 1
- WHERE
- ".$this->options['structure']["parent_id"]." = ".(int)$id[$this->options['structure']["parent_id"]]." AND
- ".$this->options['structure']["position"]." > ".(int)$id[$this->options['structure']["position"]];
- // left indexes
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["left"]." = ".$this->options['structure']["left"]." - ".$width."
- WHERE
- ".$this->options['structure']["left"]." > ".(int)$id[$this->options['structure']["right"]]." AND
- ".$this->options['structure']["id"]." NOT IN(".implode(',',$tmp).")
- ";
- // right indexes
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["right"]." = ".$this->options['structure']["right"]." - ".$width."
- WHERE
- ".$this->options['structure']["right"]." > ".(int)$id[$this->options['structure']["right"]]." AND
- ".$this->options['structure']["id"]." NOT IN(".implode(',',$tmp).")
- ";
-
- foreach($sql as $k => $v) {
- //echo preg_replace('@[\s\t]+@',' ',$v) ."\n";
- try {
- $this->db->query($v);
- } catch(Exception $e) {
- $this->reconstruct();
- throw new Exception('Error moving');
- }
- }
- return true;
- }
-
- public function cp($id, $parent, $position = 0) {
- $id = (int)$id;
- $parent = (int)$parent;
- if($parent == 0 || $id == 0 || $id == 1) {
- throw new Exception('Could not copy inside parent 0, or copy root nodes');
- }
-
- $parent = $this->get_node($parent, array('with_children'=> true, 'with_path' => true));
- $id = $this->get_node($id, array('with_children'=> true, 'deep_children' => true, 'with_path' => true));
- $old_nodes = $this->db->get("
- SELECT * FROM ".$this->options['structure_table']."
- WHERE ".$this->options['structure']["left"]." > ".$id[$this->options['structure']["left"]]." AND ".$this->options['structure']["right"]." < ".$id[$this->options['structure']["right"]]."
- ORDER BY ".$this->options['structure']["left"]."
- ");
- if(!$parent['children']) {
- $position = 0;
- }
- if($id[$this->options['structure']['parent_id']] == $parent[$this->options['structure']['id']] && $position > $id[$this->options['structure']['position']]) {
- //$position ++;
- }
- if($parent['children'] && $position >= count($parent['children'])) {
- $position = count($parent['children']);
- }
-
- $tmp = array();
- $tmp[] = (int)$id[$this->options['structure']["id"]];
- if($id['children'] && is_array($id['children'])) {
- foreach($id['children'] as $c) {
- $tmp[] = (int)$c[$this->options['structure']["id"]];
- }
- }
- $width = (int)$id[$this->options['structure']["right"]] - (int)$id[$this->options['structure']["left"]] + 1;
-
- $sql = array();
-
- // PREPARE NEW PARENT
- // update positions of all next elements
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["position"]." = ".$this->options['structure']["position"]." + 1
- WHERE
- ".$this->options['structure']["parent_id"]." = ".(int)$parent[$this->options['structure']['id']]." AND
- ".$this->options['structure']["position"]." >= ".$position."
- ";
-
- // update left indexes
- $ref_lft = false;
- if(!$parent['children']) {
- $ref_lft = $parent[$this->options['structure']["right"]];
- }
- else if(!isset($parent['children'][$position])) {
- $ref_lft = $parent[$this->options['structure']["right"]];
- }
- else {
- $ref_lft = $parent['children'][(int)$position][$this->options['structure']["left"]];
- }
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["left"]." = ".$this->options['structure']["left"]." + ".$width."
- WHERE
- ".$this->options['structure']["left"]." >= ".(int)$ref_lft."
- ";
- // update right indexes
- $ref_rgt = false;
- if(!$parent['children']) {
- $ref_rgt = $parent[$this->options['structure']["right"]];
- }
- else if(!isset($parent['children'][$position])) {
- $ref_rgt = $parent[$this->options['structure']["right"]];
- }
- else {
- $ref_rgt = $parent['children'][(int)$position][$this->options['structure']["left"]] + 1;
- }
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["right"]." = ".$this->options['structure']["right"]." + ".$width."
- WHERE
- ".$this->options['structure']["right"]." >= ".(int)$ref_rgt."
- ";
-
- // MOVE THE ELEMENT AND CHILDREN
- // left, right and level
- $diff = $ref_lft - (int)$id[$this->options['structure']["left"]];
-
- if($diff <= 0) { $diff = $diff - $width; }
- $ldiff = ((int)$parent[$this->options['structure']['level']] + 1) - (int)$id[$this->options['structure']['level']];
-
- // build all fields + data table
- $fields = array_combine($this->options['structure'], $this->options['structure']);
- unset($fields['id']);
- $fields[$this->options['structure']["left"]] = $this->options['structure']["left"]." + ".$diff;
- $fields[$this->options['structure']["right"]] = $this->options['structure']["right"]." + ".$diff;
- $fields[$this->options['structure']["level"]] = $this->options['structure']["level"]." + ".$ldiff;
- $sql[] = "
- INSERT INTO ".$this->options['structure_table']." ( ".implode(',',array_keys($fields))." )
- SELECT ".implode(',',array_values($fields))." FROM ".$this->options['structure_table']." WHERE ".$this->options['structure']["id"]." IN (".implode(",", $tmp).")
- ORDER BY ".$this->options['structure']["level"]." ASC";
-
- foreach($sql as $k => $v) {
- try {
- $this->db->query($v);
- } catch(Exception $e) {
- $this->reconstruct();
- throw new Exception('Error copying');
- }
- }
- $iid = (int)$this->db->insert_id();
-
- try {
- $this->db->query("
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["position"]." = ".$position.",
- ".$this->options['structure']["parent_id"]." = ".(int)$parent[$this->options['structure']["id"]]."
- WHERE ".$this->options['structure']["id"]." = ".$iid."
- ");
- } catch(Exception $e) {
- $this->rm($iid);
- $this->reconstruct();
- throw new Exception('Could not update adjacency after copy');
- }
- $fields = $this->options['data'];
- unset($fields['id']);
- $update_fields = array();
- foreach($fields as $f) {
- $update_fields[] = $f.'=VALUES('.$f.')';
- }
- $update_fields = implode(',', $update_fields);
- if(count($fields)) {
- try {
- $this->db->query("
- INSERT INTO ".$this->options['data_table']." (".$this->options['data2structure'].",".implode(",",$fields).")
- SELECT ".$iid.",".implode(",",$fields)." FROM ".$this->options['data_table']." WHERE ".$this->options['data2structure']." = ".$id[$this->options['data2structure']]."
- ON DUPLICATE KEY UPDATE ".$update_fields."
- ");
- }
- catch(Exception $e) {
- $this->rm($iid);
- $this->reconstruct();
- throw new Exception('Could not update data after copy');
- }
- }
-
- // manually fix all parent_ids and copy all data
- $new_nodes = $this->db->get("
- SELECT * FROM ".$this->options['structure_table']."
- WHERE ".$this->options['structure']["left"]." > ".$ref_lft." AND ".$this->options['structure']["right"]." < ".($ref_lft + $width - 1)." AND ".$this->options['structure']["id"]." != ".$iid."
- ORDER BY ".$this->options['structure']["left"]."
- ");
- $parents = array();
- foreach($new_nodes as $node) {
- if(!isset($parents[$node[$this->options['structure']["left"]]])) { $parents[$node[$this->options['structure']["left"]]] = $iid; }
- for($i = $node[$this->options['structure']["left"]] + 1; $i < $node[$this->options['structure']["right"]]; $i++) {
- $parents[$i] = $node[$this->options['structure']["id"]];
- }
- }
- $sql = array();
- foreach($new_nodes as $k => $node) {
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["parent_id"]." = ".$parents[$node[$this->options['structure']["left"]]]."
- WHERE ".$this->options['structure']["id"]." = ".(int)$node[$this->options['structure']["id"]]."
- ";
- if(count($fields)) {
- $up = "";
- foreach($fields as $f)
- $sql[] = "
- INSERT INTO ".$this->options['data_table']." (".$this->options['data2structure'].",".implode(",",$fields).")
- SELECT ".(int)$node[$this->options['structure']["id"]].",".implode(",",$fields)." FROM ".$this->options['data_table']."
- WHERE ".$this->options['data2structure']." = ".$old_nodes[$k][$this->options['structure']['id']]."
- ON DUPLICATE KEY UPDATE ".$update_fields."
- ";
- }
- }
- //var_dump($sql);
- foreach($sql as $k => $v) {
- try {
- $this->db->query($v);
- } catch(Exception $e) {
- $this->rm($iid);
- $this->reconstruct();
- throw new Exception('Error copying');
- }
- }
- return $iid;
- }
-
- public function rm($id) {
- $id = (int)$id;
- if(!$id || $id === 1) { throw new Exception('Could not create inside roots'); }
- $data = $this->get_node($id, array('with_children' => true, 'deep_children' => true));
- $lft = (int)$data[$this->options['structure']["left"]];
- $rgt = (int)$data[$this->options['structure']["right"]];
- $pid = (int)$data[$this->options['structure']["parent_id"]];
- $pos = (int)$data[$this->options['structure']["position"]];
- $dif = $rgt - $lft + 1;
-
- $sql = array();
- // deleting node and its children from structure
- $sql[] = "
- DELETE FROM ".$this->options['structure_table']."
- WHERE ".$this->options['structure']["left"]." >= ".(int)$lft." AND ".$this->options['structure']["right"]." <= ".(int)$rgt."
- ";
- // shift left indexes of nodes right of the node
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["left"]." = ".$this->options['structure']["left"]." - ".(int)$dif."
- WHERE ".$this->options['structure']["left"]." > ".(int)$rgt."
- ";
- // shift right indexes of nodes right of the node and the node's parents
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["right"]." = ".$this->options['structure']["right"]." - ".(int)$dif."
- WHERE ".$this->options['structure']["right"]." > ".(int)$lft."
- ";
- // Update position of siblings below the deleted node
- $sql[] = "
- UPDATE ".$this->options['structure_table']."
- SET ".$this->options['structure']["position"]." = ".$this->options['structure']["position"]." - 1
- WHERE ".$this->options['structure']["parent_id"]." = ".$pid." AND ".$this->options['structure']["position"]." > ".(int)$pos."
- ";
- // delete from data table
- if($this->options['data_table']) {
- $tmp = array();
- $tmp[] = (int)$data['id'];
- if($data['children'] && is_array($data['children'])) {
- foreach($data['children'] as $v) {
- $tmp[] = (int)$v['id'];
- }
- }
- $sql[] = "DELETE FROM ".$this->options['data_table']." WHERE ".$this->options['data2structure']." IN (".implode(',',$tmp).")";
- }
-
- foreach($sql as $v) {
- try {
- $this->db->query($v);
- } catch(Exception $e) {
- $this->reconstruct();
- throw new Exception('Could not remove');
- }
- }
- return true;
- }
-
- public function rn($id, $data) {
- if(!(int)$this->db->one('SELECT 1 AS res FROM '.$this->options['structure_table'].' WHERE '.$this->options['structure']['id'].' = '.(int)$id)) {
- throw new Exception('Could not rename non-existing node');
- }
- $tmp = array();
- foreach($this->options['data'] as $v) {
- if(isset($data[$v])) {
- $tmp[$v] = $data[$v];
- }
- }
- if(count($tmp)) {
- $tmp[$this->options['data2structure']] = $id;
- $sql = "
- INSERT INTO
- ".$this->options['data_table']." (".implode(',', array_keys($tmp)).")
- VALUES(?".str_repeat(',?', count($tmp) - 1).")
- ON DUPLICATE KEY UPDATE
- ".implode(' = ?, ', array_keys($tmp))." = ?";
- $par = array_merge(array_values($tmp), array_values($tmp));
- try {
- $this->db->query($sql, $par);
- }
- catch(Exception $e) {
- throw new Exception('Could not rename');
- }
- }
- return true;
- }
-
- public function analyze($get_errors = false) {
- $report = array();
- if((int)$this->db->one("SELECT COUNT(".$this->options['structure']["id"].") AS res FROM ".$this->options['structure_table']." WHERE ".$this->options['structure']["parent_id"]." = 0") !== 1) {
- $report[] = "No or more than one root node.";
- }
- if((int)$this->db->one("SELECT ".$this->options['structure']["left"]." AS res FROM ".$this->options['structure_table']." WHERE ".$this->options['structure']["parent_id"]." = 0") !== 1) {
- $report[] = "Root node's left index is not 1.";
- }
- if((int)$this->db->one("
- SELECT
- COUNT(".$this->options['structure']['id'].") AS res
- FROM ".$this->options['structure_table']." s
- WHERE
- ".$this->options['structure']["parent_id"]." != 0 AND
- (SELECT COUNT(".$this->options['structure']['id'].") FROM ".$this->options['structure_table']." WHERE ".$this->options['structure']["id"]." = s.".$this->options['structure']["parent_id"].") = 0") > 0
- ) {
- $report[] = "Missing parents.";
- }
- if(
- (int)$this->db->one("SELECT MAX(".$this->options['structure']["right"].") AS res FROM ".$this->options['structure_table']) / 2 !=
- (int)$this->db->one("SELECT COUNT(".$this->options['structure']["id"].") AS res FROM ".$this->options['structure_table'])
- ) {
- $report[] = "Right index does not match node count.";
- }
- if(
- (int)$this->db->one("SELECT COUNT(DISTINCT ".$this->options['structure']["right"].") AS res FROM ".$this->options['structure_table']) !=
- (int)$this->db->one("SELECT COUNT(DISTINCT ".$this->options['structure']["left"].") AS res FROM ".$this->options['structure_table'])
- ) {
- $report[] = "Duplicates in nested set.";
- }
- if(
- (int)$this->db->one("SELECT COUNT(DISTINCT ".$this->options['structure']["id"].") AS res FROM ".$this->options['structure_table']) !=
- (int)$this->db->one("SELECT COUNT(DISTINCT ".$this->options['structure']["left"].") AS res FROM ".$this->options['structure_table'])
- ) {
- $report[] = "Left indexes not unique.";
- }
- if(
- (int)$this->db->one("SELECT COUNT(DISTINCT ".$this->options['structure']["id"].") AS res FROM ".$this->options['structure_table']) !=
- (int)$this->db->one("SELECT COUNT(DISTINCT ".$this->options['structure']["right"].") AS res FROM ".$this->options['structure_table'])
- ) {
- $report[] = "Right indexes not unique.";
- }
- if(
- (int)$this->db->one("
- SELECT
- s1.".$this->options['structure']["id"]." AS res
- FROM ".$this->options['structure_table']." s1, ".$this->options['structure_table']." s2
- WHERE
- s1.".$this->options['structure']['id']." != s2.".$this->options['structure']['id']." AND
- s1.".$this->options['structure']['left']." = s2.".$this->options['structure']['right']."
- LIMIT 1")
- ) {
- $report[] = "Nested set - matching left and right indexes.";
- }
- if(
- (int)$this->db->one("
- SELECT
- ".$this->options['structure']["id"]." AS res
- FROM ".$this->options['structure_table']." s
- WHERE
- ".$this->options['structure']['position']." >= (
- SELECT
- COUNT(".$this->options['structure']["id"].")
- FROM ".$this->options['structure_table']."
- WHERE ".$this->options['structure']['parent_id']." = s.".$this->options['structure']['parent_id']."
- )
- LIMIT 1") ||
- (int)$this->db->one("
- SELECT
- s1.".$this->options['structure']["id"]." AS res
- FROM ".$this->options['structure_table']." s1, ".$this->options['structure_table']." s2
- WHERE
- s1.".$this->options['structure']['id']." != s2.".$this->options['structure']['id']." AND
- s1.".$this->options['structure']['parent_id']." = s2.".$this->options['structure']['parent_id']." AND
- s1.".$this->options['structure']['position']." = s2.".$this->options['structure']['position']."
- LIMIT 1")
- ) {
- $report[] = "Positions not correct.";
- }
- if((int)$this->db->one("
- SELECT
- COUNT(".$this->options['structure']["id"].") FROM ".$this->options['structure_table']." s
- WHERE
- (
- SELECT
- COUNT(".$this->options['structure']["id"].")
- FROM ".$this->options['structure_table']."
- WHERE
- ".$this->options['structure']["right"]." < s.".$this->options['structure']["right"]." AND
- ".$this->options['structure']["left"]." > s.".$this->options['structure']["left"]." AND
- ".$this->options['structure']["level"]." = s.".$this->options['structure']["level"]." + 1
- ) !=
- (
- SELECT
- COUNT(*)
- FROM ".$this->options['structure_table']."
- WHERE
- ".$this->options['structure']["parent_id"]." = s.".$this->options['structure']["id"]."
- )")
- ) {
- $report[] = "Adjacency and nested set do not match.";
- }
- if(
- $this->options['data_table'] &&
- (int)$this->db->one("
- SELECT
- COUNT(".$this->options['structure']["id"].") AS res
- FROM ".$this->options['structure_table']." s
- WHERE
- (SELECT COUNT(".$this->options['data2structure'].") FROM ".$this->options['data_table']." WHERE ".$this->options['data2structure']." = s.".$this->options['structure']["id"].") = 0
- ")
- ) {
- $report[] = "Missing records in data table.";
- }
- if(
- $this->options['data_table'] &&
- (int)$this->db->one("
- SELECT
- COUNT(".$this->options['data2structure'].") AS res
- FROM ".$this->options['data_table']." s
- WHERE
- (SELECT COUNT(".$this->options['structure']["id"].") FROM ".$this->options['structure_table']." WHERE ".$this->options['structure']["id"]." = s.".$this->options['data2structure'].") = 0
- ")
- ) {
- $report[] = "Dangling records in data table.";
- }
- return $get_errors ? $report : count($report) == 0;
- }
-
- public function reconstruct($analyze = true) {
- if($analyze && $this->analyze()) { return true; }
-
- if(!$this->db->query("" .
- "CREATE TEMPORARY TABLE temp_tree (" .
- "".$this->options['structure']["id"]." INTEGER NOT NULL, " .
- "".$this->options['structure']["parent_id"]." INTEGER NOT NULL, " .
- "". $this->options['structure']["position"]." INTEGER NOT NULL" .
- ") "
- )) { return false; }
- if(!$this->db->query("" .
- "INSERT INTO temp_tree " .
- "SELECT " .
- "".$this->options['structure']["id"].", " .
- "".$this->options['structure']["parent_id"].", " .
- "".$this->options['structure']["position"]." " .
- "FROM ".$this->options['structure_table'].""
- )) { return false; }
-
- if(!$this->db->query("" .
- "CREATE TEMPORARY TABLE temp_stack (" .
- "".$this->options['structure']["id"]." INTEGER NOT NULL, " .
- "".$this->options['structure']["left"]." INTEGER, " .
- "".$this->options['structure']["right"]." INTEGER, " .
- "".$this->options['structure']["level"]." INTEGER, " .
- "stack_top INTEGER NOT NULL, " .
- "".$this->options['structure']["parent_id"]." INTEGER, " .
- "".$this->options['structure']["position"]." INTEGER " .
- ") "
- )) { return false; }
-
- $counter = 2;
- if(!$this->db->query("SELECT COUNT(*) FROM temp_tree")) {
- return false;
- }
- $this->db->nextr();
- $maxcounter = (int) $this->db->f(0) * 2;
- $currenttop = 1;
- if(!$this->db->query("" .
- "INSERT INTO temp_stack " .
- "SELECT " .
- "".$this->options['structure']["id"].", " .
- "1, " .
- "NULL, " .
- "0, " .
- "1, " .
- "".$this->options['structure']["parent_id"].", " .
- "".$this->options['structure']["position"]." " .
- "FROM temp_tree " .
- "WHERE ".$this->options['structure']["parent_id"]." = 0"
- )) { return false; }
- if(!$this->db->query("DELETE FROM temp_tree WHERE ".$this->options['structure']["parent_id"]." = 0")) {
- return false;
- }
-
- while ($counter <= $maxcounter) {
- if(!$this->db->query("" .
- "SELECT " .
- "temp_tree.".$this->options['structure']["id"]." AS tempmin, " .
- "temp_tree.".$this->options['structure']["parent_id"]." AS pid, " .
- "temp_tree.".$this->options['structure']["position"]." AS lid " .
- "FROM temp_stack, temp_tree " .
- "WHERE " .
- "temp_stack.".$this->options['structure']["id"]." = temp_tree.".$this->options['structure']["parent_id"]." AND " .
- "temp_stack.stack_top = ".$currenttop." " .
- "ORDER BY temp_tree.".$this->options['structure']["position"]." ASC LIMIT 1"
- )) { return false; }
-
- if($this->db->nextr()) {
- $tmp = $this->db->f("tempmin");
-
- $q = "INSERT INTO temp_stack (stack_top, ".$this->options['structure']["id"].", ".$this->options['structure']["left"].", ".$this->options['structure']["right"].", ".$this->options['structure']["level"].", ".$this->options['structure']["parent_id"].", ".$this->options['structure']["position"].") VALUES(".($currenttop + 1).", ".$tmp.", ".$counter.", NULL, ".$currenttop.", ".$this->db->f("pid").", ".$this->db->f("lid").")";
- if(!$this->db->query($q)) {
- return false;
- }
- if(!$this->db->query("DELETE FROM temp_tree WHERE ".$this->options['structure']["id"]." = ".$tmp)) {
- return false;
- }
- $counter++;
- $currenttop++;
- }
- else {
- if(!$this->db->query("" .
- "UPDATE temp_stack SET " .
- "".$this->options['structure']["right"]." = ".$counter.", " .
- "stack_top = -stack_top " .
- "WHERE stack_top = ".$currenttop
- )) { return false; }
- $counter++;
- $currenttop--;
- }
- }
-
- $temp_fields = $this->options['structure'];
- unset($temp_fields["parent_id"]);
- unset($temp_fields["position"]);
- unset($temp_fields["left"]);
- unset($temp_fields["right"]);
- unset($temp_fields["level"]);
- if(count($temp_fields) > 1) {
- if(!$this->db->query("" .
- "CREATE TEMPORARY TABLE temp_tree2 " .
- "SELECT ".implode(", ", $temp_fields)." FROM ".$this->options['structure_table']." "
- )) { return false; }
- }
- if(!$this->db->query("TRUNCATE TABLE ".$this->options['structure_table']."")) {
- return false;
- }
- if(!$this->db->query("" .
- "INSERT INTO ".$this->options['structure_table']." (" .
- "".$this->options['structure']["id"].", " .
- "".$this->options['structure']["parent_id"].", " .
- "".$this->options['structure']["position"].", " .
- "".$this->options['structure']["left"].", " .
- "".$this->options['structure']["right"].", " .
- "".$this->options['structure']["level"]." " .
- ") " .
- "SELECT " .
- "".$this->options['structure']["id"].", " .
- "".$this->options['structure']["parent_id"].", " .
- "".$this->options['structure']["position"].", " .
- "".$this->options['structure']["left"].", " .
- "".$this->options['structure']["right"].", " .
- "".$this->options['structure']["level"]." " .
- "FROM temp_stack " .
- "ORDER BY ".$this->options['structure']["id"].""
- )) {
- return false;
- }
- if(count($temp_fields) > 1) {
- $sql = "" .
- "UPDATE ".$this->options['structure_table']." v, temp_tree2 SET v.".$this->options['structure']["id"]." = v.".$this->options['structure']["id"]." ";
- foreach($temp_fields as $k => $v) {
- if($k == "id") continue;
- $sql .= ", v.".$v." = temp_tree2.".$v." ";
- }
- $sql .= " WHERE v.".$this->options['structure']["id"]." = temp_tree2.".$this->options['structure']["id"]." ";
- if(!$this->db->query($sql)) {
- return false;
- }
- }
- // fix positions
- $nodes = $this->db->get("SELECT ".$this->options['structure']['id'].", ".$this->options['structure']['parent_id']." FROM ".$this->options['structure_table']." ORDER BY ".$this->options['structure']['parent_id'].", ".$this->options['structure']['position']);
- $last_parent = false;
- $last_position = false;
- foreach($nodes as $node) {
- if((int)$node[$this->options['structure']['parent_id']] !== $last_parent) {
- $last_position = 0;
- $last_parent = (int)$node[$this->options['structure']['parent_id']];
- }
- $this->db->query("UPDATE ".$this->options['structure_table']." SET ".$this->options['structure']['position']." = ".$last_position." WHERE ".$this->options['structure']['id']." = ".(int)$node[$this->options['structure']['id']]);
- $last_position++;
- }
- if($this->options['data_table'] != $this->options['structure_table']) {
- // fix missing data records
- $this->db->query("
- INSERT INTO
- ".$this->options['data_table']." (".implode(',',$this->options['data']).")
- SELECT ".$this->options['structure']['id']." ".str_repeat(", ".$this->options['structure']['id'], count($this->options['data']) - 1)."
- FROM ".$this->options['structure_table']." s
- WHERE (SELECT COUNT(".$this->options['data2structure'].") FROM ".$this->options['data_table']." WHERE ".$this->options['data2structure']." = s.".$this->options['structure']['id'].") = 0 "
- );
- // remove dangling data records
- $this->db->query("
- DELETE FROM
- ".$this->options['data_table']."
- WHERE
- (SELECT COUNT(".$this->options['structure']['id'].") FROM ".$this->options['structure_table']." WHERE ".$this->options['structure']['id']." = ".$this->options['data_table'].".".$this->options['data2structure'].") = 0
- ");
- }
- return true;
- }
-
- public function res($data = array()) {
- if(!$this->db->query("TRUNCATE TABLE ".$this->options['structure_table'])) { return false; }
- if(!$this->db->query("TRUNCATE TABLE ".$this->options['data_table'])) { return false; }
- $sql = "INSERT INTO ".$this->options['structure_table']." (".implode(",", $this->options['structure']).") VALUES (?".str_repeat(',?', count($this->options['structure']) - 1).")";
- $par = array();
- foreach($this->options['structure'] as $k => $v) {
- switch($k) {
- case 'id':
- $par[] = null;
- break;
- case 'left':
- $par[] = 1;
- break;
- case 'right':
- $par[] = 2;
- break;
- case 'level':
- $par[] = 0;
- break;
- case 'parent_id':
- $par[] = 0;
- break;
- case 'position':
- $par[] = 0;
- break;
- default:
- $par[] = null;
- }
- }
- if(!$this->db->query($sql, $par)) { return false; }
- $id = $this->db->insert_id();
- foreach($this->options['structure'] as $k => $v) {
- if(!isset($data[$k])) { $data[$k] = null; }
- }
- return $this->rn($id, $data);
- }
-
- public function dump() {
- $nodes = $this->db->get("
- SELECT
- s.".implode(", s.", $this->options['structure']).",
- d.".implode(", d.", $this->options['data'])."
- FROM
- ".$this->options['structure_table']." s,
- ".$this->options['data_table']." d
- WHERE
- s.".$this->options['structure']['id']." = d.".$this->options['data2structure']."
- ORDER BY ".$this->options['structure']["left"]
- );
- echo "\n\n";
- foreach($nodes as $node) {
- echo str_repeat(" ",(int)$node[$this->options['structure']["level"]] * 2);
- echo $node[$this->options['structure']["id"]]." ".$node["nm"]." (".$node[$this->options['structure']["left"]].",".$node[$this->options['structure']["right"]].",".$node[$this->options['structure']["level"]].",".$node[$this->options['structure']["parent_id"]].",".$node[$this->options['structure']["position"]].")" . "\n";
- }
- echo str_repeat("-",40);
- echo "\n\n";
- }
-}
\ No newline at end of file
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/data.sql b/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/data.sql
deleted file mode 100644
index d906ffa880..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/data.sql
+++ /dev/null
@@ -1,91 +0,0 @@
--- phpMyAdmin SQL Dump
--- version 4.0.1
--- http://www.phpmyadmin.net
---
--- Host: 127.0.0.1
--- Generation Time: Apr 15, 2014 at 05:14 PM
--- Server version: 5.5.27
--- PHP Version: 5.4.7
-
-SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
-SET time_zone = "+00:00";
-
---
--- Database: `test`
---
-
--- --------------------------------------------------------
-
---
--- Table structure for table `tree_data`
---
-
-CREATE TABLE IF NOT EXISTS `tree_data` (
- `id` int(10) unsigned NOT NULL,
- `nm` varchar(255) CHARACTER SET utf8 NOT NULL,
- PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=latin1;
-
---
--- Dumping data for table `tree_data`
---
-
-INSERT INTO `tree_data` (`id`, `nm`) VALUES
-(1, 'root'),
-(1063, 'Node 12'),
-(1064, 'Node 2'),
-(1065, 'Node 3'),
-(1066, 'Node 4'),
-(1067, 'Node 5'),
-(1068, 'Node 6'),
-(1069, 'Node 7'),
-(1070, 'Node 8'),
-(1071, 'Node 9'),
-(1072, 'Node 9'),
-(1073, 'Node 9'),
-(1074, 'Node 9'),
-(1075, 'Node 7'),
-(1076, 'Node 8'),
-(1077, 'Node 9'),
-(1078, 'Node 9'),
-(1079, 'Node 9');
-
--- --------------------------------------------------------
-
---
--- Table structure for table `tree_struct`
---
-
-CREATE TABLE IF NOT EXISTS `tree_struct` (
- `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
- `lft` int(10) unsigned NOT NULL,
- `rgt` int(10) unsigned NOT NULL,
- `lvl` int(10) unsigned NOT NULL,
- `pid` int(10) unsigned NOT NULL,
- `pos` int(10) unsigned NOT NULL,
- PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1083 ;
-
---
--- Dumping data for table `tree_struct`
---
-
-INSERT INTO `tree_struct` (`id`, `lft`, `rgt`, `lvl`, `pid`, `pos`) VALUES
-(1, 1, 36, 0, 0, 0),
-(1063, 2, 31, 1, 1, 0),
-(1064, 3, 30, 2, 1063, 0),
-(1065, 4, 29, 3, 1064, 0),
-(1066, 5, 28, 4, 1065, 0),
-(1067, 6, 19, 5, 1066, 0),
-(1068, 7, 18, 6, 1067, 0),
-(1069, 8, 17, 7, 1068, 0),
-(1070, 9, 16, 8, 1069, 0),
-(1071, 12, 13, 9, 1070, 1),
-(1072, 14, 15, 9, 1070, 2),
-(1073, 10, 11, 9, 1070, 0),
-(1074, 32, 35, 1, 1, 1),
-(1075, 20, 27, 5, 1066, 1),
-(1076, 21, 26, 6, 1075, 0),
-(1077, 24, 25, 7, 1076, 1),
-(1078, 33, 34, 2, 1074, 0),
-(1079, 22, 23, 7, 1076, 0);
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/index.php b/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/index.php
deleted file mode 100644
index 89657e2bb0..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/demo/sitebrowser/index.php
+++ /dev/null
@@ -1,172 +0,0 @@
- 'tree_struct', 'data_table' => 'tree_data', 'data' => array('nm')));
- try {
- $rslt = null;
- switch($_GET['operation']) {
- case 'analyze':
- var_dump($fs->analyze(true));
- die();
- break;
- case 'get_node':
- $node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;
- $temp = $fs->get_children($node);
- $rslt = array();
- foreach($temp as $v) {
- $rslt[] = array('id' => $v['id'], 'text' => $v['nm'], 'children' => ($v['rgt'] - $v['lft'] > 1));
- }
- break;
- case "get_content":
- $node = isset($_GET['id']) && $_GET['id'] !== '#' ? $_GET['id'] : 0;
- $node = explode(':', $node);
- if(count($node) > 1) {
- $rslt = array('content' => 'Multiple selected');
- }
- else {
- $temp = $fs->get_node((int)$node[0], array('with_path' => true));
- $rslt = array('content' => 'Selected: /' . implode('/',array_map(function ($v) { return $v['nm']; }, $temp['path'])). '/'.$temp['nm']);
- }
- break;
- case 'create_node':
- $node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;
- $temp = $fs->mk($node, isset($_GET['position']) ? (int)$_GET['position'] : 0, array('nm' => isset($_GET['text']) ? $_GET['text'] : 'New node'));
- $rslt = array('id' => $temp);
- break;
- case 'rename_node':
- $node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;
- $rslt = $fs->rn($node, array('nm' => isset($_GET['text']) ? $_GET['text'] : 'Renamed node'));
- break;
- case 'delete_node':
- $node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;
- $rslt = $fs->rm($node);
- break;
- case 'move_node':
- $node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;
- $parn = isset($_GET['parent']) && $_GET['parent'] !== '#' ? (int)$_GET['parent'] : 0;
- $rslt = $fs->mv($node, $parn, isset($_GET['position']) ? (int)$_GET['position'] : 0);
- break;
- case 'copy_node':
- $node = isset($_GET['id']) && $_GET['id'] !== '#' ? (int)$_GET['id'] : 0;
- $parn = isset($_GET['parent']) && $_GET['parent'] !== '#' ? (int)$_GET['parent'] : 0;
- $rslt = $fs->cp($node, $parn, isset($_GET['position']) ? (int)$_GET['position'] : 0);
- break;
- default:
- throw new Exception('Unsupported operation: ' . $_GET['operation']);
- break;
- }
- header('Content-Type: application/json; charset=utf-8');
- echo json_encode($rslt);
- }
- catch (Exception $e) {
- header($_SERVER["SERVER_PROTOCOL"] . ' 500 Server Error');
- header('Status: 500 Server Error');
- echo $e->getMessage();
- }
- die();
-}
-?>
-
-
-
-
-
- Title
-
-
-
-
-
-
-
-
-
-
-
-
Select a node from the tree.
-
-
-
-
-
-
-
-
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/dist/jstree.js b/mayan/apps/cabinets/static/cabinets/packages/jstree/dist/jstree.js
deleted file mode 100644
index b6509d4671..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/dist/jstree.js
+++ /dev/null
@@ -1,8305 +0,0 @@
-/*globals jQuery, define, module, exports, require, window, document, postMessage */
-(function (factory) {
- "use strict";
- if (typeof define === 'function' && define.amd) {
- define(['jquery'], factory);
- }
- else if(typeof module !== 'undefined' && module.exports) {
- module.exports = factory(require('jquery'));
- }
- else {
- factory(jQuery);
- }
-}(function ($, undefined) {
- "use strict";
-/*!
- * jsTree 3.3.3
- * http://jstree.com/
- *
- * Copyright (c) 2014 Ivan Bozhanov (http://vakata.com)
- *
- * Licensed same as jquery - under the terms of the MIT License
- * http://www.opensource.org/licenses/mit-license.php
- */
-/*!
- * if using jslint please allow for the jQuery global and use following options:
- * jslint: loopfunc: true, browser: true, ass: true, bitwise: true, continue: true, nomen: true, plusplus: true, regexp: true, unparam: true, todo: true, white: true
- */
-/*jshint -W083 */
-
- // prevent another load? maybe there is a better way?
- if($.jstree) {
- return;
- }
-
- /**
- * ### jsTree core functionality
- */
-
- // internal variables
- var instance_counter = 0,
- ccp_node = false,
- ccp_mode = false,
- ccp_inst = false,
- themes_loaded = [],
- src = $('script:last').attr('src'),
- document = window.document; // local variable is always faster to access then a global
-
- /**
- * holds all jstree related functions and variables, including the actual class and methods to create, access and manipulate instances.
- * @name $.jstree
- */
- $.jstree = {
- /**
- * specifies the jstree version in use
- * @name $.jstree.version
- */
- version : '3.3.3',
- /**
- * holds all the default options used when creating new instances
- * @name $.jstree.defaults
- */
- defaults : {
- /**
- * configure which plugins will be active on an instance. Should be an array of strings, where each element is a plugin name. The default is `[]`
- * @name $.jstree.defaults.plugins
- */
- plugins : []
- },
- /**
- * stores all loaded jstree plugins (used internally)
- * @name $.jstree.plugins
- */
- plugins : {},
- path : src && src.indexOf('/') !== -1 ? src.replace(/\/[^\/]+$/,'') : '',
- idregex : /[\\:&!^|()\[\]<>@*'+~#";.,=\- \/${}%?`]/g,
- root : '#'
- };
-
- /**
- * creates a jstree instance
- * @name $.jstree.create(el [, options])
- * @param {DOMElement|jQuery|String} el the element to create the instance on, can be jQuery extended or a selector
- * @param {Object} options options for this instance (extends `$.jstree.defaults`)
- * @return {jsTree} the new instance
- */
- $.jstree.create = function (el, options) {
- var tmp = new $.jstree.core(++instance_counter),
- opt = options;
- options = $.extend(true, {}, $.jstree.defaults, options);
- if(opt && opt.plugins) {
- options.plugins = opt.plugins;
- }
- $.each(options.plugins, function (i, k) {
- if(i !== 'core') {
- tmp = tmp.plugin(k, options[k]);
- }
- });
- $(el).data('jstree', tmp);
- tmp.init(el, options);
- return tmp;
- };
- /**
- * remove all traces of jstree from the DOM and destroy all instances
- * @name $.jstree.destroy()
- */
- $.jstree.destroy = function () {
- $('.jstree:jstree').jstree('destroy');
- $(document).off('.jstree');
- };
- /**
- * the jstree class constructor, used only internally
- * @private
- * @name $.jstree.core(id)
- * @param {Number} id this instance's index
- */
- $.jstree.core = function (id) {
- this._id = id;
- this._cnt = 0;
- this._wrk = null;
- this._data = {
- core : {
- themes : {
- name : false,
- dots : false,
- icons : false,
- ellipsis : false
- },
- selected : [],
- last_error : {},
- working : false,
- worker_queue : [],
- focused : null
- }
- };
- };
- /**
- * get a reference to an existing instance
- *
- * __Examples__
- *
- * // provided a container with an ID of "tree", and a nested node with an ID of "branch"
- * // all of there will return the same instance
- * $.jstree.reference('tree');
- * $.jstree.reference('#tree');
- * $.jstree.reference($('#tree'));
- * $.jstree.reference(document.getElementByID('tree'));
- * $.jstree.reference('branch');
- * $.jstree.reference('#branch');
- * $.jstree.reference($('#branch'));
- * $.jstree.reference(document.getElementByID('branch'));
- *
- * @name $.jstree.reference(needle)
- * @param {DOMElement|jQuery|String} needle
- * @return {jsTree|null} the instance or `null` if not found
- */
- $.jstree.reference = function (needle) {
- var tmp = null,
- obj = null;
- if(needle && needle.id && (!needle.tagName || !needle.nodeType)) { needle = needle.id; }
-
- if(!obj || !obj.length) {
- try { obj = $(needle); } catch (ignore) { }
- }
- if(!obj || !obj.length) {
- try { obj = $('#' + needle.replace($.jstree.idregex,'\\$&')); } catch (ignore) { }
- }
- if(obj && obj.length && (obj = obj.closest('.jstree')).length && (obj = obj.data('jstree'))) {
- tmp = obj;
- }
- else {
- $('.jstree').each(function () {
- var inst = $(this).data('jstree');
- if(inst && inst._model.data[needle]) {
- tmp = inst;
- return false;
- }
- });
- }
- return tmp;
- };
- /**
- * Create an instance, get an instance or invoke a command on a instance.
- *
- * If there is no instance associated with the current node a new one is created and `arg` is used to extend `$.jstree.defaults` for this new instance. There would be no return value (chaining is not broken).
- *
- * If there is an existing instance and `arg` is a string the command specified by `arg` is executed on the instance, with any additional arguments passed to the function. If the function returns a value it will be returned (chaining could break depending on function).
- *
- * If there is an existing instance and `arg` is not a string the instance itself is returned (similar to `$.jstree.reference`).
- *
- * In any other case - nothing is returned and chaining is not broken.
- *
- * __Examples__
- *
- * $('#tree1').jstree(); // creates an instance
- * $('#tree2').jstree({ plugins : [] }); // create an instance with some options
- * $('#tree1').jstree('open_node', '#branch_1'); // call a method on an existing instance, passing additional arguments
- * $('#tree2').jstree(); // get an existing instance (or create an instance)
- * $('#tree2').jstree(true); // get an existing instance (will not create new instance)
- * $('#branch_1').jstree().select_node('#branch_1'); // get an instance (using a nested element and call a method)
- *
- * @name $().jstree([arg])
- * @param {String|Object} arg
- * @return {Mixed}
- */
- $.fn.jstree = function (arg) {
- // check for string argument
- var is_method = (typeof arg === 'string'),
- args = Array.prototype.slice.call(arguments, 1),
- result = null;
- if(arg === true && !this.length) { return false; }
- this.each(function () {
- // get the instance (if there is one) and method (if it exists)
- var instance = $.jstree.reference(this),
- method = is_method && instance ? instance[arg] : null;
- // if calling a method, and method is available - execute on the instance
- result = is_method && method ?
- method.apply(instance, args) :
- null;
- // if there is no instance and no method is being called - create one
- if(!instance && !is_method && (arg === undefined || $.isPlainObject(arg))) {
- $.jstree.create(this, arg);
- }
- // if there is an instance and no method is called - return the instance
- if( (instance && !is_method) || arg === true ) {
- result = instance || false;
- }
- // if there was a method call which returned a result - break and return the value
- if(result !== null && result !== undefined) {
- return false;
- }
- });
- // if there was a method call with a valid return value - return that, otherwise continue the chain
- return result !== null && result !== undefined ?
- result : this;
- };
- /**
- * used to find elements containing an instance
- *
- * __Examples__
- *
- * $('div:jstree').each(function () {
- * $(this).jstree('destroy');
- * });
- *
- * @name $(':jstree')
- * @return {jQuery}
- */
- $.expr.pseudos.jstree = $.expr.createPseudo(function(search) {
- return function(a) {
- return $(a).hasClass('jstree') &&
- $(a).data('jstree') !== undefined;
- };
- });
-
- /**
- * stores all defaults for the core
- * @name $.jstree.defaults.core
- */
- $.jstree.defaults.core = {
- /**
- * data configuration
- *
- * If left as `false` the HTML inside the jstree container element is used to populate the tree (that should be an unordered list with list items).
- *
- * You can also pass in a HTML string or a JSON array here.
- *
- * It is possible to pass in a standard jQuery-like AJAX config and jstree will automatically determine if the response is JSON or HTML and use that to populate the tree.
- * In addition to the standard jQuery ajax options here you can suppy functions for `data` and `url`, the functions will be run in the current instance's scope and a param will be passed indicating which node is being loaded, the return value of those functions will be used.
- *
- * The last option is to specify a function, that function will receive the node being loaded as argument and a second param which is a function which should be called with the result.
- *
- * __Examples__
- *
- * // AJAX
- * $('#tree').jstree({
- * 'core' : {
- * 'data' : {
- * 'url' : '/get/children/',
- * 'data' : function (node) {
- * return { 'id' : node.id };
- * }
- * }
- * });
- *
- * // direct data
- * $('#tree').jstree({
- * 'core' : {
- * 'data' : [
- * 'Simple root node',
- * {
- * 'id' : 'node_2',
- * 'text' : 'Root node with options',
- * 'state' : { 'opened' : true, 'selected' : true },
- * 'children' : [ { 'text' : 'Child 1' }, 'Child 2']
- * }
- * ]
- * }
- * });
- *
- * // function
- * $('#tree').jstree({
- * 'core' : {
- * 'data' : function (obj, callback) {
- * callback.call(this, ['Root 1', 'Root 2']);
- * }
- * });
- *
- * @name $.jstree.defaults.core.data
- */
- data : false,
- /**
- * configure the various strings used throughout the tree
- *
- * You can use an object where the key is the string you need to replace and the value is your replacement.
- * Another option is to specify a function which will be called with an argument of the needed string and should return the replacement.
- * If left as `false` no replacement is made.
- *
- * __Examples__
- *
- * $('#tree').jstree({
- * 'core' : {
- * 'strings' : {
- * 'Loading ...' : 'Please wait ...'
- * }
- * }
- * });
- *
- * @name $.jstree.defaults.core.strings
- */
- strings : false,
- /**
- * determines what happens when a user tries to modify the structure of the tree
- * If left as `false` all operations like create, rename, delete, move or copy are prevented.
- * You can set this to `true` to allow all interactions or use a function to have better control.
- *
- * __Examples__
- *
- * $('#tree').jstree({
- * 'core' : {
- * 'check_callback' : function (operation, node, node_parent, node_position, more) {
- * // operation can be 'create_node', 'rename_node', 'delete_node', 'move_node' or 'copy_node'
- * // in case of 'rename_node' node_position is filled with the new node name
- * return operation === 'rename_node' ? true : false;
- * }
- * }
- * });
- *
- * @name $.jstree.defaults.core.check_callback
- */
- check_callback : false,
- /**
- * a callback called with a single object parameter in the instance's scope when something goes wrong (operation prevented, ajax failed, etc)
- * @name $.jstree.defaults.core.error
- */
- error : $.noop,
- /**
- * the open / close animation duration in milliseconds - set this to `false` to disable the animation (default is `200`)
- * @name $.jstree.defaults.core.animation
- */
- animation : 200,
- /**
- * a boolean indicating if multiple nodes can be selected
- * @name $.jstree.defaults.core.multiple
- */
- multiple : true,
- /**
- * theme configuration object
- * @name $.jstree.defaults.core.themes
- */
- themes : {
- /**
- * the name of the theme to use (if left as `false` the default theme is used)
- * @name $.jstree.defaults.core.themes.name
- */
- name : false,
- /**
- * the URL of the theme's CSS file, leave this as `false` if you have manually included the theme CSS (recommended). You can set this to `true` too which will try to autoload the theme.
- * @name $.jstree.defaults.core.themes.url
- */
- url : false,
- /**
- * the location of all jstree themes - only used if `url` is set to `true`
- * @name $.jstree.defaults.core.themes.dir
- */
- dir : false,
- /**
- * a boolean indicating if connecting dots are shown
- * @name $.jstree.defaults.core.themes.dots
- */
- dots : true,
- /**
- * a boolean indicating if node icons are shown
- * @name $.jstree.defaults.core.themes.icons
- */
- icons : true,
- /**
- * a boolean indicating if node ellipsis should be shown - this only works with a fixed with on the container
- * @name $.jstree.defaults.core.themes.ellipsis
- */
- ellipsis : false,
- /**
- * a boolean indicating if the tree background is striped
- * @name $.jstree.defaults.core.themes.stripes
- */
- stripes : false,
- /**
- * a string (or boolean `false`) specifying the theme variant to use (if the theme supports variants)
- * @name $.jstree.defaults.core.themes.variant
- */
- variant : false,
- /**
- * a boolean specifying if a reponsive version of the theme should kick in on smaller screens (if the theme supports it). Defaults to `false`.
- * @name $.jstree.defaults.core.themes.responsive
- */
- responsive : false
- },
- /**
- * if left as `true` all parents of all selected nodes will be opened once the tree loads (so that all selected nodes are visible to the user)
- * @name $.jstree.defaults.core.expand_selected_onload
- */
- expand_selected_onload : true,
- /**
- * if left as `true` web workers will be used to parse incoming JSON data where possible, so that the UI will not be blocked by large requests. Workers are however about 30% slower. Defaults to `true`
- * @name $.jstree.defaults.core.worker
- */
- worker : true,
- /**
- * Force node text to plain text (and escape HTML). Defaults to `false`
- * @name $.jstree.defaults.core.force_text
- */
- force_text : false,
- /**
- * Should the node should be toggled if the text is double clicked . Defaults to `true`
- * @name $.jstree.defaults.core.dblclick_toggle
- */
- dblclick_toggle : true
- };
- $.jstree.core.prototype = {
- /**
- * used to decorate an instance with a plugin. Used internally.
- * @private
- * @name plugin(deco [, opts])
- * @param {String} deco the plugin to decorate with
- * @param {Object} opts options for the plugin
- * @return {jsTree}
- */
- plugin : function (deco, opts) {
- var Child = $.jstree.plugins[deco];
- if(Child) {
- this._data[deco] = {};
- Child.prototype = this;
- return new Child(opts, this);
- }
- return this;
- },
- /**
- * initialize the instance. Used internally.
- * @private
- * @name init(el, optons)
- * @param {DOMElement|jQuery|String} el the element we are transforming
- * @param {Object} options options for this instance
- * @trigger init.jstree, loading.jstree, loaded.jstree, ready.jstree, changed.jstree
- */
- init : function (el, options) {
- this._model = {
- data : {},
- changed : [],
- force_full_redraw : false,
- redraw_timeout : false,
- default_state : {
- loaded : true,
- opened : false,
- selected : false,
- disabled : false
- }
- };
- this._model.data[$.jstree.root] = {
- id : $.jstree.root,
- parent : null,
- parents : [],
- children : [],
- children_d : [],
- state : { loaded : false }
- };
-
- this.element = $(el).addClass('jstree jstree-' + this._id);
- this.settings = options;
-
- this._data.core.ready = false;
- this._data.core.loaded = false;
- this._data.core.rtl = (this.element.css("direction") === "rtl");
- this.element[this._data.core.rtl ? 'addClass' : 'removeClass']("jstree-rtl");
- this.element.attr('role','tree');
- if(this.settings.core.multiple) {
- this.element.attr('aria-multiselectable', true);
- }
- if(!this.element.attr('tabindex')) {
- this.element.attr('tabindex','0');
- }
-
- this.bind();
- /**
- * triggered after all events are bound
- * @event
- * @name init.jstree
- */
- this.trigger("init");
-
- this._data.core.original_container_html = this.element.find(" > ul > li").clone(true);
- this._data.core.original_container_html
- .find("li").addBack()
- .contents().filter(function() {
- return this.nodeType === 3 && (!this.nodeValue || /^\s+$/.test(this.nodeValue));
- })
- .remove();
- this.element.html("<"+"ul class='jstree-container-ul jstree-children' role='group'><"+"li id='j"+this._id+"_loading' class='jstree-initial-node jstree-loading jstree-leaf jstree-last' role='tree-item'><"+"a class='jstree-anchor' href='#'>" + this.get_string("Loading ...") + "
");
- this.element.attr('aria-activedescendant','j' + this._id + '_loading');
- this._data.core.li_height = this.get_container_ul().children("li").first().height() || 24;
- this._data.core.node = this._create_prototype_node();
- /**
- * triggered after the loading text is shown and before loading starts
- * @event
- * @name loading.jstree
- */
- this.trigger("loading");
- this.load_node($.jstree.root);
- },
- /**
- * destroy an instance
- * @name destroy()
- * @param {Boolean} keep_html if not set to `true` the container will be emptied, otherwise the current DOM elements will be kept intact
- */
- destroy : function (keep_html) {
- if(this._wrk) {
- try {
- window.URL.revokeObjectURL(this._wrk);
- this._wrk = null;
- }
- catch (ignore) { }
- }
- if(!keep_html) { this.element.empty(); }
- this.teardown();
- },
- /**
- * Create prototype node
- */
- _create_prototype_node : function () {
- var _node = document.createElement('LI'), _temp1, _temp2;
- _node.setAttribute('role', 'treeitem');
- _temp1 = document.createElement('I');
- _temp1.className = 'jstree-icon jstree-ocl';
- _temp1.setAttribute('role', 'presentation');
- _node.appendChild(_temp1);
- _temp1 = document.createElement('A');
- _temp1.className = 'jstree-anchor';
- _temp1.setAttribute('href','#');
- _temp1.setAttribute('tabindex','-1');
- _temp2 = document.createElement('I');
- _temp2.className = 'jstree-icon jstree-themeicon';
- _temp2.setAttribute('role', 'presentation');
- _temp1.appendChild(_temp2);
- _node.appendChild(_temp1);
- _temp1 = _temp2 = null;
-
- return _node;
- },
- /**
- * part of the destroying of an instance. Used internally.
- * @private
- * @name teardown()
- */
- teardown : function () {
- this.unbind();
- this.element
- .removeClass('jstree')
- .removeData('jstree')
- .find("[class^='jstree']")
- .addBack()
- .attr("class", function () { return this.className.replace(/jstree[^ ]*|$/ig,''); });
- this.element = null;
- },
- /**
- * bind all events. Used internally.
- * @private
- * @name bind()
- */
- bind : function () {
- var word = '',
- tout = null,
- was_click = 0;
- this.element
- .on("dblclick.jstree", function (e) {
- if(e.target.tagName && e.target.tagName.toLowerCase() === "input") { return true; }
- if(document.selection && document.selection.empty) {
- document.selection.empty();
- }
- else {
- if(window.getSelection) {
- var sel = window.getSelection();
- try {
- sel.removeAllRanges();
- sel.collapse();
- } catch (ignore) { }
- }
- }
- })
- .on("mousedown.jstree", $.proxy(function (e) {
- if(e.target === this.element[0]) {
- e.preventDefault(); // prevent losing focus when clicking scroll arrows (FF, Chrome)
- was_click = +(new Date()); // ie does not allow to prevent losing focus
- }
- }, this))
- .on("mousedown.jstree", ".jstree-ocl", function (e) {
- e.preventDefault(); // prevent any node inside from losing focus when clicking the open/close icon
- })
- .on("click.jstree", ".jstree-ocl", $.proxy(function (e) {
- this.toggle_node(e.target);
- }, this))
- .on("dblclick.jstree", ".jstree-anchor", $.proxy(function (e) {
- if(e.target.tagName && e.target.tagName.toLowerCase() === "input") { return true; }
- if(this.settings.core.dblclick_toggle) {
- this.toggle_node(e.target);
- }
- }, this))
- .on("click.jstree", ".jstree-anchor", $.proxy(function (e) {
- e.preventDefault();
- if(e.currentTarget !== document.activeElement) { $(e.currentTarget).focus(); }
- this.activate_node(e.currentTarget, e);
- }, this))
- .on('keydown.jstree', '.jstree-anchor', $.proxy(function (e) {
- if(e.target.tagName && e.target.tagName.toLowerCase() === "input") { return true; }
- if(e.which !== 32 && e.which !== 13 && (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey)) { return true; }
- var o = null;
- if(this._data.core.rtl) {
- if(e.which === 37) { e.which = 39; }
- else if(e.which === 39) { e.which = 37; }
- }
- switch(e.which) {
- case 32: // aria defines space only with Ctrl
- if(e.ctrlKey) {
- e.type = "click";
- $(e.currentTarget).trigger(e);
- }
- break;
- case 13: // enter
- e.type = "click";
- $(e.currentTarget).trigger(e);
- break;
- case 37: // left
- e.preventDefault();
- if(this.is_open(e.currentTarget)) {
- this.close_node(e.currentTarget);
- }
- else {
- o = this.get_parent(e.currentTarget);
- if(o && o.id !== $.jstree.root) { this.get_node(o, true).children('.jstree-anchor').focus(); }
- }
- break;
- case 38: // up
- e.preventDefault();
- o = this.get_prev_dom(e.currentTarget);
- if(o && o.length) { o.children('.jstree-anchor').focus(); }
- break;
- case 39: // right
- e.preventDefault();
- if(this.is_closed(e.currentTarget)) {
- this.open_node(e.currentTarget, function (o) { this.get_node(o, true).children('.jstree-anchor').focus(); });
- }
- else if (this.is_open(e.currentTarget)) {
- o = this.get_node(e.currentTarget, true).children('.jstree-children')[0];
- if(o) { $(this._firstChild(o)).children('.jstree-anchor').focus(); }
- }
- break;
- case 40: // down
- e.preventDefault();
- o = this.get_next_dom(e.currentTarget);
- if(o && o.length) { o.children('.jstree-anchor').focus(); }
- break;
- case 106: // aria defines * on numpad as open_all - not very common
- this.open_all();
- break;
- case 36: // home
- e.preventDefault();
- o = this._firstChild(this.get_container_ul()[0]);
- if(o) { $(o).children('.jstree-anchor').filter(':visible').focus(); }
- break;
- case 35: // end
- e.preventDefault();
- this.element.find('.jstree-anchor').filter(':visible').last().focus();
- break;
- case 113: // f2 - safe to include - if check_callback is false it will fail
- e.preventDefault();
- this.edit(e.currentTarget);
- break;
- default:
- break;
- /*!
- // delete
- case 46:
- e.preventDefault();
- o = this.get_node(e.currentTarget);
- if(o && o.id && o.id !== $.jstree.root) {
- o = this.is_selected(o) ? this.get_selected() : o;
- this.delete_node(o);
- }
- break;
-
- */
- }
- }, this))
- .on("load_node.jstree", $.proxy(function (e, data) {
- if(data.status) {
- if(data.node.id === $.jstree.root && !this._data.core.loaded) {
- this._data.core.loaded = true;
- if(this._firstChild(this.get_container_ul()[0])) {
- this.element.attr('aria-activedescendant',this._firstChild(this.get_container_ul()[0]).id);
- }
- /**
- * triggered after the root node is loaded for the first time
- * @event
- * @name loaded.jstree
- */
- this.trigger("loaded");
- }
- if(!this._data.core.ready) {
- setTimeout($.proxy(function() {
- if(this.element && !this.get_container_ul().find('.jstree-loading').length) {
- this._data.core.ready = true;
- if(this._data.core.selected.length) {
- if(this.settings.core.expand_selected_onload) {
- var tmp = [], i, j;
- for(i = 0, j = this._data.core.selected.length; i < j; i++) {
- tmp = tmp.concat(this._model.data[this._data.core.selected[i]].parents);
- }
- tmp = $.vakata.array_unique(tmp);
- for(i = 0, j = tmp.length; i < j; i++) {
- this.open_node(tmp[i], false, 0);
- }
- }
- this.trigger('changed', { 'action' : 'ready', 'selected' : this._data.core.selected });
- }
- /**
- * triggered after all nodes are finished loading
- * @event
- * @name ready.jstree
- */
- this.trigger("ready");
- }
- }, this), 0);
- }
- }
- }, this))
- // quick searching when the tree is focused
- .on('keypress.jstree', $.proxy(function (e) {
- if(e.target.tagName && e.target.tagName.toLowerCase() === "input") { return true; }
- if(tout) { clearTimeout(tout); }
- tout = setTimeout(function () {
- word = '';
- }, 500);
-
- var chr = String.fromCharCode(e.which).toLowerCase(),
- col = this.element.find('.jstree-anchor').filter(':visible'),
- ind = col.index(document.activeElement) || 0,
- end = false;
- word += chr;
-
- // match for whole word from current node down (including the current node)
- if(word.length > 1) {
- col.slice(ind).each($.proxy(function (i, v) {
- if($(v).text().toLowerCase().indexOf(word) === 0) {
- $(v).focus();
- end = true;
- return false;
- }
- }, this));
- if(end) { return; }
-
- // match for whole word from the beginning of the tree
- col.slice(0, ind).each($.proxy(function (i, v) {
- if($(v).text().toLowerCase().indexOf(word) === 0) {
- $(v).focus();
- end = true;
- return false;
- }
- }, this));
- if(end) { return; }
- }
- // list nodes that start with that letter (only if word consists of a single char)
- if(new RegExp('^' + chr.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') + '+$').test(word)) {
- // search for the next node starting with that letter
- col.slice(ind + 1).each($.proxy(function (i, v) {
- if($(v).text().toLowerCase().charAt(0) === chr) {
- $(v).focus();
- end = true;
- return false;
- }
- }, this));
- if(end) { return; }
-
- // search from the beginning
- col.slice(0, ind + 1).each($.proxy(function (i, v) {
- if($(v).text().toLowerCase().charAt(0) === chr) {
- $(v).focus();
- end = true;
- return false;
- }
- }, this));
- if(end) { return; }
- }
- }, this))
- // THEME RELATED
- .on("init.jstree", $.proxy(function () {
- var s = this.settings.core.themes;
- this._data.core.themes.dots = s.dots;
- this._data.core.themes.stripes = s.stripes;
- this._data.core.themes.icons = s.icons;
- this._data.core.themes.ellipsis = s.ellipsis;
- this.set_theme(s.name || "default", s.url);
- this.set_theme_variant(s.variant);
- }, this))
- .on("loading.jstree", $.proxy(function () {
- this[ this._data.core.themes.dots ? "show_dots" : "hide_dots" ]();
- this[ this._data.core.themes.icons ? "show_icons" : "hide_icons" ]();
- this[ this._data.core.themes.stripes ? "show_stripes" : "hide_stripes" ]();
- this[ this._data.core.themes.ellipsis ? "show_ellipsis" : "hide_ellipsis" ]();
- }, this))
- .on('blur.jstree', '.jstree-anchor', $.proxy(function (e) {
- this._data.core.focused = null;
- $(e.currentTarget).filter('.jstree-hovered').mouseleave();
- this.element.attr('tabindex', '0');
- }, this))
- .on('focus.jstree', '.jstree-anchor', $.proxy(function (e) {
- var tmp = this.get_node(e.currentTarget);
- if(tmp && tmp.id) {
- this._data.core.focused = tmp.id;
- }
- this.element.find('.jstree-hovered').not(e.currentTarget).mouseleave();
- $(e.currentTarget).mouseenter();
- this.element.attr('tabindex', '-1');
- }, this))
- .on('focus.jstree', $.proxy(function () {
- if(+(new Date()) - was_click > 500 && !this._data.core.focused) {
- was_click = 0;
- var act = this.get_node(this.element.attr('aria-activedescendant'), true);
- if(act) {
- act.find('> .jstree-anchor').focus();
- }
- }
- }, this))
- .on('mouseenter.jstree', '.jstree-anchor', $.proxy(function (e) {
- this.hover_node(e.currentTarget);
- }, this))
- .on('mouseleave.jstree', '.jstree-anchor', $.proxy(function (e) {
- this.dehover_node(e.currentTarget);
- }, this));
- },
- /**
- * part of the destroying of an instance. Used internally.
- * @private
- * @name unbind()
- */
- unbind : function () {
- this.element.off('.jstree');
- $(document).off('.jstree-' + this._id);
- },
- /**
- * trigger an event. Used internally.
- * @private
- * @name trigger(ev [, data])
- * @param {String} ev the name of the event to trigger
- * @param {Object} data additional data to pass with the event
- */
- trigger : function (ev, data) {
- if(!data) {
- data = {};
- }
- data.instance = this;
- this.element.triggerHandler(ev.replace('.jstree','') + '.jstree', data);
- },
- /**
- * returns the jQuery extended instance container
- * @name get_container()
- * @return {jQuery}
- */
- get_container : function () {
- return this.element;
- },
- /**
- * returns the jQuery extended main UL node inside the instance container. Used internally.
- * @private
- * @name get_container_ul()
- * @return {jQuery}
- */
- get_container_ul : function () {
- return this.element.children(".jstree-children").first();
- },
- /**
- * gets string replacements (localization). Used internally.
- * @private
- * @name get_string(key)
- * @param {String} key
- * @return {String}
- */
- get_string : function (key) {
- var a = this.settings.core.strings;
- if($.isFunction(a)) { return a.call(this, key); }
- if(a && a[key]) { return a[key]; }
- return key;
- },
- /**
- * gets the first child of a DOM node. Used internally.
- * @private
- * @name _firstChild(dom)
- * @param {DOMElement} dom
- * @return {DOMElement}
- */
- _firstChild : function (dom) {
- dom = dom ? dom.firstChild : null;
- while(dom !== null && dom.nodeType !== 1) {
- dom = dom.nextSibling;
- }
- return dom;
- },
- /**
- * gets the next sibling of a DOM node. Used internally.
- * @private
- * @name _nextSibling(dom)
- * @param {DOMElement} dom
- * @return {DOMElement}
- */
- _nextSibling : function (dom) {
- dom = dom ? dom.nextSibling : null;
- while(dom !== null && dom.nodeType !== 1) {
- dom = dom.nextSibling;
- }
- return dom;
- },
- /**
- * gets the previous sibling of a DOM node. Used internally.
- * @private
- * @name _previousSibling(dom)
- * @param {DOMElement} dom
- * @return {DOMElement}
- */
- _previousSibling : function (dom) {
- dom = dom ? dom.previousSibling : null;
- while(dom !== null && dom.nodeType !== 1) {
- dom = dom.previousSibling;
- }
- return dom;
- },
- /**
- * get the JSON representation of a node (or the actual jQuery extended DOM node) by using any input (child DOM element, ID string, selector, etc)
- * @name get_node(obj [, as_dom])
- * @param {mixed} obj
- * @param {Boolean} as_dom
- * @return {Object|jQuery}
- */
- get_node : function (obj, as_dom) {
- if(obj && obj.id) {
- obj = obj.id;
- }
- var dom;
- try {
- if(this._model.data[obj]) {
- obj = this._model.data[obj];
- }
- else if(typeof obj === "string" && this._model.data[obj.replace(/^#/, '')]) {
- obj = this._model.data[obj.replace(/^#/, '')];
- }
- else if(typeof obj === "string" && (dom = $('#' + obj.replace($.jstree.idregex,'\\$&'), this.element)).length && this._model.data[dom.closest('.jstree-node').attr('id')]) {
- obj = this._model.data[dom.closest('.jstree-node').attr('id')];
- }
- else if((dom = $(obj, this.element)).length && this._model.data[dom.closest('.jstree-node').attr('id')]) {
- obj = this._model.data[dom.closest('.jstree-node').attr('id')];
- }
- else if((dom = $(obj, this.element)).length && dom.hasClass('jstree')) {
- obj = this._model.data[$.jstree.root];
- }
- else {
- return false;
- }
-
- if(as_dom) {
- obj = obj.id === $.jstree.root ? this.element : $('#' + obj.id.replace($.jstree.idregex,'\\$&'), this.element);
- }
- return obj;
- } catch (ex) { return false; }
- },
- /**
- * get the path to a node, either consisting of node texts, or of node IDs, optionally glued together (otherwise an array)
- * @name get_path(obj [, glue, ids])
- * @param {mixed} obj the node
- * @param {String} glue if you want the path as a string - pass the glue here (for example '/'), if a falsy value is supplied here, an array is returned
- * @param {Boolean} ids if set to true build the path using ID, otherwise node text is used
- * @return {mixed}
- */
- get_path : function (obj, glue, ids) {
- obj = obj.parents ? obj : this.get_node(obj);
- if(!obj || obj.id === $.jstree.root || !obj.parents) {
- return false;
- }
- var i, j, p = [];
- p.push(ids ? obj.id : obj.text);
- for(i = 0, j = obj.parents.length; i < j; i++) {
- p.push(ids ? obj.parents[i] : this.get_text(obj.parents[i]));
- }
- p = p.reverse().slice(1);
- return glue ? p.join(glue) : p;
- },
- /**
- * get the next visible node that is below the `obj` node. If `strict` is set to `true` only sibling nodes are returned.
- * @name get_next_dom(obj [, strict])
- * @param {mixed} obj
- * @param {Boolean} strict
- * @return {jQuery}
- */
- get_next_dom : function (obj, strict) {
- var tmp;
- obj = this.get_node(obj, true);
- if(obj[0] === this.element[0]) {
- tmp = this._firstChild(this.get_container_ul()[0]);
- while (tmp && tmp.offsetHeight === 0) {
- tmp = this._nextSibling(tmp);
- }
- return tmp ? $(tmp) : false;
- }
- if(!obj || !obj.length) {
- return false;
- }
- if(strict) {
- tmp = obj[0];
- do {
- tmp = this._nextSibling(tmp);
- } while (tmp && tmp.offsetHeight === 0);
- return tmp ? $(tmp) : false;
- }
- if(obj.hasClass("jstree-open")) {
- tmp = this._firstChild(obj.children('.jstree-children')[0]);
- while (tmp && tmp.offsetHeight === 0) {
- tmp = this._nextSibling(tmp);
- }
- if(tmp !== null) {
- return $(tmp);
- }
- }
- tmp = obj[0];
- do {
- tmp = this._nextSibling(tmp);
- } while (tmp && tmp.offsetHeight === 0);
- if(tmp !== null) {
- return $(tmp);
- }
- return obj.parentsUntil(".jstree",".jstree-node").nextAll(".jstree-node:visible").first();
- },
- /**
- * get the previous visible node that is above the `obj` node. If `strict` is set to `true` only sibling nodes are returned.
- * @name get_prev_dom(obj [, strict])
- * @param {mixed} obj
- * @param {Boolean} strict
- * @return {jQuery}
- */
- get_prev_dom : function (obj, strict) {
- var tmp;
- obj = this.get_node(obj, true);
- if(obj[0] === this.element[0]) {
- tmp = this.get_container_ul()[0].lastChild;
- while (tmp && tmp.offsetHeight === 0) {
- tmp = this._previousSibling(tmp);
- }
- return tmp ? $(tmp) : false;
- }
- if(!obj || !obj.length) {
- return false;
- }
- if(strict) {
- tmp = obj[0];
- do {
- tmp = this._previousSibling(tmp);
- } while (tmp && tmp.offsetHeight === 0);
- return tmp ? $(tmp) : false;
- }
- tmp = obj[0];
- do {
- tmp = this._previousSibling(tmp);
- } while (tmp && tmp.offsetHeight === 0);
- if(tmp !== null) {
- obj = $(tmp);
- while(obj.hasClass("jstree-open")) {
- obj = obj.children(".jstree-children").first().children(".jstree-node:visible:last");
- }
- return obj;
- }
- tmp = obj[0].parentNode.parentNode;
- return tmp && tmp.className && tmp.className.indexOf('jstree-node') !== -1 ? $(tmp) : false;
- },
- /**
- * get the parent ID of a node
- * @name get_parent(obj)
- * @param {mixed} obj
- * @return {String}
- */
- get_parent : function (obj) {
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- return obj.parent;
- },
- /**
- * get a jQuery collection of all the children of a node (node must be rendered)
- * @name get_children_dom(obj)
- * @param {mixed} obj
- * @return {jQuery}
- */
- get_children_dom : function (obj) {
- obj = this.get_node(obj, true);
- if(obj[0] === this.element[0]) {
- return this.get_container_ul().children(".jstree-node");
- }
- if(!obj || !obj.length) {
- return false;
- }
- return obj.children(".jstree-children").children(".jstree-node");
- },
- /**
- * checks if a node has children
- * @name is_parent(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_parent : function (obj) {
- obj = this.get_node(obj);
- return obj && (obj.state.loaded === false || obj.children.length > 0);
- },
- /**
- * checks if a node is loaded (its children are available)
- * @name is_loaded(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_loaded : function (obj) {
- obj = this.get_node(obj);
- return obj && obj.state.loaded;
- },
- /**
- * check if a node is currently loading (fetching children)
- * @name is_loading(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_loading : function (obj) {
- obj = this.get_node(obj);
- return obj && obj.state && obj.state.loading;
- },
- /**
- * check if a node is opened
- * @name is_open(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_open : function (obj) {
- obj = this.get_node(obj);
- return obj && obj.state.opened;
- },
- /**
- * check if a node is in a closed state
- * @name is_closed(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_closed : function (obj) {
- obj = this.get_node(obj);
- return obj && this.is_parent(obj) && !obj.state.opened;
- },
- /**
- * check if a node has no children
- * @name is_leaf(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_leaf : function (obj) {
- return !this.is_parent(obj);
- },
- /**
- * loads a node (fetches its children using the `core.data` setting). Multiple nodes can be passed to by using an array.
- * @name load_node(obj [, callback])
- * @param {mixed} obj
- * @param {function} callback a function to be executed once loading is complete, the function is executed in the instance's scope and receives two arguments - the node and a boolean status
- * @return {Boolean}
- * @trigger load_node.jstree
- */
- load_node : function (obj, callback) {
- var k, l, i, j, c;
- if($.isArray(obj)) {
- this._load_nodes(obj.slice(), callback);
- return true;
- }
- obj = this.get_node(obj);
- if(!obj) {
- if(callback) { callback.call(this, obj, false); }
- return false;
- }
- // if(obj.state.loading) { } // the node is already loading - just wait for it to load and invoke callback? but if called implicitly it should be loaded again?
- if(obj.state.loaded) {
- obj.state.loaded = false;
- for(i = 0, j = obj.parents.length; i < j; i++) {
- this._model.data[obj.parents[i]].children_d = $.vakata.array_filter(this._model.data[obj.parents[i]].children_d, function (v) {
- return $.inArray(v, obj.children_d) === -1;
- });
- }
- for(k = 0, l = obj.children_d.length; k < l; k++) {
- if(this._model.data[obj.children_d[k]].state.selected) {
- c = true;
- }
- delete this._model.data[obj.children_d[k]];
- }
- if (c) {
- this._data.core.selected = $.vakata.array_filter(this._data.core.selected, function (v) {
- return $.inArray(v, obj.children_d) === -1;
- });
- }
- obj.children = [];
- obj.children_d = [];
- if(c) {
- this.trigger('changed', { 'action' : 'load_node', 'node' : obj, 'selected' : this._data.core.selected });
- }
- }
- obj.state.failed = false;
- obj.state.loading = true;
- this.get_node(obj, true).addClass("jstree-loading").attr('aria-busy',true);
- this._load_node(obj, $.proxy(function (status) {
- obj = this._model.data[obj.id];
- obj.state.loading = false;
- obj.state.loaded = status;
- obj.state.failed = !obj.state.loaded;
- var dom = this.get_node(obj, true), i = 0, j = 0, m = this._model.data, has_children = false;
- for(i = 0, j = obj.children.length; i < j; i++) {
- if(m[obj.children[i]] && !m[obj.children[i]].state.hidden) {
- has_children = true;
- break;
- }
- }
- if(obj.state.loaded && dom && dom.length) {
- dom.removeClass('jstree-closed jstree-open jstree-leaf');
- if (!has_children) {
- dom.addClass('jstree-leaf');
- }
- else {
- if (obj.id !== '#') {
- dom.addClass(obj.state.opened ? 'jstree-open' : 'jstree-closed');
- }
- }
- }
- dom.removeClass("jstree-loading").attr('aria-busy',false);
- /**
- * triggered after a node is loaded
- * @event
- * @name load_node.jstree
- * @param {Object} node the node that was loading
- * @param {Boolean} status was the node loaded successfully
- */
- this.trigger('load_node', { "node" : obj, "status" : status });
- if(callback) {
- callback.call(this, obj, status);
- }
- }, this));
- return true;
- },
- /**
- * load an array of nodes (will also load unavailable nodes as soon as the appear in the structure). Used internally.
- * @private
- * @name _load_nodes(nodes [, callback])
- * @param {array} nodes
- * @param {function} callback a function to be executed once loading is complete, the function is executed in the instance's scope and receives one argument - the array passed to _load_nodes
- */
- _load_nodes : function (nodes, callback, is_callback, force_reload) {
- var r = true,
- c = function () { this._load_nodes(nodes, callback, true); },
- m = this._model.data, i, j, tmp = [];
- for(i = 0, j = nodes.length; i < j; i++) {
- if(m[nodes[i]] && ( (!m[nodes[i]].state.loaded && !m[nodes[i]].state.failed) || (!is_callback && force_reload) )) {
- if(!this.is_loading(nodes[i])) {
- this.load_node(nodes[i], c);
- }
- r = false;
- }
- }
- if(r) {
- for(i = 0, j = nodes.length; i < j; i++) {
- if(m[nodes[i]] && m[nodes[i]].state.loaded) {
- tmp.push(nodes[i]);
- }
- }
- if(callback && !callback.done) {
- callback.call(this, tmp);
- callback.done = true;
- }
- }
- },
- /**
- * loads all unloaded nodes
- * @name load_all([obj, callback])
- * @param {mixed} obj the node to load recursively, omit to load all nodes in the tree
- * @param {function} callback a function to be executed once loading all the nodes is complete,
- * @trigger load_all.jstree
- */
- load_all : function (obj, callback) {
- if(!obj) { obj = $.jstree.root; }
- obj = this.get_node(obj);
- if(!obj) { return false; }
- var to_load = [],
- m = this._model.data,
- c = m[obj.id].children_d,
- i, j;
- if(obj.state && !obj.state.loaded) {
- to_load.push(obj.id);
- }
- for(i = 0, j = c.length; i < j; i++) {
- if(m[c[i]] && m[c[i]].state && !m[c[i]].state.loaded) {
- to_load.push(c[i]);
- }
- }
- if(to_load.length) {
- this._load_nodes(to_load, function () {
- this.load_all(obj, callback);
- });
- }
- else {
- /**
- * triggered after a load_all call completes
- * @event
- * @name load_all.jstree
- * @param {Object} node the recursively loaded node
- */
- if(callback) { callback.call(this, obj); }
- this.trigger('load_all', { "node" : obj });
- }
- },
- /**
- * handles the actual loading of a node. Used only internally.
- * @private
- * @name _load_node(obj [, callback])
- * @param {mixed} obj
- * @param {function} callback a function to be executed once loading is complete, the function is executed in the instance's scope and receives one argument - a boolean status
- * @return {Boolean}
- */
- _load_node : function (obj, callback) {
- var s = this.settings.core.data, t;
- var notTextOrCommentNode = function notTextOrCommentNode () {
- return this.nodeType !== 3 && this.nodeType !== 8;
- };
- // use original HTML
- if(!s) {
- if(obj.id === $.jstree.root) {
- return this._append_html_data(obj, this._data.core.original_container_html.clone(true), function (status) {
- callback.call(this, status);
- });
- }
- else {
- return callback.call(this, false);
- }
- // return callback.call(this, obj.id === $.jstree.root ? this._append_html_data(obj, this._data.core.original_container_html.clone(true)) : false);
- }
- if($.isFunction(s)) {
- return s.call(this, obj, $.proxy(function (d) {
- if(d === false) {
- callback.call(this, false);
- }
- else {
- this[typeof d === 'string' ? '_append_html_data' : '_append_json_data'](obj, typeof d === 'string' ? $($.parseHTML(d)).filter(notTextOrCommentNode) : d, function (status) {
- callback.call(this, status);
- });
- }
- // return d === false ? callback.call(this, false) : callback.call(this, this[typeof d === 'string' ? '_append_html_data' : '_append_json_data'](obj, typeof d === 'string' ? $(d) : d));
- }, this));
- }
- if(typeof s === 'object') {
- if(s.url) {
- s = $.extend(true, {}, s);
- if($.isFunction(s.url)) {
- s.url = s.url.call(this, obj);
- }
- if($.isFunction(s.data)) {
- s.data = s.data.call(this, obj);
- }
- return $.ajax(s)
- .done($.proxy(function (d,t,x) {
- var type = x.getResponseHeader('Content-Type');
- if((type && type.indexOf('json') !== -1) || typeof d === "object") {
- return this._append_json_data(obj, d, function (status) { callback.call(this, status); });
- //return callback.call(this, this._append_json_data(obj, d));
- }
- if((type && type.indexOf('html') !== -1) || typeof d === "string") {
- return this._append_html_data(obj, $($.parseHTML(d)).filter(notTextOrCommentNode), function (status) { callback.call(this, status); });
- // return callback.call(this, this._append_html_data(obj, $(d)));
- }
- this._data.core.last_error = { 'error' : 'ajax', 'plugin' : 'core', 'id' : 'core_04', 'reason' : 'Could not load node', 'data' : JSON.stringify({ 'id' : obj.id, 'xhr' : x }) };
- this.settings.core.error.call(this, this._data.core.last_error);
- return callback.call(this, false);
- }, this))
- .fail($.proxy(function (f) {
- callback.call(this, false);
- this._data.core.last_error = { 'error' : 'ajax', 'plugin' : 'core', 'id' : 'core_04', 'reason' : 'Could not load node', 'data' : JSON.stringify({ 'id' : obj.id, 'xhr' : f }) };
- this.settings.core.error.call(this, this._data.core.last_error);
- }, this));
- }
- t = ($.isArray(s) || $.isPlainObject(s)) ? JSON.parse(JSON.stringify(s)) : s;
- if(obj.id === $.jstree.root) {
- return this._append_json_data(obj, t, function (status) {
- callback.call(this, status);
- });
- }
- else {
- this._data.core.last_error = { 'error' : 'nodata', 'plugin' : 'core', 'id' : 'core_05', 'reason' : 'Could not load node', 'data' : JSON.stringify({ 'id' : obj.id }) };
- this.settings.core.error.call(this, this._data.core.last_error);
- return callback.call(this, false);
- }
- //return callback.call(this, (obj.id === $.jstree.root ? this._append_json_data(obj, t) : false) );
- }
- if(typeof s === 'string') {
- if(obj.id === $.jstree.root) {
- return this._append_html_data(obj, $($.parseHTML(s)).filter(notTextOrCommentNode), function (status) {
- callback.call(this, status);
- });
- }
- else {
- this._data.core.last_error = { 'error' : 'nodata', 'plugin' : 'core', 'id' : 'core_06', 'reason' : 'Could not load node', 'data' : JSON.stringify({ 'id' : obj.id }) };
- this.settings.core.error.call(this, this._data.core.last_error);
- return callback.call(this, false);
- }
- //return callback.call(this, (obj.id === $.jstree.root ? this._append_html_data(obj, $(s)) : false) );
- }
- return callback.call(this, false);
- },
- /**
- * adds a node to the list of nodes to redraw. Used only internally.
- * @private
- * @name _node_changed(obj [, callback])
- * @param {mixed} obj
- */
- _node_changed : function (obj) {
- obj = this.get_node(obj);
- if(obj) {
- this._model.changed.push(obj.id);
- }
- },
- /**
- * appends HTML content to the tree. Used internally.
- * @private
- * @name _append_html_data(obj, data)
- * @param {mixed} obj the node to append to
- * @param {String} data the HTML string to parse and append
- * @trigger model.jstree, changed.jstree
- */
- _append_html_data : function (dom, data, cb) {
- dom = this.get_node(dom);
- dom.children = [];
- dom.children_d = [];
- var dat = data.is('ul') ? data.children() : data,
- par = dom.id,
- chd = [],
- dpc = [],
- m = this._model.data,
- p = m[par],
- s = this._data.core.selected.length,
- tmp, i, j;
- dat.each($.proxy(function (i, v) {
- tmp = this._parse_model_from_html($(v), par, p.parents.concat());
- if(tmp) {
- chd.push(tmp);
- dpc.push(tmp);
- if(m[tmp].children_d.length) {
- dpc = dpc.concat(m[tmp].children_d);
- }
- }
- }, this));
- p.children = chd;
- p.children_d = dpc;
- for(i = 0, j = p.parents.length; i < j; i++) {
- m[p.parents[i]].children_d = m[p.parents[i]].children_d.concat(dpc);
- }
- /**
- * triggered when new data is inserted to the tree model
- * @event
- * @name model.jstree
- * @param {Array} nodes an array of node IDs
- * @param {String} parent the parent ID of the nodes
- */
- this.trigger('model', { "nodes" : dpc, 'parent' : par });
- if(par !== $.jstree.root) {
- this._node_changed(par);
- this.redraw();
- }
- else {
- this.get_container_ul().children('.jstree-initial-node').remove();
- this.redraw(true);
- }
- if(this._data.core.selected.length !== s) {
- this.trigger('changed', { 'action' : 'model', 'selected' : this._data.core.selected });
- }
- cb.call(this, true);
- },
- /**
- * appends JSON content to the tree. Used internally.
- * @private
- * @name _append_json_data(obj, data)
- * @param {mixed} obj the node to append to
- * @param {String} data the JSON object to parse and append
- * @param {Boolean} force_processing internal param - do not set
- * @trigger model.jstree, changed.jstree
- */
- _append_json_data : function (dom, data, cb, force_processing) {
- if(this.element === null) { return; }
- dom = this.get_node(dom);
- dom.children = [];
- dom.children_d = [];
- // *%$@!!!
- if(data.d) {
- data = data.d;
- if(typeof data === "string") {
- data = JSON.parse(data);
- }
- }
- if(!$.isArray(data)) { data = [data]; }
- var w = null,
- args = {
- 'df' : this._model.default_state,
- 'dat' : data,
- 'par' : dom.id,
- 'm' : this._model.data,
- 't_id' : this._id,
- 't_cnt' : this._cnt,
- 'sel' : this._data.core.selected
- },
- func = function (data, undefined) {
- if(data.data) { data = data.data; }
- var dat = data.dat,
- par = data.par,
- chd = [],
- dpc = [],
- add = [],
- df = data.df,
- t_id = data.t_id,
- t_cnt = data.t_cnt,
- m = data.m,
- p = m[par],
- sel = data.sel,
- tmp, i, j, rslt,
- parse_flat = function (d, p, ps) {
- if(!ps) { ps = []; }
- else { ps = ps.concat(); }
- if(p) { ps.unshift(p); }
- var tid = d.id.toString(),
- i, j, c, e,
- tmp = {
- id : tid,
- text : d.text || '',
- icon : d.icon !== undefined ? d.icon : true,
- parent : p,
- parents : ps,
- children : d.children || [],
- children_d : d.children_d || [],
- data : d.data,
- state : { },
- li_attr : { id : false },
- a_attr : { href : '#' },
- original : false
- };
- for(i in df) {
- if(df.hasOwnProperty(i)) {
- tmp.state[i] = df[i];
- }
- }
- if(d && d.data && d.data.jstree && d.data.jstree.icon) {
- tmp.icon = d.data.jstree.icon;
- }
- if(tmp.icon === undefined || tmp.icon === null || tmp.icon === "") {
- tmp.icon = true;
- }
- if(d && d.data) {
- tmp.data = d.data;
- if(d.data.jstree) {
- for(i in d.data.jstree) {
- if(d.data.jstree.hasOwnProperty(i)) {
- tmp.state[i] = d.data.jstree[i];
- }
- }
- }
- }
- if(d && typeof d.state === 'object') {
- for (i in d.state) {
- if(d.state.hasOwnProperty(i)) {
- tmp.state[i] = d.state[i];
- }
- }
- }
- if(d && typeof d.li_attr === 'object') {
- for (i in d.li_attr) {
- if(d.li_attr.hasOwnProperty(i)) {
- tmp.li_attr[i] = d.li_attr[i];
- }
- }
- }
- if(!tmp.li_attr.id) {
- tmp.li_attr.id = tid;
- }
- if(d && typeof d.a_attr === 'object') {
- for (i in d.a_attr) {
- if(d.a_attr.hasOwnProperty(i)) {
- tmp.a_attr[i] = d.a_attr[i];
- }
- }
- }
- if(d && d.children && d.children === true) {
- tmp.state.loaded = false;
- tmp.children = [];
- tmp.children_d = [];
- }
- m[tmp.id] = tmp;
- for(i = 0, j = tmp.children.length; i < j; i++) {
- c = parse_flat(m[tmp.children[i]], tmp.id, ps);
- e = m[c];
- tmp.children_d.push(c);
- if(e.children_d.length) {
- tmp.children_d = tmp.children_d.concat(e.children_d);
- }
- }
- delete d.data;
- delete d.children;
- m[tmp.id].original = d;
- if(tmp.state.selected) {
- add.push(tmp.id);
- }
- return tmp.id;
- },
- parse_nest = function (d, p, ps) {
- if(!ps) { ps = []; }
- else { ps = ps.concat(); }
- if(p) { ps.unshift(p); }
- var tid = false, i, j, c, e, tmp;
- do {
- tid = 'j' + t_id + '_' + (++t_cnt);
- } while(m[tid]);
-
- tmp = {
- id : false,
- text : typeof d === 'string' ? d : '',
- icon : typeof d === 'object' && d.icon !== undefined ? d.icon : true,
- parent : p,
- parents : ps,
- children : [],
- children_d : [],
- data : null,
- state : { },
- li_attr : { id : false },
- a_attr : { href : '#' },
- original : false
- };
- for(i in df) {
- if(df.hasOwnProperty(i)) {
- tmp.state[i] = df[i];
- }
- }
- if(d && d.id) { tmp.id = d.id.toString(); }
- if(d && d.text) { tmp.text = d.text; }
- if(d && d.data && d.data.jstree && d.data.jstree.icon) {
- tmp.icon = d.data.jstree.icon;
- }
- if(tmp.icon === undefined || tmp.icon === null || tmp.icon === "") {
- tmp.icon = true;
- }
- if(d && d.data) {
- tmp.data = d.data;
- if(d.data.jstree) {
- for(i in d.data.jstree) {
- if(d.data.jstree.hasOwnProperty(i)) {
- tmp.state[i] = d.data.jstree[i];
- }
- }
- }
- }
- if(d && typeof d.state === 'object') {
- for (i in d.state) {
- if(d.state.hasOwnProperty(i)) {
- tmp.state[i] = d.state[i];
- }
- }
- }
- if(d && typeof d.li_attr === 'object') {
- for (i in d.li_attr) {
- if(d.li_attr.hasOwnProperty(i)) {
- tmp.li_attr[i] = d.li_attr[i];
- }
- }
- }
- if(tmp.li_attr.id && !tmp.id) {
- tmp.id = tmp.li_attr.id.toString();
- }
- if(!tmp.id) {
- tmp.id = tid;
- }
- if(!tmp.li_attr.id) {
- tmp.li_attr.id = tmp.id;
- }
- if(d && typeof d.a_attr === 'object') {
- for (i in d.a_attr) {
- if(d.a_attr.hasOwnProperty(i)) {
- tmp.a_attr[i] = d.a_attr[i];
- }
- }
- }
- if(d && d.children && d.children.length) {
- for(i = 0, j = d.children.length; i < j; i++) {
- c = parse_nest(d.children[i], tmp.id, ps);
- e = m[c];
- tmp.children.push(c);
- if(e.children_d.length) {
- tmp.children_d = tmp.children_d.concat(e.children_d);
- }
- }
- tmp.children_d = tmp.children_d.concat(tmp.children);
- }
- if(d && d.children && d.children === true) {
- tmp.state.loaded = false;
- tmp.children = [];
- tmp.children_d = [];
- }
- delete d.data;
- delete d.children;
- tmp.original = d;
- m[tmp.id] = tmp;
- if(tmp.state.selected) {
- add.push(tmp.id);
- }
- return tmp.id;
- };
-
- if(dat.length && dat[0].id !== undefined && dat[0].parent !== undefined) {
- // Flat JSON support (for easy import from DB):
- // 1) convert to object (foreach)
- for(i = 0, j = dat.length; i < j; i++) {
- if(!dat[i].children) {
- dat[i].children = [];
- }
- m[dat[i].id.toString()] = dat[i];
- }
- // 2) populate children (foreach)
- for(i = 0, j = dat.length; i < j; i++) {
- m[dat[i].parent.toString()].children.push(dat[i].id.toString());
- // populate parent.children_d
- p.children_d.push(dat[i].id.toString());
- }
- // 3) normalize && populate parents and children_d with recursion
- for(i = 0, j = p.children.length; i < j; i++) {
- tmp = parse_flat(m[p.children[i]], par, p.parents.concat());
- dpc.push(tmp);
- if(m[tmp].children_d.length) {
- dpc = dpc.concat(m[tmp].children_d);
- }
- }
- for(i = 0, j = p.parents.length; i < j; i++) {
- m[p.parents[i]].children_d = m[p.parents[i]].children_d.concat(dpc);
- }
- // ?) three_state selection - p.state.selected && t - (if three_state foreach(dat => ch) -> foreach(parents) if(parent.selected) child.selected = true;
- rslt = {
- 'cnt' : t_cnt,
- 'mod' : m,
- 'sel' : sel,
- 'par' : par,
- 'dpc' : dpc,
- 'add' : add
- };
- }
- else {
- for(i = 0, j = dat.length; i < j; i++) {
- tmp = parse_nest(dat[i], par, p.parents.concat());
- if(tmp) {
- chd.push(tmp);
- dpc.push(tmp);
- if(m[tmp].children_d.length) {
- dpc = dpc.concat(m[tmp].children_d);
- }
- }
- }
- p.children = chd;
- p.children_d = dpc;
- for(i = 0, j = p.parents.length; i < j; i++) {
- m[p.parents[i]].children_d = m[p.parents[i]].children_d.concat(dpc);
- }
- rslt = {
- 'cnt' : t_cnt,
- 'mod' : m,
- 'sel' : sel,
- 'par' : par,
- 'dpc' : dpc,
- 'add' : add
- };
- }
- if(typeof window === 'undefined' || typeof window.document === 'undefined') {
- postMessage(rslt);
- }
- else {
- return rslt;
- }
- },
- rslt = function (rslt, worker) {
- if(this.element === null) { return; }
- this._cnt = rslt.cnt;
- var i, m = this._model.data;
- for (i in m) {
- if (m.hasOwnProperty(i) && m[i].state && m[i].state.loading && rslt.mod[i]) {
- rslt.mod[i].state.loading = true;
- }
- }
- this._model.data = rslt.mod; // breaks the reference in load_node - careful
-
- if(worker) {
- var j, a = rslt.add, r = rslt.sel, s = this._data.core.selected.slice();
- m = this._model.data;
- // if selection was changed while calculating in worker
- if(r.length !== s.length || $.vakata.array_unique(r.concat(s)).length !== r.length) {
- // deselect nodes that are no longer selected
- for(i = 0, j = r.length; i < j; i++) {
- if($.inArray(r[i], a) === -1 && $.inArray(r[i], s) === -1) {
- m[r[i]].state.selected = false;
- }
- }
- // select nodes that were selected in the mean time
- for(i = 0, j = s.length; i < j; i++) {
- if($.inArray(s[i], r) === -1) {
- m[s[i]].state.selected = true;
- }
- }
- }
- }
- if(rslt.add.length) {
- this._data.core.selected = this._data.core.selected.concat(rslt.add);
- }
-
- this.trigger('model', { "nodes" : rslt.dpc, 'parent' : rslt.par });
-
- if(rslt.par !== $.jstree.root) {
- this._node_changed(rslt.par);
- this.redraw();
- }
- else {
- // this.get_container_ul().children('.jstree-initial-node').remove();
- this.redraw(true);
- }
- if(rslt.add.length) {
- this.trigger('changed', { 'action' : 'model', 'selected' : this._data.core.selected });
- }
- cb.call(this, true);
- };
- if(this.settings.core.worker && window.Blob && window.URL && window.Worker) {
- try {
- if(this._wrk === null) {
- this._wrk = window.URL.createObjectURL(
- new window.Blob(
- ['self.onmessage = ' + func.toString()],
- {type:"text/javascript"}
- )
- );
- }
- if(!this._data.core.working || force_processing) {
- this._data.core.working = true;
- w = new window.Worker(this._wrk);
- w.onmessage = $.proxy(function (e) {
- rslt.call(this, e.data, true);
- try { w.terminate(); w = null; } catch(ignore) { }
- if(this._data.core.worker_queue.length) {
- this._append_json_data.apply(this, this._data.core.worker_queue.shift());
- }
- else {
- this._data.core.working = false;
- }
- }, this);
- if(!args.par) {
- if(this._data.core.worker_queue.length) {
- this._append_json_data.apply(this, this._data.core.worker_queue.shift());
- }
- else {
- this._data.core.working = false;
- }
- }
- else {
- w.postMessage(args);
- }
- }
- else {
- this._data.core.worker_queue.push([dom, data, cb, true]);
- }
- }
- catch(e) {
- rslt.call(this, func(args), false);
- if(this._data.core.worker_queue.length) {
- this._append_json_data.apply(this, this._data.core.worker_queue.shift());
- }
- else {
- this._data.core.working = false;
- }
- }
- }
- else {
- rslt.call(this, func(args), false);
- }
- },
- /**
- * parses a node from a jQuery object and appends them to the in memory tree model. Used internally.
- * @private
- * @name _parse_model_from_html(d [, p, ps])
- * @param {jQuery} d the jQuery object to parse
- * @param {String} p the parent ID
- * @param {Array} ps list of all parents
- * @return {String} the ID of the object added to the model
- */
- _parse_model_from_html : function (d, p, ps) {
- if(!ps) { ps = []; }
- else { ps = [].concat(ps); }
- if(p) { ps.unshift(p); }
- var c, e, m = this._model.data,
- data = {
- id : false,
- text : false,
- icon : true,
- parent : p,
- parents : ps,
- children : [],
- children_d : [],
- data : null,
- state : { },
- li_attr : { id : false },
- a_attr : { href : '#' },
- original : false
- }, i, tmp, tid;
- for(i in this._model.default_state) {
- if(this._model.default_state.hasOwnProperty(i)) {
- data.state[i] = this._model.default_state[i];
- }
- }
- tmp = $.vakata.attributes(d, true);
- $.each(tmp, function (i, v) {
- v = $.trim(v);
- if(!v.length) { return true; }
- data.li_attr[i] = v;
- if(i === 'id') {
- data.id = v.toString();
- }
- });
- tmp = d.children('a').first();
- if(tmp.length) {
- tmp = $.vakata.attributes(tmp, true);
- $.each(tmp, function (i, v) {
- v = $.trim(v);
- if(v.length) {
- data.a_attr[i] = v;
- }
- });
- }
- tmp = d.children("a").first().length ? d.children("a").first().clone() : d.clone();
- tmp.children("ins, i, ul").remove();
- tmp = tmp.html();
- tmp = $('').html(tmp);
- data.text = this.settings.core.force_text ? tmp.text() : tmp.html();
- tmp = d.data();
- data.data = tmp ? $.extend(true, {}, tmp) : null;
- data.state.opened = d.hasClass('jstree-open');
- data.state.selected = d.children('a').hasClass('jstree-clicked');
- data.state.disabled = d.children('a').hasClass('jstree-disabled');
- if(data.data && data.data.jstree) {
- for(i in data.data.jstree) {
- if(data.data.jstree.hasOwnProperty(i)) {
- data.state[i] = data.data.jstree[i];
- }
- }
- }
- tmp = d.children("a").children(".jstree-themeicon");
- if(tmp.length) {
- data.icon = tmp.hasClass('jstree-themeicon-hidden') ? false : tmp.attr('rel');
- }
- if(data.state.icon !== undefined) {
- data.icon = data.state.icon;
- }
- if(data.icon === undefined || data.icon === null || data.icon === "") {
- data.icon = true;
- }
- tmp = d.children("ul").children("li");
- do {
- tid = 'j' + this._id + '_' + (++this._cnt);
- } while(m[tid]);
- data.id = data.li_attr.id ? data.li_attr.id.toString() : tid;
- if(tmp.length) {
- tmp.each($.proxy(function (i, v) {
- c = this._parse_model_from_html($(v), data.id, ps);
- e = this._model.data[c];
- data.children.push(c);
- if(e.children_d.length) {
- data.children_d = data.children_d.concat(e.children_d);
- }
- }, this));
- data.children_d = data.children_d.concat(data.children);
- }
- else {
- if(d.hasClass('jstree-closed')) {
- data.state.loaded = false;
- }
- }
- if(data.li_attr['class']) {
- data.li_attr['class'] = data.li_attr['class'].replace('jstree-closed','').replace('jstree-open','');
- }
- if(data.a_attr['class']) {
- data.a_attr['class'] = data.a_attr['class'].replace('jstree-clicked','').replace('jstree-disabled','');
- }
- m[data.id] = data;
- if(data.state.selected) {
- this._data.core.selected.push(data.id);
- }
- return data.id;
- },
- /**
- * parses a node from a JSON object (used when dealing with flat data, which has no nesting of children, but has id and parent properties) and appends it to the in memory tree model. Used internally.
- * @private
- * @name _parse_model_from_flat_json(d [, p, ps])
- * @param {Object} d the JSON object to parse
- * @param {String} p the parent ID
- * @param {Array} ps list of all parents
- * @return {String} the ID of the object added to the model
- */
- _parse_model_from_flat_json : function (d, p, ps) {
- if(!ps) { ps = []; }
- else { ps = ps.concat(); }
- if(p) { ps.unshift(p); }
- var tid = d.id.toString(),
- m = this._model.data,
- df = this._model.default_state,
- i, j, c, e,
- tmp = {
- id : tid,
- text : d.text || '',
- icon : d.icon !== undefined ? d.icon : true,
- parent : p,
- parents : ps,
- children : d.children || [],
- children_d : d.children_d || [],
- data : d.data,
- state : { },
- li_attr : { id : false },
- a_attr : { href : '#' },
- original : false
- };
- for(i in df) {
- if(df.hasOwnProperty(i)) {
- tmp.state[i] = df[i];
- }
- }
- if(d && d.data && d.data.jstree && d.data.jstree.icon) {
- tmp.icon = d.data.jstree.icon;
- }
- if(tmp.icon === undefined || tmp.icon === null || tmp.icon === "") {
- tmp.icon = true;
- }
- if(d && d.data) {
- tmp.data = d.data;
- if(d.data.jstree) {
- for(i in d.data.jstree) {
- if(d.data.jstree.hasOwnProperty(i)) {
- tmp.state[i] = d.data.jstree[i];
- }
- }
- }
- }
- if(d && typeof d.state === 'object') {
- for (i in d.state) {
- if(d.state.hasOwnProperty(i)) {
- tmp.state[i] = d.state[i];
- }
- }
- }
- if(d && typeof d.li_attr === 'object') {
- for (i in d.li_attr) {
- if(d.li_attr.hasOwnProperty(i)) {
- tmp.li_attr[i] = d.li_attr[i];
- }
- }
- }
- if(!tmp.li_attr.id) {
- tmp.li_attr.id = tid;
- }
- if(d && typeof d.a_attr === 'object') {
- for (i in d.a_attr) {
- if(d.a_attr.hasOwnProperty(i)) {
- tmp.a_attr[i] = d.a_attr[i];
- }
- }
- }
- if(d && d.children && d.children === true) {
- tmp.state.loaded = false;
- tmp.children = [];
- tmp.children_d = [];
- }
- m[tmp.id] = tmp;
- for(i = 0, j = tmp.children.length; i < j; i++) {
- c = this._parse_model_from_flat_json(m[tmp.children[i]], tmp.id, ps);
- e = m[c];
- tmp.children_d.push(c);
- if(e.children_d.length) {
- tmp.children_d = tmp.children_d.concat(e.children_d);
- }
- }
- delete d.data;
- delete d.children;
- m[tmp.id].original = d;
- if(tmp.state.selected) {
- this._data.core.selected.push(tmp.id);
- }
- return tmp.id;
- },
- /**
- * parses a node from a JSON object and appends it to the in memory tree model. Used internally.
- * @private
- * @name _parse_model_from_json(d [, p, ps])
- * @param {Object} d the JSON object to parse
- * @param {String} p the parent ID
- * @param {Array} ps list of all parents
- * @return {String} the ID of the object added to the model
- */
- _parse_model_from_json : function (d, p, ps) {
- if(!ps) { ps = []; }
- else { ps = ps.concat(); }
- if(p) { ps.unshift(p); }
- var tid = false, i, j, c, e, m = this._model.data, df = this._model.default_state, tmp;
- do {
- tid = 'j' + this._id + '_' + (++this._cnt);
- } while(m[tid]);
-
- tmp = {
- id : false,
- text : typeof d === 'string' ? d : '',
- icon : typeof d === 'object' && d.icon !== undefined ? d.icon : true,
- parent : p,
- parents : ps,
- children : [],
- children_d : [],
- data : null,
- state : { },
- li_attr : { id : false },
- a_attr : { href : '#' },
- original : false
- };
- for(i in df) {
- if(df.hasOwnProperty(i)) {
- tmp.state[i] = df[i];
- }
- }
- if(d && d.id) { tmp.id = d.id.toString(); }
- if(d && d.text) { tmp.text = d.text; }
- if(d && d.data && d.data.jstree && d.data.jstree.icon) {
- tmp.icon = d.data.jstree.icon;
- }
- if(tmp.icon === undefined || tmp.icon === null || tmp.icon === "") {
- tmp.icon = true;
- }
- if(d && d.data) {
- tmp.data = d.data;
- if(d.data.jstree) {
- for(i in d.data.jstree) {
- if(d.data.jstree.hasOwnProperty(i)) {
- tmp.state[i] = d.data.jstree[i];
- }
- }
- }
- }
- if(d && typeof d.state === 'object') {
- for (i in d.state) {
- if(d.state.hasOwnProperty(i)) {
- tmp.state[i] = d.state[i];
- }
- }
- }
- if(d && typeof d.li_attr === 'object') {
- for (i in d.li_attr) {
- if(d.li_attr.hasOwnProperty(i)) {
- tmp.li_attr[i] = d.li_attr[i];
- }
- }
- }
- if(tmp.li_attr.id && !tmp.id) {
- tmp.id = tmp.li_attr.id.toString();
- }
- if(!tmp.id) {
- tmp.id = tid;
- }
- if(!tmp.li_attr.id) {
- tmp.li_attr.id = tmp.id;
- }
- if(d && typeof d.a_attr === 'object') {
- for (i in d.a_attr) {
- if(d.a_attr.hasOwnProperty(i)) {
- tmp.a_attr[i] = d.a_attr[i];
- }
- }
- }
- if(d && d.children && d.children.length) {
- for(i = 0, j = d.children.length; i < j; i++) {
- c = this._parse_model_from_json(d.children[i], tmp.id, ps);
- e = m[c];
- tmp.children.push(c);
- if(e.children_d.length) {
- tmp.children_d = tmp.children_d.concat(e.children_d);
- }
- }
- tmp.children_d = tmp.children_d.concat(tmp.children);
- }
- if(d && d.children && d.children === true) {
- tmp.state.loaded = false;
- tmp.children = [];
- tmp.children_d = [];
- }
- delete d.data;
- delete d.children;
- tmp.original = d;
- m[tmp.id] = tmp;
- if(tmp.state.selected) {
- this._data.core.selected.push(tmp.id);
- }
- return tmp.id;
- },
- /**
- * redraws all nodes that need to be redrawn. Used internally.
- * @private
- * @name _redraw()
- * @trigger redraw.jstree
- */
- _redraw : function () {
- var nodes = this._model.force_full_redraw ? this._model.data[$.jstree.root].children.concat([]) : this._model.changed.concat([]),
- f = document.createElement('UL'), tmp, i, j, fe = this._data.core.focused;
- for(i = 0, j = nodes.length; i < j; i++) {
- tmp = this.redraw_node(nodes[i], true, this._model.force_full_redraw);
- if(tmp && this._model.force_full_redraw) {
- f.appendChild(tmp);
- }
- }
- if(this._model.force_full_redraw) {
- f.className = this.get_container_ul()[0].className;
- f.setAttribute('role','group');
- this.element.empty().append(f);
- //this.get_container_ul()[0].appendChild(f);
- }
- if(fe !== null) {
- tmp = this.get_node(fe, true);
- if(tmp && tmp.length && tmp.children('.jstree-anchor')[0] !== document.activeElement) {
- tmp.children('.jstree-anchor').focus();
- }
- else {
- this._data.core.focused = null;
- }
- }
- this._model.force_full_redraw = false;
- this._model.changed = [];
- /**
- * triggered after nodes are redrawn
- * @event
- * @name redraw.jstree
- * @param {array} nodes the redrawn nodes
- */
- this.trigger('redraw', { "nodes" : nodes });
- },
- /**
- * redraws all nodes that need to be redrawn or optionally - the whole tree
- * @name redraw([full])
- * @param {Boolean} full if set to `true` all nodes are redrawn.
- */
- redraw : function (full) {
- if(full) {
- this._model.force_full_redraw = true;
- }
- //if(this._model.redraw_timeout) {
- // clearTimeout(this._model.redraw_timeout);
- //}
- //this._model.redraw_timeout = setTimeout($.proxy(this._redraw, this),0);
- this._redraw();
- },
- /**
- * redraws a single node's children. Used internally.
- * @private
- * @name draw_children(node)
- * @param {mixed} node the node whose children will be redrawn
- */
- draw_children : function (node) {
- var obj = this.get_node(node),
- i = false,
- j = false,
- k = false,
- d = document;
- if(!obj) { return false; }
- if(obj.id === $.jstree.root) { return this.redraw(true); }
- node = this.get_node(node, true);
- if(!node || !node.length) { return false; } // TODO: quick toggle
-
- node.children('.jstree-children').remove();
- node = node[0];
- if(obj.children.length && obj.state.loaded) {
- k = d.createElement('UL');
- k.setAttribute('role', 'group');
- k.className = 'jstree-children';
- for(i = 0, j = obj.children.length; i < j; i++) {
- k.appendChild(this.redraw_node(obj.children[i], true, true));
- }
- node.appendChild(k);
- }
- },
- /**
- * redraws a single node. Used internally.
- * @private
- * @name redraw_node(node, deep, is_callback, force_render)
- * @param {mixed} node the node to redraw
- * @param {Boolean} deep should child nodes be redrawn too
- * @param {Boolean} is_callback is this a recursion call
- * @param {Boolean} force_render should children of closed parents be drawn anyway
- */
- redraw_node : function (node, deep, is_callback, force_render) {
- var obj = this.get_node(node),
- par = false,
- ind = false,
- old = false,
- i = false,
- j = false,
- k = false,
- c = '',
- d = document,
- m = this._model.data,
- f = false,
- s = false,
- tmp = null,
- t = 0,
- l = 0,
- has_children = false,
- last_sibling = false;
- if(!obj) { return false; }
- if(obj.id === $.jstree.root) { return this.redraw(true); }
- deep = deep || obj.children.length === 0;
- node = !document.querySelector ? document.getElementById(obj.id) : this.element[0].querySelector('#' + ("0123456789".indexOf(obj.id[0]) !== -1 ? '\\3' + obj.id[0] + ' ' + obj.id.substr(1).replace($.jstree.idregex,'\\$&') : obj.id.replace($.jstree.idregex,'\\$&')) ); //, this.element);
- if(!node) {
- deep = true;
- //node = d.createElement('LI');
- if(!is_callback) {
- par = obj.parent !== $.jstree.root ? $('#' + obj.parent.replace($.jstree.idregex,'\\$&'), this.element)[0] : null;
- if(par !== null && (!par || !m[obj.parent].state.opened)) {
- return false;
- }
- ind = $.inArray(obj.id, par === null ? m[$.jstree.root].children : m[obj.parent].children);
- }
- }
- else {
- node = $(node);
- if(!is_callback) {
- par = node.parent().parent()[0];
- if(par === this.element[0]) {
- par = null;
- }
- ind = node.index();
- }
- // m[obj.id].data = node.data(); // use only node's data, no need to touch jquery storage
- if(!deep && obj.children.length && !node.children('.jstree-children').length) {
- deep = true;
- }
- if(!deep) {
- old = node.children('.jstree-children')[0];
- }
- f = node.children('.jstree-anchor')[0] === document.activeElement;
- node.remove();
- //node = d.createElement('LI');
- //node = node[0];
- }
- node = this._data.core.node.cloneNode(true);
- // node is DOM, deep is boolean
-
- c = 'jstree-node ';
- for(i in obj.li_attr) {
- if(obj.li_attr.hasOwnProperty(i)) {
- if(i === 'id') { continue; }
- if(i !== 'class') {
- node.setAttribute(i, obj.li_attr[i]);
- }
- else {
- c += obj.li_attr[i];
- }
- }
- }
- if(!obj.a_attr.id) {
- obj.a_attr.id = obj.id + '_anchor';
- }
- node.setAttribute('aria-selected', !!obj.state.selected);
- node.setAttribute('aria-level', obj.parents.length);
- node.setAttribute('aria-labelledby', obj.a_attr.id);
- if(obj.state.disabled) {
- node.setAttribute('aria-disabled', true);
- }
-
- for(i = 0, j = obj.children.length; i < j; i++) {
- if(!m[obj.children[i]].state.hidden) {
- has_children = true;
- break;
- }
- }
- if(obj.parent !== null && m[obj.parent] && !obj.state.hidden) {
- i = $.inArray(obj.id, m[obj.parent].children);
- last_sibling = obj.id;
- if(i !== -1) {
- i++;
- for(j = m[obj.parent].children.length; i < j; i++) {
- if(!m[m[obj.parent].children[i]].state.hidden) {
- last_sibling = m[obj.parent].children[i];
- }
- if(last_sibling !== obj.id) {
- break;
- }
- }
- }
- }
-
- if(obj.state.hidden) {
- c += ' jstree-hidden';
- }
- if(obj.state.loaded && !has_children) {
- c += ' jstree-leaf';
- }
- else {
- c += obj.state.opened && obj.state.loaded ? ' jstree-open' : ' jstree-closed';
- node.setAttribute('aria-expanded', (obj.state.opened && obj.state.loaded) );
- }
- if(last_sibling === obj.id) {
- c += ' jstree-last';
- }
- node.id = obj.id;
- node.className = c;
- c = ( obj.state.selected ? ' jstree-clicked' : '') + ( obj.state.disabled ? ' jstree-disabled' : '');
- for(j in obj.a_attr) {
- if(obj.a_attr.hasOwnProperty(j)) {
- if(j === 'href' && obj.a_attr[j] === '#') { continue; }
- if(j !== 'class') {
- node.childNodes[1].setAttribute(j, obj.a_attr[j]);
- }
- else {
- c += ' ' + obj.a_attr[j];
- }
- }
- }
- if(c.length) {
- node.childNodes[1].className = 'jstree-anchor ' + c;
- }
- if((obj.icon && obj.icon !== true) || obj.icon === false) {
- if(obj.icon === false) {
- node.childNodes[1].childNodes[0].className += ' jstree-themeicon-hidden';
- }
- else if(obj.icon.indexOf('/') === -1 && obj.icon.indexOf('.') === -1) {
- node.childNodes[1].childNodes[0].className += ' ' + obj.icon + ' jstree-themeicon-custom';
- }
- else {
- node.childNodes[1].childNodes[0].style.backgroundImage = 'url("'+obj.icon+'")';
- node.childNodes[1].childNodes[0].style.backgroundPosition = 'center center';
- node.childNodes[1].childNodes[0].style.backgroundSize = 'auto';
- node.childNodes[1].childNodes[0].className += ' jstree-themeicon-custom';
- }
- }
-
- if(this.settings.core.force_text) {
- node.childNodes[1].appendChild(d.createTextNode(obj.text));
- }
- else {
- node.childNodes[1].innerHTML += obj.text;
- }
-
-
- if(deep && obj.children.length && (obj.state.opened || force_render) && obj.state.loaded) {
- k = d.createElement('UL');
- k.setAttribute('role', 'group');
- k.className = 'jstree-children';
- for(i = 0, j = obj.children.length; i < j; i++) {
- k.appendChild(this.redraw_node(obj.children[i], deep, true));
- }
- node.appendChild(k);
- }
- if(old) {
- node.appendChild(old);
- }
- if(!is_callback) {
- // append back using par / ind
- if(!par) {
- par = this.element[0];
- }
- for(i = 0, j = par.childNodes.length; i < j; i++) {
- if(par.childNodes[i] && par.childNodes[i].className && par.childNodes[i].className.indexOf('jstree-children') !== -1) {
- tmp = par.childNodes[i];
- break;
- }
- }
- if(!tmp) {
- tmp = d.createElement('UL');
- tmp.setAttribute('role', 'group');
- tmp.className = 'jstree-children';
- par.appendChild(tmp);
- }
- par = tmp;
-
- if(ind < par.childNodes.length) {
- par.insertBefore(node, par.childNodes[ind]);
- }
- else {
- par.appendChild(node);
- }
- if(f) {
- t = this.element[0].scrollTop;
- l = this.element[0].scrollLeft;
- node.childNodes[1].focus();
- this.element[0].scrollTop = t;
- this.element[0].scrollLeft = l;
- }
- }
- if(obj.state.opened && !obj.state.loaded) {
- obj.state.opened = false;
- setTimeout($.proxy(function () {
- this.open_node(obj.id, false, 0);
- }, this), 0);
- }
- return node;
- },
- /**
- * opens a node, revaling its children. If the node is not loaded it will be loaded and opened once ready.
- * @name open_node(obj [, callback, animation])
- * @param {mixed} obj the node to open
- * @param {Function} callback a function to execute once the node is opened
- * @param {Number} animation the animation duration in milliseconds when opening the node (overrides the `core.animation` setting). Use `false` for no animation.
- * @trigger open_node.jstree, after_open.jstree, before_open.jstree
- */
- open_node : function (obj, callback, animation) {
- var t1, t2, d, t;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.open_node(obj[t1], callback, animation);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- animation = animation === undefined ? this.settings.core.animation : animation;
- if(!this.is_closed(obj)) {
- if(callback) {
- callback.call(this, obj, false);
- }
- return false;
- }
- if(!this.is_loaded(obj)) {
- if(this.is_loading(obj)) {
- return setTimeout($.proxy(function () {
- this.open_node(obj, callback, animation);
- }, this), 500);
- }
- this.load_node(obj, function (o, ok) {
- return ok ? this.open_node(o, callback, animation) : (callback ? callback.call(this, o, false) : false);
- });
- }
- else {
- d = this.get_node(obj, true);
- t = this;
- if(d.length) {
- if(animation && d.children(".jstree-children").length) {
- d.children(".jstree-children").stop(true, true);
- }
- if(obj.children.length && !this._firstChild(d.children('.jstree-children')[0])) {
- this.draw_children(obj);
- //d = this.get_node(obj, true);
- }
- if(!animation) {
- this.trigger('before_open', { "node" : obj });
- d[0].className = d[0].className.replace('jstree-closed', 'jstree-open');
- d[0].setAttribute("aria-expanded", true);
- }
- else {
- this.trigger('before_open', { "node" : obj });
- d
- .children(".jstree-children").css("display","none").end()
- .removeClass("jstree-closed").addClass("jstree-open").attr("aria-expanded", true)
- .children(".jstree-children").stop(true, true)
- .slideDown(animation, function () {
- this.style.display = "";
- if (t.element) {
- t.trigger("after_open", { "node" : obj });
- }
- });
- }
- }
- obj.state.opened = true;
- if(callback) {
- callback.call(this, obj, true);
- }
- if(!d.length) {
- /**
- * triggered when a node is about to be opened (if the node is supposed to be in the DOM, it will be, but it won't be visible yet)
- * @event
- * @name before_open.jstree
- * @param {Object} node the opened node
- */
- this.trigger('before_open', { "node" : obj });
- }
- /**
- * triggered when a node is opened (if there is an animation it will not be completed yet)
- * @event
- * @name open_node.jstree
- * @param {Object} node the opened node
- */
- this.trigger('open_node', { "node" : obj });
- if(!animation || !d.length) {
- /**
- * triggered when a node is opened and the animation is complete
- * @event
- * @name after_open.jstree
- * @param {Object} node the opened node
- */
- this.trigger("after_open", { "node" : obj });
- }
- return true;
- }
- },
- /**
- * opens every parent of a node (node should be loaded)
- * @name _open_to(obj)
- * @param {mixed} obj the node to reveal
- * @private
- */
- _open_to : function (obj) {
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- var i, j, p = obj.parents;
- for(i = 0, j = p.length; i < j; i+=1) {
- if(i !== $.jstree.root) {
- this.open_node(p[i], false, 0);
- }
- }
- return $('#' + obj.id.replace($.jstree.idregex,'\\$&'), this.element);
- },
- /**
- * closes a node, hiding its children
- * @name close_node(obj [, animation])
- * @param {mixed} obj the node to close
- * @param {Number} animation the animation duration in milliseconds when closing the node (overrides the `core.animation` setting). Use `false` for no animation.
- * @trigger close_node.jstree, after_close.jstree
- */
- close_node : function (obj, animation) {
- var t1, t2, t, d;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.close_node(obj[t1], animation);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- if(this.is_closed(obj)) {
- return false;
- }
- animation = animation === undefined ? this.settings.core.animation : animation;
- t = this;
- d = this.get_node(obj, true);
-
- obj.state.opened = false;
- /**
- * triggered when a node is closed (if there is an animation it will not be complete yet)
- * @event
- * @name close_node.jstree
- * @param {Object} node the closed node
- */
- this.trigger('close_node',{ "node" : obj });
- if(!d.length) {
- /**
- * triggered when a node is closed and the animation is complete
- * @event
- * @name after_close.jstree
- * @param {Object} node the closed node
- */
- this.trigger("after_close", { "node" : obj });
- }
- else {
- if(!animation) {
- d[0].className = d[0].className.replace('jstree-open', 'jstree-closed');
- d.attr("aria-expanded", false).children('.jstree-children').remove();
- this.trigger("after_close", { "node" : obj });
- }
- else {
- d
- .children(".jstree-children").attr("style","display:block !important").end()
- .removeClass("jstree-open").addClass("jstree-closed").attr("aria-expanded", false)
- .children(".jstree-children").stop(true, true).slideUp(animation, function () {
- this.style.display = "";
- d.children('.jstree-children').remove();
- if (t.element) {
- t.trigger("after_close", { "node" : obj });
- }
- });
- }
- }
- },
- /**
- * toggles a node - closing it if it is open, opening it if it is closed
- * @name toggle_node(obj)
- * @param {mixed} obj the node to toggle
- */
- toggle_node : function (obj) {
- var t1, t2;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.toggle_node(obj[t1]);
- }
- return true;
- }
- if(this.is_closed(obj)) {
- return this.open_node(obj);
- }
- if(this.is_open(obj)) {
- return this.close_node(obj);
- }
- },
- /**
- * opens all nodes within a node (or the tree), revaling their children. If the node is not loaded it will be loaded and opened once ready.
- * @name open_all([obj, animation, original_obj])
- * @param {mixed} obj the node to open recursively, omit to open all nodes in the tree
- * @param {Number} animation the animation duration in milliseconds when opening the nodes, the default is no animation
- * @param {jQuery} reference to the node that started the process (internal use)
- * @trigger open_all.jstree
- */
- open_all : function (obj, animation, original_obj) {
- if(!obj) { obj = $.jstree.root; }
- obj = this.get_node(obj);
- if(!obj) { return false; }
- var dom = obj.id === $.jstree.root ? this.get_container_ul() : this.get_node(obj, true), i, j, _this;
- if(!dom.length) {
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- if(this.is_closed(this._model.data[obj.children_d[i]])) {
- this._model.data[obj.children_d[i]].state.opened = true;
- }
- }
- return this.trigger('open_all', { "node" : obj });
- }
- original_obj = original_obj || dom;
- _this = this;
- dom = this.is_closed(obj) ? dom.find('.jstree-closed').addBack() : dom.find('.jstree-closed');
- dom.each(function () {
- _this.open_node(
- this,
- function(node, status) { if(status && this.is_parent(node)) { this.open_all(node, animation, original_obj); } },
- animation || 0
- );
- });
- if(original_obj.find('.jstree-closed').length === 0) {
- /**
- * triggered when an `open_all` call completes
- * @event
- * @name open_all.jstree
- * @param {Object} node the opened node
- */
- this.trigger('open_all', { "node" : this.get_node(original_obj) });
- }
- },
- /**
- * closes all nodes within a node (or the tree), revaling their children
- * @name close_all([obj, animation])
- * @param {mixed} obj the node to close recursively, omit to close all nodes in the tree
- * @param {Number} animation the animation duration in milliseconds when closing the nodes, the default is no animation
- * @trigger close_all.jstree
- */
- close_all : function (obj, animation) {
- if(!obj) { obj = $.jstree.root; }
- obj = this.get_node(obj);
- if(!obj) { return false; }
- var dom = obj.id === $.jstree.root ? this.get_container_ul() : this.get_node(obj, true),
- _this = this, i, j;
- if(dom.length) {
- dom = this.is_open(obj) ? dom.find('.jstree-open').addBack() : dom.find('.jstree-open');
- $(dom.get().reverse()).each(function () { _this.close_node(this, animation || 0); });
- }
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- this._model.data[obj.children_d[i]].state.opened = false;
- }
- /**
- * triggered when an `close_all` call completes
- * @event
- * @name close_all.jstree
- * @param {Object} node the closed node
- */
- this.trigger('close_all', { "node" : obj });
- },
- /**
- * checks if a node is disabled (not selectable)
- * @name is_disabled(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_disabled : function (obj) {
- obj = this.get_node(obj);
- return obj && obj.state && obj.state.disabled;
- },
- /**
- * enables a node - so that it can be selected
- * @name enable_node(obj)
- * @param {mixed} obj the node to enable
- * @trigger enable_node.jstree
- */
- enable_node : function (obj) {
- var t1, t2;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.enable_node(obj[t1]);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- obj.state.disabled = false;
- this.get_node(obj,true).children('.jstree-anchor').removeClass('jstree-disabled').attr('aria-disabled', false);
- /**
- * triggered when an node is enabled
- * @event
- * @name enable_node.jstree
- * @param {Object} node the enabled node
- */
- this.trigger('enable_node', { 'node' : obj });
- },
- /**
- * disables a node - so that it can not be selected
- * @name disable_node(obj)
- * @param {mixed} obj the node to disable
- * @trigger disable_node.jstree
- */
- disable_node : function (obj) {
- var t1, t2;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.disable_node(obj[t1]);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- obj.state.disabled = true;
- this.get_node(obj,true).children('.jstree-anchor').addClass('jstree-disabled').attr('aria-disabled', true);
- /**
- * triggered when an node is disabled
- * @event
- * @name disable_node.jstree
- * @param {Object} node the disabled node
- */
- this.trigger('disable_node', { 'node' : obj });
- },
- /**
- * determines if a node is hidden
- * @name is_hidden(obj)
- * @param {mixed} obj the node
- */
- is_hidden : function (obj) {
- obj = this.get_node(obj);
- return obj.state.hidden === true;
- },
- /**
- * hides a node - it is still in the structure but will not be visible
- * @name hide_node(obj)
- * @param {mixed} obj the node to hide
- * @param {Boolean} skip_redraw internal parameter controlling if redraw is called
- * @trigger hide_node.jstree
- */
- hide_node : function (obj, skip_redraw) {
- var t1, t2;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.hide_node(obj[t1], true);
- }
- if (!skip_redraw) {
- this.redraw();
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- if(!obj.state.hidden) {
- obj.state.hidden = true;
- this._node_changed(obj.parent);
- if(!skip_redraw) {
- this.redraw();
- }
- /**
- * triggered when an node is hidden
- * @event
- * @name hide_node.jstree
- * @param {Object} node the hidden node
- */
- this.trigger('hide_node', { 'node' : obj });
- }
- },
- /**
- * shows a node
- * @name show_node(obj)
- * @param {mixed} obj the node to show
- * @param {Boolean} skip_redraw internal parameter controlling if redraw is called
- * @trigger show_node.jstree
- */
- show_node : function (obj, skip_redraw) {
- var t1, t2;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.show_node(obj[t1], true);
- }
- if (!skip_redraw) {
- this.redraw();
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- if(obj.state.hidden) {
- obj.state.hidden = false;
- this._node_changed(obj.parent);
- if(!skip_redraw) {
- this.redraw();
- }
- /**
- * triggered when an node is shown
- * @event
- * @name show_node.jstree
- * @param {Object} node the shown node
- */
- this.trigger('show_node', { 'node' : obj });
- }
- },
- /**
- * hides all nodes
- * @name hide_all()
- * @trigger hide_all.jstree
- */
- hide_all : function (skip_redraw) {
- var i, m = this._model.data, ids = [];
- for(i in m) {
- if(m.hasOwnProperty(i) && i !== $.jstree.root && !m[i].state.hidden) {
- m[i].state.hidden = true;
- ids.push(i);
- }
- }
- this._model.force_full_redraw = true;
- if(!skip_redraw) {
- this.redraw();
- }
- /**
- * triggered when all nodes are hidden
- * @event
- * @name hide_all.jstree
- * @param {Array} nodes the IDs of all hidden nodes
- */
- this.trigger('hide_all', { 'nodes' : ids });
- return ids;
- },
- /**
- * shows all nodes
- * @name show_all()
- * @trigger show_all.jstree
- */
- show_all : function (skip_redraw) {
- var i, m = this._model.data, ids = [];
- for(i in m) {
- if(m.hasOwnProperty(i) && i !== $.jstree.root && m[i].state.hidden) {
- m[i].state.hidden = false;
- ids.push(i);
- }
- }
- this._model.force_full_redraw = true;
- if(!skip_redraw) {
- this.redraw();
- }
- /**
- * triggered when all nodes are shown
- * @event
- * @name show_all.jstree
- * @param {Array} nodes the IDs of all shown nodes
- */
- this.trigger('show_all', { 'nodes' : ids });
- return ids;
- },
- /**
- * called when a node is selected by the user. Used internally.
- * @private
- * @name activate_node(obj, e)
- * @param {mixed} obj the node
- * @param {Object} e the related event
- * @trigger activate_node.jstree, changed.jstree
- */
- activate_node : function (obj, e) {
- if(this.is_disabled(obj)) {
- return false;
- }
- if(!e || typeof e !== 'object') {
- e = {};
- }
-
- // ensure last_clicked is still in the DOM, make it fresh (maybe it was moved?) and make sure it is still selected, if not - make last_clicked the last selected node
- this._data.core.last_clicked = this._data.core.last_clicked && this._data.core.last_clicked.id !== undefined ? this.get_node(this._data.core.last_clicked.id) : null;
- if(this._data.core.last_clicked && !this._data.core.last_clicked.state.selected) { this._data.core.last_clicked = null; }
- if(!this._data.core.last_clicked && this._data.core.selected.length) { this._data.core.last_clicked = this.get_node(this._data.core.selected[this._data.core.selected.length - 1]); }
-
- if(!this.settings.core.multiple || (!e.metaKey && !e.ctrlKey && !e.shiftKey) || (e.shiftKey && (!this._data.core.last_clicked || !this.get_parent(obj) || this.get_parent(obj) !== this._data.core.last_clicked.parent ) )) {
- if(!this.settings.core.multiple && (e.metaKey || e.ctrlKey || e.shiftKey) && this.is_selected(obj)) {
- this.deselect_node(obj, false, e);
- }
- else {
- this.deselect_all(true);
- this.select_node(obj, false, false, e);
- this._data.core.last_clicked = this.get_node(obj);
- }
- }
- else {
- if(e.shiftKey) {
- var o = this.get_node(obj).id,
- l = this._data.core.last_clicked.id,
- p = this.get_node(this._data.core.last_clicked.parent).children,
- c = false,
- i, j;
- for(i = 0, j = p.length; i < j; i += 1) {
- // separate IFs work whem o and l are the same
- if(p[i] === o) {
- c = !c;
- }
- if(p[i] === l) {
- c = !c;
- }
- if(!this.is_disabled(p[i]) && (c || p[i] === o || p[i] === l)) {
- if (!this.is_hidden(p[i])) {
- this.select_node(p[i], true, false, e);
- }
- }
- else {
- this.deselect_node(p[i], true, e);
- }
- }
- this.trigger('changed', { 'action' : 'select_node', 'node' : this.get_node(obj), 'selected' : this._data.core.selected, 'event' : e });
- }
- else {
- if(!this.is_selected(obj)) {
- this.select_node(obj, false, false, e);
- }
- else {
- this.deselect_node(obj, false, e);
- }
- }
- }
- /**
- * triggered when an node is clicked or intercated with by the user
- * @event
- * @name activate_node.jstree
- * @param {Object} node
- * @param {Object} event the ooriginal event (if any) which triggered the call (may be an empty object)
- */
- this.trigger('activate_node', { 'node' : this.get_node(obj), 'event' : e });
- },
- /**
- * applies the hover state on a node, called when a node is hovered by the user. Used internally.
- * @private
- * @name hover_node(obj)
- * @param {mixed} obj
- * @trigger hover_node.jstree
- */
- hover_node : function (obj) {
- obj = this.get_node(obj, true);
- if(!obj || !obj.length || obj.children('.jstree-hovered').length) {
- return false;
- }
- var o = this.element.find('.jstree-hovered'), t = this.element;
- if(o && o.length) { this.dehover_node(o); }
-
- obj.children('.jstree-anchor').addClass('jstree-hovered');
- /**
- * triggered when an node is hovered
- * @event
- * @name hover_node.jstree
- * @param {Object} node
- */
- this.trigger('hover_node', { 'node' : this.get_node(obj) });
- setTimeout(function () { t.attr('aria-activedescendant', obj[0].id); }, 0);
- },
- /**
- * removes the hover state from a nodecalled when a node is no longer hovered by the user. Used internally.
- * @private
- * @name dehover_node(obj)
- * @param {mixed} obj
- * @trigger dehover_node.jstree
- */
- dehover_node : function (obj) {
- obj = this.get_node(obj, true);
- if(!obj || !obj.length || !obj.children('.jstree-hovered').length) {
- return false;
- }
- obj.children('.jstree-anchor').removeClass('jstree-hovered');
- /**
- * triggered when an node is no longer hovered
- * @event
- * @name dehover_node.jstree
- * @param {Object} node
- */
- this.trigger('dehover_node', { 'node' : this.get_node(obj) });
- },
- /**
- * select a node
- * @name select_node(obj [, supress_event, prevent_open])
- * @param {mixed} obj an array can be used to select multiple nodes
- * @param {Boolean} supress_event if set to `true` the `changed.jstree` event won't be triggered
- * @param {Boolean} prevent_open if set to `true` parents of the selected node won't be opened
- * @trigger select_node.jstree, changed.jstree
- */
- select_node : function (obj, supress_event, prevent_open, e) {
- var dom, t1, t2, th;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.select_node(obj[t1], supress_event, prevent_open, e);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- dom = this.get_node(obj, true);
- if(!obj.state.selected) {
- obj.state.selected = true;
- this._data.core.selected.push(obj.id);
- if(!prevent_open) {
- dom = this._open_to(obj);
- }
- if(dom && dom.length) {
- dom.attr('aria-selected', true).children('.jstree-anchor').addClass('jstree-clicked');
- }
- /**
- * triggered when an node is selected
- * @event
- * @name select_node.jstree
- * @param {Object} node
- * @param {Array} selected the current selection
- * @param {Object} event the event (if any) that triggered this select_node
- */
- this.trigger('select_node', { 'node' : obj, 'selected' : this._data.core.selected, 'event' : e });
- if(!supress_event) {
- /**
- * triggered when selection changes
- * @event
- * @name changed.jstree
- * @param {Object} node
- * @param {Object} action the action that caused the selection to change
- * @param {Array} selected the current selection
- * @param {Object} event the event (if any) that triggered this changed event
- */
- this.trigger('changed', { 'action' : 'select_node', 'node' : obj, 'selected' : this._data.core.selected, 'event' : e });
- }
- }
- },
- /**
- * deselect a node
- * @name deselect_node(obj [, supress_event])
- * @param {mixed} obj an array can be used to deselect multiple nodes
- * @param {Boolean} supress_event if set to `true` the `changed.jstree` event won't be triggered
- * @trigger deselect_node.jstree, changed.jstree
- */
- deselect_node : function (obj, supress_event, e) {
- var t1, t2, dom;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.deselect_node(obj[t1], supress_event, e);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- dom = this.get_node(obj, true);
- if(obj.state.selected) {
- obj.state.selected = false;
- this._data.core.selected = $.vakata.array_remove_item(this._data.core.selected, obj.id);
- if(dom.length) {
- dom.attr('aria-selected', false).children('.jstree-anchor').removeClass('jstree-clicked');
- }
- /**
- * triggered when an node is deselected
- * @event
- * @name deselect_node.jstree
- * @param {Object} node
- * @param {Array} selected the current selection
- * @param {Object} event the event (if any) that triggered this deselect_node
- */
- this.trigger('deselect_node', { 'node' : obj, 'selected' : this._data.core.selected, 'event' : e });
- if(!supress_event) {
- this.trigger('changed', { 'action' : 'deselect_node', 'node' : obj, 'selected' : this._data.core.selected, 'event' : e });
- }
- }
- },
- /**
- * select all nodes in the tree
- * @name select_all([supress_event])
- * @param {Boolean} supress_event if set to `true` the `changed.jstree` event won't be triggered
- * @trigger select_all.jstree, changed.jstree
- */
- select_all : function (supress_event) {
- var tmp = this._data.core.selected.concat([]), i, j;
- this._data.core.selected = this._model.data[$.jstree.root].children_d.concat();
- for(i = 0, j = this._data.core.selected.length; i < j; i++) {
- if(this._model.data[this._data.core.selected[i]]) {
- this._model.data[this._data.core.selected[i]].state.selected = true;
- }
- }
- this.redraw(true);
- /**
- * triggered when all nodes are selected
- * @event
- * @name select_all.jstree
- * @param {Array} selected the current selection
- */
- this.trigger('select_all', { 'selected' : this._data.core.selected });
- if(!supress_event) {
- this.trigger('changed', { 'action' : 'select_all', 'selected' : this._data.core.selected, 'old_selection' : tmp });
- }
- },
- /**
- * deselect all selected nodes
- * @name deselect_all([supress_event])
- * @param {Boolean} supress_event if set to `true` the `changed.jstree` event won't be triggered
- * @trigger deselect_all.jstree, changed.jstree
- */
- deselect_all : function (supress_event) {
- var tmp = this._data.core.selected.concat([]), i, j;
- for(i = 0, j = this._data.core.selected.length; i < j; i++) {
- if(this._model.data[this._data.core.selected[i]]) {
- this._model.data[this._data.core.selected[i]].state.selected = false;
- }
- }
- this._data.core.selected = [];
- this.element.find('.jstree-clicked').removeClass('jstree-clicked').parent().attr('aria-selected', false);
- /**
- * triggered when all nodes are deselected
- * @event
- * @name deselect_all.jstree
- * @param {Object} node the previous selection
- * @param {Array} selected the current selection
- */
- this.trigger('deselect_all', { 'selected' : this._data.core.selected, 'node' : tmp });
- if(!supress_event) {
- this.trigger('changed', { 'action' : 'deselect_all', 'selected' : this._data.core.selected, 'old_selection' : tmp });
- }
- },
- /**
- * checks if a node is selected
- * @name is_selected(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- is_selected : function (obj) {
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- return obj.state.selected;
- },
- /**
- * get an array of all selected nodes
- * @name get_selected([full])
- * @param {mixed} full if set to `true` the returned array will consist of the full node objects, otherwise - only IDs will be returned
- * @return {Array}
- */
- get_selected : function (full) {
- return full ? $.map(this._data.core.selected, $.proxy(function (i) { return this.get_node(i); }, this)) : this._data.core.selected.slice();
- },
- /**
- * get an array of all top level selected nodes (ignoring children of selected nodes)
- * @name get_top_selected([full])
- * @param {mixed} full if set to `true` the returned array will consist of the full node objects, otherwise - only IDs will be returned
- * @return {Array}
- */
- get_top_selected : function (full) {
- var tmp = this.get_selected(true),
- obj = {}, i, j, k, l;
- for(i = 0, j = tmp.length; i < j; i++) {
- obj[tmp[i].id] = tmp[i];
- }
- for(i = 0, j = tmp.length; i < j; i++) {
- for(k = 0, l = tmp[i].children_d.length; k < l; k++) {
- if(obj[tmp[i].children_d[k]]) {
- delete obj[tmp[i].children_d[k]];
- }
- }
- }
- tmp = [];
- for(i in obj) {
- if(obj.hasOwnProperty(i)) {
- tmp.push(i);
- }
- }
- return full ? $.map(tmp, $.proxy(function (i) { return this.get_node(i); }, this)) : tmp;
- },
- /**
- * get an array of all bottom level selected nodes (ignoring selected parents)
- * @name get_bottom_selected([full])
- * @param {mixed} full if set to `true` the returned array will consist of the full node objects, otherwise - only IDs will be returned
- * @return {Array}
- */
- get_bottom_selected : function (full) {
- var tmp = this.get_selected(true),
- obj = [], i, j;
- for(i = 0, j = tmp.length; i < j; i++) {
- if(!tmp[i].children.length) {
- obj.push(tmp[i].id);
- }
- }
- return full ? $.map(obj, $.proxy(function (i) { return this.get_node(i); }, this)) : obj;
- },
- /**
- * gets the current state of the tree so that it can be restored later with `set_state(state)`. Used internally.
- * @name get_state()
- * @private
- * @return {Object}
- */
- get_state : function () {
- var state = {
- 'core' : {
- 'open' : [],
- 'scroll' : {
- 'left' : this.element.scrollLeft(),
- 'top' : this.element.scrollTop()
- },
- /*!
- 'themes' : {
- 'name' : this.get_theme(),
- 'icons' : this._data.core.themes.icons,
- 'dots' : this._data.core.themes.dots
- },
- */
- 'selected' : []
- }
- }, i;
- for(i in this._model.data) {
- if(this._model.data.hasOwnProperty(i)) {
- if(i !== $.jstree.root) {
- if(this._model.data[i].state.opened) {
- state.core.open.push(i);
- }
- if(this._model.data[i].state.selected) {
- state.core.selected.push(i);
- }
- }
- }
- }
- return state;
- },
- /**
- * sets the state of the tree. Used internally.
- * @name set_state(state [, callback])
- * @private
- * @param {Object} state the state to restore. Keep in mind this object is passed by reference and jstree will modify it.
- * @param {Function} callback an optional function to execute once the state is restored.
- * @trigger set_state.jstree
- */
- set_state : function (state, callback) {
- if(state) {
- if(state.core) {
- var res, n, t, _this, i;
- if(state.core.open) {
- if(!$.isArray(state.core.open) || !state.core.open.length) {
- delete state.core.open;
- this.set_state(state, callback);
- }
- else {
- this._load_nodes(state.core.open, function (nodes) {
- this.open_node(nodes, false, 0);
- delete state.core.open;
- this.set_state(state, callback);
- });
- }
- return false;
- }
- if(state.core.scroll) {
- if(state.core.scroll && state.core.scroll.left !== undefined) {
- this.element.scrollLeft(state.core.scroll.left);
- }
- if(state.core.scroll && state.core.scroll.top !== undefined) {
- this.element.scrollTop(state.core.scroll.top);
- }
- delete state.core.scroll;
- this.set_state(state, callback);
- return false;
- }
- if(state.core.selected) {
- _this = this;
- this.deselect_all();
- $.each(state.core.selected, function (i, v) {
- _this.select_node(v, false, true);
- });
- delete state.core.selected;
- this.set_state(state, callback);
- return false;
- }
- for(i in state) {
- if(state.hasOwnProperty(i) && i !== "core" && $.inArray(i, this.settings.plugins) === -1) {
- delete state[i];
- }
- }
- if($.isEmptyObject(state.core)) {
- delete state.core;
- this.set_state(state, callback);
- return false;
- }
- }
- if($.isEmptyObject(state)) {
- state = null;
- if(callback) { callback.call(this); }
- /**
- * triggered when a `set_state` call completes
- * @event
- * @name set_state.jstree
- */
- this.trigger('set_state');
- return false;
- }
- return true;
- }
- return false;
- },
- /**
- * refreshes the tree - all nodes are reloaded with calls to `load_node`.
- * @name refresh()
- * @param {Boolean} skip_loading an option to skip showing the loading indicator
- * @param {Mixed} forget_state if set to `true` state will not be reapplied, if set to a function (receiving the current state as argument) the result of that function will be used as state
- * @trigger refresh.jstree
- */
- refresh : function (skip_loading, forget_state) {
- this._data.core.state = forget_state === true ? {} : this.get_state();
- if(forget_state && $.isFunction(forget_state)) { this._data.core.state = forget_state.call(this, this._data.core.state); }
- this._cnt = 0;
- this._model.data = {};
- this._model.data[$.jstree.root] = {
- id : $.jstree.root,
- parent : null,
- parents : [],
- children : [],
- children_d : [],
- state : { loaded : false }
- };
- this._data.core.selected = [];
- this._data.core.last_clicked = null;
- this._data.core.focused = null;
-
- var c = this.get_container_ul()[0].className;
- if(!skip_loading) {
- this.element.html("<"+"ul class='"+c+"' role='group'><"+"li class='jstree-initial-node jstree-loading jstree-leaf jstree-last' role='treeitem' id='j"+this._id+"_loading'><"+"a class='jstree-anchor' href='#'>" + this.get_string("Loading ...") + "");
- this.element.attr('aria-activedescendant','j'+this._id+'_loading');
- }
- this.load_node($.jstree.root, function (o, s) {
- if(s) {
- this.get_container_ul()[0].className = c;
- if(this._firstChild(this.get_container_ul()[0])) {
- this.element.attr('aria-activedescendant',this._firstChild(this.get_container_ul()[0]).id);
- }
- this.set_state($.extend(true, {}, this._data.core.state), function () {
- /**
- * triggered when a `refresh` call completes
- * @event
- * @name refresh.jstree
- */
- this.trigger('refresh');
- });
- }
- this._data.core.state = null;
- });
- },
- /**
- * refreshes a node in the tree (reload its children) all opened nodes inside that node are reloaded with calls to `load_node`.
- * @name refresh_node(obj)
- * @param {mixed} obj the node
- * @trigger refresh_node.jstree
- */
- refresh_node : function (obj) {
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- var opened = [], to_load = [], s = this._data.core.selected.concat([]);
- to_load.push(obj.id);
- if(obj.state.opened === true) { opened.push(obj.id); }
- this.get_node(obj, true).find('.jstree-open').each(function() { to_load.push(this.id); opened.push(this.id); });
- this._load_nodes(to_load, $.proxy(function (nodes) {
- this.open_node(opened, false, 0);
- this.select_node(s);
- /**
- * triggered when a node is refreshed
- * @event
- * @name refresh_node.jstree
- * @param {Object} node - the refreshed node
- * @param {Array} nodes - an array of the IDs of the nodes that were reloaded
- */
- this.trigger('refresh_node', { 'node' : obj, 'nodes' : nodes });
- }, this), false, true);
- },
- /**
- * set (change) the ID of a node
- * @name set_id(obj, id)
- * @param {mixed} obj the node
- * @param {String} id the new ID
- * @return {Boolean}
- * @trigger set_id.jstree
- */
- set_id : function (obj, id) {
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- var i, j, m = this._model.data, old = obj.id;
- id = id.toString();
- // update parents (replace current ID with new one in children and children_d)
- m[obj.parent].children[$.inArray(obj.id, m[obj.parent].children)] = id;
- for(i = 0, j = obj.parents.length; i < j; i++) {
- m[obj.parents[i]].children_d[$.inArray(obj.id, m[obj.parents[i]].children_d)] = id;
- }
- // update children (replace current ID with new one in parent and parents)
- for(i = 0, j = obj.children.length; i < j; i++) {
- m[obj.children[i]].parent = id;
- }
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- m[obj.children_d[i]].parents[$.inArray(obj.id, m[obj.children_d[i]].parents)] = id;
- }
- i = $.inArray(obj.id, this._data.core.selected);
- if(i !== -1) { this._data.core.selected[i] = id; }
- // update model and obj itself (obj.id, this._model.data[KEY])
- i = this.get_node(obj.id, true);
- if(i) {
- i.attr('id', id); //.children('.jstree-anchor').attr('id', id + '_anchor').end().attr('aria-labelledby', id + '_anchor');
- if(this.element.attr('aria-activedescendant') === obj.id) {
- this.element.attr('aria-activedescendant', id);
- }
- }
- delete m[obj.id];
- obj.id = id;
- obj.li_attr.id = id;
- m[id] = obj;
- /**
- * triggered when a node id value is changed
- * @event
- * @name set_id.jstree
- * @param {Object} node
- * @param {String} old the old id
- */
- this.trigger('set_id',{ "node" : obj, "new" : obj.id, "old" : old });
- return true;
- },
- /**
- * get the text value of a node
- * @name get_text(obj)
- * @param {mixed} obj the node
- * @return {String}
- */
- get_text : function (obj) {
- obj = this.get_node(obj);
- return (!obj || obj.id === $.jstree.root) ? false : obj.text;
- },
- /**
- * set the text value of a node. Used internally, please use `rename_node(obj, val)`.
- * @private
- * @name set_text(obj, val)
- * @param {mixed} obj the node, you can pass an array to set the text on multiple nodes
- * @param {String} val the new text value
- * @return {Boolean}
- * @trigger set_text.jstree
- */
- set_text : function (obj, val) {
- var t1, t2;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.set_text(obj[t1], val);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- obj.text = val;
- if(this.get_node(obj, true).length) {
- this.redraw_node(obj.id);
- }
- /**
- * triggered when a node text value is changed
- * @event
- * @name set_text.jstree
- * @param {Object} obj
- * @param {String} text the new value
- */
- this.trigger('set_text',{ "obj" : obj, "text" : val });
- return true;
- },
- /**
- * gets a JSON representation of a node (or the whole tree)
- * @name get_json([obj, options])
- * @param {mixed} obj
- * @param {Object} options
- * @param {Boolean} options.no_state do not return state information
- * @param {Boolean} options.no_id do not return ID
- * @param {Boolean} options.no_children do not include children
- * @param {Boolean} options.no_data do not include node data
- * @param {Boolean} options.no_li_attr do not include LI attributes
- * @param {Boolean} options.no_a_attr do not include A attributes
- * @param {Boolean} options.flat return flat JSON instead of nested
- * @return {Object}
- */
- get_json : function (obj, options, flat) {
- obj = this.get_node(obj || $.jstree.root);
- if(!obj) { return false; }
- if(options && options.flat && !flat) { flat = []; }
- var tmp = {
- 'id' : obj.id,
- 'text' : obj.text,
- 'icon' : this.get_icon(obj),
- 'li_attr' : $.extend(true, {}, obj.li_attr),
- 'a_attr' : $.extend(true, {}, obj.a_attr),
- 'state' : {},
- 'data' : options && options.no_data ? false : $.extend(true, {}, obj.data)
- //( this.get_node(obj, true).length ? this.get_node(obj, true).data() : obj.data ),
- }, i, j;
- if(options && options.flat) {
- tmp.parent = obj.parent;
- }
- else {
- tmp.children = [];
- }
- if(!options || !options.no_state) {
- for(i in obj.state) {
- if(obj.state.hasOwnProperty(i)) {
- tmp.state[i] = obj.state[i];
- }
- }
- } else {
- delete tmp.state;
- }
- if(options && options.no_li_attr) {
- delete tmp.li_attr;
- }
- if(options && options.no_a_attr) {
- delete tmp.a_attr;
- }
- if(options && options.no_id) {
- delete tmp.id;
- if(tmp.li_attr && tmp.li_attr.id) {
- delete tmp.li_attr.id;
- }
- if(tmp.a_attr && tmp.a_attr.id) {
- delete tmp.a_attr.id;
- }
- }
- if(options && options.flat && obj.id !== $.jstree.root) {
- flat.push(tmp);
- }
- if(!options || !options.no_children) {
- for(i = 0, j = obj.children.length; i < j; i++) {
- if(options && options.flat) {
- this.get_json(obj.children[i], options, flat);
- }
- else {
- tmp.children.push(this.get_json(obj.children[i], options));
- }
- }
- }
- return options && options.flat ? flat : (obj.id === $.jstree.root ? tmp.children : tmp);
- },
- /**
- * create a new node (do not confuse with load_node)
- * @name create_node([par, node, pos, callback, is_loaded])
- * @param {mixed} par the parent node (to create a root node use either "#" (string) or `null`)
- * @param {mixed} node the data for the new node (a valid JSON object, or a simple string with the name)
- * @param {mixed} pos the index at which to insert the node, "first" and "last" are also supported, default is "last"
- * @param {Function} callback a function to be called once the node is created
- * @param {Boolean} is_loaded internal argument indicating if the parent node was succesfully loaded
- * @return {String} the ID of the newly create node
- * @trigger model.jstree, create_node.jstree
- */
- create_node : function (par, node, pos, callback, is_loaded) {
- if(par === null) { par = $.jstree.root; }
- par = this.get_node(par);
- if(!par) { return false; }
- pos = pos === undefined ? "last" : pos;
- if(!pos.toString().match(/^(before|after)$/) && !is_loaded && !this.is_loaded(par)) {
- return this.load_node(par, function () { this.create_node(par, node, pos, callback, true); });
- }
- if(!node) { node = { "text" : this.get_string('New node') }; }
- if(typeof node === "string") { node = { "text" : node }; }
- if(node.text === undefined) { node.text = this.get_string('New node'); }
- var tmp, dpc, i, j;
-
- if(par.id === $.jstree.root) {
- if(pos === "before") { pos = "first"; }
- if(pos === "after") { pos = "last"; }
- }
- switch(pos) {
- case "before":
- tmp = this.get_node(par.parent);
- pos = $.inArray(par.id, tmp.children);
- par = tmp;
- break;
- case "after" :
- tmp = this.get_node(par.parent);
- pos = $.inArray(par.id, tmp.children) + 1;
- par = tmp;
- break;
- case "inside":
- case "first":
- pos = 0;
- break;
- case "last":
- pos = par.children.length;
- break;
- default:
- if(!pos) { pos = 0; }
- break;
- }
- if(pos > par.children.length) { pos = par.children.length; }
- if(!node.id) { node.id = true; }
- if(!this.check("create_node", node, par, pos)) {
- this.settings.core.error.call(this, this._data.core.last_error);
- return false;
- }
- if(node.id === true) { delete node.id; }
- node = this._parse_model_from_json(node, par.id, par.parents.concat());
- if(!node) { return false; }
- tmp = this.get_node(node);
- dpc = [];
- dpc.push(node);
- dpc = dpc.concat(tmp.children_d);
- this.trigger('model', { "nodes" : dpc, "parent" : par.id });
-
- par.children_d = par.children_d.concat(dpc);
- for(i = 0, j = par.parents.length; i < j; i++) {
- this._model.data[par.parents[i]].children_d = this._model.data[par.parents[i]].children_d.concat(dpc);
- }
- node = tmp;
- tmp = [];
- for(i = 0, j = par.children.length; i < j; i++) {
- tmp[i >= pos ? i+1 : i] = par.children[i];
- }
- tmp[pos] = node.id;
- par.children = tmp;
-
- this.redraw_node(par, true);
- if(callback) { callback.call(this, this.get_node(node)); }
- /**
- * triggered when a node is created
- * @event
- * @name create_node.jstree
- * @param {Object} node
- * @param {String} parent the parent's ID
- * @param {Number} position the position of the new node among the parent's children
- */
- this.trigger('create_node', { "node" : this.get_node(node), "parent" : par.id, "position" : pos });
- return node.id;
- },
- /**
- * set the text value of a node
- * @name rename_node(obj, val)
- * @param {mixed} obj the node, you can pass an array to rename multiple nodes to the same name
- * @param {String} val the new text value
- * @return {Boolean}
- * @trigger rename_node.jstree
- */
- rename_node : function (obj, val) {
- var t1, t2, old;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.rename_node(obj[t1], val);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- old = obj.text;
- if(!this.check("rename_node", obj, this.get_parent(obj), val)) {
- this.settings.core.error.call(this, this._data.core.last_error);
- return false;
- }
- this.set_text(obj, val); // .apply(this, Array.prototype.slice.call(arguments))
- /**
- * triggered when a node is renamed
- * @event
- * @name rename_node.jstree
- * @param {Object} node
- * @param {String} text the new value
- * @param {String} old the old value
- */
- this.trigger('rename_node', { "node" : obj, "text" : val, "old" : old });
- return true;
- },
- /**
- * remove a node
- * @name delete_node(obj)
- * @param {mixed} obj the node, you can pass an array to delete multiple nodes
- * @return {Boolean}
- * @trigger delete_node.jstree, changed.jstree
- */
- delete_node : function (obj) {
- var t1, t2, par, pos, tmp, i, j, k, l, c, top, lft;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.delete_node(obj[t1]);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- par = this.get_node(obj.parent);
- pos = $.inArray(obj.id, par.children);
- c = false;
- if(!this.check("delete_node", obj, par, pos)) {
- this.settings.core.error.call(this, this._data.core.last_error);
- return false;
- }
- if(pos !== -1) {
- par.children = $.vakata.array_remove(par.children, pos);
- }
- tmp = obj.children_d.concat([]);
- tmp.push(obj.id);
- for(i = 0, j = obj.parents.length; i < j; i++) {
- this._model.data[obj.parents[i]].children_d = $.vakata.array_filter(this._model.data[obj.parents[i]].children_d, function (v) {
- return $.inArray(v, tmp) === -1;
- });
- }
- for(k = 0, l = tmp.length; k < l; k++) {
- if(this._model.data[tmp[k]].state.selected) {
- c = true;
- break;
- }
- }
- if (c) {
- this._data.core.selected = $.vakata.array_filter(this._data.core.selected, function (v) {
- return $.inArray(v, tmp) === -1;
- });
- }
- /**
- * triggered when a node is deleted
- * @event
- * @name delete_node.jstree
- * @param {Object} node
- * @param {String} parent the parent's ID
- */
- this.trigger('delete_node', { "node" : obj, "parent" : par.id });
- if(c) {
- this.trigger('changed', { 'action' : 'delete_node', 'node' : obj, 'selected' : this._data.core.selected, 'parent' : par.id });
- }
- for(k = 0, l = tmp.length; k < l; k++) {
- delete this._model.data[tmp[k]];
- }
- if($.inArray(this._data.core.focused, tmp) !== -1) {
- this._data.core.focused = null;
- top = this.element[0].scrollTop;
- lft = this.element[0].scrollLeft;
- if(par.id === $.jstree.root) {
- if (this._model.data[$.jstree.root].children[0]) {
- this.get_node(this._model.data[$.jstree.root].children[0], true).children('.jstree-anchor').focus();
- }
- }
- else {
- this.get_node(par, true).children('.jstree-anchor').focus();
- }
- this.element[0].scrollTop = top;
- this.element[0].scrollLeft = lft;
- }
- this.redraw_node(par, true);
- return true;
- },
- /**
- * check if an operation is premitted on the tree. Used internally.
- * @private
- * @name check(chk, obj, par, pos)
- * @param {String} chk the operation to check, can be "create_node", "rename_node", "delete_node", "copy_node" or "move_node"
- * @param {mixed} obj the node
- * @param {mixed} par the parent
- * @param {mixed} pos the position to insert at, or if "rename_node" - the new name
- * @param {mixed} more some various additional information, for example if a "move_node" operations is triggered by DND this will be the hovered node
- * @return {Boolean}
- */
- check : function (chk, obj, par, pos, more) {
- obj = obj && obj.id ? obj : this.get_node(obj);
- par = par && par.id ? par : this.get_node(par);
- var tmp = chk.match(/^move_node|copy_node|create_node$/i) ? par : obj,
- chc = this.settings.core.check_callback;
- if(chk === "move_node" || chk === "copy_node") {
- if((!more || !more.is_multi) && (obj.id === par.id || (chk === "move_node" && $.inArray(obj.id, par.children) === pos) || $.inArray(par.id, obj.children_d) !== -1)) {
- this._data.core.last_error = { 'error' : 'check', 'plugin' : 'core', 'id' : 'core_01', 'reason' : 'Moving parent inside child', 'data' : JSON.stringify({ 'chk' : chk, 'pos' : pos, 'obj' : obj && obj.id ? obj.id : false, 'par' : par && par.id ? par.id : false }) };
- return false;
- }
- }
- if(tmp && tmp.data) { tmp = tmp.data; }
- if(tmp && tmp.functions && (tmp.functions[chk] === false || tmp.functions[chk] === true)) {
- if(tmp.functions[chk] === false) {
- this._data.core.last_error = { 'error' : 'check', 'plugin' : 'core', 'id' : 'core_02', 'reason' : 'Node data prevents function: ' + chk, 'data' : JSON.stringify({ 'chk' : chk, 'pos' : pos, 'obj' : obj && obj.id ? obj.id : false, 'par' : par && par.id ? par.id : false }) };
- }
- return tmp.functions[chk];
- }
- if(chc === false || ($.isFunction(chc) && chc.call(this, chk, obj, par, pos, more) === false) || (chc && chc[chk] === false)) {
- this._data.core.last_error = { 'error' : 'check', 'plugin' : 'core', 'id' : 'core_03', 'reason' : 'User config for core.check_callback prevents function: ' + chk, 'data' : JSON.stringify({ 'chk' : chk, 'pos' : pos, 'obj' : obj && obj.id ? obj.id : false, 'par' : par && par.id ? par.id : false }) };
- return false;
- }
- return true;
- },
- /**
- * get the last error
- * @name last_error()
- * @return {Object}
- */
- last_error : function () {
- return this._data.core.last_error;
- },
- /**
- * move a node to a new parent
- * @name move_node(obj, par [, pos, callback, is_loaded])
- * @param {mixed} obj the node to move, pass an array to move multiple nodes
- * @param {mixed} par the new parent
- * @param {mixed} pos the position to insert at (besides integer values, "first" and "last" are supported, as well as "before" and "after"), defaults to integer `0`
- * @param {function} callback a function to call once the move is completed, receives 3 arguments - the node, the new parent and the position
- * @param {Boolean} is_loaded internal parameter indicating if the parent node has been loaded
- * @param {Boolean} skip_redraw internal parameter indicating if the tree should be redrawn
- * @param {Boolean} instance internal parameter indicating if the node comes from another instance
- * @trigger move_node.jstree
- */
- move_node : function (obj, par, pos, callback, is_loaded, skip_redraw, origin) {
- var t1, t2, old_par, old_pos, new_par, old_ins, is_multi, dpc, tmp, i, j, k, l, p;
-
- par = this.get_node(par);
- pos = pos === undefined ? 0 : pos;
- if(!par) { return false; }
- if(!pos.toString().match(/^(before|after)$/) && !is_loaded && !this.is_loaded(par)) {
- return this.load_node(par, function () { this.move_node(obj, par, pos, callback, true, false, origin); });
- }
-
- if($.isArray(obj)) {
- if(obj.length === 1) {
- obj = obj[0];
- }
- else {
- //obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- if((tmp = this.move_node(obj[t1], par, pos, callback, is_loaded, false, origin))) {
- par = tmp;
- pos = "after";
- }
- }
- this.redraw();
- return true;
- }
- }
- obj = obj && obj.id ? obj : this.get_node(obj);
-
- if(!obj || obj.id === $.jstree.root) { return false; }
-
- old_par = (obj.parent || $.jstree.root).toString();
- new_par = (!pos.toString().match(/^(before|after)$/) || par.id === $.jstree.root) ? par : this.get_node(par.parent);
- old_ins = origin ? origin : (this._model.data[obj.id] ? this : $.jstree.reference(obj.id));
- is_multi = !old_ins || !old_ins._id || (this._id !== old_ins._id);
- old_pos = old_ins && old_ins._id && old_par && old_ins._model.data[old_par] && old_ins._model.data[old_par].children ? $.inArray(obj.id, old_ins._model.data[old_par].children) : -1;
- if(old_ins && old_ins._id) {
- obj = old_ins._model.data[obj.id];
- }
-
- if(is_multi) {
- if((tmp = this.copy_node(obj, par, pos, callback, is_loaded, false, origin))) {
- if(old_ins) { old_ins.delete_node(obj); }
- return tmp;
- }
- return false;
- }
- //var m = this._model.data;
- if(par.id === $.jstree.root) {
- if(pos === "before") { pos = "first"; }
- if(pos === "after") { pos = "last"; }
- }
- switch(pos) {
- case "before":
- pos = $.inArray(par.id, new_par.children);
- break;
- case "after" :
- pos = $.inArray(par.id, new_par.children) + 1;
- break;
- case "inside":
- case "first":
- pos = 0;
- break;
- case "last":
- pos = new_par.children.length;
- break;
- default:
- if(!pos) { pos = 0; }
- break;
- }
- if(pos > new_par.children.length) { pos = new_par.children.length; }
- if(!this.check("move_node", obj, new_par, pos, { 'core' : true, 'origin' : origin, 'is_multi' : (old_ins && old_ins._id && old_ins._id !== this._id), 'is_foreign' : (!old_ins || !old_ins._id) })) {
- this.settings.core.error.call(this, this._data.core.last_error);
- return false;
- }
- if(obj.parent === new_par.id) {
- dpc = new_par.children.concat();
- tmp = $.inArray(obj.id, dpc);
- if(tmp !== -1) {
- dpc = $.vakata.array_remove(dpc, tmp);
- if(pos > tmp) { pos--; }
- }
- tmp = [];
- for(i = 0, j = dpc.length; i < j; i++) {
- tmp[i >= pos ? i+1 : i] = dpc[i];
- }
- tmp[pos] = obj.id;
- new_par.children = tmp;
- this._node_changed(new_par.id);
- this.redraw(new_par.id === $.jstree.root);
- }
- else {
- // clean old parent and up
- tmp = obj.children_d.concat();
- tmp.push(obj.id);
- for(i = 0, j = obj.parents.length; i < j; i++) {
- dpc = [];
- p = old_ins._model.data[obj.parents[i]].children_d;
- for(k = 0, l = p.length; k < l; k++) {
- if($.inArray(p[k], tmp) === -1) {
- dpc.push(p[k]);
- }
- }
- old_ins._model.data[obj.parents[i]].children_d = dpc;
- }
- old_ins._model.data[old_par].children = $.vakata.array_remove_item(old_ins._model.data[old_par].children, obj.id);
-
- // insert into new parent and up
- for(i = 0, j = new_par.parents.length; i < j; i++) {
- this._model.data[new_par.parents[i]].children_d = this._model.data[new_par.parents[i]].children_d.concat(tmp);
- }
- dpc = [];
- for(i = 0, j = new_par.children.length; i < j; i++) {
- dpc[i >= pos ? i+1 : i] = new_par.children[i];
- }
- dpc[pos] = obj.id;
- new_par.children = dpc;
- new_par.children_d.push(obj.id);
- new_par.children_d = new_par.children_d.concat(obj.children_d);
-
- // update object
- obj.parent = new_par.id;
- tmp = new_par.parents.concat();
- tmp.unshift(new_par.id);
- p = obj.parents.length;
- obj.parents = tmp;
-
- // update object children
- tmp = tmp.concat();
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- this._model.data[obj.children_d[i]].parents = this._model.data[obj.children_d[i]].parents.slice(0,p*-1);
- Array.prototype.push.apply(this._model.data[obj.children_d[i]].parents, tmp);
- }
-
- if(old_par === $.jstree.root || new_par.id === $.jstree.root) {
- this._model.force_full_redraw = true;
- }
- if(!this._model.force_full_redraw) {
- this._node_changed(old_par);
- this._node_changed(new_par.id);
- }
- if(!skip_redraw) {
- this.redraw();
- }
- }
- if(callback) { callback.call(this, obj, new_par, pos); }
- /**
- * triggered when a node is moved
- * @event
- * @name move_node.jstree
- * @param {Object} node
- * @param {String} parent the parent's ID
- * @param {Number} position the position of the node among the parent's children
- * @param {String} old_parent the old parent of the node
- * @param {Number} old_position the old position of the node
- * @param {Boolean} is_multi do the node and new parent belong to different instances
- * @param {jsTree} old_instance the instance the node came from
- * @param {jsTree} new_instance the instance of the new parent
- */
- this.trigger('move_node', { "node" : obj, "parent" : new_par.id, "position" : pos, "old_parent" : old_par, "old_position" : old_pos, 'is_multi' : (old_ins && old_ins._id && old_ins._id !== this._id), 'is_foreign' : (!old_ins || !old_ins._id), 'old_instance' : old_ins, 'new_instance' : this });
- return obj.id;
- },
- /**
- * copy a node to a new parent
- * @name copy_node(obj, par [, pos, callback, is_loaded])
- * @param {mixed} obj the node to copy, pass an array to copy multiple nodes
- * @param {mixed} par the new parent
- * @param {mixed} pos the position to insert at (besides integer values, "first" and "last" are supported, as well as "before" and "after"), defaults to integer `0`
- * @param {function} callback a function to call once the move is completed, receives 3 arguments - the node, the new parent and the position
- * @param {Boolean} is_loaded internal parameter indicating if the parent node has been loaded
- * @param {Boolean} skip_redraw internal parameter indicating if the tree should be redrawn
- * @param {Boolean} instance internal parameter indicating if the node comes from another instance
- * @trigger model.jstree copy_node.jstree
- */
- copy_node : function (obj, par, pos, callback, is_loaded, skip_redraw, origin) {
- var t1, t2, dpc, tmp, i, j, node, old_par, new_par, old_ins, is_multi;
-
- par = this.get_node(par);
- pos = pos === undefined ? 0 : pos;
- if(!par) { return false; }
- if(!pos.toString().match(/^(before|after)$/) && !is_loaded && !this.is_loaded(par)) {
- return this.load_node(par, function () { this.copy_node(obj, par, pos, callback, true, false, origin); });
- }
-
- if($.isArray(obj)) {
- if(obj.length === 1) {
- obj = obj[0];
- }
- else {
- //obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- if((tmp = this.copy_node(obj[t1], par, pos, callback, is_loaded, true, origin))) {
- par = tmp;
- pos = "after";
- }
- }
- this.redraw();
- return true;
- }
- }
- obj = obj && obj.id ? obj : this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
-
- old_par = (obj.parent || $.jstree.root).toString();
- new_par = (!pos.toString().match(/^(before|after)$/) || par.id === $.jstree.root) ? par : this.get_node(par.parent);
- old_ins = origin ? origin : (this._model.data[obj.id] ? this : $.jstree.reference(obj.id));
- is_multi = !old_ins || !old_ins._id || (this._id !== old_ins._id);
-
- if(old_ins && old_ins._id) {
- obj = old_ins._model.data[obj.id];
- }
-
- if(par.id === $.jstree.root) {
- if(pos === "before") { pos = "first"; }
- if(pos === "after") { pos = "last"; }
- }
- switch(pos) {
- case "before":
- pos = $.inArray(par.id, new_par.children);
- break;
- case "after" :
- pos = $.inArray(par.id, new_par.children) + 1;
- break;
- case "inside":
- case "first":
- pos = 0;
- break;
- case "last":
- pos = new_par.children.length;
- break;
- default:
- if(!pos) { pos = 0; }
- break;
- }
- if(pos > new_par.children.length) { pos = new_par.children.length; }
- if(!this.check("copy_node", obj, new_par, pos, { 'core' : true, 'origin' : origin, 'is_multi' : (old_ins && old_ins._id && old_ins._id !== this._id), 'is_foreign' : (!old_ins || !old_ins._id) })) {
- this.settings.core.error.call(this, this._data.core.last_error);
- return false;
- }
- node = old_ins ? old_ins.get_json(obj, { no_id : true, no_data : true, no_state : true }) : obj;
- if(!node) { return false; }
- if(node.id === true) { delete node.id; }
- node = this._parse_model_from_json(node, new_par.id, new_par.parents.concat());
- if(!node) { return false; }
- tmp = this.get_node(node);
- if(obj && obj.state && obj.state.loaded === false) { tmp.state.loaded = false; }
- dpc = [];
- dpc.push(node);
- dpc = dpc.concat(tmp.children_d);
- this.trigger('model', { "nodes" : dpc, "parent" : new_par.id });
-
- // insert into new parent and up
- for(i = 0, j = new_par.parents.length; i < j; i++) {
- this._model.data[new_par.parents[i]].children_d = this._model.data[new_par.parents[i]].children_d.concat(dpc);
- }
- dpc = [];
- for(i = 0, j = new_par.children.length; i < j; i++) {
- dpc[i >= pos ? i+1 : i] = new_par.children[i];
- }
- dpc[pos] = tmp.id;
- new_par.children = dpc;
- new_par.children_d.push(tmp.id);
- new_par.children_d = new_par.children_d.concat(tmp.children_d);
-
- if(new_par.id === $.jstree.root) {
- this._model.force_full_redraw = true;
- }
- if(!this._model.force_full_redraw) {
- this._node_changed(new_par.id);
- }
- if(!skip_redraw) {
- this.redraw(new_par.id === $.jstree.root);
- }
- if(callback) { callback.call(this, tmp, new_par, pos); }
- /**
- * triggered when a node is copied
- * @event
- * @name copy_node.jstree
- * @param {Object} node the copied node
- * @param {Object} original the original node
- * @param {String} parent the parent's ID
- * @param {Number} position the position of the node among the parent's children
- * @param {String} old_parent the old parent of the node
- * @param {Number} old_position the position of the original node
- * @param {Boolean} is_multi do the node and new parent belong to different instances
- * @param {jsTree} old_instance the instance the node came from
- * @param {jsTree} new_instance the instance of the new parent
- */
- this.trigger('copy_node', { "node" : tmp, "original" : obj, "parent" : new_par.id, "position" : pos, "old_parent" : old_par, "old_position" : old_ins && old_ins._id && old_par && old_ins._model.data[old_par] && old_ins._model.data[old_par].children ? $.inArray(obj.id, old_ins._model.data[old_par].children) : -1,'is_multi' : (old_ins && old_ins._id && old_ins._id !== this._id), 'is_foreign' : (!old_ins || !old_ins._id), 'old_instance' : old_ins, 'new_instance' : this });
- return tmp.id;
- },
- /**
- * cut a node (a later call to `paste(obj)` would move the node)
- * @name cut(obj)
- * @param {mixed} obj multiple objects can be passed using an array
- * @trigger cut.jstree
- */
- cut : function (obj) {
- if(!obj) { obj = this._data.core.selected.concat(); }
- if(!$.isArray(obj)) { obj = [obj]; }
- if(!obj.length) { return false; }
- var tmp = [], o, t1, t2;
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- o = this.get_node(obj[t1]);
- if(o && o.id && o.id !== $.jstree.root) { tmp.push(o); }
- }
- if(!tmp.length) { return false; }
- ccp_node = tmp;
- ccp_inst = this;
- ccp_mode = 'move_node';
- /**
- * triggered when nodes are added to the buffer for moving
- * @event
- * @name cut.jstree
- * @param {Array} node
- */
- this.trigger('cut', { "node" : obj });
- },
- /**
- * copy a node (a later call to `paste(obj)` would copy the node)
- * @name copy(obj)
- * @param {mixed} obj multiple objects can be passed using an array
- * @trigger copy.jstree
- */
- copy : function (obj) {
- if(!obj) { obj = this._data.core.selected.concat(); }
- if(!$.isArray(obj)) { obj = [obj]; }
- if(!obj.length) { return false; }
- var tmp = [], o, t1, t2;
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- o = this.get_node(obj[t1]);
- if(o && o.id && o.id !== $.jstree.root) { tmp.push(o); }
- }
- if(!tmp.length) { return false; }
- ccp_node = tmp;
- ccp_inst = this;
- ccp_mode = 'copy_node';
- /**
- * triggered when nodes are added to the buffer for copying
- * @event
- * @name copy.jstree
- * @param {Array} node
- */
- this.trigger('copy', { "node" : obj });
- },
- /**
- * get the current buffer (any nodes that are waiting for a paste operation)
- * @name get_buffer()
- * @return {Object} an object consisting of `mode` ("copy_node" or "move_node"), `node` (an array of objects) and `inst` (the instance)
- */
- get_buffer : function () {
- return { 'mode' : ccp_mode, 'node' : ccp_node, 'inst' : ccp_inst };
- },
- /**
- * check if there is something in the buffer to paste
- * @name can_paste()
- * @return {Boolean}
- */
- can_paste : function () {
- return ccp_mode !== false && ccp_node !== false; // && ccp_inst._model.data[ccp_node];
- },
- /**
- * copy or move the previously cut or copied nodes to a new parent
- * @name paste(obj [, pos])
- * @param {mixed} obj the new parent
- * @param {mixed} pos the position to insert at (besides integer, "first" and "last" are supported), defaults to integer `0`
- * @trigger paste.jstree
- */
- paste : function (obj, pos) {
- obj = this.get_node(obj);
- if(!obj || !ccp_mode || !ccp_mode.match(/^(copy_node|move_node)$/) || !ccp_node) { return false; }
- if(this[ccp_mode](ccp_node, obj, pos, false, false, false, ccp_inst)) {
- /**
- * triggered when paste is invoked
- * @event
- * @name paste.jstree
- * @param {String} parent the ID of the receiving node
- * @param {Array} node the nodes in the buffer
- * @param {String} mode the performed operation - "copy_node" or "move_node"
- */
- this.trigger('paste', { "parent" : obj.id, "node" : ccp_node, "mode" : ccp_mode });
- }
- ccp_node = false;
- ccp_mode = false;
- ccp_inst = false;
- },
- /**
- * clear the buffer of previously copied or cut nodes
- * @name clear_buffer()
- * @trigger clear_buffer.jstree
- */
- clear_buffer : function () {
- ccp_node = false;
- ccp_mode = false;
- ccp_inst = false;
- /**
- * triggered when the copy / cut buffer is cleared
- * @event
- * @name clear_buffer.jstree
- */
- this.trigger('clear_buffer');
- },
- /**
- * put a node in edit mode (input field to rename the node)
- * @name edit(obj [, default_text, callback])
- * @param {mixed} obj
- * @param {String} default_text the text to populate the input with (if omitted or set to a non-string value the node's text value is used)
- * @param {Function} callback a function to be called once the text box is blurred, it is called in the instance's scope and receives the node, a status parameter (true if the rename is successful, false otherwise) and a boolean indicating if the user cancelled the edit. You can access the node's title using .text
- */
- edit : function (obj, default_text, callback) {
- var rtl, w, a, s, t, h1, h2, fn, tmp, cancel = false;
- obj = this.get_node(obj);
- if(!obj) { return false; }
- if(this.settings.core.check_callback === false) {
- this._data.core.last_error = { 'error' : 'check', 'plugin' : 'core', 'id' : 'core_07', 'reason' : 'Could not edit node because of check_callback' };
- this.settings.core.error.call(this, this._data.core.last_error);
- return false;
- }
- tmp = obj;
- default_text = typeof default_text === 'string' ? default_text : obj.text;
- this.set_text(obj, "");
- obj = this._open_to(obj);
- tmp.text = default_text;
-
- rtl = this._data.core.rtl;
- w = this.element.width();
- this._data.core.focused = tmp.id;
- a = obj.children('.jstree-anchor').focus();
- s = $('');
- /*!
- oi = obj.children("i:visible"),
- ai = a.children("i:visible"),
- w1 = oi.width() * oi.length,
- w2 = ai.width() * ai.length,
- */
- t = default_text;
- h1 = $("<"+"div />", { css : { "position" : "absolute", "top" : "-200px", "left" : (rtl ? "0px" : "-1000px"), "visibility" : "hidden" } }).appendTo("body");
- h2 = $("<"+"input />", {
- "value" : t,
- "class" : "jstree-rename-input",
- // "size" : t.length,
- "css" : {
- "padding" : "0",
- "border" : "1px solid silver",
- "box-sizing" : "border-box",
- "display" : "inline-block",
- "height" : (this._data.core.li_height) + "px",
- "lineHeight" : (this._data.core.li_height) + "px",
- "width" : "150px" // will be set a bit further down
- },
- "blur" : $.proxy(function (e) {
- e.stopImmediatePropagation();
- e.preventDefault();
- var i = s.children(".jstree-rename-input"),
- v = i.val(),
- f = this.settings.core.force_text,
- nv;
- if(v === "") { v = t; }
- h1.remove();
- s.replaceWith(a);
- s.remove();
- t = f ? t : $('').append($.parseHTML(t)).html();
- this.set_text(obj, t);
- nv = !!this.rename_node(obj, f ? $('').text(v).text() : $('').append($.parseHTML(v)).html());
- if(!nv) {
- this.set_text(obj, t); // move this up? and fix #483
- }
- this._data.core.focused = tmp.id;
- setTimeout($.proxy(function () {
- var node = this.get_node(tmp.id, true);
- if(node.length) {
- this._data.core.focused = tmp.id;
- node.children('.jstree-anchor').focus();
- }
- }, this), 0);
- if(callback) {
- callback.call(this, tmp, nv, cancel);
- }
- h2 = null;
- }, this),
- "keydown" : function (e) {
- var key = e.which;
- if(key === 27) {
- cancel = true;
- this.value = t;
- }
- if(key === 27 || key === 13 || key === 37 || key === 38 || key === 39 || key === 40 || key === 32) {
- e.stopImmediatePropagation();
- }
- if(key === 27 || key === 13) {
- e.preventDefault();
- this.blur();
- }
- },
- "click" : function (e) { e.stopImmediatePropagation(); },
- "mousedown" : function (e) { e.stopImmediatePropagation(); },
- "keyup" : function (e) {
- h2.width(Math.min(h1.text("pW" + this.value).width(),w));
- },
- "keypress" : function(e) {
- if(e.which === 13) { return false; }
- }
- });
- fn = {
- fontFamily : a.css('fontFamily') || '',
- fontSize : a.css('fontSize') || '',
- fontWeight : a.css('fontWeight') || '',
- fontStyle : a.css('fontStyle') || '',
- fontStretch : a.css('fontStretch') || '',
- fontVariant : a.css('fontVariant') || '',
- letterSpacing : a.css('letterSpacing') || '',
- wordSpacing : a.css('wordSpacing') || ''
- };
- s.attr('class', a.attr('class')).append(a.contents().clone()).append(h2);
- a.replaceWith(s);
- h1.css(fn);
- h2.css(fn).width(Math.min(h1.text("pW" + h2[0].value).width(),w))[0].select();
- $(document).one('mousedown.jstree touchstart.jstree dnd_start.vakata', function (e) {
- if (h2 && e.target !== h2) {
- $(h2).blur();
- }
- });
- },
-
-
- /**
- * changes the theme
- * @name set_theme(theme_name [, theme_url])
- * @param {String} theme_name the name of the new theme to apply
- * @param {mixed} theme_url the location of the CSS file for this theme. Omit or set to `false` if you manually included the file. Set to `true` to autoload from the `core.themes.dir` directory.
- * @trigger set_theme.jstree
- */
- set_theme : function (theme_name, theme_url) {
- if(!theme_name) { return false; }
- if(theme_url === true) {
- var dir = this.settings.core.themes.dir;
- if(!dir) { dir = $.jstree.path + '/themes'; }
- theme_url = dir + '/' + theme_name + '/style.css';
- }
- if(theme_url && $.inArray(theme_url, themes_loaded) === -1) {
- $('head').append('<'+'link rel="stylesheet" href="' + theme_url + '" type="text/css" />');
- themes_loaded.push(theme_url);
- }
- if(this._data.core.themes.name) {
- this.element.removeClass('jstree-' + this._data.core.themes.name);
- }
- this._data.core.themes.name = theme_name;
- this.element.addClass('jstree-' + theme_name);
- this.element[this.settings.core.themes.responsive ? 'addClass' : 'removeClass' ]('jstree-' + theme_name + '-responsive');
- /**
- * triggered when a theme is set
- * @event
- * @name set_theme.jstree
- * @param {String} theme the new theme
- */
- this.trigger('set_theme', { 'theme' : theme_name });
- },
- /**
- * gets the name of the currently applied theme name
- * @name get_theme()
- * @return {String}
- */
- get_theme : function () { return this._data.core.themes.name; },
- /**
- * changes the theme variant (if the theme has variants)
- * @name set_theme_variant(variant_name)
- * @param {String|Boolean} variant_name the variant to apply (if `false` is used the current variant is removed)
- */
- set_theme_variant : function (variant_name) {
- if(this._data.core.themes.variant) {
- this.element.removeClass('jstree-' + this._data.core.themes.name + '-' + this._data.core.themes.variant);
- }
- this._data.core.themes.variant = variant_name;
- if(variant_name) {
- this.element.addClass('jstree-' + this._data.core.themes.name + '-' + this._data.core.themes.variant);
- }
- },
- /**
- * gets the name of the currently applied theme variant
- * @name get_theme()
- * @return {String}
- */
- get_theme_variant : function () { return this._data.core.themes.variant; },
- /**
- * shows a striped background on the container (if the theme supports it)
- * @name show_stripes()
- */
- show_stripes : function () {
- this._data.core.themes.stripes = true;
- this.get_container_ul().addClass("jstree-striped");
- /**
- * triggered when stripes are shown
- * @event
- * @name show_stripes.jstree
- */
- this.trigger('show_stripes');
- },
- /**
- * hides the striped background on the container
- * @name hide_stripes()
- */
- hide_stripes : function () {
- this._data.core.themes.stripes = false;
- this.get_container_ul().removeClass("jstree-striped");
- /**
- * triggered when stripes are hidden
- * @event
- * @name hide_stripes.jstree
- */
- this.trigger('hide_stripes');
- },
- /**
- * toggles the striped background on the container
- * @name toggle_stripes()
- */
- toggle_stripes : function () { if(this._data.core.themes.stripes) { this.hide_stripes(); } else { this.show_stripes(); } },
- /**
- * shows the connecting dots (if the theme supports it)
- * @name show_dots()
- */
- show_dots : function () {
- this._data.core.themes.dots = true;
- this.get_container_ul().removeClass("jstree-no-dots");
- /**
- * triggered when dots are shown
- * @event
- * @name show_dots.jstree
- */
- this.trigger('show_dots');
- },
- /**
- * hides the connecting dots
- * @name hide_dots()
- */
- hide_dots : function () {
- this._data.core.themes.dots = false;
- this.get_container_ul().addClass("jstree-no-dots");
- /**
- * triggered when dots are hidden
- * @event
- * @name hide_dots.jstree
- */
- this.trigger('hide_dots');
- },
- /**
- * toggles the connecting dots
- * @name toggle_dots()
- */
- toggle_dots : function () { if(this._data.core.themes.dots) { this.hide_dots(); } else { this.show_dots(); } },
- /**
- * show the node icons
- * @name show_icons()
- */
- show_icons : function () {
- this._data.core.themes.icons = true;
- this.get_container_ul().removeClass("jstree-no-icons");
- /**
- * triggered when icons are shown
- * @event
- * @name show_icons.jstree
- */
- this.trigger('show_icons');
- },
- /**
- * hide the node icons
- * @name hide_icons()
- */
- hide_icons : function () {
- this._data.core.themes.icons = false;
- this.get_container_ul().addClass("jstree-no-icons");
- /**
- * triggered when icons are hidden
- * @event
- * @name hide_icons.jstree
- */
- this.trigger('hide_icons');
- },
- /**
- * toggle the node icons
- * @name toggle_icons()
- */
- toggle_icons : function () { if(this._data.core.themes.icons) { this.hide_icons(); } else { this.show_icons(); } },
- /**
- * show the node ellipsis
- * @name show_icons()
- */
- show_ellipsis : function () {
- this._data.core.themes.ellipsis = true;
- this.get_container_ul().addClass("jstree-ellipsis");
- /**
- * triggered when ellisis is shown
- * @event
- * @name show_ellipsis.jstree
- */
- this.trigger('show_ellipsis');
- },
- /**
- * hide the node ellipsis
- * @name hide_ellipsis()
- */
- hide_ellipsis : function () {
- this._data.core.themes.ellipsis = false;
- this.get_container_ul().removeClass("jstree-ellipsis");
- /**
- * triggered when ellisis is hidden
- * @event
- * @name hide_ellipsis.jstree
- */
- this.trigger('hide_ellipsis');
- },
- /**
- * toggle the node ellipsis
- * @name toggle_icons()
- */
- toggle_ellipsis : function () { if(this._data.core.themes.ellipsis) { this.hide_ellipsis(); } else { this.show_ellipsis(); } },
- /**
- * set the node icon for a node
- * @name set_icon(obj, icon)
- * @param {mixed} obj
- * @param {String} icon the new icon - can be a path to an icon or a className, if using an image that is in the current directory use a `./` prefix, otherwise it will be detected as a class
- */
- set_icon : function (obj, icon) {
- var t1, t2, dom, old;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.set_icon(obj[t1], icon);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- old = obj.icon;
- obj.icon = icon === true || icon === null || icon === undefined || icon === '' ? true : icon;
- dom = this.get_node(obj, true).children(".jstree-anchor").children(".jstree-themeicon");
- if(icon === false) {
- this.hide_icon(obj);
- }
- else if(icon === true || icon === null || icon === undefined || icon === '') {
- dom.removeClass('jstree-themeicon-custom ' + old).css("background","").removeAttr("rel");
- if(old === false) { this.show_icon(obj); }
- }
- else if(icon.indexOf("/") === -1 && icon.indexOf(".") === -1) {
- dom.removeClass(old).css("background","");
- dom.addClass(icon + ' jstree-themeicon-custom').attr("rel",icon);
- if(old === false) { this.show_icon(obj); }
- }
- else {
- dom.removeClass(old).css("background","");
- dom.addClass('jstree-themeicon-custom').css("background", "url('" + icon + "') center center no-repeat").attr("rel",icon);
- if(old === false) { this.show_icon(obj); }
- }
- return true;
- },
- /**
- * get the node icon for a node
- * @name get_icon(obj)
- * @param {mixed} obj
- * @return {String}
- */
- get_icon : function (obj) {
- obj = this.get_node(obj);
- return (!obj || obj.id === $.jstree.root) ? false : obj.icon;
- },
- /**
- * hide the icon on an individual node
- * @name hide_icon(obj)
- * @param {mixed} obj
- */
- hide_icon : function (obj) {
- var t1, t2;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.hide_icon(obj[t1]);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj === $.jstree.root) { return false; }
- obj.icon = false;
- this.get_node(obj, true).children(".jstree-anchor").children(".jstree-themeicon").addClass('jstree-themeicon-hidden');
- return true;
- },
- /**
- * show the icon on an individual node
- * @name show_icon(obj)
- * @param {mixed} obj
- */
- show_icon : function (obj) {
- var t1, t2, dom;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.show_icon(obj[t1]);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj === $.jstree.root) { return false; }
- dom = this.get_node(obj, true);
- obj.icon = dom.length ? dom.children(".jstree-anchor").children(".jstree-themeicon").attr('rel') : true;
- if(!obj.icon) { obj.icon = true; }
- dom.children(".jstree-anchor").children(".jstree-themeicon").removeClass('jstree-themeicon-hidden');
- return true;
- }
- };
-
- // helpers
- $.vakata = {};
- // collect attributes
- $.vakata.attributes = function(node, with_values) {
- node = $(node)[0];
- var attr = with_values ? {} : [];
- if(node && node.attributes) {
- $.each(node.attributes, function (i, v) {
- if($.inArray(v.name.toLowerCase(),['style','contenteditable','hasfocus','tabindex']) !== -1) { return; }
- if(v.value !== null && $.trim(v.value) !== '') {
- if(with_values) { attr[v.name] = v.value; }
- else { attr.push(v.name); }
- }
- });
- }
- return attr;
- };
- $.vakata.array_unique = function(array) {
- var a = [], i, j, l, o = {};
- for(i = 0, l = array.length; i < l; i++) {
- if(o[array[i]] === undefined) {
- a.push(array[i]);
- o[array[i]] = true;
- }
- }
- return a;
- };
- // remove item from array
- $.vakata.array_remove = function(array, from) {
- array.splice(from, 1);
- return array;
- //var rest = array.slice((to || from) + 1 || array.length);
- //array.length = from < 0 ? array.length + from : from;
- //array.push.apply(array, rest);
- //return array;
- };
- // remove item from array
- $.vakata.array_remove_item = function(array, item) {
- var tmp = $.inArray(item, array);
- return tmp !== -1 ? $.vakata.array_remove(array, tmp) : array;
- };
- $.vakata.array_filter = function(c,a,b,d,e) {
- if (c.filter) {
- return c.filter(a, b);
- }
- d=[];
- for (e in c) {
- if (~~e+''===e+'' && e>=0 && a.call(b,c[e],+e,c)) {
- d.push(c[e]);
- }
- }
- return d;
- };
-
-
-/**
- * ### Changed plugin
- *
- * This plugin adds more information to the `changed.jstree` event. The new data is contained in the `changed` event data property, and contains a lists of `selected` and `deselected` nodes.
- */
-
- $.jstree.plugins.changed = function (options, parent) {
- var last = [];
- this.trigger = function (ev, data) {
- var i, j;
- if(!data) {
- data = {};
- }
- if(ev.replace('.jstree','') === 'changed') {
- data.changed = { selected : [], deselected : [] };
- var tmp = {};
- for(i = 0, j = last.length; i < j; i++) {
- tmp[last[i]] = 1;
- }
- for(i = 0, j = data.selected.length; i < j; i++) {
- if(!tmp[data.selected[i]]) {
- data.changed.selected.push(data.selected[i]);
- }
- else {
- tmp[data.selected[i]] = 2;
- }
- }
- for(i = 0, j = last.length; i < j; i++) {
- if(tmp[last[i]] === 1) {
- data.changed.deselected.push(last[i]);
- }
- }
- last = data.selected.slice();
- }
- /**
- * triggered when selection changes (the "changed" plugin enhances the original event with more data)
- * @event
- * @name changed.jstree
- * @param {Object} node
- * @param {Object} action the action that caused the selection to change
- * @param {Array} selected the current selection
- * @param {Object} changed an object containing two properties `selected` and `deselected` - both arrays of node IDs, which were selected or deselected since the last changed event
- * @param {Object} event the event (if any) that triggered this changed event
- * @plugin changed
- */
- parent.trigger.call(this, ev, data);
- };
- this.refresh = function (skip_loading, forget_state) {
- last = [];
- return parent.refresh.apply(this, arguments);
- };
- };
-
-/**
- * ### Checkbox plugin
- *
- * This plugin renders checkbox icons in front of each node, making multiple selection much easier.
- * It also supports tri-state behavior, meaning that if a node has a few of its children checked it will be rendered as undetermined, and state will be propagated up.
- */
-
- var _i = document.createElement('I');
- _i.className = 'jstree-icon jstree-checkbox';
- _i.setAttribute('role', 'presentation');
- /**
- * stores all defaults for the checkbox plugin
- * @name $.jstree.defaults.checkbox
- * @plugin checkbox
- */
- $.jstree.defaults.checkbox = {
- /**
- * a boolean indicating if checkboxes should be visible (can be changed at a later time using `show_checkboxes()` and `hide_checkboxes`). Defaults to `true`.
- * @name $.jstree.defaults.checkbox.visible
- * @plugin checkbox
- */
- visible : true,
- /**
- * a boolean indicating if checkboxes should cascade down and have an undetermined state. Defaults to `true`.
- * @name $.jstree.defaults.checkbox.three_state
- * @plugin checkbox
- */
- three_state : true,
- /**
- * a boolean indicating if clicking anywhere on the node should act as clicking on the checkbox. Defaults to `true`.
- * @name $.jstree.defaults.checkbox.whole_node
- * @plugin checkbox
- */
- whole_node : true,
- /**
- * a boolean indicating if the selected style of a node should be kept, or removed. Defaults to `true`.
- * @name $.jstree.defaults.checkbox.keep_selected_style
- * @plugin checkbox
- */
- keep_selected_style : true,
- /**
- * This setting controls how cascading and undetermined nodes are applied.
- * If 'up' is in the string - cascading up is enabled, if 'down' is in the string - cascading down is enabled, if 'undetermined' is in the string - undetermined nodes will be used.
- * If `three_state` is set to `true` this setting is automatically set to 'up+down+undetermined'. Defaults to ''.
- * @name $.jstree.defaults.checkbox.cascade
- * @plugin checkbox
- */
- cascade : '',
- /**
- * This setting controls if checkbox are bound to the general tree selection or to an internal array maintained by the checkbox plugin. Defaults to `true`, only set to `false` if you know exactly what you are doing.
- * @name $.jstree.defaults.checkbox.tie_selection
- * @plugin checkbox
- */
- tie_selection : true
- };
- $.jstree.plugins.checkbox = function (options, parent) {
- this.bind = function () {
- parent.bind.call(this);
- this._data.checkbox.uto = false;
- this._data.checkbox.selected = [];
- if(this.settings.checkbox.three_state) {
- this.settings.checkbox.cascade = 'up+down+undetermined';
- }
- this.element
- .on("init.jstree", $.proxy(function () {
- this._data.checkbox.visible = this.settings.checkbox.visible;
- if(!this.settings.checkbox.keep_selected_style) {
- this.element.addClass('jstree-checkbox-no-clicked');
- }
- if(this.settings.checkbox.tie_selection) {
- this.element.addClass('jstree-checkbox-selection');
- }
- }, this))
- .on("loading.jstree", $.proxy(function () {
- this[ this._data.checkbox.visible ? 'show_checkboxes' : 'hide_checkboxes' ]();
- }, this));
- if(this.settings.checkbox.cascade.indexOf('undetermined') !== -1) {
- this.element
- .on('changed.jstree uncheck_node.jstree check_node.jstree uncheck_all.jstree check_all.jstree move_node.jstree copy_node.jstree redraw.jstree open_node.jstree', $.proxy(function () {
- // only if undetermined is in setting
- if(this._data.checkbox.uto) { clearTimeout(this._data.checkbox.uto); }
- this._data.checkbox.uto = setTimeout($.proxy(this._undetermined, this), 50);
- }, this));
- }
- if(!this.settings.checkbox.tie_selection) {
- this.element
- .on('model.jstree', $.proxy(function (e, data) {
- var m = this._model.data,
- p = m[data.parent],
- dpc = data.nodes,
- i, j;
- for(i = 0, j = dpc.length; i < j; i++) {
- m[dpc[i]].state.checked = m[dpc[i]].state.checked || (m[dpc[i]].original && m[dpc[i]].original.state && m[dpc[i]].original.state.checked);
- if(m[dpc[i]].state.checked) {
- this._data.checkbox.selected.push(dpc[i]);
- }
- }
- }, this));
- }
- if(this.settings.checkbox.cascade.indexOf('up') !== -1 || this.settings.checkbox.cascade.indexOf('down') !== -1) {
- this.element
- .on('model.jstree', $.proxy(function (e, data) {
- var m = this._model.data,
- p = m[data.parent],
- dpc = data.nodes,
- chd = [],
- c, i, j, k, l, tmp, s = this.settings.checkbox.cascade, t = this.settings.checkbox.tie_selection;
-
- if(s.indexOf('down') !== -1) {
- // apply down
- if(p.state[ t ? 'selected' : 'checked' ]) {
- for(i = 0, j = dpc.length; i < j; i++) {
- m[dpc[i]].state[ t ? 'selected' : 'checked' ] = true;
- }
- this._data[ t ? 'core' : 'checkbox' ].selected = this._data[ t ? 'core' : 'checkbox' ].selected.concat(dpc);
- }
- else {
- for(i = 0, j = dpc.length; i < j; i++) {
- if(m[dpc[i]].state[ t ? 'selected' : 'checked' ]) {
- for(k = 0, l = m[dpc[i]].children_d.length; k < l; k++) {
- m[m[dpc[i]].children_d[k]].state[ t ? 'selected' : 'checked' ] = true;
- }
- this._data[ t ? 'core' : 'checkbox' ].selected = this._data[ t ? 'core' : 'checkbox' ].selected.concat(m[dpc[i]].children_d);
- }
- }
- }
- }
-
- if(s.indexOf('up') !== -1) {
- // apply up
- for(i = 0, j = p.children_d.length; i < j; i++) {
- if(!m[p.children_d[i]].children.length) {
- chd.push(m[p.children_d[i]].parent);
- }
- }
- chd = $.vakata.array_unique(chd);
- for(k = 0, l = chd.length; k < l; k++) {
- p = m[chd[k]];
- while(p && p.id !== $.jstree.root) {
- c = 0;
- for(i = 0, j = p.children.length; i < j; i++) {
- c += m[p.children[i]].state[ t ? 'selected' : 'checked' ];
- }
- if(c === j) {
- p.state[ t ? 'selected' : 'checked' ] = true;
- this._data[ t ? 'core' : 'checkbox' ].selected.push(p.id);
- tmp = this.get_node(p, true);
- if(tmp && tmp.length) {
- tmp.attr('aria-selected', true).children('.jstree-anchor').addClass( t ? 'jstree-clicked' : 'jstree-checked');
- }
- }
- else {
- break;
- }
- p = this.get_node(p.parent);
- }
- }
- }
-
- this._data[ t ? 'core' : 'checkbox' ].selected = $.vakata.array_unique(this._data[ t ? 'core' : 'checkbox' ].selected);
- }, this))
- .on(this.settings.checkbox.tie_selection ? 'select_node.jstree' : 'check_node.jstree', $.proxy(function (e, data) {
- var obj = data.node,
- m = this._model.data,
- par = this.get_node(obj.parent),
- dom = this.get_node(obj, true),
- i, j, c, tmp, s = this.settings.checkbox.cascade, t = this.settings.checkbox.tie_selection,
- sel = {}, cur = this._data[ t ? 'core' : 'checkbox' ].selected;
-
- for (i = 0, j = cur.length; i < j; i++) {
- sel[cur[i]] = true;
- }
- // apply down
- if(s.indexOf('down') !== -1) {
- //this._data[ t ? 'core' : 'checkbox' ].selected = $.vakata.array_unique(this._data[ t ? 'core' : 'checkbox' ].selected.concat(obj.children_d));
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- sel[obj.children_d[i]] = true;
- tmp = m[obj.children_d[i]];
- tmp.state[ t ? 'selected' : 'checked' ] = true;
- if(tmp && tmp.original && tmp.original.state && tmp.original.state.undetermined) {
- tmp.original.state.undetermined = false;
- }
- }
- }
-
- // apply up
- if(s.indexOf('up') !== -1) {
- while(par && par.id !== $.jstree.root) {
- c = 0;
- for(i = 0, j = par.children.length; i < j; i++) {
- c += m[par.children[i]].state[ t ? 'selected' : 'checked' ];
- }
- if(c === j) {
- par.state[ t ? 'selected' : 'checked' ] = true;
- sel[par.id] = true;
- //this._data[ t ? 'core' : 'checkbox' ].selected.push(par.id);
- tmp = this.get_node(par, true);
- if(tmp && tmp.length) {
- tmp.attr('aria-selected', true).children('.jstree-anchor').addClass(t ? 'jstree-clicked' : 'jstree-checked');
- }
- }
- else {
- break;
- }
- par = this.get_node(par.parent);
- }
- }
-
- cur = [];
- for (i in sel) {
- if (sel.hasOwnProperty(i)) {
- cur.push(i);
- }
- }
- this._data[ t ? 'core' : 'checkbox' ].selected = cur;
-
- // apply down (process .children separately?)
- if(s.indexOf('down') !== -1 && dom.length) {
- dom.find('.jstree-anchor').addClass(t ? 'jstree-clicked' : 'jstree-checked').parent().attr('aria-selected', true);
- }
- }, this))
- .on(this.settings.checkbox.tie_selection ? 'deselect_all.jstree' : 'uncheck_all.jstree', $.proxy(function (e, data) {
- var obj = this.get_node($.jstree.root),
- m = this._model.data,
- i, j, tmp;
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- tmp = m[obj.children_d[i]];
- if(tmp && tmp.original && tmp.original.state && tmp.original.state.undetermined) {
- tmp.original.state.undetermined = false;
- }
- }
- }, this))
- .on(this.settings.checkbox.tie_selection ? 'deselect_node.jstree' : 'uncheck_node.jstree', $.proxy(function (e, data) {
- var obj = data.node,
- dom = this.get_node(obj, true),
- i, j, tmp, s = this.settings.checkbox.cascade, t = this.settings.checkbox.tie_selection,
- cur = this._data[ t ? 'core' : 'checkbox' ].selected, sel = {};
- if(obj && obj.original && obj.original.state && obj.original.state.undetermined) {
- obj.original.state.undetermined = false;
- }
-
- // apply down
- if(s.indexOf('down') !== -1) {
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- tmp = this._model.data[obj.children_d[i]];
- tmp.state[ t ? 'selected' : 'checked' ] = false;
- if(tmp && tmp.original && tmp.original.state && tmp.original.state.undetermined) {
- tmp.original.state.undetermined = false;
- }
- }
- }
-
- // apply up
- if(s.indexOf('up') !== -1) {
- for(i = 0, j = obj.parents.length; i < j; i++) {
- tmp = this._model.data[obj.parents[i]];
- tmp.state[ t ? 'selected' : 'checked' ] = false;
- if(tmp && tmp.original && tmp.original.state && tmp.original.state.undetermined) {
- tmp.original.state.undetermined = false;
- }
- tmp = this.get_node(obj.parents[i], true);
- if(tmp && tmp.length) {
- tmp.attr('aria-selected', false).children('.jstree-anchor').removeClass(t ? 'jstree-clicked' : 'jstree-checked');
- }
- }
- }
- sel = {};
- for(i = 0, j = cur.length; i < j; i++) {
- // apply down + apply up
- if(
- (s.indexOf('down') === -1 || $.inArray(cur[i], obj.children_d) === -1) &&
- (s.indexOf('up') === -1 || $.inArray(cur[i], obj.parents) === -1)
- ) {
- sel[cur[i]] = true;
- }
- }
- cur = [];
- for (i in sel) {
- if (sel.hasOwnProperty(i)) {
- cur.push(i);
- }
- }
- this._data[ t ? 'core' : 'checkbox' ].selected = cur;
-
- // apply down (process .children separately?)
- if(s.indexOf('down') !== -1 && dom.length) {
- dom.find('.jstree-anchor').removeClass(t ? 'jstree-clicked' : 'jstree-checked').parent().attr('aria-selected', false);
- }
- }, this));
- }
- if(this.settings.checkbox.cascade.indexOf('up') !== -1) {
- this.element
- .on('delete_node.jstree', $.proxy(function (e, data) {
- // apply up (whole handler)
- var p = this.get_node(data.parent),
- m = this._model.data,
- i, j, c, tmp, t = this.settings.checkbox.tie_selection;
- while(p && p.id !== $.jstree.root && !p.state[ t ? 'selected' : 'checked' ]) {
- c = 0;
- for(i = 0, j = p.children.length; i < j; i++) {
- c += m[p.children[i]].state[ t ? 'selected' : 'checked' ];
- }
- if(j > 0 && c === j) {
- p.state[ t ? 'selected' : 'checked' ] = true;
- this._data[ t ? 'core' : 'checkbox' ].selected.push(p.id);
- tmp = this.get_node(p, true);
- if(tmp && tmp.length) {
- tmp.attr('aria-selected', true).children('.jstree-anchor').addClass(t ? 'jstree-clicked' : 'jstree-checked');
- }
- }
- else {
- break;
- }
- p = this.get_node(p.parent);
- }
- }, this))
- .on('move_node.jstree', $.proxy(function (e, data) {
- // apply up (whole handler)
- var is_multi = data.is_multi,
- old_par = data.old_parent,
- new_par = this.get_node(data.parent),
- m = this._model.data,
- p, c, i, j, tmp, t = this.settings.checkbox.tie_selection;
- if(!is_multi) {
- p = this.get_node(old_par);
- while(p && p.id !== $.jstree.root && !p.state[ t ? 'selected' : 'checked' ]) {
- c = 0;
- for(i = 0, j = p.children.length; i < j; i++) {
- c += m[p.children[i]].state[ t ? 'selected' : 'checked' ];
- }
- if(j > 0 && c === j) {
- p.state[ t ? 'selected' : 'checked' ] = true;
- this._data[ t ? 'core' : 'checkbox' ].selected.push(p.id);
- tmp = this.get_node(p, true);
- if(tmp && tmp.length) {
- tmp.attr('aria-selected', true).children('.jstree-anchor').addClass(t ? 'jstree-clicked' : 'jstree-checked');
- }
- }
- else {
- break;
- }
- p = this.get_node(p.parent);
- }
- }
- p = new_par;
- while(p && p.id !== $.jstree.root) {
- c = 0;
- for(i = 0, j = p.children.length; i < j; i++) {
- c += m[p.children[i]].state[ t ? 'selected' : 'checked' ];
- }
- if(c === j) {
- if(!p.state[ t ? 'selected' : 'checked' ]) {
- p.state[ t ? 'selected' : 'checked' ] = true;
- this._data[ t ? 'core' : 'checkbox' ].selected.push(p.id);
- tmp = this.get_node(p, true);
- if(tmp && tmp.length) {
- tmp.attr('aria-selected', true).children('.jstree-anchor').addClass(t ? 'jstree-clicked' : 'jstree-checked');
- }
- }
- }
- else {
- if(p.state[ t ? 'selected' : 'checked' ]) {
- p.state[ t ? 'selected' : 'checked' ] = false;
- this._data[ t ? 'core' : 'checkbox' ].selected = $.vakata.array_remove_item(this._data[ t ? 'core' : 'checkbox' ].selected, p.id);
- tmp = this.get_node(p, true);
- if(tmp && tmp.length) {
- tmp.attr('aria-selected', false).children('.jstree-anchor').removeClass(t ? 'jstree-clicked' : 'jstree-checked');
- }
- }
- else {
- break;
- }
- }
- p = this.get_node(p.parent);
- }
- }, this));
- }
- };
- /**
- * set the undetermined state where and if necessary. Used internally.
- * @private
- * @name _undetermined()
- * @plugin checkbox
- */
- this._undetermined = function () {
- if(this.element === null) { return; }
- var i, j, k, l, o = {}, m = this._model.data, t = this.settings.checkbox.tie_selection, s = this._data[ t ? 'core' : 'checkbox' ].selected, p = [], tt = this;
- for(i = 0, j = s.length; i < j; i++) {
- if(m[s[i]] && m[s[i]].parents) {
- for(k = 0, l = m[s[i]].parents.length; k < l; k++) {
- if(o[m[s[i]].parents[k]] !== undefined) {
- break;
- }
- if(m[s[i]].parents[k] !== $.jstree.root) {
- o[m[s[i]].parents[k]] = true;
- p.push(m[s[i]].parents[k]);
- }
- }
- }
- }
- // attempt for server side undetermined state
- this.element.find('.jstree-closed').not(':has(.jstree-children)')
- .each(function () {
- var tmp = tt.get_node(this), tmp2;
- if(!tmp.state.loaded) {
- if(tmp.original && tmp.original.state && tmp.original.state.undetermined && tmp.original.state.undetermined === true) {
- if(o[tmp.id] === undefined && tmp.id !== $.jstree.root) {
- o[tmp.id] = true;
- p.push(tmp.id);
- }
- for(k = 0, l = tmp.parents.length; k < l; k++) {
- if(o[tmp.parents[k]] === undefined && tmp.parents[k] !== $.jstree.root) {
- o[tmp.parents[k]] = true;
- p.push(tmp.parents[k]);
- }
- }
- }
- }
- else {
- for(i = 0, j = tmp.children_d.length; i < j; i++) {
- tmp2 = m[tmp.children_d[i]];
- if(!tmp2.state.loaded && tmp2.original && tmp2.original.state && tmp2.original.state.undetermined && tmp2.original.state.undetermined === true) {
- if(o[tmp2.id] === undefined && tmp2.id !== $.jstree.root) {
- o[tmp2.id] = true;
- p.push(tmp2.id);
- }
- for(k = 0, l = tmp2.parents.length; k < l; k++) {
- if(o[tmp2.parents[k]] === undefined && tmp2.parents[k] !== $.jstree.root) {
- o[tmp2.parents[k]] = true;
- p.push(tmp2.parents[k]);
- }
- }
- }
- }
- }
- });
-
- this.element.find('.jstree-undetermined').removeClass('jstree-undetermined');
- for(i = 0, j = p.length; i < j; i++) {
- if(!m[p[i]].state[ t ? 'selected' : 'checked' ]) {
- s = this.get_node(p[i], true);
- if(s && s.length) {
- s.children('.jstree-anchor').children('.jstree-checkbox').addClass('jstree-undetermined');
- }
- }
- }
- };
- this.redraw_node = function(obj, deep, is_callback, force_render) {
- obj = parent.redraw_node.apply(this, arguments);
- if(obj) {
- var i, j, tmp = null, icon = null;
- for(i = 0, j = obj.childNodes.length; i < j; i++) {
- if(obj.childNodes[i] && obj.childNodes[i].className && obj.childNodes[i].className.indexOf("jstree-anchor") !== -1) {
- tmp = obj.childNodes[i];
- break;
- }
- }
- if(tmp) {
- if(!this.settings.checkbox.tie_selection && this._model.data[obj.id].state.checked) { tmp.className += ' jstree-checked'; }
- icon = _i.cloneNode(false);
- if(this._model.data[obj.id].state.checkbox_disabled) { icon.className += ' jstree-checkbox-disabled'; }
- tmp.insertBefore(icon, tmp.childNodes[0]);
- }
- }
- if(!is_callback && this.settings.checkbox.cascade.indexOf('undetermined') !== -1) {
- if(this._data.checkbox.uto) { clearTimeout(this._data.checkbox.uto); }
- this._data.checkbox.uto = setTimeout($.proxy(this._undetermined, this), 50);
- }
- return obj;
- };
- /**
- * show the node checkbox icons
- * @name show_checkboxes()
- * @plugin checkbox
- */
- this.show_checkboxes = function () { this._data.core.themes.checkboxes = true; this.get_container_ul().removeClass("jstree-no-checkboxes"); };
- /**
- * hide the node checkbox icons
- * @name hide_checkboxes()
- * @plugin checkbox
- */
- this.hide_checkboxes = function () { this._data.core.themes.checkboxes = false; this.get_container_ul().addClass("jstree-no-checkboxes"); };
- /**
- * toggle the node icons
- * @name toggle_checkboxes()
- * @plugin checkbox
- */
- this.toggle_checkboxes = function () { if(this._data.core.themes.checkboxes) { this.hide_checkboxes(); } else { this.show_checkboxes(); } };
- /**
- * checks if a node is in an undetermined state
- * @name is_undetermined(obj)
- * @param {mixed} obj
- * @return {Boolean}
- */
- this.is_undetermined = function (obj) {
- obj = this.get_node(obj);
- var s = this.settings.checkbox.cascade, i, j, t = this.settings.checkbox.tie_selection, d = this._data[ t ? 'core' : 'checkbox' ].selected, m = this._model.data;
- if(!obj || obj.state[ t ? 'selected' : 'checked' ] === true || s.indexOf('undetermined') === -1 || (s.indexOf('down') === -1 && s.indexOf('up') === -1)) {
- return false;
- }
- if(!obj.state.loaded && obj.original.state.undetermined === true) {
- return true;
- }
- for(i = 0, j = obj.children_d.length; i < j; i++) {
- if($.inArray(obj.children_d[i], d) !== -1 || (!m[obj.children_d[i]].state.loaded && m[obj.children_d[i]].original.state.undetermined)) {
- return true;
- }
- }
- return false;
- };
- /**
- * disable a node's checkbox
- * @name disable_checkbox(obj)
- * @param {mixed} obj an array can be used too
- * @trigger disable_checkbox.jstree
- * @plugin checkbox
- */
- this.disable_checkbox = function (obj) {
- var t1, t2, dom;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.disable_checkbox(obj[t1]);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- dom = this.get_node(obj, true);
- if(!obj.state.checkbox_disabled) {
- obj.state.checkbox_disabled = true;
- if(dom && dom.length) {
- dom.children('.jstree-anchor').children('.jstree-checkbox').addClass('jstree-checkbox-disabled');
- }
- /**
- * triggered when an node's checkbox is disabled
- * @event
- * @name disable_checkbox.jstree
- * @param {Object} node
- * @plugin checkbox
- */
- this.trigger('disable_checkbox', { 'node' : obj });
- }
- };
- /**
- * enable a node's checkbox
- * @name disable_checkbox(obj)
- * @param {mixed} obj an array can be used too
- * @trigger enable_checkbox.jstree
- * @plugin checkbox
- */
- this.enable_checkbox = function (obj) {
- var t1, t2, dom;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.enable_checkbox(obj[t1]);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- dom = this.get_node(obj, true);
- if(obj.state.checkbox_disabled) {
- obj.state.checkbox_disabled = false;
- if(dom && dom.length) {
- dom.children('.jstree-anchor').children('.jstree-checkbox').removeClass('jstree-checkbox-disabled');
- }
- /**
- * triggered when an node's checkbox is enabled
- * @event
- * @name enable_checkbox.jstree
- * @param {Object} node
- * @plugin checkbox
- */
- this.trigger('enable_checkbox', { 'node' : obj });
- }
- };
-
- this.activate_node = function (obj, e) {
- if($(e.target).hasClass('jstree-checkbox-disabled')) {
- return false;
- }
- if(this.settings.checkbox.tie_selection && (this.settings.checkbox.whole_node || $(e.target).hasClass('jstree-checkbox'))) {
- e.ctrlKey = true;
- }
- if(this.settings.checkbox.tie_selection || (!this.settings.checkbox.whole_node && !$(e.target).hasClass('jstree-checkbox'))) {
- return parent.activate_node.call(this, obj, e);
- }
- if(this.is_disabled(obj)) {
- return false;
- }
- if(this.is_checked(obj)) {
- this.uncheck_node(obj, e);
- }
- else {
- this.check_node(obj, e);
- }
- this.trigger('activate_node', { 'node' : this.get_node(obj) });
- };
-
- /**
- * check a node (only if tie_selection in checkbox settings is false, otherwise select_node will be called internally)
- * @name check_node(obj)
- * @param {mixed} obj an array can be used to check multiple nodes
- * @trigger check_node.jstree
- * @plugin checkbox
- */
- this.check_node = function (obj, e) {
- if(this.settings.checkbox.tie_selection) { return this.select_node(obj, false, true, e); }
- var dom, t1, t2, th;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.check_node(obj[t1], e);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- dom = this.get_node(obj, true);
- if(!obj.state.checked) {
- obj.state.checked = true;
- this._data.checkbox.selected.push(obj.id);
- if(dom && dom.length) {
- dom.children('.jstree-anchor').addClass('jstree-checked');
- }
- /**
- * triggered when an node is checked (only if tie_selection in checkbox settings is false)
- * @event
- * @name check_node.jstree
- * @param {Object} node
- * @param {Array} selected the current selection
- * @param {Object} event the event (if any) that triggered this check_node
- * @plugin checkbox
- */
- this.trigger('check_node', { 'node' : obj, 'selected' : this._data.checkbox.selected, 'event' : e });
- }
- };
- /**
- * uncheck a node (only if tie_selection in checkbox settings is false, otherwise deselect_node will be called internally)
- * @name uncheck_node(obj)
- * @param {mixed} obj an array can be used to uncheck multiple nodes
- * @trigger uncheck_node.jstree
- * @plugin checkbox
- */
- this.uncheck_node = function (obj, e) {
- if(this.settings.checkbox.tie_selection) { return this.deselect_node(obj, false, e); }
- var t1, t2, dom;
- if($.isArray(obj)) {
- obj = obj.slice();
- for(t1 = 0, t2 = obj.length; t1 < t2; t1++) {
- this.uncheck_node(obj[t1], e);
- }
- return true;
- }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) {
- return false;
- }
- dom = this.get_node(obj, true);
- if(obj.state.checked) {
- obj.state.checked = false;
- this._data.checkbox.selected = $.vakata.array_remove_item(this._data.checkbox.selected, obj.id);
- if(dom.length) {
- dom.children('.jstree-anchor').removeClass('jstree-checked');
- }
- /**
- * triggered when an node is unchecked (only if tie_selection in checkbox settings is false)
- * @event
- * @name uncheck_node.jstree
- * @param {Object} node
- * @param {Array} selected the current selection
- * @param {Object} event the event (if any) that triggered this uncheck_node
- * @plugin checkbox
- */
- this.trigger('uncheck_node', { 'node' : obj, 'selected' : this._data.checkbox.selected, 'event' : e });
- }
- };
- /**
- * checks all nodes in the tree (only if tie_selection in checkbox settings is false, otherwise select_all will be called internally)
- * @name check_all()
- * @trigger check_all.jstree, changed.jstree
- * @plugin checkbox
- */
- this.check_all = function () {
- if(this.settings.checkbox.tie_selection) { return this.select_all(); }
- var tmp = this._data.checkbox.selected.concat([]), i, j;
- this._data.checkbox.selected = this._model.data[$.jstree.root].children_d.concat();
- for(i = 0, j = this._data.checkbox.selected.length; i < j; i++) {
- if(this._model.data[this._data.checkbox.selected[i]]) {
- this._model.data[this._data.checkbox.selected[i]].state.checked = true;
- }
- }
- this.redraw(true);
- /**
- * triggered when all nodes are checked (only if tie_selection in checkbox settings is false)
- * @event
- * @name check_all.jstree
- * @param {Array} selected the current selection
- * @plugin checkbox
- */
- this.trigger('check_all', { 'selected' : this._data.checkbox.selected });
- };
- /**
- * uncheck all checked nodes (only if tie_selection in checkbox settings is false, otherwise deselect_all will be called internally)
- * @name uncheck_all()
- * @trigger uncheck_all.jstree
- * @plugin checkbox
- */
- this.uncheck_all = function () {
- if(this.settings.checkbox.tie_selection) { return this.deselect_all(); }
- var tmp = this._data.checkbox.selected.concat([]), i, j;
- for(i = 0, j = this._data.checkbox.selected.length; i < j; i++) {
- if(this._model.data[this._data.checkbox.selected[i]]) {
- this._model.data[this._data.checkbox.selected[i]].state.checked = false;
- }
- }
- this._data.checkbox.selected = [];
- this.element.find('.jstree-checked').removeClass('jstree-checked');
- /**
- * triggered when all nodes are unchecked (only if tie_selection in checkbox settings is false)
- * @event
- * @name uncheck_all.jstree
- * @param {Object} node the previous selection
- * @param {Array} selected the current selection
- * @plugin checkbox
- */
- this.trigger('uncheck_all', { 'selected' : this._data.checkbox.selected, 'node' : tmp });
- };
- /**
- * checks if a node is checked (if tie_selection is on in the settings this function will return the same as is_selected)
- * @name is_checked(obj)
- * @param {mixed} obj
- * @return {Boolean}
- * @plugin checkbox
- */
- this.is_checked = function (obj) {
- if(this.settings.checkbox.tie_selection) { return this.is_selected(obj); }
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- return obj.state.checked;
- };
- /**
- * get an array of all checked nodes (if tie_selection is on in the settings this function will return the same as get_selected)
- * @name get_checked([full])
- * @param {mixed} full if set to `true` the returned array will consist of the full node objects, otherwise - only IDs will be returned
- * @return {Array}
- * @plugin checkbox
- */
- this.get_checked = function (full) {
- if(this.settings.checkbox.tie_selection) { return this.get_selected(full); }
- return full ? $.map(this._data.checkbox.selected, $.proxy(function (i) { return this.get_node(i); }, this)) : this._data.checkbox.selected;
- };
- /**
- * get an array of all top level checked nodes (ignoring children of checked nodes) (if tie_selection is on in the settings this function will return the same as get_top_selected)
- * @name get_top_checked([full])
- * @param {mixed} full if set to `true` the returned array will consist of the full node objects, otherwise - only IDs will be returned
- * @return {Array}
- * @plugin checkbox
- */
- this.get_top_checked = function (full) {
- if(this.settings.checkbox.tie_selection) { return this.get_top_selected(full); }
- var tmp = this.get_checked(true),
- obj = {}, i, j, k, l;
- for(i = 0, j = tmp.length; i < j; i++) {
- obj[tmp[i].id] = tmp[i];
- }
- for(i = 0, j = tmp.length; i < j; i++) {
- for(k = 0, l = tmp[i].children_d.length; k < l; k++) {
- if(obj[tmp[i].children_d[k]]) {
- delete obj[tmp[i].children_d[k]];
- }
- }
- }
- tmp = [];
- for(i in obj) {
- if(obj.hasOwnProperty(i)) {
- tmp.push(i);
- }
- }
- return full ? $.map(tmp, $.proxy(function (i) { return this.get_node(i); }, this)) : tmp;
- };
- /**
- * get an array of all bottom level checked nodes (ignoring selected parents) (if tie_selection is on in the settings this function will return the same as get_bottom_selected)
- * @name get_bottom_checked([full])
- * @param {mixed} full if set to `true` the returned array will consist of the full node objects, otherwise - only IDs will be returned
- * @return {Array}
- * @plugin checkbox
- */
- this.get_bottom_checked = function (full) {
- if(this.settings.checkbox.tie_selection) { return this.get_bottom_selected(full); }
- var tmp = this.get_checked(true),
- obj = [], i, j;
- for(i = 0, j = tmp.length; i < j; i++) {
- if(!tmp[i].children.length) {
- obj.push(tmp[i].id);
- }
- }
- return full ? $.map(obj, $.proxy(function (i) { return this.get_node(i); }, this)) : obj;
- };
- this.load_node = function (obj, callback) {
- var k, l, i, j, c, tmp;
- if(!$.isArray(obj) && !this.settings.checkbox.tie_selection) {
- tmp = this.get_node(obj);
- if(tmp && tmp.state.loaded) {
- for(k = 0, l = tmp.children_d.length; k < l; k++) {
- if(this._model.data[tmp.children_d[k]].state.checked) {
- c = true;
- this._data.checkbox.selected = $.vakata.array_remove_item(this._data.checkbox.selected, tmp.children_d[k]);
- }
- }
- }
- }
- return parent.load_node.apply(this, arguments);
- };
- this.get_state = function () {
- var state = parent.get_state.apply(this, arguments);
- if(this.settings.checkbox.tie_selection) { return state; }
- state.checkbox = this._data.checkbox.selected.slice();
- return state;
- };
- this.set_state = function (state, callback) {
- var res = parent.set_state.apply(this, arguments);
- if(res && state.checkbox) {
- if(!this.settings.checkbox.tie_selection) {
- this.uncheck_all();
- var _this = this;
- $.each(state.checkbox, function (i, v) {
- _this.check_node(v);
- });
- }
- delete state.checkbox;
- this.set_state(state, callback);
- return false;
- }
- return res;
- };
- this.refresh = function (skip_loading, forget_state) {
- if(!this.settings.checkbox.tie_selection) {
- this._data.checkbox.selected = [];
- }
- return parent.refresh.apply(this, arguments);
- };
- };
-
- // include the checkbox plugin by default
- // $.jstree.defaults.plugins.push("checkbox");
-
-/**
- * ### Conditionalselect plugin
- *
- * This plugin allows defining a callback to allow or deny node selection by user input (activate node method).
- */
-
- /**
- * a callback (function) which is invoked in the instance's scope and receives two arguments - the node and the event that triggered the `activate_node` call. Returning false prevents working with the node, returning true allows invoking activate_node. Defaults to returning `true`.
- * @name $.jstree.defaults.checkbox.visible
- * @plugin checkbox
- */
- $.jstree.defaults.conditionalselect = function () { return true; };
- $.jstree.plugins.conditionalselect = function (options, parent) {
- // own function
- this.activate_node = function (obj, e) {
- if(this.settings.conditionalselect.call(this, this.get_node(obj), e)) {
- parent.activate_node.call(this, obj, e);
- }
- };
- };
-
-
-/**
- * ### Contextmenu plugin
- *
- * Shows a context menu when a node is right-clicked.
- */
-
- /**
- * stores all defaults for the contextmenu plugin
- * @name $.jstree.defaults.contextmenu
- * @plugin contextmenu
- */
- $.jstree.defaults.contextmenu = {
- /**
- * a boolean indicating if the node should be selected when the context menu is invoked on it. Defaults to `true`.
- * @name $.jstree.defaults.contextmenu.select_node
- * @plugin contextmenu
- */
- select_node : true,
- /**
- * a boolean indicating if the menu should be shown aligned with the node. Defaults to `true`, otherwise the mouse coordinates are used.
- * @name $.jstree.defaults.contextmenu.show_at_node
- * @plugin contextmenu
- */
- show_at_node : true,
- /**
- * an object of actions, or a function that accepts a node and a callback function and calls the callback function with an object of actions available for that node (you can also return the items too).
- *
- * Each action consists of a key (a unique name) and a value which is an object with the following properties (only label and action are required). Once a menu item is activated the `action` function will be invoked with an object containing the following keys: item - the contextmenu item definition as seen below, reference - the DOM node that was used (the tree node), element - the contextmenu DOM element, position - an object with x/y properties indicating the position of the menu.
- *
- * * `separator_before` - a boolean indicating if there should be a separator before this item
- * * `separator_after` - a boolean indicating if there should be a separator after this item
- * * `_disabled` - a boolean indicating if this action should be disabled
- * * `label` - a string - the name of the action (could be a function returning a string)
- * * `title` - a string - an optional tooltip for the item
- * * `action` - a function to be executed if this item is chosen, the function will receive
- * * `icon` - a string, can be a path to an icon or a className, if using an image that is in the current directory use a `./` prefix, otherwise it will be detected as a class
- * * `shortcut` - keyCode which will trigger the action if the menu is open (for example `113` for rename, which equals F2)
- * * `shortcut_label` - shortcut label (like for example `F2` for rename)
- * * `submenu` - an object with the same structure as $.jstree.defaults.contextmenu.items which can be used to create a submenu - each key will be rendered as a separate option in a submenu that will appear once the current item is hovered
- *
- * @name $.jstree.defaults.contextmenu.items
- * @plugin contextmenu
- */
- items : function (o, cb) { // Could be an object directly
- return {
- "create" : {
- "separator_before" : false,
- "separator_after" : true,
- "_disabled" : false, //(this.check("create_node", data.reference, {}, "last")),
- "label" : "Create",
- "action" : function (data) {
- var inst = $.jstree.reference(data.reference),
- obj = inst.get_node(data.reference);
- inst.create_node(obj, {}, "last", function (new_node) {
- setTimeout(function () { inst.edit(new_node); },0);
- });
- }
- },
- "rename" : {
- "separator_before" : false,
- "separator_after" : false,
- "_disabled" : false, //(this.check("rename_node", data.reference, this.get_parent(data.reference), "")),
- "label" : "Rename",
- /*!
- "shortcut" : 113,
- "shortcut_label" : 'F2',
- "icon" : "glyphicon glyphicon-leaf",
- */
- "action" : function (data) {
- var inst = $.jstree.reference(data.reference),
- obj = inst.get_node(data.reference);
- inst.edit(obj);
- }
- },
- "remove" : {
- "separator_before" : false,
- "icon" : false,
- "separator_after" : false,
- "_disabled" : false, //(this.check("delete_node", data.reference, this.get_parent(data.reference), "")),
- "label" : "Delete",
- "action" : function (data) {
- var inst = $.jstree.reference(data.reference),
- obj = inst.get_node(data.reference);
- if(inst.is_selected(obj)) {
- inst.delete_node(inst.get_selected());
- }
- else {
- inst.delete_node(obj);
- }
- }
- },
- "ccp" : {
- "separator_before" : true,
- "icon" : false,
- "separator_after" : false,
- "label" : "Edit",
- "action" : false,
- "submenu" : {
- "cut" : {
- "separator_before" : false,
- "separator_after" : false,
- "label" : "Cut",
- "action" : function (data) {
- var inst = $.jstree.reference(data.reference),
- obj = inst.get_node(data.reference);
- if(inst.is_selected(obj)) {
- inst.cut(inst.get_top_selected());
- }
- else {
- inst.cut(obj);
- }
- }
- },
- "copy" : {
- "separator_before" : false,
- "icon" : false,
- "separator_after" : false,
- "label" : "Copy",
- "action" : function (data) {
- var inst = $.jstree.reference(data.reference),
- obj = inst.get_node(data.reference);
- if(inst.is_selected(obj)) {
- inst.copy(inst.get_top_selected());
- }
- else {
- inst.copy(obj);
- }
- }
- },
- "paste" : {
- "separator_before" : false,
- "icon" : false,
- "_disabled" : function (data) {
- return !$.jstree.reference(data.reference).can_paste();
- },
- "separator_after" : false,
- "label" : "Paste",
- "action" : function (data) {
- var inst = $.jstree.reference(data.reference),
- obj = inst.get_node(data.reference);
- inst.paste(obj);
- }
- }
- }
- }
- };
- }
- };
-
- $.jstree.plugins.contextmenu = function (options, parent) {
- this.bind = function () {
- parent.bind.call(this);
-
- var last_ts = 0, cto = null, ex, ey;
- this.element
- .on("contextmenu.jstree", ".jstree-anchor", $.proxy(function (e, data) {
- if (e.target.tagName.toLowerCase() === 'input') {
- return;
- }
- e.preventDefault();
- last_ts = e.ctrlKey ? +new Date() : 0;
- if(data || cto) {
- last_ts = (+new Date()) + 10000;
- }
- if(cto) {
- clearTimeout(cto);
- }
- if(!this.is_loading(e.currentTarget)) {
- this.show_contextmenu(e.currentTarget, e.pageX, e.pageY, e);
- }
- }, this))
- .on("click.jstree", ".jstree-anchor", $.proxy(function (e) {
- if(this._data.contextmenu.visible && (!last_ts || (+new Date()) - last_ts > 250)) { // work around safari & macOS ctrl+click
- $.vakata.context.hide();
- }
- last_ts = 0;
- }, this))
- .on("touchstart.jstree", ".jstree-anchor", function (e) {
- if(!e.originalEvent || !e.originalEvent.changedTouches || !e.originalEvent.changedTouches[0]) {
- return;
- }
- ex = e.originalEvent.changedTouches[0].clientX;
- ey = e.originalEvent.changedTouches[0].clientY;
- cto = setTimeout(function () {
- $(e.currentTarget).trigger('contextmenu', true);
- }, 750);
- })
- .on('touchmove.vakata.jstree', function (e) {
- if(cto && e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0] && (Math.abs(ex - e.originalEvent.changedTouches[0].clientX) > 50 || Math.abs(ey - e.originalEvent.changedTouches[0].clientY) > 50)) {
- clearTimeout(cto);
- }
- })
- .on('touchend.vakata.jstree', function (e) {
- if(cto) {
- clearTimeout(cto);
- }
- });
-
- /*!
- if(!('oncontextmenu' in document.body) && ('ontouchstart' in document.body)) {
- var el = null, tm = null;
- this.element
- .on("touchstart", ".jstree-anchor", function (e) {
- el = e.currentTarget;
- tm = +new Date();
- $(document).one("touchend", function (e) {
- e.target = document.elementFromPoint(e.originalEvent.targetTouches[0].pageX - window.pageXOffset, e.originalEvent.targetTouches[0].pageY - window.pageYOffset);
- e.currentTarget = e.target;
- tm = ((+(new Date())) - tm);
- if(e.target === el && tm > 600 && tm < 1000) {
- e.preventDefault();
- $(el).trigger('contextmenu', e);
- }
- el = null;
- tm = null;
- });
- });
- }
- */
- $(document).on("context_hide.vakata.jstree", $.proxy(function (e, data) {
- this._data.contextmenu.visible = false;
- $(data.reference).removeClass('jstree-context');
- }, this));
- };
- this.teardown = function () {
- if(this._data.contextmenu.visible) {
- $.vakata.context.hide();
- }
- parent.teardown.call(this);
- };
-
- /**
- * prepare and show the context menu for a node
- * @name show_contextmenu(obj [, x, y])
- * @param {mixed} obj the node
- * @param {Number} x the x-coordinate relative to the document to show the menu at
- * @param {Number} y the y-coordinate relative to the document to show the menu at
- * @param {Object} e the event if available that triggered the contextmenu
- * @plugin contextmenu
- * @trigger show_contextmenu.jstree
- */
- this.show_contextmenu = function (obj, x, y, e) {
- obj = this.get_node(obj);
- if(!obj || obj.id === $.jstree.root) { return false; }
- var s = this.settings.contextmenu,
- d = this.get_node(obj, true),
- a = d.children(".jstree-anchor"),
- o = false,
- i = false;
- if(s.show_at_node || x === undefined || y === undefined) {
- o = a.offset();
- x = o.left;
- y = o.top + this._data.core.li_height;
- }
- if(this.settings.contextmenu.select_node && !this.is_selected(obj)) {
- this.activate_node(obj, e);
- }
-
- i = s.items;
- if($.isFunction(i)) {
- i = i.call(this, obj, $.proxy(function (i) {
- this._show_contextmenu(obj, x, y, i);
- }, this));
- }
- if($.isPlainObject(i)) {
- this._show_contextmenu(obj, x, y, i);
- }
- };
- /**
- * show the prepared context menu for a node
- * @name _show_contextmenu(obj, x, y, i)
- * @param {mixed} obj the node
- * @param {Number} x the x-coordinate relative to the document to show the menu at
- * @param {Number} y the y-coordinate relative to the document to show the menu at
- * @param {Number} i the object of items to show
- * @plugin contextmenu
- * @trigger show_contextmenu.jstree
- * @private
- */
- this._show_contextmenu = function (obj, x, y, i) {
- var d = this.get_node(obj, true),
- a = d.children(".jstree-anchor");
- $(document).one("context_show.vakata.jstree", $.proxy(function (e, data) {
- var cls = 'jstree-contextmenu jstree-' + this.get_theme() + '-contextmenu';
- $(data.element).addClass(cls);
- a.addClass('jstree-context');
- }, this));
- this._data.contextmenu.visible = true;
- $.vakata.context.show(a, { 'x' : x, 'y' : y }, i);
- /**
- * triggered when the contextmenu is shown for a node
- * @event
- * @name show_contextmenu.jstree
- * @param {Object} node the node
- * @param {Number} x the x-coordinate of the menu relative to the document
- * @param {Number} y the y-coordinate of the menu relative to the document
- * @plugin contextmenu
- */
- this.trigger('show_contextmenu', { "node" : obj, "x" : x, "y" : y });
- };
- };
-
- // contextmenu helper
- (function ($) {
- var right_to_left = false,
- vakata_context = {
- element : false,
- reference : false,
- position_x : 0,
- position_y : 0,
- items : [],
- html : "",
- is_visible : false
- };
-
- $.vakata.context = {
- settings : {
- hide_onmouseleave : 0,
- icons : true
- },
- _trigger : function (event_name) {
- $(document).triggerHandler("context_" + event_name + ".vakata", {
- "reference" : vakata_context.reference,
- "element" : vakata_context.element,
- "position" : {
- "x" : vakata_context.position_x,
- "y" : vakata_context.position_y
- }
- });
- },
- _execute : function (i) {
- i = vakata_context.items[i];
- return i && (!i._disabled || ($.isFunction(i._disabled) && !i._disabled({ "item" : i, "reference" : vakata_context.reference, "element" : vakata_context.element }))) && i.action ? i.action.call(null, {
- "item" : i,
- "reference" : vakata_context.reference,
- "element" : vakata_context.element,
- "position" : {
- "x" : vakata_context.position_x,
- "y" : vakata_context.position_y
- }
- }) : false;
- },
- _parse : function (o, is_callback) {
- if(!o) { return false; }
- if(!is_callback) {
- vakata_context.html = "";
- vakata_context.items = [];
- }
- var str = "",
- sep = false,
- tmp;
-
- if(is_callback) { str += "<"+"ul>"; }
- $.each(o, function (i, val) {
- if(!val) { return true; }
- vakata_context.items.push(val);
- if(!sep && val.separator_before) {
- str += "<"+"li class='vakata-context-separator'><"+"a href='#' " + ($.vakata.context.settings.icons ? '' : 'style="margin-left:0px;"') + "> <"+"/a><"+"/li>";
- }
- sep = false;
- str += "<"+"li class='" + (val._class || "") + (val._disabled === true || ($.isFunction(val._disabled) && val._disabled({ "item" : val, "reference" : vakata_context.reference, "element" : vakata_context.element })) ? " vakata-contextmenu-disabled " : "") + "' "+(val.shortcut?" data-shortcut='"+val.shortcut+"' ":'')+">";
- str += "<"+"a href='#' rel='" + (vakata_context.items.length - 1) + "' " + (val.title ? "title='" + val.title + "'" : "") + ">";
- if($.vakata.context.settings.icons) {
- str += "<"+"i ";
- if(val.icon) {
- if(val.icon.indexOf("/") !== -1 || val.icon.indexOf(".") !== -1) { str += " style='background:url(\"" + val.icon + "\") center center no-repeat' "; }
- else { str += " class='" + val.icon + "' "; }
- }
- str += "><"+"/i><"+"span class='vakata-contextmenu-sep'> <"+"/span>";
- }
- str += ($.isFunction(val.label) ? val.label({ "item" : i, "reference" : vakata_context.reference, "element" : vakata_context.element }) : val.label) + (val.shortcut?' '+ (val.shortcut_label || '') +'':'') + "<"+"/a>";
- if(val.submenu) {
- tmp = $.vakata.context._parse(val.submenu, true);
- if(tmp) { str += tmp; }
- }
- str += "<"+"/li>";
- if(val.separator_after) {
- str += "<"+"li class='vakata-context-separator'><"+"a href='#' " + ($.vakata.context.settings.icons ? '' : 'style="margin-left:0px;"') + "> <"+"/a><"+"/li>";
- sep = true;
- }
- });
- str = str.replace(/
<\/li\>$/,"");
- if(is_callback) { str += ""; }
- /**
- * triggered on the document when the contextmenu is parsed (HTML is built)
- * @event
- * @plugin contextmenu
- * @name context_parse.vakata
- * @param {jQuery} reference the element that was right clicked
- * @param {jQuery} element the DOM element of the menu itself
- * @param {Object} position the x & y coordinates of the menu
- */
- if(!is_callback) { vakata_context.html = str; $.vakata.context._trigger("parse"); }
- return str.length > 10 ? str : false;
- },
- _show_submenu : function (o) {
- o = $(o);
- if(!o.length || !o.children("ul").length) { return; }
- var e = o.children("ul"),
- xl = o.offset().left,
- x = xl + o.outerWidth(),
- y = o.offset().top,
- w = e.width(),
- h = e.height(),
- dw = $(window).width() + $(window).scrollLeft(),
- dh = $(window).height() + $(window).scrollTop();
- // може да се спести е една проверка - дали няма някой от класовете вече нагоре
- if(right_to_left) {
- o[x - (w + 10 + o.outerWidth()) < 0 ? "addClass" : "removeClass"]("vakata-context-left");
- }
- else {
- o[x + w > dw && xl > dw - x ? "addClass" : "removeClass"]("vakata-context-right");
- }
- if(y + h + 10 > dh) {
- e.css("bottom","-1px");
- }
-
- //if does not fit - stick it to the side
- if (o.hasClass('vakata-context-right')) {
- if (xl < w) {
- e.css("margin-right", xl - w);
- }
- } else {
- if (dw - x < w) {
- e.css("margin-left", dw - x - w);
- }
- }
-
- e.show();
- },
- show : function (reference, position, data) {
- var o, e, x, y, w, h, dw, dh, cond = true;
- if(vakata_context.element && vakata_context.element.length) {
- vakata_context.element.width('');
- }
- switch(cond) {
- case (!position && !reference):
- return false;
- case (!!position && !!reference):
- vakata_context.reference = reference;
- vakata_context.position_x = position.x;
- vakata_context.position_y = position.y;
- break;
- case (!position && !!reference):
- vakata_context.reference = reference;
- o = reference.offset();
- vakata_context.position_x = o.left + reference.outerHeight();
- vakata_context.position_y = o.top;
- break;
- case (!!position && !reference):
- vakata_context.position_x = position.x;
- vakata_context.position_y = position.y;
- break;
- }
- if(!!reference && !data && $(reference).data('vakata_contextmenu')) {
- data = $(reference).data('vakata_contextmenu');
- }
- if($.vakata.context._parse(data)) {
- vakata_context.element.html(vakata_context.html);
- }
- if(vakata_context.items.length) {
- vakata_context.element.appendTo("body");
- e = vakata_context.element;
- x = vakata_context.position_x;
- y = vakata_context.position_y;
- w = e.width();
- h = e.height();
- dw = $(window).width() + $(window).scrollLeft();
- dh = $(window).height() + $(window).scrollTop();
- if(right_to_left) {
- x -= (e.outerWidth() - $(reference).outerWidth());
- if(x < $(window).scrollLeft() + 20) {
- x = $(window).scrollLeft() + 20;
- }
- }
- if(x + w + 20 > dw) {
- x = dw - (w + 20);
- }
- if(y + h + 20 > dh) {
- y = dh - (h + 20);
- }
-
- vakata_context.element
- .css({ "left" : x, "top" : y })
- .show()
- .find('a').first().focus().parent().addClass("vakata-context-hover");
- vakata_context.is_visible = true;
- /**
- * triggered on the document when the contextmenu is shown
- * @event
- * @plugin contextmenu
- * @name context_show.vakata
- * @param {jQuery} reference the element that was right clicked
- * @param {jQuery} element the DOM element of the menu itself
- * @param {Object} position the x & y coordinates of the menu
- */
- $.vakata.context._trigger("show");
- }
- },
- hide : function () {
- if(vakata_context.is_visible) {
- vakata_context.element.hide().find("ul").hide().end().find(':focus').blur().end().detach();
- vakata_context.is_visible = false;
- /**
- * triggered on the document when the contextmenu is hidden
- * @event
- * @plugin contextmenu
- * @name context_hide.vakata
- * @param {jQuery} reference the element that was right clicked
- * @param {jQuery} element the DOM element of the menu itself
- * @param {Object} position the x & y coordinates of the menu
- */
- $.vakata.context._trigger("hide");
- }
- }
- };
- $(function () {
- right_to_left = $("body").css("direction") === "rtl";
- var to = false;
-
- vakata_context.element = $("
");
- vakata_context.element
- .on("mouseenter", "li", function (e) {
- e.stopImmediatePropagation();
-
- if($.contains(this, e.relatedTarget)) {
- // премахнато заради delegate mouseleave по-долу
- // $(this).find(".vakata-context-hover").removeClass("vakata-context-hover");
- return;
- }
-
- if(to) { clearTimeout(to); }
- vakata_context.element.find(".vakata-context-hover").removeClass("vakata-context-hover").end();
-
- $(this)
- .siblings().find("ul").hide().end().end()
- .parentsUntil(".vakata-context", "li").addBack().addClass("vakata-context-hover");
- $.vakata.context._show_submenu(this);
- })
- // тестово - дали не натоварва?
- .on("mouseleave", "li", function (e) {
- if($.contains(this, e.relatedTarget)) { return; }
- $(this).find(".vakata-context-hover").addBack().removeClass("vakata-context-hover");
- })
- .on("mouseleave", function (e) {
- $(this).find(".vakata-context-hover").removeClass("vakata-context-hover");
- if($.vakata.context.settings.hide_onmouseleave) {
- to = setTimeout(
- (function (t) {
- return function () { $.vakata.context.hide(); };
- }(this)), $.vakata.context.settings.hide_onmouseleave);
- }
- })
- .on("click", "a", function (e) {
- e.preventDefault();
- //})
- //.on("mouseup", "a", function (e) {
- if(!$(this).blur().parent().hasClass("vakata-context-disabled") && $.vakata.context._execute($(this).attr("rel")) !== false) {
- $.vakata.context.hide();
- }
- })
- .on('keydown', 'a', function (e) {
- var o = null;
- switch(e.which) {
- case 13:
- case 32:
- e.type = "click";
- e.preventDefault();
- $(e.currentTarget).trigger(e);
- break;
- case 37:
- if(vakata_context.is_visible) {
- vakata_context.element.find(".vakata-context-hover").last().closest("li").first().find("ul").hide().find(".vakata-context-hover").removeClass("vakata-context-hover").end().end().children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 38:
- if(vakata_context.is_visible) {
- o = vakata_context.element.find("ul:visible").addBack().last().children(".vakata-context-hover").removeClass("vakata-context-hover").prevAll("li:not(.vakata-context-separator)").first();
- if(!o.length) { o = vakata_context.element.find("ul:visible").addBack().last().children("li:not(.vakata-context-separator)").last(); }
- o.addClass("vakata-context-hover").children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 39:
- if(vakata_context.is_visible) {
- vakata_context.element.find(".vakata-context-hover").last().children("ul").show().children("li:not(.vakata-context-separator)").removeClass("vakata-context-hover").first().addClass("vakata-context-hover").children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 40:
- if(vakata_context.is_visible) {
- o = vakata_context.element.find("ul:visible").addBack().last().children(".vakata-context-hover").removeClass("vakata-context-hover").nextAll("li:not(.vakata-context-separator)").first();
- if(!o.length) { o = vakata_context.element.find("ul:visible").addBack().last().children("li:not(.vakata-context-separator)").first(); }
- o.addClass("vakata-context-hover").children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 27:
- $.vakata.context.hide();
- e.preventDefault();
- break;
- default:
- //console.log(e.which);
- break;
- }
- })
- .on('keydown', function (e) {
- e.preventDefault();
- var a = vakata_context.element.find('.vakata-contextmenu-shortcut-' + e.which).parent();
- if(a.parent().not('.vakata-context-disabled')) {
- a.click();
- }
- });
-
- $(document)
- .on("mousedown.vakata.jstree", function (e) {
- if(vakata_context.is_visible && !$.contains(vakata_context.element[0], e.target)) {
- $.vakata.context.hide();
- }
- })
- .on("context_show.vakata.jstree", function (e, data) {
- vakata_context.element.find("li:has(ul)").children("a").addClass("vakata-context-parent");
- if(right_to_left) {
- vakata_context.element.addClass("vakata-context-rtl").css("direction", "rtl");
- }
- // also apply a RTL class?
- vakata_context.element.find("ul").hide().end();
- });
- });
- }($));
- // $.jstree.defaults.plugins.push("contextmenu");
-
-
-/**
- * ### Drag'n'drop plugin
- *
- * Enables dragging and dropping of nodes in the tree, resulting in a move or copy operations.
- */
-
- /**
- * stores all defaults for the drag'n'drop plugin
- * @name $.jstree.defaults.dnd
- * @plugin dnd
- */
- $.jstree.defaults.dnd = {
- /**
- * a boolean indicating if a copy should be possible while dragging (by pressint the meta key or Ctrl). Defaults to `true`.
- * @name $.jstree.defaults.dnd.copy
- * @plugin dnd
- */
- copy : true,
- /**
- * a number indicating how long a node should remain hovered while dragging to be opened. Defaults to `500`.
- * @name $.jstree.defaults.dnd.open_timeout
- * @plugin dnd
- */
- open_timeout : 500,
- /**
- * a function invoked each time a node is about to be dragged, invoked in the tree's scope and receives the nodes about to be dragged as an argument (array) and the event that started the drag - return `false` to prevent dragging
- * @name $.jstree.defaults.dnd.is_draggable
- * @plugin dnd
- */
- is_draggable : true,
- /**
- * a boolean indicating if checks should constantly be made while the user is dragging the node (as opposed to checking only on drop), default is `true`
- * @name $.jstree.defaults.dnd.check_while_dragging
- * @plugin dnd
- */
- check_while_dragging : true,
- /**
- * a boolean indicating if nodes from this tree should only be copied with dnd (as opposed to moved), default is `false`
- * @name $.jstree.defaults.dnd.always_copy
- * @plugin dnd
- */
- always_copy : false,
- /**
- * when dropping a node "inside", this setting indicates the position the node should go to - it can be an integer or a string: "first" (same as 0) or "last", default is `0`
- * @name $.jstree.defaults.dnd.inside_pos
- * @plugin dnd
- */
- inside_pos : 0,
- /**
- * when starting the drag on a node that is selected this setting controls if all selected nodes are dragged or only the single node, default is `true`, which means all selected nodes are dragged when the drag is started on a selected node
- * @name $.jstree.defaults.dnd.drag_selection
- * @plugin dnd
- */
- drag_selection : true,
- /**
- * controls whether dnd works on touch devices. If left as boolean true dnd will work the same as in desktop browsers, which in some cases may impair scrolling. If set to boolean false dnd will not work on touch devices. There is a special third option - string "selected" which means only selected nodes can be dragged on touch devices.
- * @name $.jstree.defaults.dnd.touch
- * @plugin dnd
- */
- touch : true,
- /**
- * controls whether items can be dropped anywhere on the node, not just on the anchor, by default only the node anchor is a valid drop target. Works best with the wholerow plugin. If enabled on mobile depending on the interface it might be hard for the user to cancel the drop, since the whole tree container will be a valid drop target.
- * @name $.jstree.defaults.dnd.large_drop_target
- * @plugin dnd
- */
- large_drop_target : false,
- /**
- * controls whether a drag can be initiated from any part of the node and not just the text/icon part, works best with the wholerow plugin. Keep in mind it can cause problems with tree scrolling on mobile depending on the interface - in that case set the touch option to "selected".
- * @name $.jstree.defaults.dnd.large_drag_target
- * @plugin dnd
- */
- large_drag_target : false,
- /**
- * controls whether use HTML5 dnd api instead of classical. That will allow better integration of dnd events with other HTML5 controls.
- * @reference http://caniuse.com/#feat=dragndrop
- * @name $.jstree.defaults.dnd.use_html5
- * @plugin dnd
- */
- use_html5: false
- };
- var drg, elm;
- // TODO: now check works by checking for each node individually, how about max_children, unique, etc?
- $.jstree.plugins.dnd = function (options, parent) {
- this.init = function (el, options) {
- parent.init.call(this, el, options);
- this.settings.dnd.use_html5 = this.settings.dnd.use_html5 && ('draggable' in document.createElement('span'));
- };
- this.bind = function () {
- parent.bind.call(this);
-
- this.element
- .on(this.settings.dnd.use_html5 ? 'dragstart.jstree' : 'mousedown.jstree touchstart.jstree', this.settings.dnd.large_drag_target ? '.jstree-node' : '.jstree-anchor', $.proxy(function (e) {
- if(this.settings.dnd.large_drag_target && $(e.target).closest('.jstree-node')[0] !== e.currentTarget) {
- return true;
- }
- if(e.type === "touchstart" && (!this.settings.dnd.touch || (this.settings.dnd.touch === 'selected' && !$(e.currentTarget).closest('.jstree-node').children('.jstree-anchor').hasClass('jstree-clicked')))) {
- return true;
- }
- var obj = this.get_node(e.target),
- mlt = this.is_selected(obj) && this.settings.dnd.drag_selection ? this.get_top_selected().length : 1,
- txt = (mlt > 1 ? mlt + ' ' + this.get_string('nodes') : this.get_text(e.currentTarget));
- if(this.settings.core.force_text) {
- txt = $.vakata.html.escape(txt);
- }
- if(obj && obj.id && obj.id !== $.jstree.root && (e.which === 1 || e.type === "touchstart" || e.type === "dragstart") &&
- (this.settings.dnd.is_draggable === true || ($.isFunction(this.settings.dnd.is_draggable) && this.settings.dnd.is_draggable.call(this, (mlt > 1 ? this.get_top_selected(true) : [obj]), e)))
- ) {
- drg = { 'jstree' : true, 'origin' : this, 'obj' : this.get_node(obj,true), 'nodes' : mlt > 1 ? this.get_top_selected() : [obj.id] };
- elm = e.currentTarget;
- if (this.settings.dnd.use_html5) {
- $.vakata.dnd._trigger('start', e, { 'helper': $(), 'element': elm, 'data': drg });
- } else {
- this.element.trigger('mousedown.jstree');
- return $.vakata.dnd.start(e, drg, '
<\/li\>$/,"");
- if(is_callback) { str += ""; }
- /**
- * triggered on the document when the contextmenu is parsed (HTML is built)
- * @event
- * @plugin contextmenu
- * @name context_parse.vakata
- * @param {jQuery} reference the element that was right clicked
- * @param {jQuery} element the DOM element of the menu itself
- * @param {Object} position the x & y coordinates of the menu
- */
- if(!is_callback) { vakata_context.html = str; $.vakata.context._trigger("parse"); }
- return str.length > 10 ? str : false;
- },
- _show_submenu : function (o) {
- o = $(o);
- if(!o.length || !o.children("ul").length) { return; }
- var e = o.children("ul"),
- xl = o.offset().left,
- x = xl + o.outerWidth(),
- y = o.offset().top,
- w = e.width(),
- h = e.height(),
- dw = $(window).width() + $(window).scrollLeft(),
- dh = $(window).height() + $(window).scrollTop();
- // може да се спести е една проверка - дали няма някой от класовете вече нагоре
- if(right_to_left) {
- o[x - (w + 10 + o.outerWidth()) < 0 ? "addClass" : "removeClass"]("vakata-context-left");
- }
- else {
- o[x + w > dw && xl > dw - x ? "addClass" : "removeClass"]("vakata-context-right");
- }
- if(y + h + 10 > dh) {
- e.css("bottom","-1px");
- }
-
- //if does not fit - stick it to the side
- if (o.hasClass('vakata-context-right')) {
- if (xl < w) {
- e.css("margin-right", xl - w);
- }
- } else {
- if (dw - x < w) {
- e.css("margin-left", dw - x - w);
- }
- }
-
- e.show();
- },
- show : function (reference, position, data) {
- var o, e, x, y, w, h, dw, dh, cond = true;
- if(vakata_context.element && vakata_context.element.length) {
- vakata_context.element.width('');
- }
- switch(cond) {
- case (!position && !reference):
- return false;
- case (!!position && !!reference):
- vakata_context.reference = reference;
- vakata_context.position_x = position.x;
- vakata_context.position_y = position.y;
- break;
- case (!position && !!reference):
- vakata_context.reference = reference;
- o = reference.offset();
- vakata_context.position_x = o.left + reference.outerHeight();
- vakata_context.position_y = o.top;
- break;
- case (!!position && !reference):
- vakata_context.position_x = position.x;
- vakata_context.position_y = position.y;
- break;
- }
- if(!!reference && !data && $(reference).data('vakata_contextmenu')) {
- data = $(reference).data('vakata_contextmenu');
- }
- if($.vakata.context._parse(data)) {
- vakata_context.element.html(vakata_context.html);
- }
- if(vakata_context.items.length) {
- vakata_context.element.appendTo("body");
- e = vakata_context.element;
- x = vakata_context.position_x;
- y = vakata_context.position_y;
- w = e.width();
- h = e.height();
- dw = $(window).width() + $(window).scrollLeft();
- dh = $(window).height() + $(window).scrollTop();
- if(right_to_left) {
- x -= (e.outerWidth() - $(reference).outerWidth());
- if(x < $(window).scrollLeft() + 20) {
- x = $(window).scrollLeft() + 20;
- }
- }
- if(x + w + 20 > dw) {
- x = dw - (w + 20);
- }
- if(y + h + 20 > dh) {
- y = dh - (h + 20);
- }
-
- vakata_context.element
- .css({ "left" : x, "top" : y })
- .show()
- .find('a').first().focus().parent().addClass("vakata-context-hover");
- vakata_context.is_visible = true;
- /**
- * triggered on the document when the contextmenu is shown
- * @event
- * @plugin contextmenu
- * @name context_show.vakata
- * @param {jQuery} reference the element that was right clicked
- * @param {jQuery} element the DOM element of the menu itself
- * @param {Object} position the x & y coordinates of the menu
- */
- $.vakata.context._trigger("show");
- }
- },
- hide : function () {
- if(vakata_context.is_visible) {
- vakata_context.element.hide().find("ul").hide().end().find(':focus').blur().end().detach();
- vakata_context.is_visible = false;
- /**
- * triggered on the document when the contextmenu is hidden
- * @event
- * @plugin contextmenu
- * @name context_hide.vakata
- * @param {jQuery} reference the element that was right clicked
- * @param {jQuery} element the DOM element of the menu itself
- * @param {Object} position the x & y coordinates of the menu
- */
- $.vakata.context._trigger("hide");
- }
- }
- };
- $(function () {
- right_to_left = $("body").css("direction") === "rtl";
- var to = false;
-
- vakata_context.element = $("
");
- vakata_context.element
- .on("mouseenter", "li", function (e) {
- e.stopImmediatePropagation();
-
- if($.contains(this, e.relatedTarget)) {
- // премахнато заради delegate mouseleave по-долу
- // $(this).find(".vakata-context-hover").removeClass("vakata-context-hover");
- return;
- }
-
- if(to) { clearTimeout(to); }
- vakata_context.element.find(".vakata-context-hover").removeClass("vakata-context-hover").end();
-
- $(this)
- .siblings().find("ul").hide().end().end()
- .parentsUntil(".vakata-context", "li").addBack().addClass("vakata-context-hover");
- $.vakata.context._show_submenu(this);
- })
- // тестово - дали не натоварва?
- .on("mouseleave", "li", function (e) {
- if($.contains(this, e.relatedTarget)) { return; }
- $(this).find(".vakata-context-hover").addBack().removeClass("vakata-context-hover");
- })
- .on("mouseleave", function (e) {
- $(this).find(".vakata-context-hover").removeClass("vakata-context-hover");
- if($.vakata.context.settings.hide_onmouseleave) {
- to = setTimeout(
- (function (t) {
- return function () { $.vakata.context.hide(); };
- }(this)), $.vakata.context.settings.hide_onmouseleave);
- }
- })
- .on("click", "a", function (e) {
- e.preventDefault();
- //})
- //.on("mouseup", "a", function (e) {
- if(!$(this).blur().parent().hasClass("vakata-context-disabled") && $.vakata.context._execute($(this).attr("rel")) !== false) {
- $.vakata.context.hide();
- }
- })
- .on('keydown', 'a', function (e) {
- var o = null;
- switch(e.which) {
- case 13:
- case 32:
- e.type = "click";
- e.preventDefault();
- $(e.currentTarget).trigger(e);
- break;
- case 37:
- if(vakata_context.is_visible) {
- vakata_context.element.find(".vakata-context-hover").last().closest("li").first().find("ul").hide().find(".vakata-context-hover").removeClass("vakata-context-hover").end().end().children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 38:
- if(vakata_context.is_visible) {
- o = vakata_context.element.find("ul:visible").addBack().last().children(".vakata-context-hover").removeClass("vakata-context-hover").prevAll("li:not(.vakata-context-separator)").first();
- if(!o.length) { o = vakata_context.element.find("ul:visible").addBack().last().children("li:not(.vakata-context-separator)").last(); }
- o.addClass("vakata-context-hover").children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 39:
- if(vakata_context.is_visible) {
- vakata_context.element.find(".vakata-context-hover").last().children("ul").show().children("li:not(.vakata-context-separator)").removeClass("vakata-context-hover").first().addClass("vakata-context-hover").children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 40:
- if(vakata_context.is_visible) {
- o = vakata_context.element.find("ul:visible").addBack().last().children(".vakata-context-hover").removeClass("vakata-context-hover").nextAll("li:not(.vakata-context-separator)").first();
- if(!o.length) { o = vakata_context.element.find("ul:visible").addBack().last().children("li:not(.vakata-context-separator)").first(); }
- o.addClass("vakata-context-hover").children('a').focus();
- e.stopImmediatePropagation();
- e.preventDefault();
- }
- break;
- case 27:
- $.vakata.context.hide();
- e.preventDefault();
- break;
- default:
- //console.log(e.which);
- break;
- }
- })
- .on('keydown', function (e) {
- e.preventDefault();
- var a = vakata_context.element.find('.vakata-contextmenu-shortcut-' + e.which).parent();
- if(a.parent().not('.vakata-context-disabled')) {
- a.click();
- }
- });
-
- $(document)
- .on("mousedown.vakata.jstree", function (e) {
- if(vakata_context.is_visible && !$.contains(vakata_context.element[0], e.target)) {
- $.vakata.context.hide();
- }
- })
- .on("context_show.vakata.jstree", function (e, data) {
- vakata_context.element.find("li:has(ul)").children("a").addClass("vakata-context-parent");
- if(right_to_left) {
- vakata_context.element.addClass("vakata-context-rtl").css("direction", "rtl");
- }
- // also apply a RTL class?
- vakata_context.element.find("ul").hide().end();
- });
- });
- }($));
- // $.jstree.defaults.plugins.push("contextmenu");
-}));
diff --git a/mayan/apps/cabinets/static/cabinets/packages/jstree/src/jstree.dnd.js b/mayan/apps/cabinets/static/cabinets/packages/jstree/src/jstree.dnd.js
deleted file mode 100644
index a8a4cec2ec..0000000000
--- a/mayan/apps/cabinets/static/cabinets/packages/jstree/src/jstree.dnd.js
+++ /dev/null
@@ -1,653 +0,0 @@
-/**
- * ### Drag'n'drop plugin
- *
- * Enables dragging and dropping of nodes in the tree, resulting in a move or copy operations.
- */
-/*globals jQuery, define, exports, require, document */
-(function (factory) {
- "use strict";
- if (typeof define === 'function' && define.amd) {
- define('jstree.dnd', ['jquery','jstree'], factory);
- }
- else if(typeof exports === 'object') {
- factory(require('jquery'), require('jstree'));
- }
- else {
- factory(jQuery, jQuery.jstree);
- }
-}(function ($, jstree, undefined) {
- "use strict";
-
- if($.jstree.plugins.dnd) { return; }
-
- /**
- * stores all defaults for the drag'n'drop plugin
- * @name $.jstree.defaults.dnd
- * @plugin dnd
- */
- $.jstree.defaults.dnd = {
- /**
- * a boolean indicating if a copy should be possible while dragging (by pressint the meta key or Ctrl). Defaults to `true`.
- * @name $.jstree.defaults.dnd.copy
- * @plugin dnd
- */
- copy : true,
- /**
- * a number indicating how long a node should remain hovered while dragging to be opened. Defaults to `500`.
- * @name $.jstree.defaults.dnd.open_timeout
- * @plugin dnd
- */
- open_timeout : 500,
- /**
- * a function invoked each time a node is about to be dragged, invoked in the tree's scope and receives the nodes about to be dragged as an argument (array) and the event that started the drag - return `false` to prevent dragging
- * @name $.jstree.defaults.dnd.is_draggable
- * @plugin dnd
- */
- is_draggable : true,
- /**
- * a boolean indicating if checks should constantly be made while the user is dragging the node (as opposed to checking only on drop), default is `true`
- * @name $.jstree.defaults.dnd.check_while_dragging
- * @plugin dnd
- */
- check_while_dragging : true,
- /**
- * a boolean indicating if nodes from this tree should only be copied with dnd (as opposed to moved), default is `false`
- * @name $.jstree.defaults.dnd.always_copy
- * @plugin dnd
- */
- always_copy : false,
- /**
- * when dropping a node "inside", this setting indicates the position the node should go to - it can be an integer or a string: "first" (same as 0) or "last", default is `0`
- * @name $.jstree.defaults.dnd.inside_pos
- * @plugin dnd
- */
- inside_pos : 0,
- /**
- * when starting the drag on a node that is selected this setting controls if all selected nodes are dragged or only the single node, default is `true`, which means all selected nodes are dragged when the drag is started on a selected node
- * @name $.jstree.defaults.dnd.drag_selection
- * @plugin dnd
- */
- drag_selection : true,
- /**
- * controls whether dnd works on touch devices. If left as boolean true dnd will work the same as in desktop browsers, which in some cases may impair scrolling. If set to boolean false dnd will not work on touch devices. There is a special third option - string "selected" which means only selected nodes can be dragged on touch devices.
- * @name $.jstree.defaults.dnd.touch
- * @plugin dnd
- */
- touch : true,
- /**
- * controls whether items can be dropped anywhere on the node, not just on the anchor, by default only the node anchor is a valid drop target. Works best with the wholerow plugin. If enabled on mobile depending on the interface it might be hard for the user to cancel the drop, since the whole tree container will be a valid drop target.
- * @name $.jstree.defaults.dnd.large_drop_target
- * @plugin dnd
- */
- large_drop_target : false,
- /**
- * controls whether a drag can be initiated from any part of the node and not just the text/icon part, works best with the wholerow plugin. Keep in mind it can cause problems with tree scrolling on mobile depending on the interface - in that case set the touch option to "selected".
- * @name $.jstree.defaults.dnd.large_drag_target
- * @plugin dnd
- */
- large_drag_target : false,
- /**
- * controls whether use HTML5 dnd api instead of classical. That will allow better integration of dnd events with other HTML5 controls.
- * @reference http://caniuse.com/#feat=dragndrop
- * @name $.jstree.defaults.dnd.use_html5
- * @plugin dnd
- */
- use_html5: false
- };
- var drg, elm;
- // TODO: now check works by checking for each node individually, how about max_children, unique, etc?
- $.jstree.plugins.dnd = function (options, parent) {
- this.init = function (el, options) {
- parent.init.call(this, el, options);
- this.settings.dnd.use_html5 = this.settings.dnd.use_html5 && ('draggable' in document.createElement('span'));
- };
- this.bind = function () {
- parent.bind.call(this);
-
- this.element
- .on(this.settings.dnd.use_html5 ? 'dragstart.jstree' : 'mousedown.jstree touchstart.jstree', this.settings.dnd.large_drag_target ? '.jstree-node' : '.jstree-anchor', $.proxy(function (e) {
- if(this.settings.dnd.large_drag_target && $(e.target).closest('.jstree-node')[0] !== e.currentTarget) {
- return true;
- }
- if(e.type === "touchstart" && (!this.settings.dnd.touch || (this.settings.dnd.touch === 'selected' && !$(e.currentTarget).closest('.jstree-node').children('.jstree-anchor').hasClass('jstree-clicked')))) {
- return true;
- }
- var obj = this.get_node(e.target),
- mlt = this.is_selected(obj) && this.settings.dnd.drag_selection ? this.get_top_selected().length : 1,
- txt = (mlt > 1 ? mlt + ' ' + this.get_string('nodes') : this.get_text(e.currentTarget));
- if(this.settings.core.force_text) {
- txt = $.vakata.html.escape(txt);
- }
- if(obj && obj.id && obj.id !== $.jstree.root && (e.which === 1 || e.type === "touchstart" || e.type === "dragstart") &&
- (this.settings.dnd.is_draggable === true || ($.isFunction(this.settings.dnd.is_draggable) && this.settings.dnd.is_draggable.call(this, (mlt > 1 ? this.get_top_selected(true) : [obj]), e)))
- ) {
- drg = { 'jstree' : true, 'origin' : this, 'obj' : this.get_node(obj,true), 'nodes' : mlt > 1 ? this.get_top_selected() : [obj.id] };
- elm = e.currentTarget;
- if (this.settings.dnd.use_html5) {
- $.vakata.dnd._trigger('start', e, { 'helper': $(), 'element': elm, 'data': drg });
- } else {
- this.element.trigger('mousedown.jstree');
- return $.vakata.dnd.start(e, drg, '
-
-
-```
-
-
-3\. Enjoy!
-
-
-## License
-
-fancyBox is licensed under the [GPLv3](http://choosealicense.com/licenses/gpl-3.0) license for all open source applications.
-A commercial license is required for all commercial applications (including sites, themes and apps you plan to sell).
-
-[Read more about fancyBox license](http://fancyapps.com/fancybox/#license).
-
-## Bugs and feature requests
-
-If you find a bug, please report it [here on Github](https://github.com/fancyapps/fancybox/issues).
-
-Guidelines for bug reports:
-
-1. Use the GitHub issue search — check if the issue has already been reported.
-2. Check if the issue has been fixed — try to reproduce it using the latest master or development branch in the repository.
-3. Isolate the problem — create a reduced test case and a live example. You can use CodePen to fork any demo found on documentation to use it as a template.
-
-A good bug report shouldn't leave others needing to chase you up for more information.
-Please try to be as detailed as possible in your report.
-
-
-Feature requests are welcome. Please look for existing ones and use GitHub's "reactions" feature to vote.
-
-Please do not use the issue tracker for personal support requests - use Stack Overflow ([fancybox-3](http://stackoverflow.com/questions/tagged/fancybox-3) tag) instead.
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/bower.json b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/bower.json
deleted file mode 100644
index dc50191bc0..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/bower.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "name": "fancybox",
- "description": "Touch enabled, responsive and fully customizable jQuery lightbox script",
- "keywords": [
- "touch",
- "responsive",
- "lightbox",
- "fancybox",
- "gallery",
- "jQuery",
- "plugin"
- ],
- "homepage": "http://fancyapps.com/fancybox/",
- "license": "GPL-3.0",
- "moduleType": "globals",
- "main": [
- "dist/jquery.fancybox.min.css",
- "dist/jquery.fancybox.min.js"
- ],
- "dependencies": {
- "jquery": ">=1.9.0"
- }
-}
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/dist/jquery.fancybox.css b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/dist/jquery.fancybox.css
deleted file mode 100644
index a98be247dd..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/dist/jquery.fancybox.css
+++ /dev/null
@@ -1,771 +0,0 @@
-@charset "UTF-8";
-body.fancybox-active {
- overflow: hidden; }
-
-body.fancybox-iosfix {
- position: fixed;
- left: 0;
- right: 0; }
-
-.fancybox-is-hidden {
- position: absolute;
- top: -9999px;
- left: -9999px;
- visibility: hidden; }
-
-.fancybox-container {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 99992;
- -webkit-tap-highlight-color: transparent;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
-
-.fancybox-outer,
-.fancybox-inner,
-.fancybox-bg,
-.fancybox-stage {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0; }
-
-.fancybox-outer {
- overflow-y: auto;
- -webkit-overflow-scrolling: touch; }
-
-.fancybox-bg {
- background: #1e1e1e;
- opacity: 0;
- transition-duration: inherit;
- transition-property: opacity;
- transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
-
-.fancybox-is-open .fancybox-bg {
- opacity: 0.87;
- transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
-
-.fancybox-infobar,
-.fancybox-toolbar,
-.fancybox-caption-wrap {
- position: absolute;
- direction: ltr;
- z-index: 99997;
- opacity: 0;
- visibility: hidden;
- transition: opacity .25s, visibility 0s linear .25s;
- box-sizing: border-box; }
-
-.fancybox-show-infobar .fancybox-infobar,
-.fancybox-show-toolbar .fancybox-toolbar,
-.fancybox-show-caption .fancybox-caption-wrap {
- opacity: 1;
- visibility: visible;
- transition: opacity .25s, visibility 0s; }
-
-.fancybox-infobar {
- top: 0;
- left: 0;
- font-size: 13px;
- padding: 0 10px;
- height: 44px;
- min-width: 44px;
- line-height: 44px;
- color: #ccc;
- text-align: center;
- pointer-events: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-touch-callout: none;
- -webkit-tap-highlight-color: transparent;
- -webkit-font-smoothing: subpixel-antialiased;
- mix-blend-mode: exclusion; }
-
-.fancybox-toolbar {
- top: 0;
- right: 0;
- margin: 0;
- padding: 0; }
-
-.fancybox-stage {
- overflow: hidden;
- direction: ltr;
- z-index: 99994;
- -webkit-transform: translate3d(0, 0, 0); }
-
-.fancybox-is-closing .fancybox-stage {
- overflow: visible; }
-
-.fancybox-slide {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- overflow: auto;
- outline: none;
- white-space: normal;
- box-sizing: border-box;
- text-align: center;
- z-index: 99994;
- -webkit-overflow-scrolling: touch;
- display: none;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transition-property: opacity, -webkit-transform;
- transition-property: transform, opacity;
- transition-property: transform, opacity, -webkit-transform; }
-
-.fancybox-slide::before {
- content: '';
- display: inline-block;
- vertical-align: middle;
- height: 100%;
- width: 0; }
-
-.fancybox-is-sliding .fancybox-slide,
-.fancybox-slide--previous,
-.fancybox-slide--current,
-.fancybox-slide--next {
- display: block; }
-
-.fancybox-slide--image {
- overflow: visible; }
-
-.fancybox-slide--image::before {
- display: none; }
-
-.fancybox-slide--video .fancybox-content,
-.fancybox-slide--video iframe {
- background: #000; }
-
-.fancybox-slide--map .fancybox-content,
-.fancybox-slide--map iframe {
- background: #E5E3DF; }
-
-.fancybox-slide--next {
- z-index: 99995; }
-
-.fancybox-slide > * {
- display: inline-block;
- position: relative;
- padding: 24px;
- margin: 44px 0 44px;
- border-width: 0;
- vertical-align: middle;
- text-align: left;
- background-color: #fff;
- overflow: auto;
- box-sizing: border-box; }
-
-.fancybox-slide > title,
-.fancybox-slide > style,
-.fancybox-slide > meta,
-.fancybox-slide > link,
-.fancybox-slide > script,
-.fancybox-slide > base {
- display: none; }
-
-.fancybox-slide .fancybox-image-wrap {
- position: absolute;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
- border: 0;
- z-index: 99995;
- background: transparent;
- cursor: default;
- overflow: visible;
- -webkit-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- background-size: 100% 100%;
- background-repeat: no-repeat;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- transition-property: opacity, -webkit-transform;
- transition-property: transform, opacity;
- transition-property: transform, opacity, -webkit-transform; }
-
-.fancybox-can-zoomOut .fancybox-image-wrap {
- cursor: -webkit-zoom-out;
- cursor: zoom-out; }
-
-.fancybox-can-zoomIn .fancybox-image-wrap {
- cursor: -webkit-zoom-in;
- cursor: zoom-in; }
-
-.fancybox-can-drag .fancybox-image-wrap {
- cursor: -webkit-grab;
- cursor: grab; }
-
-.fancybox-is-dragging .fancybox-image-wrap {
- cursor: -webkit-grabbing;
- cursor: grabbing; }
-
-.fancybox-image,
-.fancybox-spaceball {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- border: 0;
- max-width: none;
- max-height: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
-
-.fancybox-spaceball {
- z-index: 1; }
-
-.fancybox-slide--iframe .fancybox-content {
- padding: 0;
- width: 80%;
- height: 80%;
- max-width: calc(100% - 100px);
- max-height: calc(100% - 88px);
- overflow: visible;
- background: #fff; }
-
-.fancybox-iframe {
- display: block;
- margin: 0;
- padding: 0;
- border: 0;
- width: 100%;
- height: 100%;
- background: #fff; }
-
-.fancybox-error {
- margin: 0;
- padding: 40px;
- width: 100%;
- max-width: 380px;
- background: #fff;
- cursor: default; }
-
-.fancybox-error p {
- margin: 0;
- padding: 0;
- color: #444;
- font-size: 16px;
- line-height: 20px; }
-
-/* Buttons */
-.fancybox-button {
- box-sizing: border-box;
- display: inline-block;
- vertical-align: top;
- width: 44px;
- height: 44px;
- margin: 0;
- padding: 10px;
- border: 0;
- border-radius: 0;
- background: rgba(30, 30, 30, 0.6);
- transition: color .3s ease;
- cursor: pointer;
- outline: none; }
-
-.fancybox-button,
-.fancybox-button:visited,
-.fancybox-button:link {
- color: #ccc; }
-
-.fancybox-button:focus,
-.fancybox-button:hover {
- color: #fff; }
-
-.fancybox-button[disabled] {
- color: #ccc;
- cursor: default;
- opacity: 0.6; }
-
-.fancybox-button svg {
- display: block;
- position: relative;
- overflow: visible;
- shape-rendering: geometricPrecision; }
-
-.fancybox-button svg path {
- fill: currentColor;
- stroke: currentColor;
- stroke-linejoin: round;
- stroke-width: 3; }
-
-.fancybox-button--share svg path {
- stroke-width: 1; }
-
-.fancybox-button--play svg path:nth-child(2) {
- display: none; }
-
-.fancybox-button--pause svg path:nth-child(1) {
- display: none; }
-
-.fancybox-button--zoom svg path {
- fill: transparent; }
-
-/* Navigation arrows */
-.fancybox-navigation {
- display: none; }
-
-.fancybox-show-nav .fancybox-navigation {
- display: block; }
-
-.fancybox-navigation button {
- position: absolute;
- top: 50%;
- margin: -50px 0 0 0;
- z-index: 99997;
- background: transparent;
- width: 60px;
- height: 100px;
- padding: 17px; }
-
-.fancybox-navigation button:before {
- content: "";
- position: absolute;
- top: 30px;
- right: 10px;
- width: 40px;
- height: 40px;
- background: rgba(30, 30, 30, 0.6); }
-
-.fancybox-navigation .fancybox-button--arrow_left {
- left: 0; }
-
-.fancybox-navigation .fancybox-button--arrow_right {
- right: 0; }
-
-/* Close button on the top right corner of html content */
-.fancybox-close-small {
- position: absolute;
- top: 0;
- right: 0;
- width: 40px;
- height: 40px;
- padding: 0;
- margin: 0;
- border: 0;
- border-radius: 0;
- background: transparent;
- z-index: 10;
- cursor: pointer; }
-
-.fancybox-close-small:after {
- content: '×';
- position: absolute;
- top: 5px;
- right: 5px;
- width: 30px;
- height: 30px;
- font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
- color: #888;
- font-weight: 300;
- text-align: center;
- border-radius: 50%;
- border-width: 0;
- background-color: transparent;
- transition: background-color .25s;
- box-sizing: border-box;
- z-index: 2; }
-
-.fancybox-close-small:focus {
- outline: none; }
-
-.fancybox-close-small:focus:after {
- outline: 1px dotted #888; }
-
-.fancybox-close-small:hover:after {
- color: #555;
- background: #eee; }
-
-.fancybox-slide--image .fancybox-close-small,
-.fancybox-slide--iframe .fancybox-close-small {
- top: 0;
- right: -40px; }
-
-.fancybox-slide--image .fancybox-close-small:after,
-.fancybox-slide--iframe .fancybox-close-small:after {
- font-size: 35px;
- color: #aaa; }
-
-.fancybox-slide--image .fancybox-close-small:hover:after,
-.fancybox-slide--iframe .fancybox-close-small:hover:after {
- color: #fff;
- background: transparent; }
-
-.fancybox-is-scaling .fancybox-close-small,
-.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
- display: none; }
-
-/* Caption */
-.fancybox-caption-wrap {
- bottom: 0;
- left: 0;
- right: 0;
- padding: 60px 2vw 0 2vw;
- background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
- pointer-events: none; }
-
-.fancybox-caption {
- padding: 30px 0;
- border-top: 1px solid rgba(255, 255, 255, 0.4);
- font-size: 14px;
- color: #fff;
- line-height: 20px;
- -webkit-text-size-adjust: none; }
-
-.fancybox-caption a,
-.fancybox-caption button,
-.fancybox-caption select {
- pointer-events: all;
- position: relative;
- /* Fix IE11 */ }
-
-.fancybox-caption a {
- color: #fff;
- text-decoration: underline; }
-
-/* Loading indicator */
-.fancybox-slide > .fancybox-loading {
- border: 6px solid rgba(100, 100, 100, 0.4);
- border-top: 6px solid rgba(255, 255, 255, 0.6);
- border-radius: 100%;
- height: 50px;
- width: 50px;
- -webkit-animation: fancybox-rotate .8s infinite linear;
- animation: fancybox-rotate .8s infinite linear;
- background: transparent;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-top: -30px;
- margin-left: -30px;
- z-index: 99999; }
-
-@-webkit-keyframes fancybox-rotate {
- from {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- to {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg); } }
-
-@keyframes fancybox-rotate {
- from {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg); }
- to {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg); } }
-
-/* Transition effects */
-.fancybox-animated {
- transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
-
-/* transitionEffect: slide */
-.fancybox-fx-slide.fancybox-slide--previous {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- opacity: 0; }
-
-.fancybox-fx-slide.fancybox-slide--next {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- opacity: 0; }
-
-.fancybox-fx-slide.fancybox-slide--current {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1; }
-
-/* transitionEffect: fade */
-.fancybox-fx-fade.fancybox-slide--previous,
-.fancybox-fx-fade.fancybox-slide--next {
- opacity: 0;
- transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
-
-.fancybox-fx-fade.fancybox-slide--current {
- opacity: 1; }
-
-/* transitionEffect: zoom-in-out */
-.fancybox-fx-zoom-in-out.fancybox-slide--previous {
- -webkit-transform: scale3d(1.5, 1.5, 1.5);
- transform: scale3d(1.5, 1.5, 1.5);
- opacity: 0; }
-
-.fancybox-fx-zoom-in-out.fancybox-slide--next {
- -webkit-transform: scale3d(0.5, 0.5, 0.5);
- transform: scale3d(0.5, 0.5, 0.5);
- opacity: 0; }
-
-.fancybox-fx-zoom-in-out.fancybox-slide--current {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- opacity: 1; }
-
-/* transitionEffect: rotate */
-.fancybox-fx-rotate.fancybox-slide--previous {
- -webkit-transform: rotate(-360deg);
- -ms-transform: rotate(-360deg);
- transform: rotate(-360deg);
- opacity: 0; }
-
-.fancybox-fx-rotate.fancybox-slide--next {
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- opacity: 0; }
-
-.fancybox-fx-rotate.fancybox-slide--current {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- opacity: 1; }
-
-/* transitionEffect: circular */
-.fancybox-fx-circular.fancybox-slide--previous {
- -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
- transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
- opacity: 0; }
-
-.fancybox-fx-circular.fancybox-slide--next {
- -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
- transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
- opacity: 0; }
-
-.fancybox-fx-circular.fancybox-slide--current {
- -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
- transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
- opacity: 1; }
-
-/* transitionEffect: tube */
-.fancybox-fx-tube.fancybox-slide--previous {
- -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
- transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
-
-.fancybox-fx-tube.fancybox-slide--next {
- -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
- transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
-
-.fancybox-fx-tube.fancybox-slide--current {
- -webkit-transform: translate3d(0, 0, 0) scale(1);
- transform: translate3d(0, 0, 0) scale(1); }
-
-/* Share */
-.fancybox-share {
- padding: 30px;
- border-radius: 3px;
- background: #f4f4f4;
- max-width: 90%;
- text-align: center; }
-
-.fancybox-share h1 {
- color: #222;
- margin: 0 0 20px 0;
- font-size: 35px;
- font-weight: 700; }
-
-.fancybox-share p {
- margin: 0;
- padding: 0; }
-
-p.fancybox-share__links {
- margin-right: -10px; }
-
-.fancybox-share__button {
- display: inline-block;
- text-decoration: none;
- margin: 0 10px 10px 0;
- padding: 0 15px;
- min-width: 130px;
- border: 0;
- border-radius: 3px;
- background: #fff;
- white-space: nowrap;
- font-size: 14px;
- font-weight: 700;
- line-height: 40px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- color: #fff;
- transition: all .2s; }
-
-.fancybox-share__button:hover {
- text-decoration: none; }
-
-.fancybox-share__button--fb {
- background: #3b5998; }
-
-.fancybox-share__button--fb:hover {
- background: #344e86; }
-
-.fancybox-share__button--pt {
- background: #bd081d; }
-
-.fancybox-share__button--pt:hover {
- background: #aa0719; }
-
-.fancybox-share__button--tw {
- background: #1da1f2; }
-
-.fancybox-share__button--tw:hover {
- background: #0d95e8; }
-
-.fancybox-share__button svg {
- position: relative;
- top: -1px;
- width: 25px;
- height: 25px;
- margin-right: 7px;
- vertical-align: middle; }
-
-.fancybox-share__button svg path {
- fill: #fff; }
-
-.fancybox-share__input {
- box-sizing: border-box;
- width: 100%;
- margin: 10px 0 0 0;
- padding: 10px 15px;
- background: transparent;
- color: #5d5b5b;
- font-size: 14px;
- outline: none;
- border: 0;
- border-bottom: 2px solid #d7d7d7; }
-
-/* Thumbs */
-.fancybox-thumbs {
- display: none;
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0;
- width: 212px;
- margin: 0;
- padding: 2px 2px 4px 2px;
- background: #fff;
- -webkit-tap-highlight-color: transparent;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- box-sizing: border-box;
- z-index: 99995; }
-
-.fancybox-thumbs-x {
- overflow-y: hidden;
- overflow-x: auto; }
-
-.fancybox-show-thumbs .fancybox-thumbs {
- display: block; }
-
-.fancybox-show-thumbs .fancybox-inner {
- right: 212px; }
-
-.fancybox-thumbs > ul {
- list-style: none;
- position: absolute;
- position: relative;
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- overflow-x: hidden;
- overflow-y: auto;
- font-size: 0;
- white-space: nowrap; }
-
-.fancybox-thumbs-x > ul {
- overflow: hidden; }
-
-.fancybox-thumbs-y > ul::-webkit-scrollbar {
- width: 7px; }
-
-.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
- background: #fff;
- border-radius: 10px;
- box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
-
-.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
- background: #2a2a2a;
- border-radius: 10px; }
-
-.fancybox-thumbs > ul > li {
- float: left;
- overflow: hidden;
- padding: 0;
- margin: 2px;
- width: 100px;
- height: 75px;
- max-width: calc(50% - 4px);
- max-height: calc(100% - 8px);
- position: relative;
- cursor: pointer;
- outline: none;
- -webkit-tap-highlight-color: transparent;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- box-sizing: border-box; }
-
-li.fancybox-thumbs-loading {
- background: rgba(0, 0, 0, 0.1); }
-
-.fancybox-thumbs > ul > li > img {
- position: absolute;
- top: 0;
- left: 0;
- max-width: none;
- max-height: none;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
-
-.fancybox-thumbs > ul > li:before {
- content: '';
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- border: 4px solid #4ea7f9;
- z-index: 99991;
- opacity: 0;
- transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
-
-.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
- opacity: 1; }
-
-/* Styling for Small-Screen Devices */
-@media all and (max-width: 800px) {
- .fancybox-thumbs {
- width: 110px; }
- .fancybox-show-thumbs .fancybox-inner {
- right: 110px; }
- .fancybox-thumbs > ul > li {
- max-width: calc(100% - 10px); } }
diff --git a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/dist/jquery.fancybox.js b/mayan/apps/appearance/static/appearance/vendors/fancybox-master/dist/jquery.fancybox.js
deleted file mode 100644
index acc8bf187b..0000000000
--- a/mayan/apps/appearance/static/appearance/vendors/fancybox-master/dist/jquery.fancybox.js
+++ /dev/null
@@ -1,5238 +0,0 @@
-// ==================================================
-// fancyBox v3.2.10
-//
-// Licensed GPLv3 for open source use
-// or fancyBox Commercial License for commercial use
-//
-// http://fancyapps.com/fancybox/
-// Copyright 2017 fancyApps
-//
-// ==================================================
-;(function (window, document, $, undefined) {
- 'use strict';
-
- // If there's no jQuery, fancyBox can't work
- // =========================================
-
- if ( !$ ) {
- return;
- }
-
- // Check if fancyBox is already initialized
- // ========================================
-
- if ( $.fn.fancybox ) {
-
- if ( 'console' in window ) {
- console.log( 'fancyBox already initialized' );
- }
-
- return;
- }
-
- // Private default settings
- // ========================
-
- var defaults = {
-
- // Enable infinite gallery navigation
- loop : false,
-
- // Space around image, ignored if zoomed-in or viewport width is smaller than 800px
- margin : [44, 0],
-
- // Horizontal space between slides
- gutter : 50,
-
- // Enable keyboard navigation
- keyboard : true,
-
- // Should display navigation arrows at the screen edges
- arrows : true,
-
- // Should display infobar (counter and arrows at the top)
- infobar : true,
-
- // Should display toolbar (buttons at the top)
- toolbar : true,
-
- // What buttons should appear in the top right corner.
- // Buttons will be created using templates from `btnTpl` option
- // and they will be placed into toolbar (class="fancybox-toolbar"` element)
- buttons : [
- 'slideShow',
- 'fullScreen',
- 'thumbs',
- 'share',
- //'download',
- //'zoom',
- 'close'
- ],
-
- // Detect "idle" time in seconds
- idleTime : 3,
-
- // Should display buttons at top right corner of the content
- // If 'auto' - they will be created for content having type 'html', 'inline' or 'ajax'
- // Use template from `btnTpl.smallBtn` for customization
- smallBtn : 'auto',
-
- // Disable right-click and use simple image protection for images
- protect : false,
-
- // Shortcut to make content "modal" - disable keyboard navigtion, hide buttons, etc
- modal : false,
-
- image : {
-
- // Wait for images to load before displaying
- // Requires predefined image dimensions
- // If 'auto' - will zoom in thumbnail if 'width' and 'height' attributes are found
- preload : "auto"
-
- },
-
- ajax : {
-
- // Object containing settings for ajax request
- settings : {
-
- // This helps to indicate that request comes from the modal
- // Feel free to change naming
- data : {
- fancybox : true
- }
- }
-
- },
-
- iframe : {
-
- // Iframe template
- tpl : '',
-
- // Preload iframe before displaying it
- // This allows to calculate iframe content width and height
- // (note: Due to "Same Origin Policy", you can't get cross domain data).
- preload : true,
-
- // Custom CSS styling for iframe wrapping element
- // You can use this to set custom iframe dimensions
- css : {},
-
- // Iframe tag attributes
- attr : {
- scrolling : 'auto'
- }
-
- },
-
- // Default content type if cannot be detected automatically
- defaultType : 'image',
-
- // Open/close animation type
- // Possible values:
- // false - disable
- // "zoom" - zoom images from/to thumbnail
- // "fade"
- // "zoom-in-out"
- //
- animationEffect : "zoom",
-
- // Duration in ms for open/close animation
- animationDuration : 500,
-
- // Should image change opacity while zooming
- // If opacity is "auto", then opacity will be changed if image and thumbnail have different aspect ratios
- zoomOpacity : "auto",
-
- // Transition effect between slides
- //
- // Possible values:
- // false - disable
- // "fade'
- // "slide'
- // "circular'
- // "tube'
- // "zoom-in-out'
- // "rotate'
- //
- transitionEffect : "fade",
-
- // Duration in ms for transition animation
- transitionDuration : 366,
-
- // Custom CSS class for slide element
- slideClass : '',
-
- // Custom CSS class for layout
- baseClass : '',
-
- // Base template for layout
- baseTpl :
- '