Changeset 1385

Timestamp:

03/04/07 18:33:53 (2 years ago)

Author:

jm3

Message:

dhtml collapseable link management console

Files:

• feedmelinks/folder-as-xml.php (modified) (1 diff)
• feedmelinks/folder.php (modified) (4 diffs)
• feedmelinks/modules/tag-list-header.inc.php (modified) (1 diff)
• feedmelinks/script/bulk-management.js (modified) (1 diff)
• feedmelinks/script/taglist_toggle.js (modified) (2 diffs)
• feedmelinks/style/main.css (modified) (4 diffs)
• feedmelinks/style/taglist_toggle.css (modified) (2 diffs)

feedmelinks/folder-as-xml.php

@@ -45 +45 @@
-<%
-                        } else
-n
+N
-                        conClose( $con_xmlFolder );
-                } else

feedmelinks/folder.php

@@ -34 +34 @@
-        $id = $folder;
-        $unfiled = ($folder == "unfiled" ? true : false);
-fN
+tag_n
-        if( $folder != "unfiled" ) {
-                $public = isPublicFolder( $id ) ? "1" : "0";
@@ -172 +172 @@
-        }
-        if( $owned || $public )
-fN
+tag_n
-        else 
-                $title = "(a private " . getCatName() . ")";
@@ -224 +224 @@
-<script language="javascript" type="text/javascript" src="/script/bulk-management.js"></script>
-<form method="post" action="/action" name="folderForm">
-fName ) ?>&options=">click to rename '<?= $fN
+tag_name ) ?>&options=">click to rename '<?= $tag_n
-        <p />
-
@@ -283 +283 @@
-                if( !$condensed ) { ?>
-                <div style='float: right'>
-
+
+
-</div>
-<?php } ?>

feedmelinks/modules/tag-list-header.inc.php

@@ +1 @@
+        <script type="text/javascript" src="/script/mootools.v1.00.js"></script>
+        <script type="text/javascript" src="/script/taglist_toggle.js"></script>
+        <link rel="stylesheet" href="/style/taglist_toggle.css" type="text/css" media="screen" />
+
+        <div>
+
+                <div id="batch_ops_header">
+                        <div id="batch_ops_header_content" style="display:none">
+                        <div class="header">Manage my links:</div>
+                        <p>
+                                Here you can do things in bunches: delete links, publicize / privatize links,  add tags &mdash; stuff like that.<br/>
+                                To get started, just click the checkboxes of the links you want to change, or click "Select All".<br/>
+                                Need help? Try the <a href="/FAQ"><abbr title="Frequently Asked Questions">FAQ</abbr> (Frequently Asked Questions)</a>.
+                        </p>
+
-<?php
-if( $owned && !$condensed) { ?>
-<!-- start row -->
-<div id="taglist_header" class="r1">
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-<?php
-        }
-?>
+
+                </div>
+
+        </div>
+        <div id="batch_ops_button" class="batch_ops_button textbutton">Manage My Links</div>
+        <br clear="all"/>
+
+</div>
+

feedmelinks/script/bulk-management.js

@@ -47 +47 @@
-
-function selectAllLinks( argForm, snuff ) {
+        //if( ! batch_open )
+                //toggle_batch_ops_fn();
+
-        // FIXME: for admin bulk snuffing
-        // f.elements[i].name.match( /snuff_user_/ ))

feedmelinks/script/taglist_toggle.js

@@ -1 +1 @@
-/* built by code repurposed from Bas Wenneker of solutoire.com; his site rules, check it out */
+
+// global so we can call it from othere
+var batch_open = false;
-
-window.onload = function(){
-        var batch_ops_button = $('batch_ops_button');
+        var checkbox = $('select_all_links_button');
-        var content = $('batch_ops_header_content');
-        var toggle_batch_ops_trans = new Fx.Style('batch_ops_header_content', 'height',{duration: 500});
-
-        //add onclick event listener to toggle
-
+
+
-                if(content.getStyle('height').toInt() > 0) {
-                        toggle_batch_ops_trans.start(0); //hide
@@ -16 +21 @@
-                batch_ops_button.toggleClass('batch_ops_button_');
-                return false;
-
+
+
+
+
+
+
+
-        content.setStyle('display','block'); // needed for height transition to work
-        var content_height = content.getSize().scrollSize.y;

feedmelinks/style/main.css

@@ -9 +9 @@
-input[type=button], input[type=submit], input[type=reset] {
-        font-size: 10px;
- 
- 
- 
- 
+       
+       
+       
+       
-}
-input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
- background: #ccb
+       background: #333
-}
-input[type=button][disabled], input[type=submit][disabled],
-.cancel, input[type=reset][disabled] {
- 
- 
- 
+       
+       
+       
-}
-
@@ -104 +104 @@
-
-a.underhot:active, .underhot:active, a.underhot:hover, .underhot:hover {
-#
+
-  color: black;
-        text-decoration: none;
@@ -257 +257 @@
-}
-
+div.r0, div.r1 {
+        font-size: 13px;
+}
-div.r0 {
-        background-color: #F6F6F6;
@@ -426 +429 @@
-/* taglist r0 and r1 rows */
-div.tl {
+        padding: 6px;
+}
+
+.textbutton {
+        font-weight: bold;
-        padding: 4px;
-}

feedmelinks/style/taglist_toggle.css

@@ +1 @@
+#static_taglist_header{ }
-
-/* *{padding:0px; margin:0px;} */
-
-#static_taglist_header{
-        background:#d3e4a5;
-}
-#batch_ops_header_content {
-        height:0px;
@@ -11 +7 @@
-        overflow:hidden;
-}
+
-#batch_ops_header{
-        margin:0px auto;
-
-
+
-        overflow:hidden;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
-}
-
+#batch_ops_header_content > p {
+        padding-left: 2.0em;
+        margin-bottom: 2.0em;
+}
+
+#batch_separator {
+        border-bottom: 1px dotted black;
+        float: center;
+        height: 1px;
+        margin-bottom: 10px;
+        padding: 5px;
+}
+
+#batch_ops_button {
+        font-size: 12px;
+        color: #999999;
+        display:block;
+        width: 100%;
+        float: right;
+        text-align:right;
+        cursor:pointer;
+}
+