Commit 0f6ea0e5 authored by asseldonk's avatar asseldonk
Browse files

filebrowser: change gearwheel apperance on multiple selections

parent 005698a4
.file-view-table.row-tiny .node{height:34px}.file-view-table.row-tiny .node .name{margin-top:9px}.file-view-table.row-tiny .icon{width:30px;flex:0 0 30px}.file-view-table.row-tiny .icon [class^="icon-"],.file-view-table.row-tiny .icon [class*=" icon-"]{font-size:24px}.file-view-table.row-tiny .icon .icon-folder,.file-view-table.row-tiny .icon .icon-folder-open,.file-view-table.row-tiny .icon .icon-folder-symlink{font-size:18px}.file-view-table.row-small .node{height:40px}.file-view-table.row-small .node .name{margin-top:15px}.file-view-table.row-small .icon{width:45px;flex:0 0 45px}.file-view-table.row-small .icon [class^="icon-"],.file-view-table.row-small .icon [class*=" icon-"]{font-size:30px}.file-view-table.row-small .icon .icon-folder,.file-view-table.row-small .icon .icon-folder-open,.file-view-table.row-small .icon .icon-folder-symlink{font-size:24px}.file-view-table.row-medium .node{height:48px}.file-view-table.row-medium .node .name{margin-top:23px}.file-view-table.row-medium .icon{width:60px;flex:0 0 60px}.file-view-table.row-medium .icon [class^="icon-"],.file-view-table.row-medium .icon [class*=" icon-"]{font-size:38px}.file-view-table.row-medium .icon .icon-folder,.file-view-table.row-medium .icon .icon-folder-open,.file-view-table.row-medium .icon .icon-folder-symlink{font-size:32px}.file-view-table.row-large .node{height:56px}.file-view-table.row-large .node .name{margin-top:31px}.file-view-table.row-large .icon{width:75px;flex:0 0 75px}.file-view-table.row-large .icon [class^="icon-"],.file-view-table.row-large .icon [class*=" icon-"]{font-size:46px}.file-view-table.row-large .icon .icon-folder,.file-view-table.row-large .icon .icon-folder-open,.file-view-table.row-large .icon .icon-folder-symlink{font-size:40px}.file-table-hidden{display:none !important;visibility:hidden !important}.file-table-select-column{width:70px;flex:0 0 70px;text-align:center}.file-table-icon-column{text-align:left}.file-table-size-column{width:120px;flex:0 0 120px;text-align:right}.file-table-time-column{width:215px;flex:0 0 215px;padding-left:20px;text-align:left}.file-table-options-column{width:50px;flex:0 0 50px;text-align:center}.file-view-table .file-list.edit-tools-hidden .edit-tools{display:none !important;visibility:hidden !important}.file-view-table{width:100%}.file-view-table .file-table-head{position:absolute;top:44px;left:0;display:-webkit-flex;display:flex;width:100%;height:36px;padding-top:7px;border-bottom:3px solid #ddd}.file-view-table .file-table-head .glyphicon{margin-left:4px}.file-view-table .file-table-head>.select{width:70px;flex:0 0 70px;text-align:center}.file-view-table .file-table-head>.icon{text-align:left}.file-view-table .file-table-head>.name{webkit-flex:1;flex:1}.file-view-table .file-table-head>.size{width:120px;flex:0 0 120px;text-align:right}.file-view-table .file-table-head>.time{width:215px;flex:0 0 215px;padding-left:20px;text-align:left}.file-view-table .file-table-head>.options{width:50px;flex:0 0 50px;text-align:center}.file-view-table .file-table-head>.name,.file-view-table .file-table-head>.size,.file-view-table .file-table-head>.time{cursor:pointer}.file-view-table .file-list{position:absolute;bottom:0;right:0;top:80px;left:0;overflow-y:auto;width:100%}.file-view-table .file-list>.node{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%}.file-view-table .file-list>.node:nth-child(2n){background-color:#f9f9f9}.file-view-table .file-list>.node:hover{background-color:#f5f5f5}.file-view-table .file-list>.node:not(:hover) .edit-tools{visibility:collapse;display:none;visibility:hidden}.file-view-table .file-list>.node[selected]{background-color:#f5f5f5}.file-view-table .file-list>.node.dragover{background-color:rgba(92,184,92,0.5) !important}.file-view-table .file-list>.node.dragover-denied{background-color:rgba(217,83,79,0.5) !important}.file-view-table .file-list>.node.dragstart{opacity:.4}.file-view-table .file-list>.node[draggable=true]{cursor:move;-khtml-user-drag:element}.file-view-table .file-list>.node.stop-pointer-events *{pointer-events:none}.file-view-table .file-list>.node>.select{width:70px;flex:0 0 70px;text-align:center}.file-view-table .file-list>.node>.icon{text-align:left}.file-view-table .file-list>.node>.name{-webkit-flex:1;flex:1;position:relative;display:inline-block;height:100%}.file-view-table .file-list>.node>.name>.completename{position:absolute;top:0;left:0;width:100%;height:100%}.file-view-table .file-list>.node>.name>.input-filename{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}.file-view-table .file-list>.node>.name>.input-filename:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.file-view-table .file-list>.node>.name>.input-filename::-webkit-input-placeholder{color:#999}.file-view-table .file-list>.node>.name>.input-filename:-moz-placeholder{color:#999;opacity:1}.file-view-table .file-list>.node>.name>.input-filename::-moz-placeholder{color:#999;opacity:1}.file-view-table .file-list>.node>.name>.input-filename:-ms-input-placeholder{color:#999}.file-view-table .file-list>.node>.name .filename-root{display:inline-block;vertical-align:middle;max-width:80%;max-width:calc(100% - 60px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-view-table .file-list>.node>.name .filename-ext{white-space:nowrap;vertical-align:middle}.file-view-table .file-list>.node>.edit-tools{font-size:12px;width:250px;flex:0 0 250px;text-align:right}.file-view-table .file-list>.node>.edit-tools .glyphicon{margin-left:14px}.file-view-table .file-list>.node>.edit-tools .glyphicon-pencil{margin-left:4px}@media (max-width:992px){.file-view-table .file-list>.node>.edit-tools{width:110px;flex:0 0 110px}.file-view-table .file-list>.node>.edit-tools .glyphicon{margin-left:10px;margin-right:10px}.file-view-table .file-list>.node>.edit-tools .glyphicon-pencil{margin-left:8px}}.file-view-table .file-list>.node>.size{width:120px;flex:0 0 120px;text-align:right}.file-view-table .file-list>.node>.time{width:215px;flex:0 0 215px;padding-left:20px;text-align:left}.file-view-table .file-list>.node>.options{width:50px;flex:0 0 50px;text-align:center;cursor:pointer}.fileselector .node{height:38px}.fileselector .icon{width:40px}.fileselector .icon [class^="icon-"],.fileselector .icon [class*=" icon-"]{font-size:26px}.fileselector .icon .icon-folder,.fileselector .icon .icon-folder-open,.fileselector .icon .icon-folder-symlink{font-size:22px}.fileselector .edit-tools{display:none !important;visibility:hidden !important}.fileselector .size{display:none !important;visibility:hidden !important}.fileselector .time{display:none !important;visibility:hidden !important}
\ No newline at end of file
.file-view-table.row-tiny .node{height:34px}.file-view-table.row-tiny .node .name{margin-top:9px}.file-view-table.row-tiny .icon{width:30px;flex:0 0 30px}.file-view-table.row-tiny .icon [class^="icon-"],.file-view-table.row-tiny .icon [class*=" icon-"]{font-size:24px}.file-view-table.row-tiny .icon .icon-folder,.file-view-table.row-tiny .icon .icon-folder-open,.file-view-table.row-tiny .icon .icon-folder-symlink{font-size:18px}.file-view-table.row-small .node{height:40px}.file-view-table.row-small .node .name{margin-top:15px}.file-view-table.row-small .icon{width:45px;flex:0 0 45px}.file-view-table.row-small .icon [class^="icon-"],.file-view-table.row-small .icon [class*=" icon-"]{font-size:30px}.file-view-table.row-small .icon .icon-folder,.file-view-table.row-small .icon .icon-folder-open,.file-view-table.row-small .icon .icon-folder-symlink{font-size:24px}.file-view-table.row-medium .node{height:48px}.file-view-table.row-medium .node .name{margin-top:23px}.file-view-table.row-medium .icon{width:60px;flex:0 0 60px}.file-view-table.row-medium .icon [class^="icon-"],.file-view-table.row-medium .icon [class*=" icon-"]{font-size:38px}.file-view-table.row-medium .icon .icon-folder,.file-view-table.row-medium .icon .icon-folder-open,.file-view-table.row-medium .icon .icon-folder-symlink{font-size:32px}.file-view-table.row-large .node{height:56px}.file-view-table.row-large .node .name{margin-top:31px}.file-view-table.row-large .icon{width:75px;flex:0 0 75px}.file-view-table.row-large .icon [class^="icon-"],.file-view-table.row-large .icon [class*=" icon-"]{font-size:46px}.file-view-table.row-large .icon .icon-folder,.file-view-table.row-large .icon .icon-folder-open,.file-view-table.row-large .icon .icon-folder-symlink{font-size:40px}.file-table-hidden{display:none !important;visibility:hidden !important}.file-table-select-column{width:70px;flex:0 0 70px;text-align:center}.file-table-icon-column{text-align:left}.file-table-size-column{width:120px;flex:0 0 120px;text-align:right}.file-table-time-column{width:215px;flex:0 0 215px;padding-left:20px;text-align:left}.file-table-options-column{width:50px;flex:0 0 50px;text-align:center}.file-view-table .file-list.edit-tools-hidden .edit-tools{display:none !important;visibility:hidden !important}.file-view-table{width:100%}.file-view-table .file-table-head{position:absolute;top:44px;left:0;display:-webkit-flex;display:flex;width:100%;height:36px;padding-top:7px;border-bottom:3px solid #ddd}.file-view-table .file-table-head .glyphicon{margin-left:4px}.file-view-table .file-table-head>.select{width:70px;flex:0 0 70px;text-align:center}.file-view-table .file-table-head>.icon{text-align:left}.file-view-table .file-table-head>.name{webkit-flex:1;flex:1}.file-view-table .file-table-head>.size{width:120px;flex:0 0 120px;text-align:right}.file-view-table .file-table-head>.time{width:215px;flex:0 0 215px;padding-left:20px;text-align:left}.file-view-table .file-table-head>.options{width:50px;flex:0 0 50px;text-align:center}.file-view-table .file-table-head>.name,.file-view-table .file-table-head>.size,.file-view-table .file-table-head>.time{cursor:pointer}.file-view-table .file-list{position:absolute;bottom:0;right:0;top:80px;left:0;overflow-y:auto;width:100%}.file-view-table .file-list.gear-wheel-opacity .glyphicon-cog{opacity:.4}.file-view-table .file-list>.node{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%}.file-view-table .file-list>.node:nth-child(2n){background-color:#f9f9f9}.file-view-table .file-list>.node:hover{background-color:#f5f5f5}.file-view-table .file-list>.node:not(:hover) .edit-tools{visibility:collapse;display:none;visibility:hidden}.file-view-table .file-list>.node[selected]{background-color:#f5f5f5}.file-view-table .file-list>.node.dragover{background-color:rgba(92,184,92,0.5) !important}.file-view-table .file-list>.node.dragover-denied{background-color:rgba(217,83,79,0.5) !important}.file-view-table .file-list>.node.dragstart{opacity:.4}.file-view-table .file-list>.node[draggable=true]{cursor:move;-khtml-user-drag:element}.file-view-table .file-list>.node.stop-pointer-events *{pointer-events:none}.file-view-table .file-list>.node>.select{width:70px;flex:0 0 70px;text-align:center}.file-view-table .file-list>.node>.icon{text-align:left}.file-view-table .file-list>.node>.name{-webkit-flex:1;flex:1;position:relative;display:inline-block;height:100%}.file-view-table .file-list>.node>.name>.completename{position:absolute;top:0;left:0;width:100%;height:100%}.file-view-table .file-list>.node>.name>.input-filename{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}.file-view-table .file-list>.node>.name>.input-filename:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.file-view-table .file-list>.node>.name>.input-filename::-webkit-input-placeholder{color:#999}.file-view-table .file-list>.node>.name>.input-filename:-moz-placeholder{color:#999;opacity:1}.file-view-table .file-list>.node>.name>.input-filename::-moz-placeholder{color:#999;opacity:1}.file-view-table .file-list>.node>.name>.input-filename:-ms-input-placeholder{color:#999}.file-view-table .file-list>.node>.name .filename-root{display:inline-block;vertical-align:middle;max-width:80%;max-width:calc(100% - 60px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-view-table .file-list>.node>.name .filename-ext{white-space:nowrap;vertical-align:middle}.file-view-table .file-list>.node>.edit-tools{font-size:12px;width:250px;flex:0 0 250px;text-align:right}.file-view-table .file-list>.node>.edit-tools .glyphicon{margin-left:14px}.file-view-table .file-list>.node>.edit-tools .glyphicon-pencil{margin-left:4px}@media (max-width:992px){.file-view-table .file-list>.node>.edit-tools{width:110px;flex:0 0 110px}.file-view-table .file-list>.node>.edit-tools .glyphicon{margin-left:10px;margin-right:10px}.file-view-table .file-list>.node>.edit-tools .glyphicon-pencil{margin-left:8px}}.file-view-table .file-list>.node>.size{width:120px;flex:0 0 120px;text-align:right}.file-view-table .file-list>.node>.time{width:215px;flex:0 0 215px;padding-left:20px;text-align:left}.file-view-table .file-list>.node>.options{width:50px;flex:0 0 50px;text-align:center;cursor:pointer}.fileselector .node{height:38px}.fileselector .icon{width:40px}.fileselector .icon [class^="icon-"],.fileselector .icon [class*=" icon-"]{font-size:26px}.fileselector .icon .icon-folder,.fileselector .icon .icon-folder-open,.fileselector .icon .icon-folder-symlink{font-size:22px}.fileselector .edit-tools{display:none !important;visibility:hidden !important}.fileselector .size{display:none !important;visibility:hidden !important}.fileselector .time{display:none !important;visibility:hidden !important}
\ No newline at end of file
......@@ -193,6 +193,11 @@
left: 0px;
overflow-y: auto;
width: 100%;
&.gear-wheel-opacity {
.glyphicon-cog {
opacity: 0.4;
}
}
> .node {
display: -webkit-box; // OLD - iOS 6-, Safari 3.1-6
display: -moz-box; // OLD - Firefox 19- (buggy but mostly works)
......
......@@ -21,6 +21,7 @@ var FileBaseEvents = Class.extend({
// in event.data is the node (where the data is stored)
self.FileBase.selections.changeSelection($(event.data));
self.FileBase.selections.checkIfAllSelected();
self.changeGeraWheelAppearance();
});
this.nodeRightClickHold(node, data);
this.nodeClickDblClick(node, data);
......@@ -288,7 +289,19 @@ var FileBaseEvents = Class.extend({
}
}
});
},
changeGeraWheelAppearance: function() {
var nNodesSelected = Object.keys(this.FileBase.selections.entries).length;
var fileList = $(".file-list", this.FileBase.view.fileContentContainer);
if (nNodesSelected > 1) {
fileList.toggleClass("gear-wheel-opacity", true);
fileList.toggleClass("edit-tools-hidden", true);
}
else {
fileList.toggleClass("gear-wheel-opacity", false);
fileList.toggleClass("edit-tools-hidden", false);
}
}
});
......@@ -21,6 +21,7 @@ var FileBaseSelections = Class.extend({
if (this.FileBase.instance.getPreference("Open") == "double" && !vispa.device.hasTouch) {
$(".file-selection-box").css("visibility", "hidden");
}
this.FileBase.events.changeGeraWheelAppearance();
},
selectAll: function() {
......@@ -29,6 +30,7 @@ var FileBaseSelections = Class.extend({
var node = $(nodes[i]);
this.changeSelection(node, true);
}
this.FileBase.events.changeGeraWheelAppearance();
},
unselect: function(path) {
......@@ -97,7 +99,7 @@ var FileBaseSelections = Class.extend({
allSelected = false;
}
}
if (allSelected == true) {
if (allSelected === true) {
// set select all checkbox to checked
var selectAllBox = $(".select-all");
selectAllBox.attr("checked", true);
......@@ -167,4 +169,5 @@ var FileBaseSelections = Class.extend({
}
this.changeSelection(selectNode, true);
}
});
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment