Changeset 911

Timestamp:

12/14/06 19:54:02 (2 years ago)

Author:

lknowland

Message:

Moved the JavaScript basics for showing and hiding the asset detail panel out of dialog_list_assets and list_asset and into their own .js file (assetdetail.js). Introduced functionality to allow for the hiding of the asset detail panel if the user clicks on the name of the file a second time.

Files:

• branches/wheeljack/mt-static/js/assetdetail.js (added)
• branches/wheeljack/tmpl/cms/dialog_list_assets.tmpl (modified) (3 diffs)
• branches/wheeljack/tmpl/cms/list_asset.tmpl (modified) (4 diffs)

branches/wheeljack/tmpl/cms/dialog_list_assets.tmpl

@@ -5 +5 @@
-<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/tc/json.js"></script>
-<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/dialog.js"></script>
+<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/assetdetail.js"></script>
-
-<div class="modal_width" id="list-assets-dialog">
@@ -11 +12 @@
-<!--
-var assets = {};
-
-function toggleScrollBar(which) {
-    var el = getByID("selector");
-    if (which == 'left') {
-        TC.addClassName(el, "condensed");
-    } else {
-        TC.removeClassName(el, "condensed");
-    }
-}
-
-var opened = false;
-var asset_id = '';
-function hasOpened(id) { 
-    opened = true;
-    asset_id = id;    
-}
-
-function notOpened(id) { 
-    opened = false; 
-    asset_id = '';    
-}
-
-function checkOpened() {
-    if (opened) {
-        hide('asset-' + asset_id + '-detail');
-        notOpened(asset_id);
-        toggleScrollBar('right');
-    }
-} 
-
-function displayAssetDetails(id) {
@@ -188 +160 @@
-<input type="radio" name="id" value="<TMPL_VAR NAME=ID>" class="select" /></td>
-<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>
-displayAssetDetails('<TMPL_VAR NAME=ID>'); toggleScrollBar('left
+toggleAssetDetails('<TMPL_VAR NAME=ID>
-<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>
-<TMPL_UNLESS NAME=EDIT_BLOG_ID>

branches/wheeljack/tmpl/cms/list_asset.tmpl

@@ -1 +1 @@
-<TMPL_INCLUDE NAME="header.tmpl">
+
+<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/assetdetail.js"></script>
-
-<div id="list-asset">
@@ -9 +11 @@
-assets[<TMPL_VAR NAME=ID>] = <TMPL_VAR NAME=METADATA_JSON>;
-</TMPL_LOOP>
-
-var opened = false;
-var asset_id = '';
-function hasOpened(id) {
-    opened = true;
-    asset_id = id;
-}
-
-function notOpened(id) {
-    opened = false;
-    asset_id = '';
-}
-
-function checkOpened() {
-    if (opened) {
-        hide('asset-' + asset_id + '-detail');
-        notOpened(asset_id);
-    }
-}
-
-function displayAssetDetails(id) {
@@ -73 +56 @@
-        + "<div class=\"asset-detail-title\">" + iam + "</div>"
-        + "<div class=\"asset_detail_left\">" + preview + "</div>"
-//    detail_inner.innerHTML = "<div class=\"asset_detail_left\">" + preview + "</div>"
-        + "<div class=\"asset_detail_right\">"
-//        + "<div class=\"close_asset_detail\">" + close_link + " " + close_icon + "</div>"
-//        + "<h2><span class=\"weblog-title-highlight\">" + iam + "</span></h2>"
-        + "<div class=\"metadata\"><dl>" + metadata + "</dl></div>"
-        + "</div>";
@@ -271 +251 @@
-<td class="cb"><input type="checkbox" name="id" value="<TMPL_VAR NAME=ID>" class="select" /></td>
-<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>
-display
+toggle
-<td class="as-asset-type"><TMPL_VAR NAME=ASSET_CLASS ESCAPE=HTML></td>
-<TMPL_UNLESS NAME=EDIT_BLOG_ID>