Author: andrei_exadel Date: 2008-03-27 12:11:58 -0400 (Thu, 27 Mar 2008) New Revision: 7311 Modified: trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/js/FileUpload.js trunk/ui/fileUpload/src/main/templates/org/richfaces/fileUpload.jspx Log: RF-2742 Modified: trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss =================================================================== --- trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss 2008-03-27 15:55:50 UTC (rev 7310) +++ trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss 2008-03-27 16:11:58 UTC (rev 7311) @@ -7,27 +7,27 @@ <f:verbatim><![CDATA[ -.rich_file_upload_list_overflow{overflow: auto; overflow-y: auto; overflow-x: hidden;} -.rich_file_upload_name{ width : 100%; height : 58px; padding : 2px 10px 2px 10px;} -.rich_file_upload_del{ width : 90px; text-align : center; padding-top : 3; padding-bottom : 3;} -.rich_file_upload_scroll{ width : 10px; text-align : center;} +.rich-fileupload-list-overflow{overflow: auto; overflow-y: auto; overflow-x: hidden;} +.rich-fileupload-name{ width : 100%; height : 58px; padding : 2px 10px 2px 10px;} +.rich-fileupload-del{ width : 90px; text-align : center; padding-top : 3; padding-bottom : 3;} +.rich-fileupload-scroll{ width : 10px; text-align : center;} -input[type="file"][class~="rich_file_hidden"]::-webkit-file-upload-button { +input[type="file"][class~="rich-fileupload-hidden"]::-webkit-rich-fileupload-button { font-size: 10em; -webkit-appearance: button; } -.rich_file_upload_button_content{ +.rich-fileupload-button-content{ padding : 2px 6px 2px 3px; text-align : left; white-space : nowrap; } -.rich_file_upload_name_padding{padding : 2px 0px 2px 0px;} +.rich-fileupload-name-padding{padding : 2px 0px 2px 0px;} -.rich_file_upload_ico{background-position : 0px 50%; background-repeat : no-repeat; padding-left : 19px;vertical-align: middle;} +.rich-fileupload-ico{background-position : 0px 50%; background-repeat : no-repeat; padding-left : 19px;vertical-align: middle;} -input.rich_file_hidden { +input.rich-fileupload-hidden { FILTER: alpha(opacity: 0); POSITION: relative; TEXT-ALIGN: left; @@ -37,28 +37,28 @@ ]]> </f:verbatim> -<u:selector name=".rich_file_upload_font"> +<u:selector name=".rich-fileupload-font"> <u:style name="font-family" skin="generalFamilyFont" /> <u:style name="font-size" skin="generalSizeFont" /> </u:selector> -<u:selector name=".rich_file_upload_table_td"> +<u:selector name=".rich-fileupload-table-td"> <u:style name="border-bottom-color" skin="tableBorderColor" /> <u:style name="border-bottom" value="1px solid" /> <u:style name="white-space" value="nowrap" /> </u:selector> -<u:selector name=".rich_file_upload_list_decor"> +<u:selector name=".rich-fileupload-list-decor"> <u:style name="border" value="1px solid;" /> <u:style name="border-color" skin="tableBorderColor" /> <u:style name="background-color" skin="tableBackgroundColor" /> </u:selector> -<u:selector name=".rich_file_upload_anc"> +<u:selector name=".rich-fileupload-anc"> <u:style name="color" skin="generalLinkColor" /> </u:selector> -<u:selector name=".rich_file_upload_toolbar_decor"> +<u:selector name=".rich-fileupload-toolbar-decor"> <u:style name="border-bottom" value="1px solid" /> <u:style name="border-top" value="1px solid" /> <u:style name="border-left" value="1px solid" /> @@ -70,20 +70,20 @@ <u:style name="width" value="100%" /> </u:selector> -<u:selector name=".rich_file_upload_button_border"> +<u:selector name=".rich-fileupload-button-border"> <u:style name="border" value="1px solid" /> <u:style name="margin" value="2px" /> <u:style name="border-color" skin="tableBorderColor" /> </u:selector> -<u:selector name=".rich_file_upload_button_dis"> +<u:selector name=".rich-fileupload-button-dis"> <u:style name="background-repeat" value="repeat-x" /> <u:style name="cursor" value="pointer" /> <u:style name="padding" value="2px" /> </u:selector> -<u:selector name=".rich_file_upload_enrty_dis"> +<u:selector name=".rich-fileupload-enrty-dis"> <u:style name="background-repeat" value="repeat-x" /> <u:style name="background-color" skin="trimColor" /> <u:style name="text-color" value="red" /> @@ -93,14 +93,14 @@ -<u:selector name="a.rich_file_upload_button_selection"> +<u:selector name="a.rich-fileupload-button-selection"> <u:style name="color" skin="generalTextColor" /> <u:style name="text-decoration" value="none" /> <u:style name="display" value="block" /> </u:selector> -<u:selector name=".rich_file_upload_button"> +<u:selector name=".rich-fileupload-button"> <u:style name="background-repeat" value="repeat-x" /> <u:style name="background-position" value="top left" /> <u:style name="background-color" skin="trimColor" /> @@ -112,7 +112,7 @@ </u:selector> -<u:selector name=".rich_file_upload_button_light"> +<u:selector name=".rich-fileupload-button-light"> <u:style name="background-repeat" value="repeat-x" /> <u:style name="background-position" value="top left" /> <u:style name="background-color" skin="trimColor" /> @@ -126,7 +126,7 @@ </u:selector> -<u:selector name=".rich_file_upload_button_press"> +<u:selector name=".rich-fileupload-button-press"> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.UploadButtonPressedBgGradient" /> </u:style> @@ -138,45 +138,45 @@ <u:style name="background-color" skin="additionalBackgroundColor" /> </u:selector> -<u:selector name=".rich_file_upload_ico_add"> +<u:selector name=".rich-fileupload-ico-add"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/ico_add.gif" /> </u:style> </u:selector> -<u:selector name=".rich_file_upload_ico_add_dis"> +<u:selector name=".rich-fileupload-ico-add-dis"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/ico_add_dis.gif" /> </u:style> <u:style name="color" skin="tableBorderColor" /> </u:selector> -<u:selector name=".rich_file_upload_ico_start"> +<u:selector name=".rich-fileupload-ico-start"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/ico_start.gif" /> </u:style> </u:selector> -<u:selector name=".rich_file_upload_ico_start_dis"> +<u:selector name=".rich-fileupload-ico-start-dis"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/ico_start_dis.gif" /> </u:style> <u:style name="color" skin="tableBorderColor" /> </u:selector> -<u:selector name=".rich_file_upload_ico_stop"> +<u:selector name=".rich-fileupload-ico-stop"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/ico_stop.gif" /> </u:style> </u:selector> -<u:selector name=".rich_file_upload_ico_clear"> +<u:selector name=".rich-fileupload-ico-clear"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/ico_clear.gif" /> </u:style> </u:selector> -<u:selector name=".rich_file_upload_ico_clear_dis"> +<u:selector name=".rich-fileupload-ico-clear-dis"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/ico_clear_dis.gif" /> </u:style> Modified: trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/js/FileUpload.js =================================================================== --- trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/js/FileUpload.js 2008-03-27 15:55:50 UTC (rev 7310) +++ trunk/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/js/FileUpload.js 2008-03-27 16:11:58 UTC (rev 7311) @@ -26,7 +26,7 @@ { 'style':'', 'onclick': function (context) { return 'var entry = FileUploadEntry.getComponent(this); entry.uploadObject.clear(entry); return false;';}, - 'className':function (context) { return 'rich_file_upload_anc ' + Richfaces.evalMacro("className", context); }, + 'className':function (context) { return 'rich-fileupload-anc ' + Richfaces.evalMacro("className", context); }, 'href':'#' }, [ @@ -40,7 +40,7 @@ { 'style':'', 'onclick': function (context) { return 'FileUploadEntry.getComponent(this).uploadObject.stop(); return false;';}, - 'className':function (context) { return 'rich_file_upload_anc ' + Richfaces.evalMacro("className", context); }, + 'className':function (context) { return 'rich-fileupload-anc ' + Richfaces.evalMacro("className", context); }, 'href':'#' }, [ @@ -54,7 +54,7 @@ { 'style':'', 'onclick': function (context) { return 'var entry = FileUploadEntry.getComponent(this); entry.uploadObject.clear(entry); return false;';}, - 'className':function (context) { return 'rich_file_upload_anc ' + Richfaces.evalMacro("className", context); }, + 'className':function (context) { return 'rich-fileupload-anc ' + Richfaces.evalMacro("className", context); }, 'href':'#' }, [ @@ -71,28 +71,28 @@ [ new E('tr',{}, [ - new E('td',{'className':function (context) { return 'rich_file_upload_font rich_file_upload_name rich_file_upload_table_td ' + Richfaces.evalMacro("className", context);}}, + new E('td',{'className':function (context) { return 'rich-fileupload-font rich-fileupload-name rich-fileupload-table-td ' + Richfaces.evalMacro("className", context);}}, [ - new E('div',{'className':'rich_file_upload_name_padding','style':function (context) {return 'overflow : hidden; width:' + Richfaces.evalMacro("fileEntryWidth", context);}}, + new E('div',{'className':'rich-fileupload-name-padding','style':function (context) {return 'overflow : hidden; width:' + Richfaces.evalMacro("fileEntryWidth", context);}}, [ new ET(function (context) { return Richfaces.evalMacro("fileName", context)}) ]), new E('div',{ }), - new E('div',{'className':'rich_file_upload_name_padding','style':function (context) {return 'overflow : hidden; width:' + Richfaces.evalMacro("fileEntryWidth", context);}}, + new E('div',{'className':'rich-fileupload-name-padding','style':function (context) {return 'overflow : hidden; width:' + Richfaces.evalMacro("fileEntryWidth", context);}}, [ new ET(function (context) { return Richfaces.evalMacro("label", context)}) ]) ]), - new E('td',{'style':'vertical-align: center;', 'className':'rich_file_upload_table_td'}, + new E('td',{'style':'vertical-align: center;', 'className':'rich-fileupload-table-td'}, [ - new E('div',{'className':'rich_file_upload_font rich_file_upload_del'}, + new E('div',{'className':'rich-fileupload-font rich-fileupload-del'}, [ //FileUploadEntry.clearControlTemplate ]) ]), - new E('td',{'className':'rich_file_upload_table_td'}, + new E('td',{'className':'rich-fileupload-table-td'}, [ - new E('div',{'className':'rich_file_upload_font rich_file_upload_scroll'},[ new T ('\u00A0') ]) + new E('div',{'className':'rich-fileupload-font rich-fileupload-scroll'},[ new T ('\u00A0') ]) ]) ]) ]) @@ -751,31 +751,31 @@ }else { d1.className = buttonClass.ENABLED; d2.className = buttonContentClass.ENABLED; - d1.onmouseover = function () {this.className='rich_file_upload_button_light rich_file_upload_font';}; - d1.onmouseout = function () {this.className='rich_file_upload_button rich_file_upload_font';}; - d1.onmousedown = function () {this.className='rich_file_upload_button_press rich_file_upload_font';}; - d1.onmouseup = function () {this.className='rich_file_upload_button rich_file_upload_font';}; + d1.onmouseover = function () {this.className='rich-fileupload-button-light rich-fileupload-font';}; + d1.onmouseout = function () {this.className='rich-fileupload-button rich-fileupload-font';}; + d1.onmousedown = function () {this.className='rich-fileupload-button-press rich-fileupload-font';}; + d1.onmouseup = function () {this.className='rich-fileupload-button rich-fileupload-font';}; } }, disable: function () { this.disabled = true; - this.items.className = "rich_file_upload_list_overflow " + this.classes.UPLOAD_LIST.DISABLED; + this.items.className = "rich-fileupload-list-overflow " + this.classes.UPLOAD_LIST.DISABLED; for (var i = 0; i < this.entries.length; i++) { var entry = this.entries[i]; - entry.entryElement.rows[0].cells[0].className = "rich_file_upload_font rich_file_upload_name rich_file_upload_table_td " + this.classes.FILE_ENTRY.DISABLED; - entry.controlArea.firstChild.className = "rich_file_upload_anc " + this.classes.FILE_ENTRY_CONTROL.DISABLED; + entry.entryElement.rows[0].cells[0].className = "rich-fileupload-font rich-fileupload-name rich-fileupload-table-td " + this.classes.FILE_ENTRY.DISABLED; + entry.controlArea.firstChild.className = "rich-fileupload-anc " + this.classes.FILE_ENTRY_CONTROL.DISABLED; } this.processButtons(); }, enable: function () { this.disabled = false; - this.items.className = "rich_file_upload_list_overflow " + this.classes.UPLOAD_LIST.ENABLED; + this.items.className = "rich-fileupload-list-overflow " + this.classes.UPLOAD_LIST.ENABLED; for (var i = 0; i < this.entries.length; i++) { var entry = this.entries[i]; - entry.entryElement.rows[0].cells[0].className = "rich_file_upload_font rich_file_upload_name rich_file_upload_table_td " + this.classes.FILE_ENTRY.ENABLED; - entry.controlArea.firstChild.className = "rich_file_upload_anc " + this.classes.FILE_ENTRY_CONTROL.ENABLED; + entry.entryElement.rows[0].cells[0].className = "rich-fileupload-font rich-fileupload-name rich-fileupload-table-td " + this.classes.FILE_ENTRY.ENABLED; + entry.controlArea.firstChild.className = "rich-fileupload-anc " + this.classes.FILE_ENTRY_CONTROL.ENABLED; } this.processButtons(); }, Modified: trunk/ui/fileUpload/src/main/templates/org/richfaces/fileUpload.jspx =================================================================== --- trunk/ui/fileUpload/src/main/templates/org/richfaces/fileUpload.jspx 2008-03-27 15:55:50 UTC (rev 7310) +++ trunk/ui/fileUpload/src/main/templates/org/richfaces/fileUpload.jspx 2008-03-27 16:11:58 UTC (rev 7311) @@ -29,10 +29,10 @@ variables.setVariable("maxCount", max); boolean disabled = (Boolean)component.getAttributes().get("disabled"); - String addButtonClass = (disabled) ? "rich_file_upload_button_dis rich_file_upload_font " + (String)component.getAttributes().get("addButtonClassDisabled") - : "rich_file_upload_button rich_file_upload_font " + (String)component.getAttributes().get("addButtonClass"); - String addButtonClassContent = (disabled) ? "rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_add_dis " + (String)component.getAttributes().get("addButtonClassDisabled") - : "rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_add " + (String)component.getAttributes().get("addButtonClass"); + String addButtonClass = (disabled) ? "rich-fileupload-button-dis rich-fileupload-font " + (String)component.getAttributes().get("addButtonClassDisabled") + : "rich-fileupload-button rich-fileupload-font " + (String)component.getAttributes().get("addButtonClass"); + String addButtonClassContent = (disabled) ? "rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-add-dis " + (String)component.getAttributes().get("addButtonClassDisabled") + : "rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-add " + (String)component.getAttributes().get("addButtonClass"); String uploadListClass = (disabled) ? (String)component.getAttributes().get("uploadListClassDisabled") : (String)component.getAttributes().get("uploadListClass"); variables.setVariable("addButtonClass",addButtonClass); @@ -55,7 +55,7 @@ </jsp:scriptlet> -<div class="rich_file_upload_list_decor" style="width: #{listWidth}" id="#{clientId}"> +<div class="rich-fileupload-list-decor" style="width: #{listWidth}" id="#{clientId}"> <f:call name="utils.encodeBeginFormIfNessesary" /> <!-- iframe name="ddd" id="#{clientId}_iframe" style="display: none;"/ --> @@ -67,11 +67,11 @@ ]]> </jsp:scriptlet> </span> - <table class="rich_file_upload_toolbar_decor"> + <table class="rich-fileupload-toolbar-decor"> <tr> <td> - <div class="rich_file_upload_button_border" style=" float:left;"> - <div class="#{addButtonClass}" onmouseover="this.className='rich_file_upload_button_light rich_file_upload_font'" onmousedown="this.className='rich_file_upload_button_press rich_file_upload_font'" onmouseup="this.className='rich_file_upload_button rich_file_upload_font'" onmouseout="this.className='rich_file_upload_button rich_file_upload_font'" + <div class="rich-fileupload-button-border" style=" float:left;"> + <div class="#{addButtonClass}" onmouseover="this.className='rich-fileupload-button-light rich-fileupload-font'" onmousedown="this.className='rich-fileupload-button-press rich-fileupload-font'" onmouseup="this.className='rich-fileupload-button rich-fileupload-font'" onmouseout="this.className='rich-fileupload-button rich-fileupload-font'" style="position: relative;" id="#{clientId}:add1"> <div class="#{addButtonClassContent}" @@ -79,20 +79,20 @@ style="position: relative;">#{addLabel}</div> <div style="overflow : hidden; position : absolute; top : 0px; left : 0px; padding: 0px;"> <input type="file" style="cursor: pointer; right: 0px; top: 0px; font-size: 10em; position: absolute; padding: 0px" - class="rich_file_hidden" + class="rich-fileupload-hidden" id="#{clientId}:file" name="#{clientId}:file" onchange="return $('#{clientId}').component.add(this);"/> </div> </div> </div> - <div class="rich_file_upload_button_border" style=" float:left; display: none;"> - <div class="rich_file_upload_button rich_file_upload_font #{component.attributes['uploadButtonClass']}" onmouseover="this.className='rich_file_upload_button_light rich_file_upload_font'" onmousedown="this.className='rich_file_upload_button_press rich_file_upload_font'" onmouseup="this.className='rich_file_upload_button rich_file_upload_font'" - onmouseout="this.className='rich_file_upload_button rich_file_upload_font'" + <div class="rich-fileupload-button-border" style=" float:left; display: none;"> + <div class="rich-file-upload-button rich-fileupload-font #{component.attributes['uploadButtonClass']}" onmouseover="this.className='rich-fileupload-button-light rich-fileupload-font'" onmousedown="this.className='rich-fileupload-button-press rich-fileupload-font'" onmouseup="this.className='rich-fileupload-button rich-fileupload-font'" + onmouseout="this.className='rich-fileupload-button rich-fileupload-font'" id="#{clientId}:upload1" onclick="return $('#{clientId}').component.upload();"> - <a href="#" class="rich_file_upload_button_selection"> - <div class="rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_start #{component.attributes['uploadButtonClass']}" + <a href="#" class="rich-fileupload-button-selection"> + <div class="rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-start #{component.attributes['uploadButtonClass']}" id="#{clientId}:upload2"> #{uploadLabel} </div> @@ -104,13 +104,13 @@ <!-- --> - <div class="rich_file_upload_button_border" style=" float:right; display: none;"> - <div class="rich_file_upload_button rich_file_upload_font #{component.attributes['cleanButtonClass']}" onmouseover="this.className='rich_file_upload_button_light rich_file_upload_font'" onmousedown="this.className='rich_file_upload_button_press rich_file_upload_font'" onmouseup="this.className='rich_file_upload_button rich_file_upload_font'" - onmouseout="this.className='rich_file_upload_button rich_file_upload_font'" + <div class="rich-fileupload-button-border" style=" float:right; display: none;"> + <div class="rich-fileupload-button rich-fileupload-font #{component.attributes['cleanButtonClass']}" onmouseover="this.className='rich-fileupload-button-light rich-fileupload-font'" onmousedown="this.className='rich-fileupload-button-press rich-fileupload-font'" onmouseup="this.className='rich-fileupload-button rich-fileupload-font'" + onmouseout="this.className='rich-fileupload-button rich-fileupload-font'" onclick="return $('#{clientId}').component.clear();" id="#{clientId}:clean1"> - <a href="#" class="rich_file_upload_button_selection"> - <div class="rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_clear_dis #{component.attributes['cleanButtonClass']}" + <a href="#" class="rich-fileupload-button-selection"> + <div class="rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-clear-dis #{component.attributes['cleanButtonClass']}" id="#{clientId}:clean2">#{clearAllLabel}</div> </a> </div> @@ -119,7 +119,7 @@ </tr> </table> - <div class="rich_file_upload_list_overflow #{uploadListClass}" style="width: 100%; height: #{listHeight}" id="#{clientId}:fileItems"> + <div class="rich-fileupload-list-overflow #{uploadListClass}" style="width: 100%; height: #{listHeight}" id="#{clientId}:fileItems"> </div> @@ -127,36 +127,36 @@ <script type="text/javascript"> FileUpload.CLASSES = { ADD : { - ENABLED : 'rich_file_upload_button rich_file_upload_font #{component.attributes["addButtonClass"]}', - DISABLED : 'rich_file_upload_button_dis rich_file_upload_font #{component.attributes["addButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button rich-fileupload-font #{component.attributes["addButtonClass"]}', + DISABLED : 'rich-fileupload-button-dis rich-file-upload-font #{component.attributes["addButtonClassDisabled"]}' }, ADD_CONTENT : { - ENABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_add #{component.attributes["addButtonClass"]}', - DISABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_add_dis #{component.attributes["addButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-add #{component.attributes["addButtonClass"]}', + DISABLED : 'rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-add-dis #{component.attributes["addButtonClassDisabled"]}' }, UPDATE : { - ENABLED : 'rich_file_upload_button rich_file_upload_font #{component.attributes["uploadButtonClass"]}', - DISABLED : 'rich_file_upload_button_dis rich_file_upload_font #{component.attributes["uploadButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button rich-fileupload-font #{component.attributes["uploadButtonClass"]}', + DISABLED : 'rich-fileupload-button-dis rich-fileupload-font #{component.attributes["uploadButtonClassDisabled"]}' }, UPDATE_CONTENT : { - ENABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_start #{component.attributes["uploadButtonClass"]}', - DISABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_start_dis #{component.attributes["uploadButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-start #{component.attributes["uploadButtonClass"]}', + DISABLED : 'rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-start-dis #{component.attributes["uploadButtonClassDisabled"]}' }, CANCEL : { - ENABLED : 'rich_file_upload_button rich_file_upload_font #{component.attributes["cancelButtonClass"]}', - DISABLED : 'rich_file_upload_button_dis rich_file_upload_font #{component.attributes["cancelButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button rich-fileupload-font #{component.attributes["cancelButtonClass"]}', + DISABLED : 'rich-fileupload-button-dis rich-fileupload-font #{component.attributes["cancelButtonClassDisabled"]}' }, CANCEL_CONTENT : { - ENABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_stop #{component.attributes["cancelButtonClass"]}', - DISABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_stop_dis #{component.attributes["cancelButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button-content rich-file-upload-font rich-fileupload-ico rich-fileupload-ico-stop #{component.attributes["cancelButtonClass"]}', + DISABLED : 'rich-fileupload-button-content rich-file-upload-font rich-fileupload-ico rich-fileupload-ico-stop-dis #{component.attributes["cancelButtonClassDisabled"]}' }, CLEAN : { - ENABLED : 'rich_file_upload_button rich_file_upload_font #{component.attributes["cleanButtonClass"]}', - DISABLED : 'rich_file_upload_button_dis rich_file_upload_font #{component.attributes["cleanButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button rich-fileupload-font #{component.attributes["cleanButtonClass"]}', + DISABLED : 'rich-fileupload-button-dis rich-fileupload-font #{component.attributes["cleanButtonClassDisabled"]}' }, CLEAN_CONTENT : { - ENABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_clear #{component.attributes["cleanButtonClass"]}', - DISABLED : 'rich_file_upload_button_content rich_file_upload_font rich_file_upload_ico rich_file_upload_ico_clear_dis #{component.attributes["cleanButtonClassDisabled"]}' + ENABLED : 'rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-clear #{component.attributes["cleanButtonClass"]}', + DISABLED : 'rich-fileupload-button-content rich-fileupload-font rich-fileupload-ico rich-fileupload-ico-clear-dis #{component.attributes["cleanButtonClassDisabled"]}' }, FILE_ENTRY : { ENABLED : '#{component.attributes["fileEntryClass"]}',