Changeset 892

Show
Ignore:
Timestamp:
12/12/06 23:30:37 (2 years ago)
Author:
lknowland
Message:

Added functions to check to see if an asset detail div is already opened. If there is, and the user clicks to open a new one, the currently opened one is closed. In this manner there won't be multiple open asset detail divs z-indexed over each other.

Files:

Legend:

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

    r891 r892  
    3939} 
    4040 
     41var opened = false; 
     42var asset_id = ''; 
     43function hasOpened(id) {  
     44    opened = true; 
     45    asset_id = id;     
     46} 
     47 
     48function notOpened(id) {  
     49    opened = false;  
     50    asset_id = '';     
     51} 
     52 
     53function checkOpened() { 
     54    if (opened) { 
     55        hide('asset-' + asset_id + '-detail'); 
     56        notOpened(asset_id); 
     57        toggleScrollBar('right'); 
     58    } 
     59}  
     60 
    4161function displayAssetDetails(id) { 
    4262    /* display popup panel showing details of selected asset */ 
     63    checkOpened(); 
     64    hasOpened(id); 
    4365    var detail = getByID("asset-" + id + "-detail"); 
    4466    var detail_inner = getByID("asset-" + id + "-detail-inner-modal"); 
    4567    var asset = assets[id]; 
    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>"; 
     68    var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('<TMPL_VAR NAME=ID>'); toggleScrollBar('right');\"><MT_TRANS phrase="Close"></a>"; 
     69    var close_icon = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('<TMPL_VAR NAME=ID>'); toggleScrollBar('right');\"><img class=\"close_asset_icon\" align=\"bottom\" src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"9\" height=\"9\"></a>"; 
    4870    var preview; 
    4971    if (asset.thumbnail_url) { 
     
    81103        + "<div class=\"asset-detail-title\">" + iam + "</div>" 
    82104        + "<div class=\"asset_detail_left\">" + preview + "</div>" 
    83 //    detail_inner.innerHTML = "<div class=\"asset_detail_left\">" + preview + "</div>" 
    84105        + "<div class=\"asset_detail_right\">" 
    85 //        + "<div class=\"close_asset_detail\">" + close_link + " " + close_icon + "</div>" 
    86 //        + "<h2><span class=\"weblog-title-highlight\">" + iam + "</span></h2>" 
    87106        + "<div class=\"metadata\"><dl>" + metadata + "</dl></div>" 
    88107        + "</div>"; 
     
    273292<td class="cb"><input type="radio" name="id" value="<TMPL_VAR NAME=ID>" class="select" onclick="this.form.submit_button.disabled = false;" /></td> 
    274293<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> 
    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> 
     294<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> 
     295<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> 
    276296<!-- <td class="as-asset-type"><TMPL_VAR NAME=ASSET_CLASS ESCAPE=HTML></td> --> 
    277297<TMPL_UNLESS NAME=EDIT_BLOG_ID> 
  • branches/wheeljack/tmpl/cms/list_asset.tmpl

    r881 r892  
    1010</TMPL_LOOP> 
    1111 
     12var opened = false; 
     13var asset_id = ''; 
     14function hasOpened(id) { 
     15    opened = true; 
     16    asset_id = id; 
     17} 
     18 
     19function notOpened(id) { 
     20    opened = false; 
     21    asset_id = ''; 
     22} 
     23 
     24function checkOpened() { 
     25    if (opened) { 
     26        hide('asset-' + asset_id + '-detail'); 
     27        notOpened(asset_id); 
     28    } 
     29} 
     30 
    1231function displayAssetDetails(id) { 
    1332    /* display popup panel showing details of selected asset */ 
     33    checkOpened(); 
     34    hasOpened(id); 
    1435    var detail = getByID("asset-" + id + "-detail"); 
    1536    var detail_inner = getByID("asset-" + id + "-detail-inner"); 
    1637    var asset = assets[id]; 
    17     var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail');return false;\"><MT_TRANS phrase="Close"></a>"; 
    18     var close_icon = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail');return false;\"><img class=\"close_asset_icon\" align=\"bottom\" src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"9\" height=\"9\"></a>"; 
     38    var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('<TMPL_VAR NAME=ID>');\"><MT_TRANS phrase="Close"></a>"; 
     39    var close_icon = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('<TMPL_VAR NAME=ID>');\"><img class=\"close_asset_icon\" align=\"bottom\" src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"9\" height=\"9\"></a>"; 
    1940    var preview; 
    2041    if (asset.thumbnail_url) {