Changeset 811

Show
Ignore:
Timestamp:
12/01/06 01:50:38 (2 years ago)
Author:
lknowland
Message:

Updated the upload process to be displayed in the modal dialog(s).

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • branches/wheeljack/tmpl/cms/list_asset.tmpl

    r798 r811  
    124124<li class="special"> 
    125125<img src="<TMPL_VAR NAME=STATIC_URI>images/status_icons/create.gif" alt="<MT_TRANS phrase="Upload New File">" width="9" height="9" /> 
    126 <a href="#" onclick="window.open('<TMPL_VAR NAME=MT_URL>?__mode=start_upload&amp;blog_id=<TMPL_VAR NAME=BLOG_ID>', 'upload', 'width=400,height=450,resizable=yes,scrollbars=yes')">Upload New File</a></li> 
     126 
     127<a href="javascript:void(0)" onclick="return openDialog(this.form, 'start_upload', '__type=asset&amp;blog_id=<TMPL_VAR NAME=BLOG_ID>&amp;return_args=<TMPL_VAR NAME=RETURN_ARGS ESCAPE=URL>')"><MT_TRANS phrase="Upload New File"></a></li> 
     128 
     129<!-- <a href="#" onclick="window.open('<TMPL_VAR NAME=MT_URL>?__mode=start_upload&amp;blog_id=<TMPL_VAR NAME=BLOG_ID>', 'upload', 'width=400,height=450,resizable=yes,scrollbars=yes')">Upload New File</a></li> --> 
     130 
    127131</TMPL_IF> 
    128132</ul> 
  • branches/wheeljack/tmpl/cms/upload.tmpl

    r2 r811  
    1 <TMPL_INCLUDE NAME="header-popup.tmpl"> 
     1<TMPL_INCLUDE NAME="header-dialog.tmpl"> 
    22 
    33<script type="text/javascript"> 
     
    1818<input type="hidden" name="middle_path" value="" /> 
    1919 
    20 <h2><span class="weblog-title-highlight"><TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML>:</span> <MT_TRANS phrase="Upload File"></h2> 
     20<h2><span class="weblog-title-highlight"><TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML>:</span> <MT_TRANS phrase="Upload New File"></h2> 
    2121 
    22 <p><MT_TRANS phrase="To upload a file to your server, click on the browse button to locate the file on your hard drive."></p> 
    23 <p><label for="file"><MT_TRANS phrase="File:"></label> <input type="file" name="file" /></p> 
    24  
    25 <div id="choose-destination"> 
    26  
    27 <div class="spinner"> 
    28 <p> 
    29 <a href="#" onclick="return toggleActive('choose-destination')"><img src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" alt="" width="7" height="7" /></a> 
    30 <a href="#" onclick="return toggleActive('choose-destination')"><MT_TRANS phrase="Set Upload Path"></a> 
    31 <span class="hint"><MT_TRANS phrase="(Optional)"></span> 
    32 </p> 
     22<div class="items-wrapper"> 
     23    <span class="modal_added"><MT_TRANS phrase="Choose a file from your computer to upload"></span> 
    3324</div> 
    3425 
    35 <div class="flyout"
     26<p class="page-desc"><img border="0" src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" width="17" height="5"></p
    3627 
    37 <p><MT_TRANS phrase="_USAGE_UPLOAD" params="<TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML>"></p> 
    38 <div class="field"> 
    39 <p> 
    40 <MT_TRANS phrase="Path:"> 
    41 <select name="site_path" onchange="setExtraPath(this)"> 
    42 <option value="1">&#60;<MT_TRANS phrase="Site Root">&#62;</option> 
    43 <TMPL_IF NAME=ENABLE_ARCHIVE_PATHS> 
    44 <option value="0">&#60;<MT_TRANS phrase="Archive Root">&#62;</option> 
    45 </TMPL_IF> 
    46 <TMPL_IF NAME=EXTRA_PATHS> 
    47 <TMPL_LOOP NAME=EXTRA_PATHS> 
    48 <option value="<TMPL_IF NAME=ENABLE_ARCHIVE_PATHS>0<TMPL_ELSE>1</TMPL_IF>" middle_path="<TMPL_VAR NAME=PATH ESCAPE=HTML>"><TMPL_VAR NAME=LABEL ESCAPE=HTML></option> 
    49 </TMPL_LOOP> 
    50 </TMPL_IF> 
    51 </select> 
    52 / <input name="extra_path" id="extra_path" /> 
    53 </p> 
     28<div class="selector list"> 
     29    <div class="upload-data-wrapper"> 
     30    <b><MT_TRANS phrase="File to Upload"></b> 
     31    <div class="upload_indent_choices"> 
     32    <p><MT_TRANS phrase="Click the button below and select a file on your computer to upload."></p> 
     33    <p><input type="file" name="file" /></p> 
     34    </div> 
     35 
     36    <p><b><MT_TRANS phrase="Set Upload Path"></b> (<span class="hint"><MT_TRANS phrase="Optional">)</span></p> 
     37 
     38    <div class="upload_indent_choices"> 
     39    <p><MT_TRANS phrase="_USAGE_UPLOAD" params="<TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML>"></p> 
     40    <p><MT_TRANS phrase="Path:"> 
     41    <select name="site_path" onchange="setExtraPath(this)"> 
     42    <option value="1">&#60;<MT_TRANS phrase="Site Root">&#62;</option> 
     43    <TMPL_IF NAME=ENABLE_ARCHIVE_PATHS> 
     44    <option value="0">&#60;<MT_TRANS phrase="Archive Root">&#62;</option> 
     45    </TMPL_IF> 
     46    <TMPL_IF NAME=EXTRA_PATHS> 
     47    <TMPL_LOOP NAME=EXTRA_PATHS> 
     48    <option value="<TMPL_IF NAME=ENABLE_ARCHIVE_PATHS>0<TMPL_ELSE>1</TMPL_IF>" middle_path="<TMPL_VAR NAME=PATH ESCAPE=HTML>"><TMPL_VAR NAME=LABEL ESCAPE=HTML></option> 
     49    </TMPL_LOOP> 
     50    </TMPL_IF> 
     51    </select> 
     52    / <input name="extra_path" id="extra_path" /> 
     53    </p> 
     54    </div> 
    5455</div> 
    5556 
    56 </div> 
     57<div class="upload_button_spacing">&nbsp;</div> 
    5758 
    58 </div> 
    59  
    60 <div style="text-align: right;"> 
    61 <input onclick="window.close()" type="button" value="<MT_TRANS phrase="Cancel">" /> 
    62 <input type="submit" value="<MT_TRANS phrase="Upload">" /> 
     59<div class="panel-commands"> 
     60    <input onclick="closeDialog()" type="button" value="<MT_TRANS phrase="Cancel">" /> 
     61    <input type="submit" value="<MT_TRANS phrase="Upload">" /> 
    6362</div> 
    6463 
     
    6665</form> 
    6766 
    68 <TMPL_INCLUDE NAME="footer-popup.tmpl"> 
     67<TMPL_INCLUDE NAME="footer-dialog.tmpl"> 
  • branches/wheeljack/tmpl/cms/upload_complete.tmpl

    r766 r811  
    1 <TMPL_INCLUDE NAME="header-popup.tmpl"> 
     1<TMPL_INCLUDE NAME="header-dialog.tmpl"> 
    22 
    33<script type="text/javascript"> 
     
    66function doClick (f, mode) { 
    77<TMPL_IF NAME=CAN_POST> 
    8     if (f.new_entry[0].checked) 
     8    if (f.new_entry.checked) { 
    99        doHandleMode(f, mode, 'start_upload_entry'); 
    10     else 
     10   } else if (!f.new_entry.checked) {  
     11        doHandleMode(f, mode, 'list_assets'); 
     12   } else { 
    1113</TMPL_IF> 
    12       doHandleMode(f, mode, 'show_upload_html'); 
     14        doHandleMode(f, mode, 'list_assets'); 
     15<TMPL_IF NAME=CAN_POST> 
     16    } 
     17</TMPL_IF> 
    1318} 
    1419 
     
    1823    url += mode; 
    1924<TMPL_IF NAME=DO_THUMB> 
    20     if (f.thumb.checked) 
     25    if (f.thumb.checked) { 
    2126        url += '&thumb=1' + calcGeometry(f); 
    22         url += '&thumb_width_type=' + f.thumb_width_type.options[f.thumb_width_type.selectedIndex].value
    23         url += '&thumb_height_type=' + f.thumb_height_type.options[f.thumb_height_type.selectedIndex].value
    24         if (f.constrain.checked) 
    25             url += '&constrain=1'; 
     27        url += '&thumb_width_type=pixels'
     28        url += '&thumb_height_type=pixels'
     29        url += '&constrain=1'; 
     30    } 
    2631</TMPL_IF> 
    27     if (f.wrap_text.checked) { 
     32<TMPL_IF NAME=IS_IMAGE> 
     33    if (f.include.checked) {  
     34        url += '&include=1'; 
     35    } else { 
     36        url += '&link=1'; 
     37    } 
     38    url += '&width=<TMPL_VAR NAME=WIDTH>'; 
     39    url += '&height=<TMPL_VAR NAME=HEIGHT>'; 
     40    url += '&image_type=<TMPL_VAR NAME=IMAGE_TYPE>'; 
     41    if (f.include.checked) { 
    2842        url += '&wrap_text=1&align='; 
    2943        for (i=0; i<f.align.length; i++) { 
     
    3347        } 
    3448    } 
    35     if (f.image_defaults.checked) 
     49     
     50    if (f.popup.checked) {  
     51        url += '&popup=1'; 
     52    } 
     53    if (f.image_defaults.checked) { 
    3654        url += '&image_defaults=1'; 
     55    } 
     56</TMPL_IF> 
    3757    if (type == 'start_upload_entry') { 
    38         window.opener.location = url; 
    39         window.close(); 
    40     } 
    41     else if (type == 'show_upload_html') { 
    42         window.location = url; 
     58          closeDialog(url); 
     59    } else if (type == 'list_assets') { 
     60          closeDialog(url); 
    4361    } 
    4462} 
     
    5472 
    5573function calcDim (val, type, full) { 
    56     if (type.options[type.selectedIndex].value == 'pixels') 
    57         return val.value; 
    58     else 
    59         return Math.floor(full * val.value / 100); 
     74    return val.value; 
    6075} 
    6176 
    6277function adjustPixelsPct (f, width) { 
    63     if (!f.constrain.checked) return; 
     78//    if (!f.constrain.checked) return; 
    6479    var e, s, full; 
    6580    if (width) { 
     
    7287        full = f.full_height.value; 
    7388    } 
    74     if (s.options[s.selectedIndex].value == 'pixels') 
    75         e.value = Math.floor(full * e.value / 100); 
    76     else 
    77         e.value = Math.floor(e.value / full * 100); 
     89    e.value = Math.floor(full * e.value / 100); 
    7890    return true; 
    7991} 
    8092 
    8193function adjustWidthHeight (f, width) { 
    82     if (!f.constrain.checked) return; 
     94//    if (!f.constrain.checked) return; 
    8395    var w = f.thumb_width; 
    8496    var wt = f.thumb_width_type; 
     
    89101    var pct; 
    90102    var s = width ? wt : ht; 
    91     if (s.options[s.selectedIndex].value == 'pixels') 
    92         pct = width ? (w.value / wf) : (h.value / hf); 
    93     else 
    94         pct = width ? w.value / 100 : h.value / 100; 
     103    pct = width ? (w.value / wf) : (h.value / hf); 
    95104    var e = width ? h : w; 
    96105    var s = width ? ht : wt; 
    97106    var full = width ? hf : wf; 
    98     if (s.options[s.selectedIndex].value == 'pixels') 
    99         e.value = Math.floor(pct * full); 
    100     else 
    101         e.value = Math.floor(pct * 100); 
     107    e.value = Math.floor(pct * full); 
    102108    return true; 
    103109} 
     
    111117<TMPL_IF NAME=DO_THUMB> 
    112118<input type="hidden" name="full_width" value="<TMPL_VAR NAME=WIDTH>" /> 
    113 <input type="hidden" name="full_height" value="<TMPL_VAR NAME=HEIGHt>" /> 
     119<input type="hidden" name="full_height" value="<TMPL_VAR NAME=HEIGHT>" /> 
    114120</TMPL_IF> 
    115121 
    116122<h2><span class="weblog-title-highlight"><TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML>:</span> <MT_TRANS phrase="Upload File"></h2> 
    117123 
    118 <p><MT_TRANS phrase="The file named '[_1]' has been uploaded. Size: [quant,_2,byte]." params="<TMPL_VAR NAME=FNAME ESCAPE=HTML>%%<TMPL_VAR NAME=BYTES>"></p> 
    119  
    120 <TMPL_IF NAME=CAN_POST> 
    121 <p> 
    122 <label><input type="radio" name="new_entry" value="1" checked="checked" /> <MT_TRANS phrase="Create a new entry using this uploaded file"></label> <a href="#" onclick="return openManual('file_upload', 'creating_a_new_entry')" class="help">?</a><br /> 
    123 <label><input type="radio" name="new_entry" value="0"> <MT_TRANS phrase="Show me the HTML"></label> 
    124 </p> 
    125 </TMPL_IF> 
    126  
    127 <TMPL_IF NAME=IS_IMAGE> 
    128 <p> 
    129 <input type="checkbox" name="wrap_text" value="1" <TMPL_IF NAME=WRAP_TEXT>checked="checked"</TMPL_IF>/> 
    130 <MT_TRANS phrase="Wrap text">: 
    131 <input type="radio" name="align" value="left" <TMPL_IF NAME=ALIGN_LEFT>checked="checked"</TMPL_IF>/> 
    132 <MT_TRANS phrase="Left"> 
    133 <input type="radio" name="align" value="center" <TMPL_IF NAME=ALIGN_CENTER>checked="checked"</TMPL_IF>/> 
    134 <MT_TRANS phrase="Center"> 
    135 <input type="radio" name="align" value="right" <TMPL_IF NAME=ALIGN_RIGHT>checked="checked"</TMPL_IF>/> 
    136 <MT_TRANS phrase="Right"> 
    137 </p> 
    138 </TMPL_IF> 
    139  
    140 <TMPL_IF NAME=DO_THUMB> 
    141 <h4><MT_TRANS phrase="Image Thumbnail"></h4> 
    142  
    143 <p> 
    144 <label> 
    145 <input type="checkbox" name="thumb" value="1" <TMPL_IF NAME=MAKE_THUMB>checked="checked"</TMPL_IF> /> 
    146 <MT_TRANS phrase="Create a thumbnail for this image"> 
    147 </label> 
    148 <a href="#" onclick="return openManual('file_upload', 'creating_thumbnails')" class="help">?</a> 
    149 </p> 
    150  
    151 <blockquote> 
    152  
    153 <p> 
    154 <label for="thumb_width"><MT_TRANS phrase="Width:"></label> 
    155 <input name="thumb_width" id="thumb_width" value="<TMPL_VAR NAME=THUMB_WIDTH>" onchange="adjustWidthHeight(this.form, 1)" size="4" /> 
    156 <select name="thumb_width_type" onchange="adjustPixelsPct(this.form, 1)"> 
    157 <option value="pixels" <TMPL_IF NAME=UNIT_WPIXELS>selected="selected"</TMPL_IF>><MT_TRANS phrase="Pixels"></option> 
    158 <option value="percent" <TMPL_IF NAME=UNIT_WPERCENT>selected="selected"</TMPL_IF>><MT_TRANS phrase="Percent"></option> 
    159 </select> 
    160 </p> 
    161  
    162 <p> 
    163 <label for="thumb_height"><MT_TRANS phrase="Height:"></label> 
    164 <input name="thumb_height" value="<TMPL_VAR NAME=THUMB_HEIGHT>" onchange="adjustWidthHeight(this.form, 0)" size="4" /> 
    165 <select name="thumb_height_type" onchange="adjustPixelsPct(this.form, 0)"> 
    166 <option value="pixels" <TMPL_IF NAME=UNIT_HPIXELS>selected="selected"</TMPL_IF>><MT_TRANS phrase="Pixels"></option> 
    167 <option value="percent" <TMPL_IF NAME=UNIT_HPERCENT>selected="selected"</TMPL_IF>><MT_TRANS phrase="Percent"></option> 
    168 </select> 
    169 </p> 
    170  
    171 <p> 
    172 <label> 
    173 <input type="checkbox" name="constrain" value="1" <TMPL_IF NAME=CONSTRAIN>checked="checked"</TMPL_IF>/> 
    174 <MT_TRANS phrase="Constrain proportions"> 
    175 </label> 
    176 </p> 
    177  
    178 </blockquote> 
    179 </TMPL_IF> 
    180  
    181 <div> 
    182 <p><MT_TRANS phrase="Would you like this file to be a:"></p> 
    183 <TMPL_IF NAME=IS_IMAGE> 
    184 <input type="button" onclick="doClick(this.form, '&popup=1&amp;width=<TMPL_VAR NAME=WIDTH>&amp;height=<TMPL_VAR NAME=HEIGHT>&amp;image_type=<TMPL_VAR NAME=IMAGE_TYPE>')" value="<MT_TRANS phrase="Popup Image">" /> 
    185 <input type="button" onclick="doClick(this.form, '&include=1&width=<TMPL_VAR NAME=WIDTH>&height=<TMPL_VAR NAME=HEIGHT>&image_type=<TMPL_VAR NAME=IMAGE_TYPE>')" value="<MT_TRANS phrase="Embedded Image">" /> 
    186 <TMPL_ELSE> 
    187 <input type="button" onclick="doClick(this.form, '&link=1')" value="<MT_TRANS phrase="Link">" /> 
    188 </TMPL_IF> 
     124<div class="items-wrapper"> 
     125    <span class="modal_added"><MT_TRANS phrase="The file named '[_1]' has been uploaded. Size: [quant,_2,byte]." params="<TMPL_VAR NAME=FNAME ESCAPE=HTML>%%<TMPL_VAR NAME=BYTES>"></span> 
    189126</div> 
    190127 
    191 <TMPL_IF NAME=CAN_SAVE_IMAGE_DEFAULTS> 
    192 <p> 
    193 <label> 
    194 <input type="checkbox" name="image_defaults" value="1" /> 
    195 <MT_TRANS phrase="Remember these settings"> 
    196 </label> 
    197 </p> 
    198 </TMPL_IF> 
     128<p class="page-desc"><img border="0" src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" width="17" height="5"></p> 
     129 
     130<div class="selector list"> 
     131    <div class="upload-data-wrapper"> 
     132    <TMPL_IF NAME=IS_IMAGE> 
     133    <b><MT_TRANS phrase="Image Options"></b> 
     134    <TMPL_ELSE> 
     135    <b><MT_TRANS phrase="File Options"></b> 
     136    </TMPL_IF> 
     137    <div class="upload_indent_choices"> 
     138        <TMPL_IF NAME=CAN_POST> 
     139        <p><label><input type="checkbox" name="new_entry" value="1" checked="checked" onclick="toggleSubPrefs(this); return true;" /> <MT_TRANS phrase="Create a new entry using this uploaded file."></label> <a href="#" onclick="return openManual('file_upload', 'creating_a_new_entry')" class="help">?</a><br /></p> 
     140        </TMPL_IF> 
     141    </div> 
     142 
     143 
     144    <TMPL_IF NAME=IS_IMAGE> 
     145        <div id="new_entry_prefs" style="display:block;"> 
     146        <b><MT_TRANS phrase="Display Options"></b> 
     147 
     148            <div class="upload_indent_choices"> 
     149            <p><label><input type="checkbox" name="include" value="1" checked="checked" onclick="toggleSubPrefs(this); return true;" /> <MT_TRANS phrase="Display Image in Entry"></label></p> 
     150 
     151                <div id="include_prefs" style="display:block;"> 
     152 
     153                <input type="hidden" name="wrap_text" value="1" /> 
     154                <p><MT_TRANS phrase="Alignment">: <span class="align_left_icon"><img align="absbottom" src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" alt="<MT_TRANS phrase="Align Image Left"> width="16" height="17" /></span> <input type="radio" name="align" value="left" <TMPL_IF NAME=ALIGN_LEFT>checked="checked" </TMPL_IF>/> <MT_TRANS phrase="Left"> <span class="align_center_icon"><img align="absbottom" src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" alt="<MT_TRANS phrase="Align Image Center"> width="16" height="17" /></span> <input type="radio" name="align" value="center" <TMPL_IF NAME=ALIGN_CENTER>checked="checked" </TMPL_IF>/> <MT_TRANS phrase="Center"> <span class="align_right_icon"><img align="absbottom" src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" alt="<MT_TRANS phrase="Align Image Right"> width="16" height="17" /></span> <input type="radio" name="align" value="right" <TMPL_IF NAME=ALIGN_RIGHT>checked="checked" </TMPL_IF>/> <MT_TRANS phrase="Right"></p> 
     155 
     156                <TMPL_IF NAME=DO_THUMB> 
     157                <p><input type="checkbox" name="thumb" value="1" <TMPL_IF NAME=MAKE_THUMB>checked="checked" </TMPL_IF>/> <MT_TRANS phrase="Create Thumbnail"> <a href="#" onclick="return openManual('file_upload', 'creating_thumbnails')" class="help">?</a> 
     158                <label for="thumb_width"><MT_TRANS phrase="Width">:</label> 
     159                <input name="thumb_width" id="thumb_width" value="<TMPL_VAR NAME=THUMB_WIDTH>" onchange="adjustWidthHeight(this.form, 1)" size="4" /> 
     160                <label for="thumb_height"><MT_TRANS phrase="Height">:</label> 
     161                <input name="thumb_height" value="<TMPL_VAR NAME=THUMB_HEIGHT>" onchange="adjustWidthHeight(this.form, 0)" size="4" /> 
     162                <MT_TRANS phrase="Pixels"> 
     163                </p> 
     164                </TMPL_IF> 
     165 
     166                <p><input type="checkbox" name="popup" value="1" /> <MT_TRANS phrase="Link image to full-size version in a popup window."></p> 
     167                <TMPL_IF NAME=CAN_SAVE_IMAGE_DEFAULTS> 
     168                <p><input type="checkbox" name="image_defaults" value="1" /> <MT_TRANS phrase="Remember these settings"></p> 
     169                </TMPL_IF> 
     170 
     171                </div> 
     172 
     173            </div> 
     174        </div> 
     175    </TMPL_IF> 
     176 
     177</div> 
     178 
     179<div class="upload_button_spacing">&nbsp</div> 
     180 
     181<div class="panel-commands"> 
     182 
     183    <input onclick="closeDialog()" type="button" value="<MT_TRANS phrase="Cancel">" /> 
     184 
     185    <TMPL_IF NAME=IS_IMAGE> 
     186    <input type="button" onclick="doClick(this.form, '&foo=bar');" value="<MT_TRANS phrase="Finish">" /> 
     187    <TMPL_ELSE> 
     188    <input type="button" onclick="doClick(this.form, '&link=1');" value="<MT_TRANS phrase="Finish">" /> 
     189    </TMPL_IF> 
     190 
     191</div> 
    199192 
    200193</form> 
    201194 
    202 <TMPL_INCLUDE NAME="footer-popup.tmpl"> 
     195<TMPL_INCLUDE NAME="footer-dialog.tmpl"> 
  • branches/wheeljack/tmpl/cms/upload_confirm.tmpl

    r539 r811  
    1 <TMPL_INCLUDE NAME="header-popup.tmpl"> 
     1<TMPL_INCLUDE NAME="header-dialog.tmpl"> 
    22 
    33<form method="get" action="<TMPL_VAR NAME=SCRIPT_URL>"> 
     
    1111<input type="hidden" name="magic_token" value="<TMPL_VAR NAME=MAGIC_TOKEN>" /> 
    1212 
    13 <h2><span class="weblog-title-highlight"><TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML>:</span> <MT_TRANS phrase="Upload File"></h2> 
     13<h2><span class="weblog-title-highlight"><TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML>:</span> <MT_TRANS phrase="Upload New File"></h2> 
    1414 
    15 <div class="message-warning"> 
    16 <p><MT_TRANS phrase="A file named '[_1]' already exists. Do you want to overwrite this file?" params="<TMPL_VAR NAME=FNAME ESCAPE=HTML>"></p
     15<div class="items-wrapper"> 
     16    <span class="modal_added">&nbsp;</span
    1717</div> 
    1818 
    19 <div> 
    20 <input type="submit" name="overwrite_no" value="<MT_TRANS phrase="No">" /> 
    21 <input type="submit" name="overwrite_yes" value="<MT_TRANS phrase="Yes">" /> 
     19<p class="page-desc"><img border="0" src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" width="17" height="5"></p> 
     20 
     21<div class="selector list"> 
     22    <div class="upload-data-wrapper"> 
     23        <div class="error-message"> 
     24        <p><MT_TRANS phrase="A file named '[_1]' already exists. Do you want to overwrite this file?" params="<TMPL_VAR NAME=FNAME ESCAPE=HTML>"></p> 
     25        </div> 
     26    </div> 
     27</div> 
     28 
     29 
     30<div class="upload_button_spacing">&nbsp;</div> 
     31 
     32<div class="panel-commands"> 
     33    <input type="submit" name="overwrite_no" value="<MT_TRANS phrase="No">" /> 
     34    <input type="submit" name="overwrite_yes" value="<MT_TRANS phrase="Yes">" /> 
    2235</div> 
    2336 
    2437</form> 
    2538 
    26 <TMPL_INCLUDE NAME="footer-popup.tmpl"> 
     39<TMPL_INCLUDE NAME="footer-dialog.tmpl">