Changeset 912

Timestamp:

12/14/06 22:53:01 (2 years ago)

Author:

lknowland

Message:

Moved the all of the asset detail panel layout JavaScript into assetdetail.js. Changed list_asset.tmpl to use the json hidden input for creating asset[id].

Files:

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

branches/wheeljack/mt-static/js/assetdetail.js

@@ -1 @@
-
+
+
+
-
-function toggleScrollBar(which) {
@@ -31 +33 @@
-
-function toggleAssetDetails(id) {
-    var isModal = getByID("list-assets-dialog");
-    if (asset_id == id) {
-        hide('asset-' + asset_id + '-detail');
@@ -45 +46 @@
-    }
-}
+
+var assets = {};
+
+function displayAssetDetails(id) {
+    /* display popup panel showing details of selected asset */
+    checkOpened();
+    hasOpened(id);
+    var detail = getByID("asset-" + id + "-detail");
+    if (isModal) {
+        var detail_inner = getByID("asset-" + id + "-detail-inner-modal");
+    } else {
+        var detail_inner = getByID("asset-" + id + "-detail-inner");
+    }
+    var asset = assets[id];
+    if (!asset) {
+        var detail_json = getByID("asset-" + id + "-json");
+        if (!detail_json) return false;
+        asset = eval('(' + detail_json.value + ')');
+        if (!asset) return false;
+        assets[id] = asset;
+    }
+    var close = trans('Close');
+    var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('" + id + "'); toggleScrollBar('right');\">" + close + "</a>";
+    var close_icon = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('" + id + "'); toggleScrollBar('right');\"><img class=\"close_asset_icon\" align=\"bottom\" src=\"" + StaticURI + "images/spacer.gif\" width=\"9\" height=\"9\"></a>";
+    var preview;
+    if (asset.thumbnail_url) {
+        preview = "<img src=\"" + asset.thumbnail_url + "\" class=\"preview\" /><br />";
+    } else {
+        ext = asset.ext;
+        var icons = ("doc,eps,fla,gif,jpg,mp3,mpg,pdf,png,ppt,psd,txt,xls,zip");
+        var icon_array = icons.split(",");
+        for (var loop=0; loop < icon_array.length; loop++) {
+            if (ext == icon_array[loop]){
+                asset.ext = ext;
+                break;
+            } else {
+                asset.ext = "default";
+            }
+        }
+        var noPreview = trans('No Preview Available');
+        var clickToSee = trans('Click to see uploaded file.');
+        preview = "<div class=\"asset-icon-area\"><div class=\"asset-icon-layout\"><div class=\"asset-icon-" + asset.ext + "\"><img src=\"" + StaticURI + "images/spacer.gif\" width=\"90\" height=\"96\"></div></div></div><b>" + noPreview + "</b><br /><a href=\"" + asset.url + "\" target=\"view_uploaded\">" + clickToSee + "</a>";
+    }
+    var metadata = '';
+    var meta_names = [];
+    var meta_name;
+    for (meta_name in asset) {
+        if (meta_name.match(/^[a-z_]/)) continue;
+        if (!asset[meta_name]) continue;
+        meta_names[meta_names.length] = meta_name;
+    }
+    meta_names.sort();
+    var i;
+    for (i = 0; i < meta_names.length; i++) {
+        meta_name = meta_names[i];
+        metadata += '<dt>' + meta_name + ":</dt> <dd>" + asset[meta_name] + "</dd>";
+    }
+    iam = asset.name;
+    detail_inner.innerHTML = "<div class=\"close_asset_detail\">" + close_link + " " + close_icon + "</div>"
+        + "<div class=\"asset-detail-title\">" + iam + "</div>"
+        + "<div class=\"asset_detail_left\">" + preview + "</div>"
+        + "<div class=\"asset_detail_right\">"
+        + "<div class=\"metadata\"><dl>" + metadata + "</dl></div>"
+        + "</div>";
+    show("asset-" + id + "-detail");
+    return false;
+}
+
+function viewChange(ds, fn) {
+    checkOpened();
+    if (fn) fn(ds);
+}
+
+function dialogClose(data) {
+    if (!data) {
+        closeDialog();
+        return;
+    }
+    // user made a selection and clicked insert...
+    var f = document.forms['select_asset'];
+    var sel = dlg.panel.tableSelect.selected();
+    f['id'].value = sel[0].value;
+    f.submit();
+}

branches/wheeljack/tmpl/cms/dialog_list_assets.tmpl

@@ -1 +1 @@
-<TMPL_UNLESS NAME=JSON>
-<TMPL_INCLUDE NAME="header-dialog.tmpl">
+
+<div class="modal_width" id="list-assets-dialog">
-
-<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/tc/client.js"></script>
@@ -7 +9 @@
-<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/assetdetail.js"></script>
-
-<div class="modal_width" id="list-assets-dialog">
-
-<script type="text/javascript">
-<!--
-var assets = {};
-
-function displayAssetDetails(id) {
-    /* display popup panel showing details of selected asset */
-    checkOpened();
-    hasOpened(id);
-    var detail = getByID("asset-" + id + "-detail");
-    var detail_inner = getByID("asset-" + id + "-detail-inner-modal");
-    var asset = assets[id];
-    if (!asset) {
-        var detail_json = getByID("asset-" + id + "-json");
-        if (!detail_json) return false;
-        asset = eval('(' + detail_json.value + ')');
-        if (!asset) return false;
-        assets[id] = asset;
-    }
-    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>";
-    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>";
-    var preview;
-    if (asset.thumbnail_url) {
-        preview = "<img src=\"" + asset.thumbnail_url + "\" class=\"preview\" /><br />";
-    } else {
-        ext = asset.ext;
-        var icons = ("doc,eps,fla,gif,jpg,mp3,mpg,pdf,png,ppt,psd,txt,xls,zip");
-        var icon_array = icons.split(",");
-        for (var loop=0; loop < icon_array.length; loop++) {
-            if (ext == icon_array[loop]){
-                asset.ext = ext;
-                break;
-            } else {
-                asset.ext = "default";
-            }
-        }
-        preview = "<div class=\"asset-icon-area\"><div class=\"asset-icon-layout\"><div class=\"asset-icon-" + asset.ext + "\"><img src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"90\" height=\"96\"></div></div></div><b><MT_TRANS phrase="No Preview Available"></b><br /><a href=\"" + asset.url + "\" target=\"view_uploaded\"><MT_TRANS phrase="Click to see uploaded file."></a>";
-    }
-    var metadata = '';
-    var meta_names = [];
-    var meta_name;
-    for (meta_name in asset) {
-        if (meta_name.match(/^[a-z_]/)) continue;
-        if (!asset[meta_name]) continue;
-        meta_names[meta_names.length] = meta_name;
-    }
-    meta_names.sort();
-    var i;
-    for (i = 0; i < meta_names.length; i++) {
-        meta_name = meta_names[i];
-        metadata += '<dt>' + meta_name + ":</dt> <dd>" + asset[meta_name] + "</dd>";
-    }
-    iam = asset.name;
-    detail_inner.innerHTML = "<div class=\"close_asset_detail\">" + close_link + " " + close_icon + "</div>"
-        + "<div class=\"asset-detail-title\">" + iam + "</div>"
-        + "<div class=\"asset_detail_left\">" + preview + "</div>"
-        + "<div class=\"asset_detail_right\">"
-        + "<div class=\"metadata\"><dl>" + metadata + "</dl></div>"
-        + "</div>";
-    show("asset-" + id + "-detail");
-    return false;
-}
-
-function viewChange(ds, fn) {
-    checkOpened();
-    if (fn) fn(ds);
-}
-
-function dialogClose(data) {
-    if (!data) {
-        closeDialog();
-        return;
-    }
-    // user made a selection and clicked insert...
-    var f = document.forms['select_asset'];
-    var sel = dlg.panel.tableSelect.selected();
-    f['id'].value = sel[0].value;
-    f.submit();
-}
-
-var tableSelect;
-var dlg;

branches/wheeljack/tmpl/cms/list_asset.tmpl

@@ -1 +1 @@
-<TMPL_INCLUDE NAME="header.tmpl">
-
+<div id="list-asset">
+
-<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/assetdetail.js"></script>
-
-<div id="list-asset">
-
-<script type="text/javascript">
-<!--
-var assets = {};
-<TMPL_LOOP NAME=OBJECT_LOOP>
-assets[<TMPL_VAR NAME=ID>] = <TMPL_VAR NAME=METADATA_JSON>;
-</TMPL_LOOP>
-
-function displayAssetDetails(id) {
-    /* display popup panel showing details of selected asset */
-    checkOpened();
-    hasOpened(id);
-    var detail = getByID("asset-" + id + "-detail");
-    var detail_inner = getByID("asset-" + id + "-detail-inner");
-    var asset = assets[id];
-    var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('<TMPL_VAR NAME=ID>');\"><MT_TRANS phrase="Close"></a>";
-    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>";
-    var preview;
-    if (asset.thumbnail_url) {
-        preview = "<img src=\"" + asset.thumbnail_url + "\" class=\"preview\" /><br />";
-    } else {
-        ext = asset.ext;
-        var icons = ("doc,eps,fla,gif,jpg,mp3,mpg,pdf,png,ppt,psd,txt,xls,zip");
-        var icon_array = icons.split(",");
-        for (var loop=0; loop < icon_array.length; loop++) {
-            if (ext == icon_array[loop]){
-                asset.ext = ext;
-                break;
-            } else {
-                asset.ext = "default";
-            }
-        }
-        preview = "<div class=\"asset-icon-area\"><div class=\"asset-icon-layout\"><div class=\"asset-icon-" + asset.ext + "\"><img src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"90\" height=\"96\"></div></div></div><b><MT_TRANS phrase="No Preview Available"></b><br /><a href=\"" + asset.url + "\" target=\"view_uploaded\"><MT_TRANS phrase="Click to see uploaded file."></a>";
-    }
-    var metadata = '';
-    var meta_names = [];
-    var meta_name;
-    for (meta_name in asset) {
-        if (meta_name.match(/^[a-z_]/)) continue;
-        if (!asset[meta_name]) continue;
-        meta_names[meta_names.length] = meta_name;
-    }
-    meta_names.sort();
-    var i;
-    for (i = 0; i < meta_names.length; i++) {
-        meta_name = meta_names[i];
-        metadata += '<dt>' + meta_name + ":</dt> <dd>" + asset[meta_name] + "</dd>";
-    }
-    iam = asset.name;
-    detail_inner.innerHTML = "<div class=\"close_asset_detail\">" + close_link + " " + close_icon + "</div>"
-        + "<div class=\"asset-detail-title\">" + iam + "</div>"
-        + "<div class=\"asset_detail_left\">" + preview + "</div>"
-        + "<div class=\"asset_detail_right\">"
-        + "<div class=\"metadata\"><dl>" + metadata + "</dl></div>"
-        + "</div>";
-    show("asset-" + id + "-detail");
-    return false;
-}
-
-function enableFilterButton() {
-    getByID("filter-button").style.display = "inline";
@@ -249 +193 @@
-<TMPL_LOOP NAME=OBJECT_LOOP>
-<tr class="<TMPL_IF __ODD__>odd<TMPL_ELSE>even</TMPL_IF>">
-
+
+
-<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>
-<td><span title="<TMPL_VAR NAME=FILE_PATH ESCAPE=HTML>"><TMPL_UNLESS NAME=FILE_IS_MISSING><a href="javascript:void(0)" onclick="return toggleAssetDetails('<TMPL_VAR NAME=ID>');"></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"><div id="asset-<TMPL_VAR NAME=ID>-detail-inner" class="asset-detail-panel-inner"></div></div></td>