Changeset 1898

Timestamp:

04/14/08 23:41:00 (19 months ago)

Author:

bsmith

Message:

bugzid:74897 - Template listing Quickfilters now js-based

Location:

branches/release-35

Files:

• mt-static/css/structure.css (modified) (1 diff)
• tmpl/cms/list_template.tmpl (modified) (3 diffs)

branches/release-35/mt-static/css/structure.css

@@ -1179 +1179 @@
 #quickfilters .current-filter {
     background: url('../images/current-filter.gif') no-repeat 3px center;
+    font-weight: bold;
 }
 

branches/release-35/tmpl/cms/list_template.tmpl

@@ -4 +4 @@
         id="quickfilters"
         label="<__trans phrase="Quickfilters">">
-        <$mtapp:ListFilters$>
+        <ul>
+            <li id="all-tab"><a href="#all" onclick="showTable('all-listing');">Show All</a></li>
+            <li id="index-tab"><a href="#index" onclick="showTable('index-listing');">Index Templates</a></li>
+            <li id="system-tab"><a href="#system"  onclick="showTable('system-listing');">System Templates</a></li>
+            <li id="archive-tab"><a href="#archive" onclick="showTable('archive-listing');">Archive Templates</a></li>
+            <li id="module-tab"><a href="#module"  onclick="showTable('module-listing');">Template Modules</a></li>
+        </ul>
     </mtapp:widget>
     <mtapp:widget
@@ -21 +27 @@
 <script type="text/javascript">
 /* <![CDATA[ */
+var tableList = ["index", "archive", "module", "system"];
 var tableSelect = [];
+function showTable(name) {
+    for (var i=0, len=tableList.length; i<len; i++) {
+        var el = tableList[i] + "-listing"
+        var elTab = tableList[i] + "-tab"
+        if (name == "all-listing") {
+            DOM.removeClassName ( el, "hidden");
+            DOM.removeClassName ( elTab, "current-filter");
+            DOM.addClassName( "all-tab", "current-filter" );
+        }
+        else if (name == el) {
+            DOM.removeClassName ( el, "hidden");
+            DOM.addClassName( elTab, "current-filter" );
+            DOM.removeClassName( "all-tab", "current-filter" );
+        }
+        else {
+            DOM.addClassName( el, "hidden" );
+            DOM.removeClassName( elTab, "current-filter" );
+            DOM.removeClassName( "all-tab", "current-filter" );
+        }
+    }
+}
 function init() {
 <mt:loop name="template_type_loop">
@@ -27 +55 @@
     tableSelect[tableSelect.length-1].rowSelect = true;
 </mt:loop>
+    var name = (window.location.hash && window.location.hash.match( /^#/ ) ) ? window.location.hash.substr(1) : "all";
+    showTable(name + "-listing");
 }
 TC.attachLoadEvent(init);