From 53c9c035c48952e73899ec794d4b5bbc9cbe1f57 Mon Sep 17 00:00:00 2001
From: Stefan Frech <stefan@frech.ch>
Date: Tue, 10 Jun 2008 19:45:39 +0000
Subject: [PATCH] Added header above bookmarks in order to sort by name or
 date.

---
 bookmarks.php         |   2 +-
 images/ascending.gif  | Bin 0 -> 82 bytes
 images/descending.gif | Bin 0 -> 82 bytes
 index.php             |  31 +++++++++++++++++++++++++++----
 lib/lib.php           |  18 ++++++++++++++++--
 shared.php            |   4 ++--
 style.css             |  12 ++++++++----
 7 files changed, 54 insertions(+), 13 deletions(-)
 create mode 100644 images/ascending.gif
 create mode 100644 images/descending.gif

diff --git a/bookmarks.php b/bookmarks.php
index b55b542..9229269 100644
--- a/bookmarks.php
+++ b/bookmarks.php
@@ -21,7 +21,7 @@ function list_bookmarks ($bookmarks, $show_checkbox, $show_folder, $show_icon, $
 		$tree = & new folder;
 	}
 
-	echo '<form name="bookmarks" action="">' . "\n";
+	echo '<form name="bookmarks" action="" class="nav">' . "\n";
 
 	foreach ($bookmarks as $value) {
 		echo '<div class="bookmark">' . "\n";
diff --git a/images/ascending.gif b/images/ascending.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c01166352bddd0afb8b47a8782dfa9049fda7a57
GIT binary patch
literal 82
zcmZ?wbhEHb<YwSzXkcW>&d&b-|G(ltQRkx6#FEq$h4Rdj426)4R0VfW-v9>1pDc`A
j42%pq3_t+V!oVcZ)4%dG8}FkolZ(~s^7brdVz34P1Lqi+

literal 0
HcmV?d00001

diff --git a/images/descending.gif b/images/descending.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c7d38d6fb931d86aa21e5639f1c70d1558274f2c
GIT binary patch
literal 82
zcmZ?wbhEHb<YwSzXkcK-&d&b-|G(l-7G?$pMh3-yV$MaWi6yBi3gww4844j8sS56%
jz5xsjIt)Mn(!;>S-_yTx^@IO>JsEmcGw<zTV6X-N+yxk~

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
index 4cb9bbe..a8de3ee 100644
--- a/index.php
+++ b/index.php
@@ -3,6 +3,7 @@ require_once ("./header.php");
 logged_in_only ();
 
 $search = set_get_string_var ('search');
+$order = set_get_order ();
 if ($search != '') {
 	$search_mode = true;
 }
@@ -10,6 +11,7 @@ else {
 	$search_mode = false;
 }
 
+
 ?>
 
 <h1 id="caption"><?php echo $username; ?>&#039;s Online Bookmarks</h1>
@@ -71,7 +73,7 @@ else {
 			<div style="height: <?php echo $table_height; ?>; overflow:auto;">
 
 				<div class="bookmark">
-					<a class="f" href="./index.php?expand=&folderid=0#0"><img src="./images/folder_open.gif" alt=""> My Bookmarks</a>
+					<a class="f" href="./index.php"><img src="./images/folder_open.gif" alt=""> My Bookmarks</a>
 				</div>
 
 					<?php
@@ -115,7 +117,8 @@ else {
 			<?php else: ?>
 
 	<!-- Folders starts here. -->
-	<div id="folders" style="width: <?php echo $column_width_folder; ?>; height: <?php echo $table_height; ?>;">
+
+	<div class="folders" style="width: <?php echo $column_width_folder; ?>; height: <?php echo $table_height; ?>;">
 
 	<?php
 	require_once (ABSOLUTE_PATH . "folders.php");
@@ -128,16 +131,36 @@ else {
 	</div>
 
 	<!-- Bookmarks starts here. -->
-	<div id="bookmarks" style="height: <?php echo $table_height; ?>;">
+	<div class="bookmarks" style="height: <?php echo $table_height; ?>;">
+
+	<div class="bookmarkcaption" style="background-color: #bbb;">
+	<div class="bmleft">
+		<input class="link" type="checkbox">
+		<img src="./images/bookmark_image.gif" alt="" class="invisible">
+	</div>
+	<div class="bmright">
+		<span class="date">
+			<a href="./index.php?expand=<?php echo implode(",", $expand); ?>&folderid=<?php echo $folderid; ?>&order=date" class="f">Date <img src="./images/ascending.gif" alt="">
+		</span>
+
+		<img src="./images/edit.gif"   alt="" class="invisible">
+		<img src="./images/move.gif"   alt="" class="invisible">
+		<img src="./images/delete.gif" alt="" class="invisible">
+	</div>
+	<div class="link">
+		<a href="./index.php?expand=<?php echo implode(",", $expand); ?>&folderid=<?php echo $folderid; ?>" class="f">Name <img src="./images/ascending.gif" alt=""></a>
+	</div>
+</div>
 
 	<?php
+
 	require_once (ABSOLUTE_PATH . "bookmarks.php");
 	$query = sprintf ("SELECT title, url, description, UNIX_TIMESTAMP(date) AS timestamp, id, favicon, public
 		FROM bookmark 
 		WHERE user='%s'
 		AND childof='%d'
 		AND deleted!='1'
-		ORDER BY title",
+		ORDER BY $order",
 		$mysql->escape ($username),
 		$mysql->escape ($folderid));
 
diff --git a/lib/lib.php b/lib/lib.php
index 62de9d8..b01f89d 100644
--- a/lib/lib.php
+++ b/lib/lib.php
@@ -172,6 +172,22 @@ function set_get_noconfirm () {
 	return $return;
 }
 
+function set_get_order () {
+	if (!isset ($_GET['order']) || $_GET['order'] == '') {
+		$return = "title";
+	}
+	else if ($_GET['order'] == 'date') {
+		$return = 'date';
+	}
+	else if ($_GET['order'] == 'title') {
+		$return = 'title';
+	}
+	else {
+		$return = 'title';
+	}
+	return $return;
+}
+
 /*
  * Verify some POST variables
  */
@@ -265,8 +281,6 @@ function set_post_browser () {
 	return input_validation ($return);
 }
 
-
-
 #########################################################
 
 ###
diff --git a/shared.php b/shared.php
index 619653c..c17fe9e 100644
--- a/shared.php
+++ b/shared.php
@@ -58,7 +58,7 @@ if (isset ($_GET['user']) && check_username ($user)) {
 
 
 	<!-- Folders starts here. -->
-	<div id="folders" style="width: <?php echo $column_width_folder; ?>; height: <?php echo $table_height; ?>;">
+	<div class="folders" style="width: <?php echo $column_width_folder; ?>; height: <?php echo $table_height; ?>;">
 
   <?php
   require_once (ABSOLUTE_PATH . "folders.php");
@@ -71,7 +71,7 @@ if (isset ($_GET['user']) && check_username ($user)) {
 	</div>
 
 	<!-- Bookmarks starts here. -->
-	<div id="bookmarks" style="height: <?php echo $table_height; ?>;">
+	<div class="bookmarks" style="height: <?php echo $table_height; ?>;">
 
 	    <?php
 	    require_once (ABSOLUTE_PATH . "bookmarks.php");
diff --git a/style.css b/style.css
index ae73ddc..c1c7f9c 100644
--- a/style.css
+++ b/style.css
@@ -82,7 +82,7 @@ ul.nav a:visited {
 	text-decoration: none;
 }
 ul.nav a:hover {
-	text-decoration: underline;
+	text-decoration: none;
 	color: #AE1A1A;
 	background-color: #ddd;
 }
@@ -94,7 +94,7 @@ form.nav {
 }
 
 /* Folders section */
-div#folders {
+div.folders {
 	float: left;
 	overflow: auto;
 }
@@ -122,7 +122,7 @@ span.active {
 }
 
 /* Bookmarks section */
-div#bookmarks {
+div.bookmarks {
 	overflow:auto;
 	padding: 0px;
 	display: block;
@@ -130,7 +130,10 @@ div#bookmarks {
 }
 div.bookmark {
 	border-bottom: 1px solid #bbb;
-	padding: 2px;
+	padding: 4px;
+}
+div.bookmarkcaption {
+	padding: 2px 2px 2px 4px;
 }
 div.bookmark:hover {
 	background-color: #eee;
@@ -174,6 +177,7 @@ input.link {
 div#main {
 	margin-left: 140px;
 	border: 1px solid #bbb;
+	margin-bottom: 10px;
 }
 div#content {
 	margin: 10px;