Author: hnategh
New Revision: 48832
URL: http://svn.stylite.de/viewvc/egroupware?rev=48832&view=rev
Log:
Implement dropdown list style for file upload
Modified:
trunk/etemplate/js/et2_widget_file.js
trunk/etemplate/templates/default/etemplate2.css
Modified: trunk/etemplate/js/et2_widget_file.js
URL: http://svn.stylite.de/viewvc/egroupware/trunk/etemplate/js/et2_widget_file.js?rev=48832&r1=48831&r2=48832&view=diff
— trunk/etemplate/js/et2_widget_file.js (original)
+++ trunk/etemplate/js/et2_widget_file.js Wed Oct 1 16:19:36 2014
@@ -78,7 +78,13 @@
“type”: “string”,
“default”: “Choose file…”,
“description”: “String caption to be displayed on file upload span”
-
}
-
}, -
progress_dropdownlist: { -
"name": "List on files in progress like dropdown", -
"type": "boolean", -
"default": false, -
"description": "Style list of files in uploading progress like dropdown list with a total upload progress indicator" -
},},
asyncOptions: {},
@@ -419,7 +425,13 @@
.css(‘cursor’, ‘default’);event.data = this;
-
//Add dropdown_progress -
if (this.options.progress_dropdownlist) -
{ -
this._build_progressDropDownList(); -
} -
// Callback if(this.options.onStart) return et2_call(this.options.onStart, event, file_count); return true;
@@ -457,8 +469,41 @@
// Fire legacy change action when done
this.change(this.input);
}
- },
-
//Remove progress_dropDown_fileList class and unbind the click handler from body -
if (this.options.progress_dropdownlist) -
{ -
this.progress.removeClass("progress_dropDown_fileList"); -
jQuery(this.node).find('span').removeClass('totalProgress_loader'); -
jQuery('body').off('click'); -
} -
},
-
/**
-
- Build up dropdown progress with total count indicator
-
-
- @todo Implement totalProgress bar instead of ajax-loader, in order to show how much percent of uploading is completed
-
*/
-
_build_progressDropDownList: function ()
-
{
-
this.progress.addClass("progress_dropDown_fileList"); -
//Add uploading indicator and bind hover handler on it -
jQuery(this.node).find('span') -
.addClass('totalProgress_loader') -
.hover(function(){ -
jQuery('.progress_dropDown_fileList').show(); -
}); -
//Bind click handler to dismiss the dropdown while uploading -
jQuery('body').on('click', function(event){ -
if (event.target.className != 'remove') -
{ -
jQuery('.progress_dropDown_fileList').hide(); -
} -
}); -
},
/**
- Creates the elements used for displaying the file, and it’s upload status, and
Modified: trunk/etemplate/templates/default/etemplate2.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/etemplate/templates/default/etemplate2.css?rev=48832&r1=48831&r2=48832&view=diff
— trunk/etemplate/templates/default/etemplate2.css (original)
+++ trunk/etemplate/templates/default/etemplate2.css Wed Oct 1 16:19:36 2014
@@ -480,6 +480,25 @@
margin-left: 8px;
margin-top: 0;
}
+.et2_file .progress_dropDown_fileList {
- background: white;
- position: absolute;
- border: 1px solid gray;
- border-top: 0;
- margin-top: 6px !important;
- margin-left: 0 !important;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- max-height: 300px;
- width: 181px !important;
- z-index: 201 !important;
- box-shadow: 6px 6px 9px gray;
+}
+.et2_file .totalProgress_loader { - background-repeat: no-repeat;
- background-image: url(‘images/ajax-loader.gif’);
+}
.et2_file .progress {
width: 300px;
max-height: 6em;
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer
Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports
Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper
Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.clktrk
eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs