mirror of
https://github.com/moodle/moodle.git
synced 2025-08-06 09:26:35 +02:00
e709ddd29c
- when loading core_filepicker we extend the Node element with functions necessary to display files list in different view modes; - repository/filepicker.js is changed to use those functions; - FileManager now has three different view modes (icon view, tree view and table view), JS code is re-used from FilePicker; - files in FileManager no longer have context menu, they have one popup Widget with different actions instead; - Added more templates for JS code to FileManager, use similar CSS class names as FilePicker; - lib/filelib.php : fixed double slashes in path, return more data about files; - lib/form/filemanager.php : pass information to FileManager about available licenses and default author; - repository/draftfiles_ajax.php : return information about directory tree for file moving UI in FileManager, return formatted information; - repository/lib.php : function repository::prepare_listing() now can work also with draftarea files listing;
170 lines
9.1 KiB
CSS
170 lines
9.1 KiB
CSS
/**
|
|
* File picker
|
|
*/
|
|
/* first or middle sibling, no children */
|
|
.file-picker .ygtvtn, .filemanager .ygtvtn {background: url([[pix:moodle|y/tn]]) 0 0 no-repeat;width:17px;height:22px;}
|
|
/* first or middle sibling, collapsable */
|
|
.file-picker .ygtvtm, .filemanager .ygtvtm {background: url([[pix:moodle|y/tm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* first or middle sibling, collapsable, hover */
|
|
.file-picker .ygtvtmh, .filemanager .ygtvtmh {background: url([[pix:moodle|y/tmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* first or middle sibling, expandable */
|
|
.file-picker .ygtvtp, .filemanager .ygtvtp {background: url([[pix:moodle|y/tp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* first or middle sibling, expandable, hover */
|
|
.file-picker .ygtvtph, .filemanager .ygtvtph {background: url([[pix:moodle|y/tph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* last sibling, no children */
|
|
.file-picker .ygtvln, .filemanager .ygtvln {background: url([[pix:moodle|y/ln]]) 0 0 no-repeat;width:17px;height:22px;}
|
|
/* Last sibling, collapsable */
|
|
.file-picker .ygtvlm, .filemanager .ygtvlm {background: url([[pix:moodle|y/lm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* Last sibling, collapsable, hover */
|
|
.file-picker .ygtvlmh, .filemanager .ygtvlmh {background: url([[pix:moodle|y/lmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* Last sibling, expandable */
|
|
.file-picker .ygtvlp, .filemanager .ygtvlp {background: url([[pix:moodle|y/lp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* Last sibling, expandable, hover */
|
|
.file-picker .ygtvlph, .filemanager .ygtvlph {background: url([[pix:moodle|y/lph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
|
|
/* Loading icon */
|
|
.file-picker .ygtvloading, .filemanager .ygtvloading {background: url([[pix:moodle|y/loading]]) 0 0 no-repeat;width:16px;height:22px;}
|
|
/* the style for the empty cells that are used for rendering the depth* of the node */
|
|
.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {background: url([[pix:moodle|y/vline]]) 0 0 no-repeat;width:17px;height:22px;}
|
|
.file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {width:17px;height:22px;}
|
|
/* the style of the div around each node */
|
|
.file-picker .ygtvitem table, .filemanager .ygtvitem table{margin-bottom:0;}
|
|
.file-picker .ygtvitem td, .filemanager .ygtvitem td {border:none;padding:0;}
|
|
/* the style of the div around each node's collection of children */
|
|
* html .file-picker .ygtvchildren, * html .filemanager .ygtvchildren {height:1%;}
|
|
/* the style of the text label in ygTextNode */
|
|
.file-picker .ygtvlabel,
|
|
.file-picker .ygtvlabel:link,
|
|
.file-picker .ygtvlabel:visited,
|
|
.file-picker .ygtvlabel:hover,
|
|
.filemanager .ygtvlabel,
|
|
.filemanager .ygtvlabel:link,
|
|
.filemanager .ygtvlabel:visited,
|
|
.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration: none;}
|
|
.file-picker .fp-treeview .fp-folder .fp-icon,
|
|
.filemanager .fp-treeview .fp-folder .fp-icon {display:none;}
|
|
|
|
.file-picker {font-size:12px;}
|
|
.file-picker.fp-generallayout {width:700px;height:480px;}
|
|
.file-picker strong {background:#FFFFCC;}
|
|
.file-picker .fp-content {padding:0;margin:0;text-align:left;max-height:350px;overflow:auto;border:1px solid black;}
|
|
.file-picker .fp-login-form {text-align:center;}
|
|
.file-picker .fp-searchbar {float:right;}
|
|
.file-picker .fp-viewbar {width:300px;float:left;}
|
|
.file-picker .fp-viewbar.disabled {display:none;}
|
|
.file-picker .fp-viewbar .checked {font-weight:bold;}
|
|
.file-picker .fp-toolbar {padding: .8em;background: #FFFFCC;text-align:center;margin: 3px;}
|
|
.file-picker .fp-toolbar.empty {display:none;}
|
|
.file-picker .fp-toolbar div {display: inline-block;}
|
|
.file-picker .fp-toolbar .disabled {display:none;}
|
|
.file-picker .fp-toolbar a {padding: 0 .5em;}
|
|
.file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
|
|
.dir-rtl .file-picker .fp-list {text-align:right;}
|
|
.file-picker .fp-list .fp-repo {display:block;border-bottom:1px dotted gray;padding: .5em;}
|
|
.file-picker .fp-list .fp-repo.active {background:#AACCEE;}
|
|
.file-picker .fp-nextpage {clear:both;align:center;}
|
|
.file-picker .fp-nextpage .fp-nextpage-link {align:center;}
|
|
.file-picker .fp-nextpage .fp-nextpage-loading {display:none;}
|
|
.file-picker .fp-nextpage.loading .fp-nextpage-link {display:none;}
|
|
.file-picker .fp-nextpage.loading .fp-nextpage-loading {display:block;}
|
|
.file-picker .fp-pathbar {margin: .4em;border-bottom: 1px dotted gray;}
|
|
.file-picker .fp-pathbar a {padding: .4em;}
|
|
.file-picker .fp-select {width:550px;height:430px;text-align:center;overflow:auto;}
|
|
.file-picker .fp-select .uneditable {display:none;}
|
|
.file-picker .fp-select p {margin: 1em;}
|
|
.file-picker .fp-select .fp-select-loading {display:none;}
|
|
.file-picker .fp-select.loading .fp-select-loading {display:block;}
|
|
.file-picker .fp-select.loading form {display:none;}
|
|
.file-picker .fp-upload-form {margin: 2em 0;text-align:center;}
|
|
.file-picker .fp-upload-btn {clear:both;margin-top: 2em;}
|
|
.file-picker .fp-popup {text-align:center;}
|
|
.file-picker .fp-iconview .fp-file {float:left;text-align:center;}
|
|
.file-picker .fp-iconview .fp-file div {overflow: hidden;}
|
|
.file-picker .fp-iconview .fp-file .fp-filename {height:48px;text-align:center;min-width:50px;}
|
|
.file-picker .fp-error {padding: 2em 0;margin: 3em 5px;text-align:center;background: #FFBBBB;}
|
|
.file-picker .fp-msg {}
|
|
.file-picker .fp-msg .fp-msg-text {min-width:300px;min-height:150px;max-width:500px;max-height:300px;overflow:auto;}
|
|
.file-picker .fp-msg.fp-msg-error .fp-msg-text {color:red;}
|
|
.file-picker .fp-msg .fp-msg-butok {text-align:center;}
|
|
.filepicker-filelist {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
|
|
/* file picker search dialog */
|
|
.file-picker div.bd {text-align:left;}
|
|
|
|
/**
|
|
* File Manager
|
|
*/
|
|
.filemanager-toolbar {margin: 5px 0;}
|
|
.filemanager-toolbar a {border: 1px solid #AACCEE;background: #F4FAFF;color: black;padding: 3px;}
|
|
.filemanager-toolbar a:hover {background: #FFFFFF;}
|
|
.filemanager-toolbar .helplink a {border: 0px; background: transparent;}
|
|
.fp-pathbar {margin:0;}
|
|
.filemanager .fp-pathbar.empty {display:none;}
|
|
.filemanager-container {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid;position: relative;}
|
|
.filemanager-container ul{margin:0;padding:0;}
|
|
.filemanager-container ul li{white-space:nowrap;list-style-type:none;}
|
|
.filemanager-container ul li a{padding:0}
|
|
.filemanager-loading{display:none}
|
|
.jsenabled .filemanager-loading{display:block}
|
|
.fm-menuicon{cursor: pointer;}
|
|
#fm-move-div {margin: 6px;}
|
|
#fm-move-div strong{color:red;}
|
|
.fm-file-entry{border: 1px solid red;}
|
|
.fm-operation {font-weight: bold;}
|
|
|
|
.filemanager-container,
|
|
.filepicker-filelist {overflow:hidden;}
|
|
|
|
.filemanager.fm-loading .fp-pathbar,
|
|
.filemanager.fm-loading .filemanager-toolbar,
|
|
.filemanager.fm-loading .filemanager-container {display:none;}
|
|
|
|
.filemanager.fm-loaded .filemanager-loading {display:none;}
|
|
|
|
.filemanager.fm-nofiles .fp-btn-download {display:none;}
|
|
|
|
.filemanager.fm-nomkdir .fp-btn-mkdir {display:none;}
|
|
|
|
.filemanager.fm-maxfiles .fp-btn-add {display:none;}
|
|
.filemanager.fm-maxfiles .dndupload-message {display:none;}
|
|
|
|
.filemanager .fm-empty-container {display:none;}
|
|
.filemanager.fm-noitems .fm-empty-container {display:block;}
|
|
.filemanager.fm-noitems .filemanager-container .fp-content {display:none;}
|
|
|
|
.filemanager .filemanager-updating {display:none;text-align:center;}
|
|
.filemanager.fm-updating .filemanager-updating {display:block;}
|
|
.filemanager.fm-updating .fm-content-wrapper {display:none;}
|
|
.filemanager .fp-iconview .fp-file {float:left;text-align:center;}
|
|
.filemanager .fp-iconview .fp-file div {overflow: hidden;}
|
|
.filemanager .fp-iconview .fp-file .fp-filename {height:48px;text-align:center;min-width:50px;}
|
|
|
|
.filemanager .fp-select .fp-select-loading {display:none;}
|
|
.filemanager .fp-select.loading .fp-select-loading {display:block;}
|
|
.filemanager .fp-select.loading form {display:none;}
|
|
|
|
/* disable unavailable actions: */
|
|
/*.filemanager .fp-select.fp-zip .fp-license,*/
|
|
.filemanager .fp-select.fp-folder .fp-license,
|
|
/*.filemanager .fp-select.fp-zip .fp-author,*/
|
|
.filemanager .fp-select.fp-folder .fp-author,
|
|
.filemanager .fp-select.fp-file .fp-file-unzip,
|
|
.filemanager .fp-select.fp-folder .fp-file-unzip,
|
|
.filemanager .fp-select.fp-file .fp-file-zip,
|
|
.filemanager .fp-select.fp-zip .fp-file-zip {display:none;}
|
|
.filemanager .fp-select .fp-file-setmain {display:none;}
|
|
.filemanager .fp-select.fp-cansetmain .fp-file-setmain {display:inline-block;}
|
|
.filemanager .fp-select.fp-folder .fp-file-download {display:none;} /* to be implemented */
|
|
|
|
/*
|
|
* Drag and drop support
|
|
*/
|
|
.filemanager-container .dndupload-target,
|
|
.filepicker-filelist .dndupload-target {background:#f7f998;position:absolute;height:100%;width:100%;top:0;left:0;text-align:center;padding:5px;z-index:1000}
|
|
.filemanager-container.dndupload-over .dndupload-target,
|
|
.filepicker-filelist.dndupload-over .dndupload-target {background:#8EF947;font-weight:bold}
|
|
.dndupload-message {display:none;}
|
|
.dndsupported .dndupload-message {display:inline;}
|
|
.dndupload-target {display:none;}
|
|
.dndsupported .dndupload-ready .dndupload-target {display:block;}
|
|
.dndupload-uploadinprogress {display:none;text-align:center;}
|
|
.dndupload-uploading .dndupload-uploadinprogress {display:block;}
|
|
|