Editor/src/allplatforms/classes/WidgetLayerBottom.js

SC.loadPackage({ 'WidgetLayerBottom': {

    comment: 'I am the widget that brings the current selection to the bottom of layering.',

    traits:  ['Widget'],

    sharedProperties: {

        widgetMenu:  { initValue: '<div class="sg-editing-widget-container"><button id="sg-editing-widget-layerBottom" class="sg-editing-widget-button"></button></div>' }

    },

    methods: {

    	init: { 
    		comment: 	'I init the widget.',
    		code: 		function(theSelection){

                this.delegate('Widget', 'init', theSelection);
                this.set({ isActionButton: true });

                var self = this,
                    onMouseUp = function(evt){

                        var modifierKey      = evt.shiftKey || evt.ctrlKey,
                            elements         = SuperGlue.get('selection').get('elements'),
                            pageContainer    = SuperGlue.get('document').get('pageContainer'),
                            documentChilds   = SuperGlue.get('document').get('children'),
                            selectionHasGaps = false,
                            elementsToMove   = [];


                        if(documentChilds.length <= 1){ 
                            return;
                        }

                        SuperGlue.get('history').do('actionHasStarted', self.do('createState'));

                        if(elements.length === 1){

                            if(modifierKey){

                                SuperGlue.get('document').do('layerDown', elements[0]);

                            }else{

                                for(var i = documentChilds.indexOf(elements[0]);
                                    i > 0; i--){
                                    SuperGlue.get('document').do('layerDown', elements[0]);
                                }

                            }
                            

                        }else{


                            for(var i = 0, l = elements.length; i < l; i++){
                                elementsToMove.push({
                                    index: documentChilds.indexOf(elements[i]), 
                                    child: elements[i],
                                    gapBelow: null
                                });
                            }

                            elementsToMove.sort(function(a,b){ return a.index > b.index; });

                            for(var i = 1, l = elementsToMove.length; i < l; i++){
                                if(elementsToMove[i].index !== elementsToMove[i - 1].index + 1){
                                    selectionHasGaps = true;
                                    break;
                                }
                            }


                            if(selectionHasGaps){

                                for(var i = 1, l = elementsToMove.length; i < l; i++){
                                    elementsToMove[i].gapBelow = elementsToMove[i].index - i - elementsToMove[0].index;
                                }

                                for(var i = 1, l = elementsToMove.length; i < l; i++){
                                    for(var k = elementsToMove[i].gapBelow; k > 0; k--){
                                        SuperGlue.get('document').do('layerDown', elementsToMove[i].child);
                                    }
                                }


                            }else{

                                if(elementsToMove[0].index === 0){
                                    return;
                                }

                                if(modifierKey){

                                    for(var i = 0, l = elementsToMove.length; i < l; i++){
                                        SuperGlue.get('document').do('layerDown', elementsToMove[i].child);
                                    }

                                }else{

                                    for(var n = elementsToMove[0].index;
                                        n > 0; n--){

                                        for(var i = 0, l = elementsToMove.length; i < l; i++){
                                            SuperGlue.get('document').do('layerDown', elementsToMove[i].child);
                                        }

                                    }

                                }
                                

                            }



                        }

                        SuperGlue.get('history').do('actionHasSucceeded', self.do('createState'));

                    };

                this.get('widgetButton').addEventListener('mouseup', onMouseUp, false)


    		}

    	},


        createState: {
            comment: 'I create a reflection function to restore a state.',
            code: function(){

                return  (function(children){

                            var savedElements = children.slice();
                            
                            return function(){

                                SuperGlue.get('document').set({ children: savedElements });

                                var pageContainer = SuperGlue.get('document').get('pageContainer');

                                while(pageContainer.firstChild){
                                    pageContainer.removeChild(pageContainer.firstChild);
                                }

                                for(var i = 0, l = savedElements.length; i < l; i++){
                                    pageContainer.appendChild(savedElements[i].get('node'));
                                }
                                
                            }
                        }).call(this, SuperGlue.get('document').get('children'));


            }

        }


    }


}});