From a4fe7a944de098f30cd79251414769858669d6ad Mon Sep 17 00:00:00 2001 From: pliablepixels Date: Fri, 3 Jun 2016 14:55:30 -0400 Subject: messing around with some layouts Former-commit-id: 128a20b077eb519d01a7bcdacd507e7efe447a5d --- www/js/MontageCtrl.js | 86 +++++++++++++++++++++++++++------------------------ 1 file changed, 45 insertions(+), 41 deletions(-) (limited to 'www/js/MontageCtrl.js') diff --git a/www/js/MontageCtrl.js b/www/js/MontageCtrl.js index 54ab982c..9f5ed051 100644 --- a/www/js/MontageCtrl.js +++ b/www/js/MontageCtrl.js @@ -131,22 +131,14 @@ function initPackery() } var elem = angular.element(document.getElementById("mygrid")); - pckry = new Packery('.grid', - { - itemSelector: '.grid-item', - percentPosition: true, - columnWidth: '.grid-sizer', - gutter:0, - initLayout:layouttype - - }); + //console.log ("**** mygrid is " + JSON.stringify(elem)); imagesLoaded(elem).on('progress', function(instance, img) { progressCalled = true; - if (layouttype) $timeout (function(){layout(pckry);},100); + // if (layouttype) $timeout (function(){layout(pckry);},100); }); imagesLoaded(elem).on('always', function() { @@ -154,10 +146,17 @@ function initPackery() ZMDataModel.zmDebug ("All images loaded"); $scope.allImagesLoaded = true; - $ionicLoading.hide(); - + pckry = new Packery('.grid', + { + itemSelector: '.grid-item', + percentPosition: true, + columnWidth: '.grid-sizer', + gutter:0, + initLayout:layouttype + + }); if (!progressCalled) { ZMDataModel.zmLog ("*** BUG PROGRESS WAS NOT CALLED"); @@ -165,44 +164,47 @@ function initPackery() } - pckry.getItemElements().forEach(function (itemElem) { - draggie = new Draggabilly(itemElem); - pckry.bindDraggabillyEvents(draggie); - draggies.push(draggie); - draggie.disable(); - draggie.unbindHandles(); - }); - - pckry.on( 'dragItemPositioned', itemDragged ); + $timeout (function() { - - - if (!isEmpty(positions)) - { - ZMDataModel.zmLog ("Arranging as per packery grid"); - - for (var i =0; i< $scope.MontageMonitors.length; i++) + pckry.getItemElements().forEach(function (itemElem) { + draggie = new Draggabilly(itemElem); + pckry.bindDraggabillyEvents(draggie); + draggies.push(draggie); + draggie.disable(); + draggie.unbindHandles(); + }); + + pckry.on( 'dragItemPositioned', itemDragged ); + + + + if (!isEmpty(positions)) { - for (var j=0; j < positions.length; j++) + ZMDataModel.zmLog ("Arranging as per packery grid"); + + for (var i =0; i< $scope.MontageMonitors.length; i++) { - if ($scope.MontageMonitors[i].Monitor.Id == positions[j].attr) + for (var j=0; j < positions.length; j++) { - $scope.MontageMonitors[i].Monitor.gridScale = positions[j].size; - $scope.MontageMonitors[i].Monitor.listDisplay = positions[j].display; - ZMDataModel.zmDebug ("Setting monitor ID: " + $scope.MontageMonitors[i].Monitor.Id + " to size: " +positions[j].size + " and display:" + positions[j].display); + if ($scope.MontageMonitors[i].Monitor.Id == positions[j].attr) + { + $scope.MontageMonitors[i].Monitor.gridScale = positions[j].size; + $scope.MontageMonitors[i].Monitor.listDisplay = positions[j].display; + ZMDataModel.zmDebug ("Setting monitor ID: " + $scope.MontageMonitors[i].Monitor.Id + " to size: " +positions[j].size + " and display:" + positions[j].display); + } + //console.log ("Index:"+positions[j].attr+ " with size: " + positions[j].size); } - //console.log ("Index:"+positions[j].attr+ " with size: " + positions[j].size); } + + + ZMDataModel.zmDebug ("All images loaded, doing image layout"); + pckry.initShiftLayout(positions, 'data-item-id'); } - - - $timeout(function(){ZMDataModel.zmDebug ("All images loaded, doing image layout");pckry.initShiftLayout(positions, 'data-item-id'); },100); - } - $timeout(function(){ZMDataModel.zmLog ("Force calling resize"); pckry.onresize();},300);// don't ask - + $timeout(function(){ZMDataModel.zmLog ("Force calling resize"); pckry.shiftLayout();},300);// don't ask + - + },300); }); @@ -595,6 +597,8 @@ function initPackery() ZMDataModel.zmDebug ("setting dragabilly to " + $scope.isDragabillyOn); if ($scope.isDragabillyOn) { + $scope.showSizeButtons = true; + $scope.dragBorder="dragborder"; ZMDataModel.zmDebug ("Enabling drag for " + draggies.length + " items"); for (i=0; i < draggies.length; i++) -- cgit v1.2.3