-
-
diff --git a/modules/organize/controllers/organize.php b/modules/organize/controllers/organize.php index 89315323..62a23444 100644 --- a/modules/organize/controllers/organize.php +++ b/modules/organize/controllers/organize.php @@ -31,7 +31,7 @@ class Organize_Controller extends Controller { $v->album_tree = $this->tree($item, $root); $v->edit_form = new View("organize_edit.html"); - $v->edit_form->button_pane = new View("organize_button_pane.html"); + $v->button_pane = new View("organize_button_pane.html"); print $v; } diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css index 0a66d0ad..1e5e90ed 100644 --- a/modules/organize/css/organize.css +++ b/modules/organize/css/organize.css @@ -3,17 +3,22 @@ * Dialog wide stylings */ #gOrganizeStatus { - height: 6em; - border: 1px solid #999; - margin-top: .5em; - margin-bottom: .5em; - overflow-y: auto; + height: 1.2em; + font-weight: bold; } #gOrganizeProgressDialog { text-align: left; } +#gDialog .yui-gf div.first { + width: 20%; +} + +#gDialog .yui-gf .yui-u { + width: 80%; +} + /******************************************************************* * Album Tree styling */ @@ -59,6 +64,13 @@ /******************************************************************* * Album Panel Styles */ + +#gMicroThumbUnselectAll, +#gMicroThumbSelectAll { + font-size: 1em; + font-weight: bold; +} + #gMicroThumbPanel { margin: 0 !important; padding: 0 !important; @@ -67,7 +79,8 @@ border-top: none !important; border-left: none !important; margin-left: -1em !important; - overflow: auto; + overflow-x: hidden; + overflow-y: auto; } #gMicroThumbGrid { @@ -76,9 +89,6 @@ .gMicroThumbContainer { display: block; - //border: 2px solid #e8e8e8; - //border-right-color: #ccc; - //border-bottom-color: #ccc; float: left; font-size: .7em; height: 9em; @@ -128,11 +138,65 @@ /**************************************************************** - * Organize Edit styling + * Organize Edit Drawer styling */ +#gOrganizeEditDrawer { + background-color: #13A; + float: left; + margin: 0 5% 10px; + width: 90%; +} + +#gOrganizeEditDrawerPanel { + background-color: #CFDEFF; + border: 1px solid #13A; + display: none; + min-height: 150px; +} + +#gOrganizeEditHandleLeft { + background-image: url(organize_edit_drawer.png); + background-color: #CFDEFF; + float: left; + height: 30px; + margin: 2px 0 0; + width: 15px; +} + +#gOrganizeEditHandleButtonsLeft { + float: left; + height: 20px; + padding: 2px 10px; +} + +#gOrganizeEditHandleButtonsLeft a { + float: left; + margin: 0 2.5px; +} + +#gOrganizeEditHandleButtonsRight { + float: right; + height: 20px; + padding: 2px 10px; +} + +#gOrganizeEditHandleButtonsRight a { + float: left; + margin: 0 2.5px; +} + +#gOrganizeEditHandleRight { + background-color: #CFDEFF; + background-image: url(organize_edit_drawer.png); + background-position: -15px 0; + float: right; + height: 30px; + margin: 2px 0 0; + width: 15px; +} + #gOrganizeFormButtons { bottom: 0.5em; - position: absolute; } #gOrganizeFormButtons .submit { diff --git a/modules/organize/css/organize_edit_drawer.png b/modules/organize/css/organize_edit_drawer.png new file mode 100644 index 00000000..34735a00 Binary files /dev/null and b/modules/organize/css/organize_edit_drawer.png differ diff --git a/modules/organize/js/organize.js b/modules/organize/js/organize.js index 1eac785b..66ca0b33 100644 --- a/modules/organize/js/organize.js +++ b/modules/organize/js/organize.js @@ -112,7 +112,7 @@ var treeDroppable = { var moveItems = ""; var targetItemId = $(this).attr("ref"); if ($(this).hasClass("gBranchSelected")) { - $("#gOrganizeStatus").append(INVALID_DROP_TARGET); + $("#gOrganizeStatus").empty().append(INVALID_DROP_TARGET); ui.draggable.trigger("stop", event); return false; } @@ -122,7 +122,7 @@ var treeDroppable = { okToMove &= targetItemId != $(this).attr("ref"); }); if (!okToMove) { - $("#gOrganizeStatus").append(INVALID_DROP_TARGET); + $("#gOrganizeStatus").empty().append(INVALID_DROP_TARGET); ui.draggable.trigger("stop", event); return false; } @@ -193,18 +193,33 @@ var onMicroThumbContainerMousemove = function(event) { } }; -// Select All and Deselect All click -function toggleSelectAll(event) { - if ($(this).attr("id") == "gMicroThumbSelectAll") { - $(".gMicroThumbContainer").addClass("ui-selected"); - $("#gMicroThumbSelectAll").hide(); - $("#gMicroThumbUnselectAll").show(); - } else { - $(".gMicroThumbContainer").removeClass("ui-selected"); - $("#gMicroThumbSelectAll").show(); - $("#gMicroThumbUnselectAll").hide(); +// Handle click events on the buttons on the drawer handle +function drawerHandleButtonsClick(event) { + event.preventDefault(); + if (!$(this).attr("disabled")) { + var operation = $(this).attr("ref"); + switch (operation) { + case "edit": + $("#gOrganizeEditDrawerPanel").slideToggle("normal"); + break; + case "select-all": + $(".gMicroThumbContainer").addClass("ui-selected"); + $("#gMicroThumbSelectAll").hide(); + $("#gMicroThumbUnselectAll").show(); + break; + case "unselect-all": + $(".gMicroThumbContainer").removeClass("ui-selected"); + $("#gMicroThumbSelectAll").show(); + $("#gMicroThumbUnselectAll").hide(); + break; + case "close": + $("#gDialog").dialog("close"); + break; + default: + console.log(operation); + } } -} +}; // ************************************************************************** // AJAX Callbacks @@ -252,7 +267,7 @@ var startMoveCallback = function (data, textStatus) { success: function(data, textStatus) { task = null; transitItems = []; - $("#gOrganizeStatus").append("