Skip to content

GitLab

Commit fb64c99f authored by asseldonk's avatar asseldonk
Browse files

filebrowser: changed name of class file-table to file-list

parent 199f59e8
Hide whitespace changes
Inline Side-by-side
vispa/extensions/file/static/css/base/views/table/table.css
View file @ fb64c99f
.file-view-table.row-tiny .node{height:34px}.file-view-table.row-tiny .icon{width: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 .icon{width: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 .icon{width: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 .icon{width: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;text-align:center}.file-table-icon-column{text-align:left}.file-table-size-column{width:120px;text-align:right}.file-table-time-column{width:215px;padding-left:20px;text-align:left}.file-table-options-column{width:50px;text-align:center}.file-view-table .file-table.edit-tools-hidden .edit-tools{color:#f00 !important;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;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;text-align:right}.file-view-table .file-table-head>.time{width:215px;padding-left:20px;text-align:left}.file-view-table .file-table-head>.options{width: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-table{position:absolute;bottom:0;right:0;top:80px;left:0;overflow-y:auto;width:100%}.file-view-table .file-table>.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-table>.node:nth-child(2n){background-color:#f9f9f9}.file-view-table .file-table>.node:hover{background-color:#f5f5f5}.file-view-table .file-table>.node:not(:hover) .edit-tools{visibility:collapse}.file-view-table .file-table>.node[selected]{background-color:#f5f5f5}.file-view-table .file-table>.node.dragover{background-color:rgba(92,184,92,0.5) !important}.file-view-table .file-table>.node.dragover-denied{background-color:rgba(217,83,79,0.5) !important}.file-view-table .file-table>.node.dragstart{opacity:.4}.file-view-table .file-table>.node[draggable=true]{cursor:move;-khtml-user-drag:element}.file-view-table .file-table>.node>.select{width:70px;text-align:center}.file-view-table .file-table>.node>.icon{text-align:left}.file-view-table .file-table>.node>.name{-webkit-flex:1;flex:1}.file-view-table .file-table>.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-table>.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-table>.node>.name>.input-filename::-webkit-input-placeholder{color:#999}.file-view-table .file-table>.node>.name>.input-filename:-moz-placeholder{color:#999;opacity:1}.file-view-table .file-table>.node>.name>.input-filename::-moz-placeholder{color:#999;opacity:1}.file-view-table .file-table>.node>.name>.input-filename:-ms-input-placeholder{color:#999}.file-view-table .file-table>.node>.name .filename-root{display:inline-block;vertical-align:middle;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-view-table .file-table>.node>.name .filename-ext{white-space:nowrap;vertical-align:middle}.file-view-table .file-table>.node>.edit-tools{font-size:12px;width:250px;text-align:right}.file-view-table .file-table>.node>.edit-tools .glyphicon{margin-left:14px}.file-view-table .file-table>.node>.edit-tools .glyphicon-pencil{margin-left:4px}@media (max-width:992px){.file-view-table .file-table>.node>.edit-tools{width:110px}.file-view-table .file-table>.node>.edit-tools .glyphicon{margin-left:10px;margin-right:10px}.file-view-table .file-table>.node>.edit-tools .glyphicon-pencil{margin-left:8px}}.file-view-table .file-table>.node>.size{width:120px;text-align:right}.file-view-table .file-table>.node>.time{width:215px;padding-left:20px;text-align:left}.file-view-table .file-table>.node>.options{width: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 .icon{width: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 .icon{width: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 .icon{width: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 .icon{width: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;text-align:center}.file-table-icon-column{text-align:left}.file-table-size-column{width:120px;text-align:right}.file-table-time-column{width:215px;padding-left:20px;text-align:left}.file-table-options-column{width:50px;text-align:center}.file-view-table .file-list.edit-tools-hidden .edit-tools{color:#f00 !important;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;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;text-align:right}.file-view-table .file-table-head>.time{width:215px;padding-left:20px;text-align:left}.file-view-table .file-table-head>.options{width: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}.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>.select{width: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}.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%;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;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}.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;text-align:right}.file-view-table .file-list>.node>.time{width:215px;padding-left:20px;text-align:left}.file-view-table .file-list>.node>.options{width: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
vispa/extensions/file/static/css/base/views/table/table.less
View file @ fb64c99f
......@@ -113,7 +113,7 @@
/* hide edit tools on touch displays */
.file-view-table {
.file-table {
.file-list {
&.edit-tools-hidden {
.edit-tools {
color: red !important;
......@@ -167,7 +167,7 @@
}
/* all other rows */
.file-table {
.file-list {
position: absolute;
bottom: 0px;
right: 0px;
......
vispa/extensions/file/static/html/symbol.html
View file @ fb64c99f
<div class="file-view-symbol file-table">
<div class="file-view-symbol file-list">
<div draggable="true" class="file-node symbol-item" data-bind="data">
<p class="file-selection-p">
<label class="file-selection-box">
......
vispa/extensions/file/static/html/table.html
View file @ fb64c99f
......@@ -12,7 +12,7 @@
<div class="options"></div>
</div>
<!-- file list-->
<div class="file-table">
<div class="file-list">
<div draggable="true" data-bind="data" class="node file-node">
<div class="select"><span class="file-selection-p input">
<input type="checkbox" class="file-selection-checkbox"/></span></div>
......
vispa/extensions/file/static/html/table.jade
View file @ fb64c99f
......@@ -12,7 +12,7 @@
i.glyphicon.glyphicon-sort
.options
// file list
.file-table
.file-list
.node.file-node(draggable="true", data-bind="data")
.select
span.file-selection-p.input
......
vispa/extensions/file/static/js/base/selections.js
View file @ fb64c99f
......@@ -89,7 +89,7 @@ var FileBaseSelections = Class.extend({
var offsetSelected = null;
var y = 0;
var lastSelectedNode = this.lastSelectedNode;
var contentContainer = $(".file-table", this.FileBase.view.fileContentContainer);
var contentContainer = $(".file-list", this.FileBase.view.fileContentContainer);
var offsetMain = this.FileBase.view.fileContentContainer.offset().top;
if (lastSelectedNode === null || number === 0) {
selectNode = contentContainer.children().first();
......
vispa/extensions/file/static/js/base/views/table/view.js
View file @ fb64c99f
......@@ -35,7 +35,7 @@ var Tableview = Class.extend({
this.FileBase.workflow.parentpath = data.parentpath;
// render the content
$(".file-table", this.fileContentContainer).render(data.filelist,
$(".file-list", this.fileContentContainer).render(data.filelist,
this.FileBase.view.directives);
// set icon size
......@@ -49,7 +49,7 @@ var Tableview = Class.extend({
// make edit buttons clickable, only when display is no touch display
if (vispa.device.hasTouch) {
$(".file-table", this.fileContentContainer).toggleClass("edit-tools-hidden", true);
$(".file-list", this.fileContentContainer).toggleClass("edit-tools-hidden", true);
}
else {
self.makeEditButtonsClickable();
......@@ -126,7 +126,7 @@ var Tableview = Class.extend({
resizeHeader: function() {
"use strict";
var $firstNode = $(".file-table .node:first-child", this.fileContentContainer);
var $firstNode = $(".file-list .node:first-child", this.fileContentContainer);
var nameColumnWidth = $(".name", $firstNode).width();
var sumWidth = $firstNode.innerWidth();
sumWidth = sumWidth == 100 ? "100%" : sumWidth;
......
vispa/extensions/file/static/js/shortcuts.js
View file @ fb64c99f
......@@ -83,7 +83,7 @@ function getShortcuts() {
this.fb.selections.selectNextNode();
} else {
var item = $(".symbol-item");
var widthContent = $(".file-table", this.fb.view.fileContentContainer).width();
var widthContent = $(".file-list", this.fb.view.fileContentContainer).width();
var widthItem = item.width() + parseInt(item.css("marginLeft"), 10) + parseInt(item.css(
"marginRight"), 10);
var elementsPerRow = Math.floor(widthContent / widthItem);
......@@ -100,7 +100,7 @@ function getShortcuts() {
this.fb.selections.selectPrevNode();
} else {
var item = $(".symbol-item");
var widthContent = $(".file-table", this.fb.view.fileContentContainer).width();
var widthContent = $(".file-list", this.fb.view.fileContentContainer).width();
var widthItem = item.width() + parseInt(item.css("marginLeft"), 10) + parseInt(item.css(
"marginRight"), 10);
var elementsPerRow = Math.floor(widthContent / widthItem);
......
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