Changeset 889

Show
Ignore:
Timestamp:
12/12/06 20:33:49 (2 years ago)
Author:
lknowland
Message:

Added a toggleScrollBar function that allows for the asset listing table (and overflow) to readjust itself when user views the asset details.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • branches/wheeljack/mt-static/styles.css

    r885 r889  
    35243524.panel-label { text-align:left; width: 193px; } 
    35253525.panel-description { text-align:left; width: 394px; } 
     3526.panel-description-2 { text-align:left; width: 364px; } 
    35263527 
    35273528.dialog .panel .items-wrapper { 
    …… 
    35913592    width: 220px;  
    35923593    height: 250px; 
     3594    overflow: auto; 
    35933595    overflow-x: hidden; 
    35943596    overflow-y: auto; 

  • branches/wheeljack/tmpl/cms/dialog_list_assets.tmpl

    r885 r889  
    1818} 
    1919 
    20 function slideScrollBar(id) { 
     20function toggleScrollBar(which) { 
     21    var move = which; 
    2122    var scrollArea = getByID("list-data-wrapper"); 
    22     scrollArea.className = 'condense-list-data-wrapper'; 
    23 } 
    24  
    25 function returnScrollBar(id) { 
    26     var scrollArea = getByID("list-data-wrapper"); 
    27     scrollArea.className = 'list-data-wrapper'; 
     23    if (move == 'left') { 
     24        scrollArea.className = 'condense-list-data-wrapper'; 
     25    } else { 
     26        scrollArea.className = 'list-data-wrapper'; 
     27    } 
     28    var table = getByID('assetDisplay');  
     29    var col, i = 0, cols = table.getElementsByTagName('td');  
     30    while (col = cols.item(i++)) {  
     31        if (col.className == 'panel-description') {  
     32            if (move == 'left') { 
     33                col.style.display = 'none';  
     34            } else { 
     35                col.style.display = 'block';  
     36            } 
     37        }  
     38    }   
    2839} 
    2940 
    …… 
    3344    var detail_inner = getByID("asset-" + id + "-detail-inner-modal"); 
    3445    var asset = assets[id]; 
    35     var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); returnScrollBar();\"><MT_TRANS phrase="Close"></a>"; 
    36     var close_icon = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); returnScrollBar();\"><img class=\"close_asset_icon\" align=\"bottom\" src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"9\" height=\"9\"></a>"; 
     46    var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); toggleScrollBar('right');\"><MT_TRANS phrase="Close"></a>"; 
     47    var close_icon = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); toggleScrollBar('right');\"><img class=\"close_asset_icon\" align=\"bottom\" src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"9\" height=\"9\"></a>"; 
    3748    var preview; 
    3849    if (asset.thumbnail_url) { 
    …… 
    241252 
    242253<tr> 
    243 <th class=""></th> 
     254<th class="cb"><img src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" width="15" height="1"></th> 
    244255<th id="as-file-status"><img src="<TMPL_VAR NAME=STATIC_URI>images/status_icons/flag.gif" alt="<MT_TRANS phrase="Status">" title="<MT_TRANS phrase="Status">" width="9" height="9" /></th> 
    245256<th class="panel-label"><MT_TRANS phrase="Filename"></th> 
    …… 
    257268        <div class="list-data-wrapper list-data" id="list-data-wrapper"> 
    258269            <div class="list-data-layout-modal"> 
    259             <table cellspacing="0"> 
     270            <table cellspacing="0" id="assetDisplay"> 
    260271<TMPL_LOOP NAME=OBJECT_LOOP> 
    261272<tr class="<TMPL_IF __ODD__>odd<TMPL_ELSE>even</TMPL_IF>"> 
    262273<td class="cb"><input type="radio" name="id" value="<TMPL_VAR NAME=ID>" class="select" onclick="this.form.submit_button.disabled = false;" /></td> 
    263274<td class="status-<TMPL_IF NAME=FILE_IS_MISSING>missing<TMPL_ELSE>publish</TMPL_IF>"><img src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" <TMPL_IF NAME=FILE_IS_MISSING>alt="<MT_TRANS phrase="Pending">"<TMPL_ELSE>alt="<MT_TRANS phrase="Published">"</TMPL_IF> width="9" height="9" /</td> 
    264 <td class="panel-label"><span title="<TMPL_VAR NAME=FILE_PATH ESCAPE=HTML>"><TMPL_UNLESS NAME=FILE_IS_MISSING><a href="javascript:void(0)" onclick="displayAssetDetails('<TMPL_VAR NAME=ID>'); slideScrollBar();"></TMPL_UNLESS><TMPL_VAR NAME=FILE_NAME ESCAPE=HTML><TMPL_UNLESS NAME=FILE_IS_MISSING></a></TMPL_UNLESS></span><div id="asset-<TMPL_VAR NAME=ID>-detail" class="asset-detail-panel-modal"><div id="asset-<TMPL_VAR NAME=ID>-detail-inner-modal" class="asset-detail-panel-inner-modal"></div></div></td> 
     275<td class="panel-label"><span title="<TMPL_VAR NAME=FILE_PATH ESCAPE=HTML>"><TMPL_UNLESS NAME=FILE_IS_MISSING><a href="javascript:void(0)" onclick="displayAssetDetails('<TMPL_VAR NAME=ID>'); toggleScrollBar('left');"></TMPL_UNLESS><TMPL_VAR NAME=FILE_NAME ESCAPE=HTML><TMPL_UNLESS NAME=FILE_IS_MISSING></a></TMPL_UNLESS></span><div id="asset-<TMPL_VAR NAME=ID>-detail" class="asset-detail-panel-modal"><div id="asset-<TMPL_VAR NAME=ID>-detail-inner-modal" class="asset-detail-panel-inner-modal"></div></div></td> 
    265276<!-- <td class="as-asset-type"><TMPL_VAR NAME=ASSET_CLASS ESCAPE=HTML></td> --> 
    266277<TMPL_UNLESS NAME=EDIT_BLOG_ID>