Author: admitriev Date: 2008-01-16 10:02:36 -0500 (Wed, 16 Jan 2008) New Revision: 5424 Added: management/design/fileUpload/markup/images/bg_RegressBar.png management/design/fileUpload/markup/images/bg_header.png management/design/fileUpload/markup/images/bg_uploaded.png management/design/fileUpload/markup/images/ico_add.gif management/design/fileUpload/markup/images/ico_clear.gif management/design/fileUpload/markup/images/ico_delete.gif management/design/fileUpload/markup/images/ico_file.gif management/design/fileUpload/markup/images/ico_start.gif management/design/fileUpload/markup/images/ico_stop.gif Modified: management/design/fileUpload/markup/file_upload.html management/design/fileUpload/markup/images/bg_press.png Log: Modified: management/design/fileUpload/markup/file_upload.html =================================================================== --- management/design/fileUpload/markup/file_upload.html 2008-01-16 14:43:21 UTC (rev 5423) +++ management/design/fileUpload/markup/file_upload.html 2008-01-16 15:02:36 UTC (rev 5424) @@ -6,86 +6,125 @@ <style> body{margin : 20px} -.upload_font{font-family : verdana /*generalFamilyFont*/ ; font-size : 10px/*generalSizeFont*/;} +.upload_font{font-family : verdana /*generalFamilyFont*/ ; font-size : 11px/*generalSizeFont*/;} #upload_table{width : 100%} -#upload_table td{border-bottom:1px solid #c0c0c0 /*tableBorderColor*/;white-space : nowrap; padding : 4 0 4 0;} +#upload_table td{border-bottom:1px solid #c0c0c0 /*tableBorderColor*/;white-space : nowrap;} -#upload_footer{width : 100%} -#upload_footer td{white-space : nowrap; padding : 5 0 5 0;} - -.upload_list_width{ width:350px;} +.upload_list_width{ width:400px;} .upload_list_decor{ border:1px solid #c0c0c0 /*tableBorderColor*/; background : #FFFFFF /*tableBackgroundColor*/;} -.upload_list_overflow{height : 200px; overflow : auto; overflow-x : hidden;} -.upload_icon{ width : 50; padding-top : 10; padding-bottom : 10; text-align : center;} -.upload_name{ width : 200; overflow : hidden; padding-top : 1; padding-bottom : 1;} +.upload_list_overflow{height : 210px; overflow : auto; overflow-x : hidden;} +.upload_name{ width : 100%; height : 50px; padding : 2px 10px 2px 10px;} .upload_del{ width : 90; text-align : center; padding-top : 3; padding-bottom : 3;} .upload_scroll{ width : 10; text-align : center;} .upload_anc{ color : ##0078D0/*generalLinkColor*/;} -.upload_footer_decor{ background : #EAF0F8 /*additionalBackgroundColor*/; border-top: 1px solid #c0c0c0 /*tableBorderColor*/;} -.upload_footer_firstcol{ width : 100%} -.upload_footer_del{ width : 90; text-align : center;} +.upload_toolbar_decor{ background : #EAF0F8 /*additionalBackgroundColor*/;border-bottom:1px solid #c0c0c0 /*tableBorderColor*/;border-top:1px solid #FFFFFF /*tableBackgroundColor*/;border-left:1px solid #FFFFFF /*tableBackgroundColor*/;padding : 2px} -.upload_btn_over{ - display : inline; - background : url(images/bg_button.png) repeat-x #C7D7EC; /*from generalBackgroundColor to tabBackgroundColor*/ - padding: 0px; - text-align : center; - border : 1px solid #c0c0c0; /*panelBorderColor*/ - cursor : pointer; -} -.upload_btn_press{ - display : inline; - background : url(images/bg_press.png) repeat-x bottom #C7D7EC; /*from tabBackgroundColor to generalBackgroundColor*/ - padding: 0px; - text-align : center; - border : 1px solid #c0c0c0; /*panelBorderColor*/ - cursor : pointer; -} .upload_bar_exterior{ border : 1px solid #c0c0c0 /*panelBorderColor*/;} .upload_bar_uploaded{width : 70%; height : 100%; background : #FF9409 /**/; background-image : url(images/bg_ProgressBar.png);background-repeat : repeat-x; font-size : 0px;} -.upload_bar_shell{width : 198; height : 8; background : #F1F1F1/*tableSubfooterBackgroundColor*/;} +.upload_bar_deleted{width : 40%; height : 100%; background : #FF9409 /**/; background-image : url(images/bg_RegressBar.png);background-repeat : repeat-x; font-size : 0px;} +.upload_bar_shell{width : 100%; height : 8; background : #F1F1F1/*tableSubfooterBackgroundColor*/;} + +.upload_button_border{ + border : 1px solid #C0C0C0; /*tableBorderColor*/ + margin : 2px; +} +.upload_button{ + background : url(images/bg_header.png) /*from additionalBackgroundColor to trimColor*/ top left #C6D6EA /*trimColor*/ repeat-x; + cursor : pointer; + padding : 2px; +} +.upload_button_light{ + background : url(images/bg_header.png) /*from additionalBackgroundColor to headerGradientColor*/ top left #C6D6EA /*trimColor*/ repeat-x; + border : 1px solid #E79A00; /*selectControlColor*/ + cursor : pointer; + padding : 1px; + font-family : Arial; + font-size :11px; +} +.upload_button_dis{ + background : #C0C0C0; /*tableBorderColor*/ + border : 1px solid #C0C0C0; /*tableBorderColor*/ + margin-bottom : 3px; + padding : 1px} +.upload_button_press{ + background : url(images/bg_press.png) /*from additionalBackgroundColor to trimColor*/ top left repeat-x #EAF0F8; /* additionalBackgroundColor*/ + border : 1px solid #E79A00; /*selectControlColor*/ + padding : 2px 0px 0px 2px; +} +a.upload_button_selection{ + text-decoration : none; + color : #000000; /*generalTextColor*/ + display : block; +} +.upload_button_content{ + padding : 2px 6px 2px 3px; + text-align : left; + white-space : nowrap; +} +.upload_ico{ + vertical-align: middle; + margin-right : 3px; +} + +.upload_name_padding{padding : 2px 0px 2px 0px;} + +.upload_ico{background-position : 0px 50%; background-repeat : no-repeat; padding-left : 19px} +.upload_ico_add{background-image : url(images/ico_add.gif)} +.upload_ico_start{background-image : url(images/ico_start.gif)} +.upload_ico_stop{background-image : url(images/ico_stop.gif)} +.upload_ico_delete{background-image : url(images/ico_delete.gif)} +.upload_ico_clear{background-image : url(images/ico_clear.gif)} + </style> </head> <body> <div class="upload_list_width upload_list_decor"> + <table class="upload_list_width" border="0" cellpadding="0" cellspacing="0"> + <tr> + <td class="upload_toolbar_decor"> + <div class="upload_button_border" style=" float:left"><div class="upload_button upload_font" onmouseover="this.className='upload_button_light upload_font'" onmousedown="this.className='upload_button_press upload_font'" onmouseup="this.className='upload_button upload_font'" onmouseout="this.className='upload_button upload_font'"><a href="#" class="upload_button_selection"><div class="upload_button_content upload_font upload_ico upload_ico_add">Add...</div></a></div></div> + <div class="upload_button_border" style=" float:left"><div class="upload_button upload_font" onmouseover="this.className='upload_button_light upload_font'" onmousedown="this.className='upload_button_press upload_font'" onmouseup="this.className='upload_button upload_font'" onmouseout="this.className='upload_button upload_font'"><a href="#" class="upload_button_selection"><div class="upload_button_content upload_font upload_ico upload_ico_start"><b>Upload</b></div></a></div></div> + <div class="upload_button_border" style=" float:right"><div class="upload_button upload_font" onmouseover="this.className='upload_button_light upload_font'" onmousedown="this.className='upload_button_press upload_font'" onmouseup="this.className='upload_button upload_font'" onmouseout="this.className='upload_button upload_font'"><a href="#" class="upload_button_selection"><div class="upload_button_content upload_font upload_ico upload_ico_clear">Clear All</div></a></div></div> + <div class="upload_button_border" style=" float:right"><div class="upload_button upload_font" onmouseover="this.className='upload_button_light upload_font'" onmousedown="this.className='upload_button_press upload_font'" onmouseup="this.className='upload_button upload_font'" onmouseout="this.className='upload_button upload_font'"><a href="#" class="upload_button_selection"><div class="upload_button_content upload_font upload_ico upload_ico_delete">Delete All</div></a></div></div> + </td> + </tr> + </table> <div class="upload_list_width upload_list_overflow"> + <table border="0" cellpadding="0" cellspacing="0" id="upload_table"> <tr> - <td> - <div class="upload_font upload_icon"><img src="images/ico_file_32.gif" width="32" height="32" alt="" border="0"></div> - </td> - <td> - <div class="upload_font upload_name"> + <td class="upload_font upload_name"> + <div class="upload_name_padding"> file_upload.html </div> - <div class="upload_font upload_name"> + + <!--div class="upload_bar_exterior"> + <div class="upload_bar_shell"> + <div class="upload_bar_uploaded"> + + </div> + </div> + </div--> + + <div class="upload_name_padding"> <b>Done</b> - <!--div class="upload_bar_exterior"> - <div class="upload_bar_shell"> - <div class="upload_bar_uploaded"> - - </div> - </div> - </div--> - <!--br--> </div> + - <!--div class="upload_font upload_name"> - 70% from 200000 KB - </div--> </td> <td> <div class="upload_font upload_del"><a href="#" class="upload_anc">Clear</a></div> + <div class="upload_font upload_del"><a href="#" class="upload_anc">Delete</a></div> </td> <td> - <div class="upload_font upload_scroll"></div> + <div class="upload_font upload_scroll">&nbsp;</div> </td> </tr> </table> @@ -94,35 +133,66 @@ <table border="0" cellpadding="0" cellspacing="0" id="upload_table"> <tr> + <td class="upload_font upload_name"> + <div class="upload_name_padding"> + file_upload.html + </div> + + + <div class="upload_bar_exterior"> + <div class="upload_bar_shell"> + <div class="upload_bar_uploaded"> + + </div> + </div> + </div> + + <div class="upload_name_padding"> + 120kb from 2000kb 04:56 + </div> + + + </td> <td> - <div class="upload_font upload_icon"><img src="images/ico_file_32.gif" width="32" height="32" alt="" border="0"></div> + <!--div class="upload_font upload_del"><a href="#" class="upload_anc">Delete</a></div--> + <div class="upload_font upload_del"><br></div> </td> <td> - <div class="upload_font upload_name"> + <div class="upload_font upload_scroll">&nbsp;</div> + </td> + </tr> + </table> + + + + <table border="0" cellpadding="0" cellspacing="0" id="upload_table"> + <tr> + <td class="upload_font upload_name"> + <div class="upload_name_padding"> file_upload.html </div> - <div class="upload_font upload_name"> - <!--Done--> - <div class="upload_bar_exterior"> - <div class="upload_bar_shell"> - <div class="upload_bar_uploaded"> - - </div> + + <!--div class="upload_bar_exterior"> + <div class="upload_bar_shell"> + <div class="upload_bar_uploaded"> + </div> </div> - <!--br--> + </div--> + + <div class="upload_name_padding"> + <br> </div> + - <div class="upload_font upload_name"> - <b>70%</b> from 200000 KB - </div> </td> <td> - <div class="upload_font upload_del"><a href="#" class="upload_anc">Stop</a></div> + <div class="upload_font upload_del"><a href="#" class="upload_anc">Clear</a></div> + <div class="upload_font upload_del"><br></div> </td> <td> - <div class="upload_font upload_scroll"></div> + <div class="upload_font upload_scroll">&nbsp;</div> </td> </tr> </table> @@ -131,102 +201,141 @@ <table border="0" cellpadding="0" cellspacing="0" id="upload_table"> <tr> + <td class="upload_font upload_name"> + <div class="upload_name_padding"> + file_upload.html + </div> + + + <!--div class="upload_bar_exterior"> + <div class="upload_bar_shell"> + <div class="upload_bar_uploaded"> + + </div> + </div> + </div--> + + <div class="upload_name_padding"> + <b>Done</b> + </div> + + + </td> <td> - <div class="upload_font upload_icon"><img src="images/ico_file_32.gif" width="32" height="32" alt="" border="0"></div> + <div class="upload_font upload_del"><a href="#" class="upload_anc">Clear</a></div> + <div class="upload_font upload_del"><a href="#" class="upload_anc">Yes</a>&nbsp;|&nbsp;<a href="#" class="upload_anc">No</a></div> </td> <td> - <div class="upload_font upload_name"> + <div class="upload_font upload_scroll">&nbsp;</div> + </td> + </tr> + </table> + + + <table border="0" cellpadding="0" cellspacing="0" id="upload_table"> + <tr> + <td class="upload_font upload_name"> + <div class="upload_name_padding"> file_upload.html </div> - <div class="upload_font upload_name"> - <!--Done> - <div class="upload_bar_exterior"> - <div class="upload_bar_shell"> - <div class="upload_bar_uploaded"> - - </div> + + <div class="upload_bar_exterior"> + <div class="upload_bar_shell"> + <div class="upload_bar_deleted"> + </div> - </div--> - <br> + </div> </div> + + <div class="upload_name_padding"> + Deleteing in progress + </div> + - <!--div class="upload_font upload_name"> - 70% from 200000 KB - </div--> </td> <td> - <div class="upload_font upload_del"><a href="#" class="upload_anc">Delete</a></div> - <div class="upload_font upload_del"><a href="#" class="upload_anc">Upload</a></div> + <div class="upload_font upload_del"><br></div> + <div class="upload_font upload_del"><br></div> </td> <td> - <div class="upload_font upload_scroll"></div> + <div class="upload_font upload_scroll">&nbsp;</div> </td> </tr> </table> - <table border="0" cellpadding="0" cellspacing="0" id="upload_table"> <tr> - <td> - <div class="upload_font upload_icon"><img src="images/ico_file_32.gif" width="32" height="32" alt="" border="0"></div> - </td> - <td> - <div class="upload_font upload_name"> + <td class="upload_font upload_name"> + <div class="upload_name_padding"> file_upload.html </div> - <div class="upload_font upload_name"> - <!--Done> - <div class="upload_bar_exterior"> - <div class="upload_bar_shell"> - <div class="upload_bar_uploaded"> - - </div> + + <!--div class="upload_bar_exterior"> + <div class="upload_bar_shell"> + <div class="upload_bar_uploaded"> + </div> - </div--> - <br> + </div> + </div--> + + <div class="upload_name_padding"> + <b>Deleted</b> </div> + - <!--div class="upload_font upload_name"> - 70% from 200000 KB - </div--> </td> <td> - <div class="upload_font upload_del"><a href="#" class="upload_anc">Delete</a></div> - <div class="upload_font upload_del"><a href="#" class="upload_anc">Upload</a></div> + <div class="upload_font upload_del"><a href="#" class="upload_anc">Clear</a></div> + <div class="upload_font upload_del"><br></div> </td> <td> - <div class="upload_font upload_scroll"></div> + <div class="upload_font upload_scroll">&nbsp;</div> </td> </tr> </table> - </div> - - - <div class="upload_list_width upload_footer_decor"> - <table border="0" cellpadding="0" cellspacing="0" id="upload_footer"> + <table border="0" cellpadding="0" cellspacing="0" id="upload_table"> <tr> - <td class="upload_footer_firstcol"> - <input style="margin-left : 5" value="Add..." type="Button" class="upload_btn_over upload_font" onmouseover="this.className='upload_btn_over upload_font'" onmouseout="this.className='upload_btn_over upload_font'" onmousedown="this.className='upload_btn_press upload_font'"> - <input style="padding-left : 10; padding-right : 10; font-weight : bold" value="Upload" type="Button" class="upload_btn_over upload_font" onmouseover="this.className='upload_btn_over upload_font'" onmouseout="this.className='upload_btn_over upload_font'" onmousedown="this.className='upload_btn_press upload_font'"> + <td class="upload_font upload_name"> + <div class="upload_name_padding"> + file_upload.html + </div> + + + <!--div class="upload_bar_exterior"> + <div class="upload_bar_shell"> + <div class="upload_bar_uploaded"> + + </div> + </div> + </div--> + + <div class="upload_name_padding"> + <br> + </div> + + </td> <td> - <div class="upload_font upload_footer_del"> - <input value="Clear" type="Button" class="upload_btn_over upload_font" onmouseover="this.className='upload_btn_over upload_font'" onmouseout="this.className='upload_btn_over upload_font'" onmousedown="this.className='upload_btn_press upload_font'"> - </div> + <div class="upload_font upload_del"><a href="#" class="upload_anc">Clear</a></div> + <div class="upload_font upload_del"><br></div> </td> <td> - <div class="upload_font upload_scroll"> - </div> + <div class="upload_font upload_scroll">&nbsp;</div> </td> </tr> </table> + + + </div> + + </div> Added: management/design/fileUpload/markup/images/bg_RegressBar.png =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/bg_RegressBar.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/fileUpload/markup/images/bg_header.png =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/bg_header.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: management/design/fileUpload/markup/images/bg_press.png =================================================================== (Binary files differ) Added: management/design/fileUpload/markup/images/bg_uploaded.png =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/bg_uploaded.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/fileUpload/markup/images/ico_add.gif =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/ico_add.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/fileUpload/markup/images/ico_clear.gif =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/ico_clear.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/fileUpload/markup/images/ico_delete.gif =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/ico_delete.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/fileUpload/markup/images/ico_file.gif =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/ico_file.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/fileUpload/markup/images/ico_start.gif =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/ico_start.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/fileUpload/markup/images/ico_stop.gif =================================================================== (Binary files differ) Property changes on: management/design/fileUpload/markup/images/ico_stop.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream