Merge branch 'wip-MDL-33218-master' of git://github.com/barbararamiro/moodle
This commit is contained in:
Dan Poltawski
+26
-27
@@ -301,10 +301,9 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
*/
|
||||
private function fm_js_template_mkdir() {
|
||||
$rv = '
|
||||
<div class="fp-mkdir-dlg">
|
||||
<p>New folder name:</p>
|
||||
<input type="text"><br/>
|
||||
<a class="{!}fp-dlg-butcreate fp-panel-button" href="#">'.get_string('create').'</a>
|
||||
<div class="filemanager fp-mkdir-dlg">
|
||||
<div class="fp-mkdir-dlg-text">'.get_string('newfoldername','repository').'<br/><input type="text" /></div>
|
||||
<a class="{!}fp-dlg-butcreate fp-panel-button" href="#">'.get_string('makeafolder').'</a>
|
||||
<a class="{!}fp-dlg-butcancel fp-panel-button" href="#">'.get_string('cancel').'</a>
|
||||
</div>';
|
||||
return preg_replace('/\{\!\}/', '', $rv);
|
||||
@@ -382,15 +381,15 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
<tr class="{!}fp-saveas"><td class="mdl-right"><label>'.get_string('name', 'moodle').'</label>:</td>
|
||||
<td class="mdl-left"><input type="text"/></td></tr>
|
||||
<tr class="{!}fp-author"><td class="mdl-right"><label>'.get_string('author', 'repository').'</label>:</td>
|
||||
<td class="mdl-left"><input type="text" /></td></tr>
|
||||
<td class="mdl-left"><input type="text"/></td></tr>
|
||||
<tr class="{!}fp-license"><td class="mdl-right"><label>'.get_string('chooselicense', 'repository').'</label>:</td>
|
||||
<td class="mdl-left"><select></select></td></tr>
|
||||
<tr class="{!}fp-path"><td class="mdl-right"><label>'.get_string('path', 'moodle').'</label>:</td>
|
||||
<td class="mdl-left"><select></select></td></tr>
|
||||
<tr class="{!}fp-original"><td class="mdl-right"><label>'.get_string('original', 'repository').'</label>:</td>
|
||||
<td class="mdl-left"><span class="fp-originloading">'.$icon_progress.' '.$strloading.'</span><span class="fp-value"/></td></tr>
|
||||
<td class="mdl-left"><span class="fp-originloading">'.$icon_progress.' '.$strloading.'</span><span class="fp-value"></span></td></tr>
|
||||
<tr class="{!}fp-reflist"><td class="mdl-right"><label>'.get_string('referenceslist', 'repository').'</label>:</td>
|
||||
<td class="mdl-left"><p class="{!}fp-refcount"/><span class="fp-reflistloading">'.$icon_progress.' '.$strloading.'</span><ul class="fp-value"/></td></tr>
|
||||
<td class="mdl-left"><p class="{!}fp-refcount"></p><span class="fp-reflistloading">'.$icon_progress.' '.$strloading.'</span><ul class="fp-value"></ul></td></tr>
|
||||
</table>
|
||||
</form>
|
||||
<p class="{!}fp-thumbnail"></p>
|
||||
@@ -401,10 +400,10 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
</p>
|
||||
</form>
|
||||
<div class="fp-fileinfo">
|
||||
<div class="{!}fp-datemodified">'.get_string('lastmodified', 'moodle').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-datecreated">'.get_string('datecreated', 'repository').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-size">'.get_string('size', 'repository').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-dimensions">'.get_string('dimensions', 'repository').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-datemodified">'.get_string('lastmodified', 'moodle').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-datecreated">'.get_string('datecreated', 'repository').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-size">'.get_string('size', 'repository').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-dimensions">'.get_string('dimensions', 'repository').': <span class="fp-value"></span></div>
|
||||
</div>
|
||||
</div>';
|
||||
return preg_replace('/\{\!\}/', '', $rv);
|
||||
@@ -515,7 +514,7 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
<div class="file-picker fp-generallayout">
|
||||
<div class="fp-repo-area">
|
||||
<ul class="fp-list">
|
||||
<li class="{!}fp-repo"><a href="#"><img class="{!}fp-repo-icon" width="16" height="16" /> <span class="{!}fp-repo-name" /span></a></li>
|
||||
<li class="{!}fp-repo"><a href="#"><img class="{!}fp-repo-icon" width="16" height="16" /> <span class="{!}fp-repo-name"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="fp-repo-items">
|
||||
@@ -523,7 +522,7 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
<div>
|
||||
<div class="{!}fp-toolbar">
|
||||
<div class="{!}fp-tb-back"><a href="#">'.get_string('back', 'repository').'</a></div>
|
||||
<div class="{!}fp-tb-search fp-search"><form/></div>
|
||||
<div class="{!}fp-tb-search"><form></form></div>
|
||||
<div class="{!}fp-tb-refresh"><a href="#"><img src="'.$this->pix_url('a/refresh').'" /></a></div>
|
||||
<div class="{!}fp-tb-logout"><img src="'.$this->pix_url('a/logout').'" /><a href="#"></a></div>
|
||||
<div class="{!}fp-tb-manage"><a href="#"><img src="'.$this->pix_url('a/setting').'" /> '.get_string('manageurl', 'repository').'</a></div>
|
||||
@@ -534,7 +533,7 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
<a class="{!}fp-vb-details" href="#"></a>
|
||||
<a class="{!}fp-vb-tree" href="#"></a>
|
||||
</div>
|
||||
<div class="fp-clear-right"></div>
|
||||
<div class="fp-clear-left"></div>
|
||||
</div>
|
||||
<div class="fp-pathbar">
|
||||
<span class="{!}fp-path-folder"><a class="{!}fp-path-folder-name" href="#"></a></span>
|
||||
@@ -690,12 +689,12 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
</form>
|
||||
<p class="{!}fp-thumbnail"></p>
|
||||
<div class="fp-fileinfo">
|
||||
<div class="{!}fp-datemodified">'.get_string('lastmodified', 'moodle').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-datecreated">'.get_string('datecreated', 'repository').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-size">'.get_string('size', 'repository').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-license">'.get_string('license', 'moodle').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-author">'.get_string('author', 'repository').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-dimensions">'.get_string('dimensions', 'repository').': <span class="fp-value"/></div>
|
||||
<div class="{!}fp-datemodified">'.get_string('lastmodified', 'moodle').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-datecreated">'.get_string('datecreated', 'repository').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-size">'.get_string('size', 'repository').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-license">'.get_string('license', 'moodle').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-author">'.get_string('author', 'repository').': <span class="fp-value"></span></div>
|
||||
<div class="{!}fp-dimensions">'.get_string('dimensions', 'repository').': <span class="fp-value"></span></div>
|
||||
</div>
|
||||
</div>';
|
||||
return preg_replace('/\{\!\}/', '', $rv);
|
||||
@@ -736,7 +735,7 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
<td class="mdl-left"><input type="text"/></td></tr>
|
||||
<tr class="{!}fp-setlicense">
|
||||
<td class="mdl-right"><label>'.get_string('chooselicense', 'repository').'</label>:</td>
|
||||
<td class="mdl-left"><select/></td></tr>
|
||||
<td class="mdl-left"><select></select></td></tr>
|
||||
</table>
|
||||
</form>
|
||||
<div><button class="{!}fp-upload-btn">'.get_string('upload', 'repository').'</button></div>
|
||||
@@ -771,7 +770,7 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
*/
|
||||
private function fp_js_template_error() {
|
||||
$rv = '
|
||||
<div class="fp-content-error" ><div class="{!}fp-error" /></div>';
|
||||
<div class="fp-content-error" ><div class="{!}fp-error"></div></div>';
|
||||
return preg_replace('/\{\!\}/', '', $rv);
|
||||
}
|
||||
|
||||
@@ -817,7 +816,7 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
<p class="{!}fp-dlg-text"></p>
|
||||
<a class="{!}fp-dlg-butoverwrite fp-panel-button" href="#">'.get_string('overwrite', 'repository').'</a>
|
||||
<a class="{!}fp-dlg-butcancel fp-panel-button" href="#">'.get_string('cancel').'</a>
|
||||
<a class="{!}fp-dlg-butrename fp-panel-button" href="#"/>
|
||||
<a class="{!}fp-dlg-butrename fp-panel-button" href="#"></a>
|
||||
</div>';
|
||||
return preg_replace('/\{\!\}/', '', $rv);
|
||||
}
|
||||
@@ -860,11 +859,11 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
<td align="right"><label></label></td>
|
||||
<td align="left"><select></select></td></tr>
|
||||
<tr class="{!}fp-login-input">
|
||||
<td class="label"><label /></td>
|
||||
<td class="label"><label></label></td>
|
||||
<td class="input"><input/></td></tr>
|
||||
<tr class="{!}fp-login-radiogroup">
|
||||
<td align="right" width="30%" valign="top"><label /></td>
|
||||
<td align="left" valign="top"><p class="{!}fp-login-radio"><input /> <label /></p></td></tr>
|
||||
<td align="right" width="30%" valign="top"><label></label></td>
|
||||
<td align="left" valign="top"><p class="{!}fp-login-radio"><input /> <label></label></p></td></tr>
|
||||
</table>
|
||||
<p><button class="{!}fp-login-submit">'.get_string('submit', 'repository').'</button></p>
|
||||
</form>
|
||||
@@ -896,7 +895,7 @@ class core_files_renderer extends plugin_renderer_base {
|
||||
* Default contents is one text input field with name="s"
|
||||
*/
|
||||
public function repository_default_searchform() {
|
||||
$str = '<input class="search-entry" name="s" value="Search" />';
|
||||
$str = '<div class="fp-def-search"><input name="s" value='.get_string('search', 'repository').' /></div>';
|
||||
return $str;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -145,6 +145,7 @@ $string['manage'] = 'Manage repositories';
|
||||
$string['manageurl'] = 'Manage';
|
||||
$string['manageuserrepository'] = 'Manage individual repository';
|
||||
$string['moving'] = 'Moving';
|
||||
$string['newfoldername'] = 'New folder name:';
|
||||
$string['noenter'] = 'Nothing entered';
|
||||
$string['nofilesattached'] = 'No files attached';
|
||||
$string['nofilesavailable'] = 'No files available';
|
||||
|
||||
+11
-14
@@ -100,9 +100,8 @@ M.form_filemanager.init = function(Y, options) {
|
||||
this.pathbar.removeChild(this.pathnode);
|
||||
}
|
||||
// initialize 'select file' panel
|
||||
this.selectnode = Y.Node.create(M.form_filemanager.templates.fileselectlayout);
|
||||
this.selectnode = Y.Node.createWithFilesSkin(M.form_filemanager.templates.fileselectlayout);
|
||||
this.selectnode.generateID();
|
||||
Y.one(document.body).appendChild(this.selectnode);
|
||||
this.selectui = new Y.Panel({
|
||||
srcNode : this.selectnode,
|
||||
zIndex : 600000,
|
||||
@@ -234,27 +233,27 @@ M.form_filemanager.init = function(Y, options) {
|
||||
header = M.str.moodle.info;
|
||||
}
|
||||
if (!this.msg_dlg) {
|
||||
var node = Y.Node.create(M.form_filemanager.templates.message);
|
||||
this.filemanager.appendChild(node);
|
||||
this.msg_dlg_node = Y.Node.createWithFilesSkin(M.form_filemanager.templates.message);
|
||||
var nodeid = this.msg_dlg_node.generateID();
|
||||
|
||||
this.msg_dlg = new Y.Panel({
|
||||
srcNode : node,
|
||||
srcNode : this.msg_dlg_node,
|
||||
zIndex : 800000,
|
||||
centered : true,
|
||||
modal : true,
|
||||
visible : false,
|
||||
render : true
|
||||
});
|
||||
this.msg_dlg.plug(Y.Plugin.Drag,{handles:['.yui3-widget-hd']});
|
||||
node.one('.fp-msg-butok').on('click', function(e) {
|
||||
this.msg_dlg.plug(Y.Plugin.Drag,{handles:['#'+nodeid+' .yui3-widget-hd']});
|
||||
this.msg_dlg_node.one('.fp-msg-butok').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
this.msg_dlg.hide();
|
||||
}, this);
|
||||
}
|
||||
|
||||
this.msg_dlg.set('headerContent', header);
|
||||
this.filemanager.one('.fp-msg').removeClass('fp-msg-info').removeClass('fp-msg-error').addClass('fp-msg-'+type)
|
||||
this.filemanager.one('.fp-msg .fp-msg-text').setContent(msg);
|
||||
this.msg_dlg_node.removeClass('fp-msg-info').removeClass('fp-msg-error').addClass('fp-msg-'+type)
|
||||
this.msg_dlg_node.one('.fp-msg-text').setContent(msg);
|
||||
this.msg_dlg.show();
|
||||
},
|
||||
setup_buttons: function() {
|
||||
@@ -302,8 +301,7 @@ M.form_filemanager.init = function(Y, options) {
|
||||
});
|
||||
}
|
||||
if (!this.mkdir_dialog) {
|
||||
var node = Y.Node.create(M.form_filemanager.templates.mkdir);
|
||||
this.filemanager.appendChild(node);
|
||||
var node = Y.Node.createWithFilesSkin(M.form_filemanager.templates.mkdir);
|
||||
this.mkdir_dialog = new Y.Panel({
|
||||
srcNode : node,
|
||||
zIndex : 800000,
|
||||
@@ -679,10 +677,9 @@ M.form_filemanager.init = function(Y, options) {
|
||||
show_confirm_dialog: function(dialog_options) {
|
||||
// instead of M.util.show_confirm_dialog(e, dialog_options);
|
||||
if (!this.confirm_dlg) {
|
||||
this.confirm_dlg_node = Y.Node.create(M.form_filemanager.templates.confirmdialog);
|
||||
this.confirm_dlg_node = Y.Node.createWithFilesSkin(M.form_filemanager.templates.confirmdialog);
|
||||
var node = this.confirm_dlg_node;
|
||||
node.generateID();
|
||||
Y.one(document.body).appendChild(node);
|
||||
this.confirm_dlg = new Y.Panel({
|
||||
srcNode : node,
|
||||
zIndex : 800000,
|
||||
@@ -867,7 +864,7 @@ M.form_filemanager.init = function(Y, options) {
|
||||
this.selectui.fileinfo = node;
|
||||
selectnode.one('.fp-saveas input').set('value', node.fullname);
|
||||
var foldername = this.get_parent_folder_name(node);
|
||||
selectnode.all('.fp-author input').set('value', node.author);
|
||||
selectnode.all('.fp-author input').set('value', node.author ? node.author : '');
|
||||
selectnode.all('.fp-license select option[selected]').set('selected', false);
|
||||
selectnode.all('.fp-license select option[value='+node.license+']').set('selected', true);
|
||||
selectnode.all('.fp-path select option[selected]').set('selected', false);
|
||||
|
||||
@@ -443,6 +443,17 @@ YUI.add('moodle-core_filepicker', function(Y) {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* creates a node and adds it to the div with id #filesskin. This is needed for CSS to be able
|
||||
* to overwrite YUI skin styles (instead of using !important that does not work in IE)
|
||||
*/
|
||||
Y.Node.createWithFilesSkin = function(node) {
|
||||
if (!Y.one('#filesskin')) {
|
||||
Y.one(document.body).appendChild(Y.Node.create('<div/>').set('id', 'filesskin'));
|
||||
}
|
||||
return Y.one('#filesskin').appendChild(Y.Node.create(node));
|
||||
}
|
||||
}, '@VERSION@', {
|
||||
requires:['base', 'node', 'yui2-treeview', 'panel', 'cookie', 'datatable', 'datatable-sort']
|
||||
});
|
||||
@@ -692,10 +703,9 @@ M.core_filepicker.init = function(Y, options) {
|
||||
this.selectui.hide();
|
||||
}
|
||||
if (!this.process_dlg) {
|
||||
this.process_dlg_node = Y.Node.create(M.core_filepicker.templates.processexistingfile);
|
||||
this.process_dlg_node = Y.Node.createWithFilesSkin(M.core_filepicker.templates.processexistingfile);
|
||||
var node = this.process_dlg_node;
|
||||
node.generateID();
|
||||
Y.one(document.body).appendChild(node);
|
||||
this.process_dlg = new Y.Panel({
|
||||
srcNode : node,
|
||||
headerContent: M.str.repository.fileexistsdialogheader,
|
||||
@@ -736,9 +746,8 @@ M.core_filepicker.init = function(Y, options) {
|
||||
header = M.str.moodle.info;
|
||||
}
|
||||
if (!this.msg_dlg) {
|
||||
this.msg_dlg_node = Y.Node.create(M.core_filepicker.templates.message);
|
||||
this.msg_dlg_node = Y.Node.createWithFilesSkin(M.core_filepicker.templates.message);
|
||||
this.msg_dlg_node.generateID();
|
||||
Y.one(document.body).appendChild(this.msg_dlg_node);
|
||||
|
||||
this.msg_dlg = new Y.Panel({
|
||||
srcNode : this.msg_dlg_node,
|
||||
@@ -1215,10 +1224,8 @@ M.core_filepicker.init = function(Y, options) {
|
||||
},
|
||||
render: function() {
|
||||
var client_id = this.options.client_id;
|
||||
this.fpnode = Y.Node.create(M.core_filepicker.templates.generallayout).
|
||||
this.fpnode = Y.Node.createWithFilesSkin(M.core_filepicker.templates.generallayout).
|
||||
set('id', 'filepicker-'+client_id);
|
||||
this.selectnode = Y.Node.create(M.core_filepicker.templates.selectlayout);
|
||||
Y.one(document.body).appendChild(this.fpnode);
|
||||
this.mainui = new Y.Panel({
|
||||
srcNode : this.fpnode,
|
||||
headerContent: M.str.repository.filepicker,
|
||||
@@ -1239,9 +1246,8 @@ M.core_filepicker.init = function(Y, options) {
|
||||
this.mainui.set('y', 0);
|
||||
}
|
||||
// create panel for selecting a file (initially hidden)
|
||||
this.selectnode = Y.Node.create(M.core_filepicker.templates.selectlayout).
|
||||
this.selectnode = Y.Node.createWithFilesSkin(M.core_filepicker.templates.selectlayout).
|
||||
set('id', 'filepicker-select-'+client_id);
|
||||
Y.one(document.body).appendChild(this.selectnode);
|
||||
this.selectui = new Y.Panel({
|
||||
srcNode : this.selectnode,
|
||||
zIndex : 600000,
|
||||
|
||||
@@ -2,12 +2,12 @@
|
||||
* File Picker and File Manager
|
||||
*/
|
||||
|
||||
.filemanager, .file-picker {font-size:11px;color: #555;letter-spacing: .2px;}
|
||||
.filemanager a, .file-picker a {color:#555;}
|
||||
.filemanager a:hover, .file-picker a:hover {color:#555;text-decoration: none;}
|
||||
.filemanager, .file-picker {font-size:11px;color: #555555;letter-spacing: .2px;}
|
||||
.filemanager a, .file-picker a {color:#555555;}
|
||||
.filemanager a:hover, .file-picker a:hover {color:#555555;text-decoration: none;}
|
||||
.filemanager select, .filemanager input, .filemanagerbutton, .filemanager textarea,
|
||||
.file-picker select, .file-picker input, .file-picker button, .file-picker textarea {color:#555; letter-spacing: .2px;}
|
||||
.filemanager input[type="text"], .file-picker input[type="text"] {border: 1px solid #BBB;width: 265px;height: 18px;padding: 1px 6px;}
|
||||
.file-picker select, .file-picker input, .file-picker button, .file-picker textarea {color:#555555; letter-spacing: .2px;}
|
||||
.filemanager input[type="text"], .file-picker input[type="text"] {border: 1px solid #BBBBBB;width: 265px;height: 18px;padding: 1px 6px;}
|
||||
.filemanager select, .file-picker select {height: 22px;padding: 2px 1px;}
|
||||
.fp-content-center {height: 100%;width: 100%;display:table-cell;vertical-align: middle;}
|
||||
|
||||
@@ -15,19 +15,19 @@
|
||||
* Dialogue (File Picker and File Manager)
|
||||
*/
|
||||
.yui3-panel-focused {outline: none;}
|
||||
.yui3-panel-content {padding-bottom: 20px!important;background: #F2F2F2!important;border-radius: 8px;border: 1px solid #FFF!important;display: inline-block;-webkit-box-shadow: 5px 5px 20px 0px #666!important;-moz-box-shadow: 5px 5px 20px 0px #666!important;box-shadow: 5px 5px 20px 0px #666!important;}
|
||||
.yui3-widget-hd {border-radius: 10px 10px 0px 0px;border-bottom: 1px solid #BBB;padding:5px 5px 5px 5px!important;text-align: center;font-size:12px;letter-spacing: 1px;color:#333!important; text-shadow: 1px 1px 1px #FFF;filter: dropshadow(color=#FFF, offx=1, offy=1);
|
||||
background: #CCC!important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#CCC')!important;background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC))!important;background: -moz-linear-gradient(top, #FFF, #CCC)!important;}
|
||||
.fp-panel-button {background: #FFF;padding: 3px 20px 2px 20px; text-align: center;margin:10px; border-radius: 10px;display: inline-block;-webkit-box-shadow: 2px 2px 3px .1px #999;-moz-box-shadow: 2px 2px 3px .1px #999;box-shadow: 2px 2px 3px .1px #999;}
|
||||
#filesskin .yui3-panel-content {padding-bottom: 20px;background: #F2F2F2;border-radius: 8px;border: 1px solid #FFFFFF;display: inline-block;-webkit-box-shadow: 5px 5px 20px 0px #666666;-moz-box-shadow: 5px 5px 20px 0px #666666;box-shadow: 5px 5px 20px 0px #666666;}
|
||||
#filesskin .yui3-widget-hd {border-radius: 10px 10px 0px 0px;border-bottom: 1px solid #BBBBBB;padding:5px 5px 5px 5px;text-align: center;font-size:12px;letter-spacing: 1px;color:#333333; text-shadow: 1px 1px 1px #FFFFFF;filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
|
||||
background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);}
|
||||
.fp-panel-button {background: #FFFFFF;padding: 3px 20px 2px 20px; text-align: center;margin:10px; border-radius: 10px;display: inline-block;-webkit-box-shadow: 2px 2px 3px .1px #999999;-moz-box-shadow: 2px 2px 3px .1px #999999;box-shadow: 2px 2px 3px .1px #999999;}
|
||||
|
||||
/*
|
||||
* File Picker layout
|
||||
*/
|
||||
.file-picker.fp-generallayout {width: 724px;background: #FFF!important;border-radius:10px;border: 1px solid #CCC!important;position: relative;}
|
||||
.file-picker .fp-repo-area {width:180px;overflow:auto;display:inline-block;border-right:1px solid #BBB;position:absolute;top:26px;bottom:1px;}
|
||||
#filesskin .file-picker.fp-generallayout {width: 724px;background: #FFFFFF;border-radius:10px;border: 1px solid #CCCCCC;position: relative;}
|
||||
.file-picker .fp-repo-area {width:180px;overflow:auto;display:inline-block;border-right:1px solid #BBBBBB;position:absolute;top:26px;bottom:1px;}
|
||||
.file-picker .fp-repo-items {vertical-align:top;display: inline-block;margin-left: 181px;}
|
||||
.file-picker .fp-navbar {background: #F2F2F2;min-height:22px;border-bottom: 1px solid #BBB;padding: 5px 8px;}
|
||||
.file-picker .fp-content {background: #FFF;clear: both;overflow:auto;width: 543px;height: 349px;margin-bottom:-14px;}
|
||||
.file-picker .fp-navbar {background: #F2F2F2;min-height:22px;border-bottom: 1px solid #BBBBBB;padding: 5px 8px;}
|
||||
.file-picker .fp-content {background: #FFFFFF;clear: both;overflow:auto;width: 543px;height: 349px;margin-bottom:-14px;}
|
||||
.file-picker .fp-content-loading {height: 100%;width: 100%;display: table;text-align:center;}
|
||||
.file-picker .fp-content .fp-object-container {width:98%;height:98%;}
|
||||
|
||||
@@ -38,23 +38,20 @@ background: #CCC!important;filter: progid:DXImageTransform.Microsoft.gradient(st
|
||||
.dir-rtl .file-picker .fp-list {text-align:right;}
|
||||
.file-picker .fp-list .fp-repo a{display:block;padding:.5em .7em;}
|
||||
.file-picker .fp-list .fp-repo.active {background:#F2F2F2;}
|
||||
.file-picker .fp-repo-icon {padding: 0px 7px 0px 5px;}
|
||||
.file-picker .fp-list .fp-repo-icon {padding: 0px 7px 0px 5px;}
|
||||
|
||||
/*
|
||||
* Tools, Path & View on fp-navbar (File Picker and File Manager)
|
||||
*/
|
||||
.fp-toolbar {/*display: table-row;*/display: block;line-height: 22px;float:left;}
|
||||
.fp-toolbar {display: table-row;line-height: 22px;float:left;/*display: inline-block;*/}
|
||||
.fp-toolbar.empty {display:none;}
|
||||
.fp-toolbar .disabled {display:none;}
|
||||
.fp-toolbar div {display: inline-block;padding: 0px 2px;padding-right: 10px;}
|
||||
.fp-toolbar img {vertical-align: -15%; margin-right: 5px;}
|
||||
.file-picker .search-entry {background:#FFF url('[[pix:a/search]]') no-repeat 3px 3px;height:18px;width:230px;border: 1px solid #BBB;padding-left:20px;}
|
||||
.fp-toolbar .fp-tb-search {width: 228px;height: 14px;}
|
||||
.fp-toolbar .fp-tb-search input {background:#FFFFFF url('[[pix:a/search]]') no-repeat 3px 3px;padding: 2px 6px 1px 20px;width: 200px;height: 16px;border: 1px solid #BBBBBB;}
|
||||
|
||||
.file-picker .fp-pathbar {display: table-row;}
|
||||
.fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;width:27px;height:12px;margin-left: 4px;}
|
||||
.fp-pathbar .fp-path-folder-name {margin-left: 32px;line-height: 20px;}
|
||||
|
||||
.fp-viewbar {float:right;width:69px;height:22px;margin-right:8px;}
|
||||
.fp-viewbar {float:right;width:69px;height:22px;margin-right:8px;/*display: inline-block;*/}
|
||||
.fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;width:22px;height:22px;display: inline-block;}
|
||||
.fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]');}
|
||||
.fp-viewbar.disabled .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_inactive]]');}
|
||||
@@ -64,29 +61,31 @@ background: #CCC!important;filter: progid:DXImageTransform.Microsoft.gradient(st
|
||||
.fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px;width:23px;height:22px;display: inline-block;margin-left: -4px;}
|
||||
.fp-vb-tree.checked {background:url('[[pix:theme|fp/view_tree_selected]]');}
|
||||
.fp-viewbar.disabled .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_inactive]]');}
|
||||
.file-picker .fp-clear-right {clear: right;}
|
||||
.file-picker .fp-clear-left {clear: left;}
|
||||
|
||||
.file-picker .fp-pathbar {display: table-row;/*display: inline-block;*/}
|
||||
.fp-pathbar.empty {display: none;}
|
||||
.fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;width:27px;height:12px;margin-left: 4px;}
|
||||
.fp-pathbar .fp-path-folder-name {margin-left: 32px;line-height: 20px;}
|
||||
|
||||
/*
|
||||
* Icon view (File Picker and File Manager)
|
||||
*/
|
||||
.fp-iconview .fp-file {float: left;text-align: center;position: relative;margin: 10px 10px 35px;}
|
||||
.fp-iconview .fp-thumbnail {min-width:110px;min-height:110px;line-height: 110px;text-align: center;border: 1px solid #FFF;}
|
||||
.fp-iconview .fp-thumbnail img {border: 1px solid #DDD;padding:3px;vertical-align: middle;-webkit-box-shadow: 1px 1px 2px 0px #CCC;-moz-box-shadow: 1px 1px 2px 0px #CCC;box-shadow: 1px 1px 2px 0px #CCC;}
|
||||
.fp-iconview .fp-thumbnail:hover {background: #FFF;border: 1px solid #DDD;-webkit-box-shadow: inset 0px 0px 10px 0px #CCC;-moz-box-shadow: inset 0px 0px 10px 0px #CCC;box-shadow: inset 0px 0px 10px 0px #CCC;}
|
||||
.fp-iconview .fp-thumbnail {min-width:110px;min-height:110px;line-height: 110px;text-align: center;border: 1px solid #FFFFFF;display: block;}
|
||||
.fp-iconview .fp-thumbnail img {border: 1px solid #DDDDDD;padding:3px;vertical-align: middle;-webkit-box-shadow: 1px 1px 2px 0px #CCCCCC;-moz-box-shadow: 1px 1px 2px 0px #CCCCCC;box-shadow: 1px 1px 2px 0px #CCCCCC;}
|
||||
.fp-iconview .fp-thumbnail:hover {background: #FFFFFF;border: 1px solid #DDDDDD;-webkit-box-shadow: inset 0px 0px 10px 0px #CCCCCC;-moz-box-shadow: inset 0px 0px 10px 0px #CCCCCC;box-shadow: inset 0px 0px 10px 0px #CCCCCC;}
|
||||
.fp-iconview .fp-filename-field {height:33px;word-wrap:break-word;overflow: hidden;position: absolute;}
|
||||
.fp-iconview .fp-filename-field:hover {overflow: visible;z-index: 1000;}
|
||||
.fp-iconview .fp-filename-field .fp-filename {background: #FFF;padding-top: 5px;padding-bottom: 12px;min-width:112px;}
|
||||
.fp-iconview .fp-filename-field .fp-filename {background: #FFFFFF;padding-top: 5px;padding-bottom: 12px;min-width:112px;}
|
||||
|
||||
/*
|
||||
* Table view (File Picker only)
|
||||
*/
|
||||
.file-picker .yui3-datatable table {border: 0px solid #BBB;width:100%;}
|
||||
.file-picker .yui3-datatable-header {background: #FFF;border-bottom: 1px solid #CCC;border-left: 0 solid #FFF;color: #555;}
|
||||
.file-picker .yui3-datatable-columns .yui3-datatable-sorted, .file-picker .yui3-datatable-sortable-column:hover {background-color: #FFF;}
|
||||
.file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6;border-left: 0px solid #F6F6F6;}
|
||||
.file-picker .yui3-datatable-data .yui3-datatable-odd .yui3-datatable-sorted {background-color: #F6F6F6;}
|
||||
.file-picker .yui3-datatable-even .yui3-datatable-cell {background-color: #FFF;border-left: 0px solid #FFF;}
|
||||
.file-picker .yui3-datatable-data .yui3-datatable-even .yui3-datatable-sorted {background-color: #FFF;}
|
||||
.file-picker .yui3-datatable table {border: 0px solid #BBBBBB;width:100%;}
|
||||
#filesskin .file-picker .yui3-datatable-header {background: #FFFFFF;border-bottom: 1px solid #CCCCCC;border-left: 0 solid #FFFFFF;color: #555555;}
|
||||
#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6;border-left: 0px solid #F6F6F6;}
|
||||
#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF;border-left: 0px solid #FFFFFF;}
|
||||
|
||||
/*
|
||||
* Tree view (File Manager only)
|
||||
@@ -127,9 +126,9 @@ background: #CCC!important;filter: progid:DXImageTransform.Microsoft.gradient(st
|
||||
.filemanager .ygtvlabel,.filemanager .ygtvlabel:link,.filemanager .ygtvlabel:visited,.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration: none;}*/
|
||||
a.ygtvspacer:hover {color: transparent;text-decoration: none;}
|
||||
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {background-color: transparent;cursor: pointer;margin-left: 2px;text-decoration: none;}
|
||||
.file-picker .ygtvfocus, .filemanager .ygtvfocus {background-color: #EEE;}
|
||||
.file-picker .ygtvfocus, .filemanager .ygtvfocus {background-color: #EEEEEE;}
|
||||
|
||||
.fp-filename-icon {margin-top: 10px;display: block;/*top: -10px;position: relative;*/}
|
||||
.fp-filename-icon {margin-top: 10px;display: block;position: relative;}
|
||||
.fp-icon {float: left;margin-top: -7px;width: 24px;height: 24px;margin-right: 10px;text-align: center;line-height: 24px;}
|
||||
.fp-icon img {max-height:24px;max-width:24px;vertical-align: middle;}
|
||||
.fp-filename {padding-right: 10px;}
|
||||
@@ -184,14 +183,14 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
|
||||
*/
|
||||
.file-picker.fp-select {width:420px;}
|
||||
.fp-select .fp-select-loading {text-align: center;margin-top: 20px;}
|
||||
.fp-select .fp-hr {clear: both;height: 1px; background-color: #FFF;border-bottom: 1px solid #BBB;width: auto; margin: 5px 20px;}
|
||||
.fp-select .fp-hr {clear: both;height: 1px; background-color: #FFFFFF;border-bottom: 1px solid #BBBBBB;width: auto; margin: 5px 20px;}
|
||||
.fp-select table {margin: 10px 20px;}
|
||||
.fp-select-update {float:right;margin-right: 20px;}
|
||||
.fp-select .fp-file-update {background:url('[[pix:theme|fp/check]]') no-repeat left center;width:17px;height:17px;}
|
||||
.fp-select .fp-file-cancel {background:url('[[pix:theme|fp/cross]]') no-repeat left center;width:17px;height:17px;margin-left: 25px;}
|
||||
.fp-select .fp-select-update span {margin-left: 17px;}
|
||||
.fp-select .fp-thumbnail {float:left;min-width:110px;min-height:110px;line-height: 110px;text-align: center;margin: 10px 20px 0px 20px;background: #FFF;border: 1px solid #DDD;-webkit-box-shadow: inset 0px 0px 10px 0px #CCC;-moz-box-shadow: inset 0px 0px 10px 0px #CCC;box-shadow: inset 0px 0px 10px 0px #CCC;}
|
||||
.fp-select .fp-thumbnail img {border: 1px solid #DDD;padding:3px;vertical-align: middle;margin: 10px;}
|
||||
.fp-select .fp-thumbnail {float:left;min-width:110px;min-height:110px;line-height: 110px;text-align: center;margin: 10px 20px 0px 20px;background: #FFFFFF;border: 1px solid #DDDDDD;-webkit-box-shadow: inset 0px 0px 10px 0px #CCCCCC;-moz-box-shadow: inset 0px 0px 10px 0px #CCCCCC;box-shadow: inset 0px 0px 10px 0px #CCCCCC;}
|
||||
.fp-select .fp-thumbnail img {border: 1px solid #DDDDDD;padding:3px;vertical-align: middle;margin: 10px;}
|
||||
.fp-select .fp-fileinfo {display: inline-block;margin-top: 4px;margin-right: 20px;}
|
||||
.file-picker.fp-select .fp-fileinfo {max-width:240px;}
|
||||
.fp-select .fp-fileinfo div {padding: 4px 0px;}
|
||||
@@ -224,12 +223,12 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
|
||||
* File Manager layout
|
||||
*/
|
||||
.fp-restrictions{text-align: right;}
|
||||
.filemanager .fp-navbar {background: #F2F2F2;border-top: 1px solid #BBB;border-left: 1px solid #BBB;border-right: 1px solid #BBB;}
|
||||
.filemanager .fp-navbar {background: #F2F2F2;border-top: 1px solid #BBBBBB;border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
|
||||
.filemanager-toolbar{padding: 5px 8px;min-height:22px;}
|
||||
.fp-pathbar {border-top: 1px solid #BBB;padding: 5px 8px 1px;min-height: 20px;}
|
||||
.fp-pathbar {border-top: 1px solid #BBBBBB;padding: 5px 8px 1px;min-height: 20px;}
|
||||
.filemanager .fp-pathbar.empty {display:none;}
|
||||
.filepicker-filelist,
|
||||
.filemanager-container {background: #FFF;clear: both;overflow:auto;border: 1px solid #BBB;min-height: 140px;position: relative;}
|
||||
.filemanager-container {background: #FFFFFF;clear: both;overflow:auto;border: 1px solid #BBBBBB;min-height: 140px;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}*/
|
||||
@@ -247,13 +246,10 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
|
||||
/*
|
||||
* Table view (File Manager only)
|
||||
*/
|
||||
.filemanager .yui3-datatable table {border: 0px solid #BBB;width:100%;}
|
||||
.filemanager .yui3-datatable-header {background: #FFF;border-bottom: 1px solid #CCC;border-left: 0 solid #FFF;color: #555;}
|
||||
.filemanager .yui3-datatable-columns .yui3-datatable-sorted, .filemanager .yui3-datatable-sortable-column:hover {background-color: #FFF;}
|
||||
.filemanager .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6;border-left: 0px solid #F6F6F6;}
|
||||
.filemanager .yui3-datatable-data .yui3-datatable-odd .yui3-datatable-sorted {background-color: #F6F6F6;}
|
||||
.filemanager .yui3-datatable-even .yui3-datatable-cell {background-color: #FFF;border-left: 0px solid #FFF;}
|
||||
.filemanager .yui3-datatable-data .yui3-datatable-even .yui3-datatable-sorted {background-color: #FFF;}
|
||||
.filemanager .yui3-datatable table {border: 0px solid #BBBBBB;width:100%;}
|
||||
.filemanager .yui3-datatable-header {background: #FFFFFF!important;border-bottom: 1px solid #CCCCCC!important;border-left: 0 solid #FFFFFF!important;color: #555555!important;}
|
||||
.filemanager .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6!important;border-left: 0px solid #F6F6F6;}
|
||||
.filemanager .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF!important;border-left: 0px solid #FFFFFF;}
|
||||
|
||||
/*
|
||||
* Folder Context Menu (File Manager only)
|
||||
@@ -261,17 +257,17 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
|
||||
.filemanager .fp-contextmenu {display:none;}
|
||||
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {display:block;position:absolute;right:7px;bottom:5px;z-index: 2000;}
|
||||
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
|
||||
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {/*display: inline;*//*position: relative;left: 14px;margin-right: -20px;top: 6px;background: yellow;*/}
|
||||
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {display: inline;position: absolute;left: 14px;margin-right: -20px;top: 6px;}
|
||||
|
||||
/*
|
||||
* Drag and drop support (File Manager only)
|
||||
*/
|
||||
.filepicker-filelist .filepicker-container,
|
||||
.filemanager.fm-noitems .fm-empty-container {display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #BBB;padding-top:85px;text-align:center;z-index: 3000;}
|
||||
.filemanager.fm-noitems .fm-empty-container {display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #BBBBBB;padding-top:85px;text-align:center;z-index: 3000;}
|
||||
.filepicker-filelist .dndupload-target,
|
||||
.filemanager-container .dndupload-target {background:#FFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #fb7979;padding-top:85px;text-align:center;z-index:3000;-webkit-box-shadow: 0px 0px 0px 10px #FFF;-moz-box-shadow: 0px 0px 0px 10px #FFF;box-shadow: 0px 0px 0px 10px #FFF;}
|
||||
.filemanager-container .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #fb7979;padding-top:85px;text-align:center;z-index:3000;-webkit-box-shadow: 0px 0px 0px 10px #FFFFFF;-moz-box-shadow: 0px 0px 0px 10px #FFFFFF;box-shadow: 0px 0px 0px 10px #FFFFFF;}
|
||||
.filepicker-filelist.dndupload-over .dndupload-target,
|
||||
.filemanager-container.dndupload-over .dndupload-target {background:#FFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #6c8cd3;padding-top:85px;text-align:center;z-index: 3000;}
|
||||
.filemanager-container.dndupload-over .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #6c8cd3;padding-top:85px;text-align:center;z-index: 3000;}
|
||||
.dndupload-message {display:none;}
|
||||
.dndsupported .dndupload-message {display:inline;}
|
||||
.dndupload-target {display:none;}
|
||||
@@ -310,15 +306,14 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
|
||||
.filemanager.fp-select .fp-reflist .fp-reflistloading {display:none;}
|
||||
.filemanager.fp-select .fp-refcount {max-width: 265px;}
|
||||
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {display:inline;}
|
||||
.filemanager.fp-select .fp-reflist .fp-value {background: #FFF;border: 1px solid #BBB;padding: 8px 7px;margin: 0px;max-width: 265px;max-height: 75px;overflow:auto;}
|
||||
.filemanager.fp-select .fp-reflist .fp-value {background: #FFFFFF;border: 1px solid #BBBBBB;padding: 8px 7px;margin: 0px;max-width: 265px;max-height: 75px;overflow:auto;}
|
||||
.filemanager.fp-select .fp-reflist .fp-value li {padding-bottom: 7px;}
|
||||
|
||||
/*
|
||||
* Create folder dialogue (File Manager only)
|
||||
*/
|
||||
.filemanager.fp-mkdir-dlg {text-align: center;z-index: 999999}
|
||||
.filemanager .fp-mkdir-dlg p {text-align: left;margin: 40px 20px 0px;}
|
||||
.filemanager .fp-mkdir-dlg input {margin: 0px 20px 20px;}
|
||||
.filemanager.fp-mkdir-dlg {text-align: center;}
|
||||
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align: left;margin: 40px 20px 20px;}
|
||||
|
||||
/*
|
||||
* Confirm dialogue for delete (File Manager only)
|
||||
|
||||
Reference in New Issue
Block a user