From 8fddd12ed4bcb685a6d209912d2979bb5c99a2f6 Mon Sep 17 00:00:00 2001
From: John Bintz <jcoswell@coswellproductions.org>
Date: Sun, 23 Aug 2009 17:18:36 -0400
Subject: [PATCH] bookmark widget finished

---
 addons/BookmarkWidget/BookmarkWidget.inc |  88 ++------------
 js/bookmark.js                           | 139 +++++++++++------------
 js/cookiejar.js                          |   2 +-
 3 files changed, 72 insertions(+), 157 deletions(-)

diff --git a/addons/BookmarkWidget/BookmarkWidget.inc b/addons/BookmarkWidget/BookmarkWidget.inc
index aa5eb74..f277495 100644
--- a/addons/BookmarkWidget/BookmarkWidget.inc
+++ b/addons/BookmarkWidget/BookmarkWidget.inc
@@ -13,88 +13,15 @@ class ComicPressAddonBookmarkWidget extends ComicPressAddon {
     
     wp_enqueue_script('prototype');
     wp_enqueue_script('cookiejar', get_template_directory_uri() . '/js/cookiejar.js', array('prototype'));
+    wp_enqueue_script('bookmark', get_template_directory_uri() . '/js/bookmark.js', array('prototype', 'cookiejar'));
   }
 
-  function wp_head() {
-    $last_comic = $this->comicpress->get_last_comic(); ?>
-      <script type="text/javascript">
-        var image_root = '<?php bloginfo('template_directory'); ?>/images/';
-      
-        var button_images = {
-          'clear-tag': {
-            'off': '3a.gif', 'on': '3.gif'
-          },
-          'goto-tag': {
-            'off': '2a.gif', 'on': '2.gif'
-          }
-        };
-      
-        var permalink = '<?php echo get_permalink($last_comic->ID) ?>';
-        
-        var BookmarkInfo = Class.create({
-          'default': {
-            'permalink': false
-          },
-          'initialize': function() {
-            this.jar = new CookieJar({
-              'expires': 60 * 60 * 24 * 31,
-              'path': '<?php bloginfo('template_directory') ?>'
-            });
-          },
-          'read': function() {
-            var bookmark_info = this.jar.get('bookmark-info');            
-
-            
-            
-            return bookmark_info;
-          },
-          'write': function(bookmark_info) {
-            this.jar.put('bookmark-info', bookmark_info); 
-            if (this.onWrite) { this.onWrite(bookmark_info); }
-          }
-        });
-        
-        Event.observe(window, 'load', function() {          
-          var bookmark_info = new BookmarkInfo();
-          var info = bookmark_info.read();
-          
-          var hrefs = {};
-          $$('#comic-bookmark-holder a').each(function(a) {
-            var name = $w(a.className).shift();
-            hrefs[name] = a;
-          });
-          
-          var set_goto_tag = function(i) {
-            top.console.log(i);
-            hrefs['goto-tag'].href = (i.permalink ? i.permalink : "#");
-            [ 'goto-tag','clear-tag' ].each(function(which) {
-              hrefs[which].select('img')[0].src = image_root + button_images[which][i.permalink ? "on" : "off"];
-              top.console.log(i.permalink ? "on" : "off");
-            });              
-          };
-          
-          bookmark_info.onWrite = function(i) { set_goto_tag(i); }
-          set_goto_tag(info);
-        
-          Event.observe(hrefs['tag-page'], 'click', function(e) {
-            Event.stop(e);
-            info.permalink = permalink;
-            bookmark_info.write(info);
-          });
-          
-          Event.observe(hrefs['clear-tag'], 'click', function(e) {
-            Event.stop(e);
-            info.permalink = false;
-            bookmark_info.write(info);
-          });
-          
-          Event.observe(hrefs['goto-tag'], 'click', function(e) {
-            if (hrefs['goto-tag'].href == "#") { Event.stop(e); }
-          });
-        });
-      </script>
-    <?php
-  }
+  function wp_head() { ?>
+    <script type="text/javascript">
+      var image_root = '<?php bloginfo('template_directory'); ?>/images/';
+      var permalink = '<?php the_permalink() ?>';        
+    </script>
+  <?php }
 
   function render_widget() {
     ?>
@@ -102,7 +29,6 @@ class ComicPressAddonBookmarkWidget extends ComicPressAddon {
       <a href="#" class="tag-page"><img src="<?php bloginfo('template_directory'); ?>/images/1.gif" /></a>
       <a href="#" class="goto-tag"><img /></a>
       <a href="#" class="clear-tag"><img /></a>
-      <a href="#" class="info-tag"><img src="<?php bloginfo('template_directory'); ?>/images/4.gif" </a>
     </div>
     <?php
   }
diff --git a/js/bookmark.js b/js/bookmark.js
index a6b5f42..e890e3e 100644
--- a/js/bookmark.js
+++ b/js/bookmark.js
@@ -1,81 +1,70 @@
-var cl = 31;
-
-/* Below are our functions for this little script */
-
-function bmhome() {
-  if(document.getElementById) {
-    document.getElementById('gtc').src = imgGotoOn;
-    document.getElementById('rmc').src = imgClearOn;
+var button_images = {
+  'clear-tag': {
+    'off': '3a.gif', 'on': '3.gif'
+  },
+  'goto-tag': {
+    'off': '2a.gif', 'on': '2.gif'
   }
-  createCookie("bm", comicPermalink, cl);        
-}
+};
 
-function bm() {
-  if(document.getElementById) {
-    document.getElementById('gtc').src = imgGotoOn;
-    document.getElementById('rmc').src = imgClearOn;
-  }
-  createCookie("bm", window.location, cl);
-}
+var BookmarkInfo = Class.create({
+  'default': {
+    'permalink': false
+  },
+  'initialize': function() {
+    this.jar = new CookieJar({
+      'expires': 60 * 60 * 24 * 31,
+      'path': '/'
+    });
+  },
+  'read': function() {
+    var bookmark_info = this.jar.get('bookmark-info');            
 
-function bmc() {
-  if(document.getElementById) {
-    document.getElementById('gtc').src = imgGotoOff;
-    document.getElementById('rmc').src = imgClearOff;
+    if ((typeof(bookmark_info) != 'object') || (bookmark_info == null)) {
+      bookmark_info = this.default; 
+    }
+    
+    return bookmark_info;
+  },
+  'write': function(bookmark_info) {
+    this.jar.put('bookmark-info', bookmark_info); 
+    if (this.onWrite) { this.onWrite(bookmark_info); }
   }
-  createCookie("bm","",-1);
-}
+});
+
+Event.observe(window, 'load', function() {          
+  var bookmark_info = new BookmarkInfo();
+  var info = bookmark_info.read();
   
-function gto() {
-  var g = readCookie('bm');
-  if(g) {
-    window.location = g;
-  } 
-}
+  var hrefs = {};
+  $$('#comic-bookmark-holder a').each(function(a) {
+    var name = $w(a.className).shift();
+    hrefs[name] = a;
+  });
+  
+  var set_goto_tag = function(i) {
+    hrefs['goto-tag'].href = (i.permalink ? i.permalink : "#");
+    [ 'goto-tag','clear-tag' ].each(function(which) {
+      hrefs[which].select('img')[0].src = image_root + button_images[which][i.permalink ? "on" : "off"];
+    });              
+  };
+  
+  bookmark_info.onWrite = function(i) { set_goto_tag(i); }
+  set_goto_tag(info);
 
-/* The follow functions have been borrowed from Peter-Paul Koch. Please find them here: http://www.quirksmode.org */
-
-function createCookie(name,value,days) {
-  if (days) {
-    var date = new Date();
-    date.setTime(date.getTime()+(days*24*60*60*1000));
-    var expires = "; expires="+date.toGMTString();
-  } else var expires = "";
-  document.cookie = name+"="+value+expires+"; path="+comicDir;
-}
-function readCookie(name) {
-  var nameEQ = name + "=";
-  var ca = document.cookie.split(';');
-  for(var i=0;i < ca.length;i++) {
-    var c = ca[i];
-    while (c.charAt(0)==' ') c = c.substring(1,c.length);
-    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
-  }
-  return null;
-}
-
-function writeBookmarkWidget() {
-  createCookie('t', 1);
-  var c = readCookie('t');
-  if (c && document.getElementById) {
-    var l = readCookie('bm');
-    var gt = imgGotoOff;
-    var ct = imgClearOff;
-    if (l) {
-      gt = imgGotoOn;
-      ct = imgClearOn;
-    }
-    document.write('<div id="bmh" style="width: 173px; margin: 15px 0 0 0; padding: 5px; position: absolute; color: #eee; font-size: 11px; background-color:#222; border: 1px solid #ccc; visibility: hidden;"><b>COMIC BOOKMARK</b><br />Click "Tag Page" to bookmark a comic page. When you return to the site, click "Goto Tag" to continue where you left off.</div>');
-    if (isHome) {
-      document.write('<a href="#" onClick="bmhome();return false;"><img src="'+imgTag+'" alt="Tag This Page" border="0"></a>');
-      document.write('<a href="#" onClick="gto();return false;"><img src="'+gt+'" alt="Goto Tag" border="0" id="gtc"></a>');
-      document.write('<a href="#" onClick="bmc();return false;"><img src="'+ct+'" alt="Clear Tag" border="0" id="rmc"></a>');
-      document.write('<a href="#" onMouseOver="document.getElementById(\'bmh\').style.visibility=\'visible\';" onMouseOut="document.getElementById(\'bmh\').style.visibility=\'hidden\';" onClick="return false;"><img src="'+imgInfo+'" alt="" border="0"></a>');
-    } else if (isSingle) {
-      document.write('<a href="#" onClick="bm();return false;"><img src="'+imgTag+'" alt="Tag This Page" border="0"></a>');
-      document.write('<a href="#" onClick="gto();return false;"><img src="'+gt+'" alt="Goto Tag" border="0" id="gtc"></a>');
-      document.write('<a href="#" onClick="bmc();return false;"><img src="'+ct+'" alt="Clear Tag" border="0" id="rmc"></a>');
-      document.write('<a href="#" onMouseOver="document.getElementById(\'bmh\').style.visibility=\'visible\';" onMouseOut="document.getElementById(\'bmh\').style.visibility=\'hidden\';" onClick="return false;"><img src="'+imgInfo+'" alt="" border="0"></a>');
-    }
-  }
-}
\ No newline at end of file
+  Event.observe(hrefs['tag-page'], 'click', function(e) {
+    Event.stop(e);
+    info.permalink = permalink;
+    bookmark_info.write(info);
+  });
+  
+  Event.observe(hrefs['clear-tag'], 'click', function(e) {
+    Event.stop(e);
+    info.permalink = false;
+    bookmark_info.write(info);
+  });
+  
+  Event.observe(hrefs['goto-tag'], 'click', function(e) {
+    if (hrefs['goto-tag'].href == "#") { Event.stop(e); }
+  });
+});
diff --git a/js/cookiejar.js b/js/cookiejar.js
index 9ddbfdd..a7c4a8d 100644
--- a/js/cookiejar.js
+++ b/js/cookiejar.js
@@ -107,7 +107,7 @@ CookieJar.prototype = {
 	get: function(name) {
 		name = this.appendString + name;
 		var cookies = document.cookie.match(name + '=(.*?)(;|$)');
-		if (cookies) {
+		if (cookies) {
 			return (unescape(cookies[1])).evalJSON();
 		} else {
 			return null;