From af91ddf63737fb368c77860d9762cc062690c713 Mon Sep 17 00:00:00 2001
From: marktaiwan <mark.taiwan@gmail.com>
Date: Tue, 24 Feb 2015 16:04:00 +0800
Subject: Split post menu into own function

---
 js/post-menu.js | 209 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 209 insertions(+)
 create mode 100644 js/post-menu.js

(limited to 'js/post-menu.js')

diff --git a/js/post-menu.js b/js/post-menu.js
new file mode 100644
index 00000000..edf66ebb
--- /dev/null
+++ b/js/post-menu.js
@@ -0,0 +1,209 @@
+/*
+ * post-menu.js - adds dropdown menu to posts
+ *
+ * Creates a global Menu object with four public methods:
+ *
+ *   Menu.onclick(fnc)
+ *     registers a function to be executed after button click, before the menu is displayed
+ *   Menu.add_item(id, text[, title])
+ *     adds an item to the top level of menu
+ *   Menu.add_submenu(id, text)
+ *     creates and returns a List object through which to manipulate the content of the submenu
+ *   Menu.get_submenu(id)
+ *     returns the submenu with the specified id from the top level menu
+ *
+ *   The List object contains all the methods from Menu except onclick()
+ *
+ *   Example usage:
+ *     Menu.add_item('filter-menu-hide', 'Hide post');
+ *     Menu.add_item('filter-menu-unhide', 'Unhide post');
+ *
+ *     submenu = Menu.add_submenu('filter-menu-add', 'Add filter');
+ *         submenu.add_item('filter-add-post-plus', 'Post +', 'Hide post and all replies');
+ *         submenu.add_item('filter-add-id', 'ID');
+ *  
+ * Usage:
+ *   $config['additional_javascript'][] = 'js/jquery.min.js';
+ *   $config['additional_javascript'][] = 'js/post-menu.js';
+ */
+(function () {
+
+var List = function (menuId, text) {
+	this.id = menuId;
+	this.text = text;
+	this.items = [];
+
+	this.add_item = function (itemId, text, title) {
+		this.items.push(new Item(itemId, text, title));
+	};
+	this.list_items = function () {
+		var array = [];
+		var i, length, obj, $ele;
+
+		if ($.isEmptyObject(this.items))
+			return;
+
+		length = this.items.length;
+		for (i = 0; i < length; i++) {
+			obj = this.items[i];
+
+			$ele = $('<li>', {id: obj.id}).text(obj.text);
+			if ('title' in obj) $ele.attr('title', obj.title);
+
+			if (obj instanceof Item) {
+				$ele.addClass('post-item');
+			} else {
+				$ele.addClass('post-submenu');
+
+				$ele.prepend(obj.list_items());
+				$ele.append($('<span>', {class: 'post-menu-arrow'}).text('»'));
+			}
+
+			array.push($ele);
+		}
+
+		return $('<ul>').append(array);
+	};
+	this.add_submenu = function (menuId, text) {
+		var ele = new List(menuId, text);
+		this.items.push(ele);
+		return ele;
+	};
+	this.get_submenu = function (menuId) {
+		for (var i = 0; i < this.items.length; i++) {
+			if ((this.items[i] instanceof Item) || this.items[i].id != menuId) continue;
+			return this.items[i];
+		}
+	};
+};
+
+var Item = function (itemId, text, title) {
+	this.id = itemId;
+	this.text = text;
+
+	// optional
+	if (typeof title != 'undefined') this.title = title;
+};
+
+function buildMenu(e) {
+	var pos = $(e.target).offset();
+	var i, length;
+
+	var $menu = $('<div class="post-menu"></div>').append(mainMenu.list_items());
+
+	//  execute registered click handlers
+	length = onclick_callbacks.length;
+	for (i = 0; i < length; i++) {
+		onclick_callbacks[i](e, $menu);
+	}
+
+	//  set menu position and append to page
+	 $menu.css({top: pos.top, left: pos.left + 20});
+	 $('body').append($menu);
+}
+
+function addButton(post) {
+	var $ele = $(post);
+	$ele.find('input.delete').after(
+		$('<a>', {href: '#', class: 'post-btn', title: 'Post menu'}).text('▶')
+	);
+}
+
+
+/* * * * * * * * * *
+    Public methods
+ * * * * * * * * * */
+var Menu = {};
+var mainMenu = new List();
+var onclick_callbacks = [];
+
+Menu.onclick = function (fnc) {
+	onclick_callbacks.push(fnc);
+};
+
+Menu.add_item = function (itemId, text, title) {
+	mainMenu.add_item(itemId, text, title);
+};
+
+Menu.add_submenu = function (menuId, text) {
+	return mainMenu.add_submenu(menuId, text);
+};
+
+Menu.get_submenu = function (id) {
+	return mainMenu.get_submenu(id);
+};
+
+
+/* * * * * * * *
+    Initialize
+ * * * * * * * */
+
+/*  Styling
+ */
+var $ele, cssStyle, cssString;
+
+$ele = $('<div>').addClass('post reply').hide().appendTo('body');
+cssStyle = $ele.css(['border-top-color']);
+cssStyle.hoverBg = $('body').css('background-color');
+$ele.remove();
+
+cssString =
+	'\n/*** Generated by post-menu ***/\n' +
+	'.post-menu {position: absolute; font-size: 12px; line-height: 1.3em;}\n' +
+	'.post-menu ul {\n' +
+	'    background-color: '+ cssStyle['border-top-color'] +'; border: 1px solid #666;\n' +
+	'    list-style: none; padding: 0; margin: 0; white-space: nowrap;\n}\n' +
+	'.post-menu .post-submenu{white-space: normal; width: 90px;}' +
+	'.post-menu .post-submenu>ul{white-space: nowrap; width: auto;}' +
+	'.post-menu li {cursor: pointer; position: relative; padding: 4px 4px; vertical-align: middle;}\n' +
+	'.post-menu li:hover {background-color: '+ cssStyle.hoverBg +';}\n' +
+	'.post-menu ul ul {display: none; position: absolute;}\n' +
+	'.post-menu li:hover>ul {display: block; left: 100%; margin-top: -3px;}\n' +
+	'.post-menu-arrow {float: right; margin-left: 10px;}\n' +
+	'.post-menu.hidden, .post-menu .hidden {display: none;}\n' +
+	'.post-btn {transition: transform 0.1s; width: 15px; text-align: center; font-size: 10pt; opacity: 0.8; text-decoration: none; margin: -6px 0px 0px -5px !important; display: inline-block;}\n' +
+	'.post-btn:hover {opacity: 1;}\n' +
+	'.post-btn-open {transform: rotate(90deg);}\n';
+
+if (!$('style.generated-css').length) $('<style class="generated-css">').appendTo('head');
+$('style.generated-css').html($('style.generated-css').html() + cssString);
+
+/*  Add buttons
+ */
+$('.reply:not(.hidden), .thread>.op').each(function () {
+	addButton(this);
+ });
+
+ /*  event handlers
+  */
+$('form[name=postcontrols]').on('click', '.post-btn', function (e) {
+	e.preventDefault();
+	var post = e.target.parentElement.parentElement;
+	$('.post-menu').remove();
+
+	if ($(e.target).hasClass('post-btn-open')) {
+		$('.post-btn-open').removeClass('post-btn-open');
+	} else {
+		//  close previous button
+		$('.post-btn-open').removeClass('post-btn-open');
+		$(post).find('.post-btn').addClass('post-btn-open');
+
+		buildMenu(e);
+	}
+});
+
+$(document).on('click', function (e){
+	if ($(e.target).hasClass('post-btn') || $(e.target).hasClass('post-submenu'))
+		return;
+
+	$('.post-menu').remove();
+	$('.post-btn-open').removeClass('post-btn-open');
+});
+
+// on new posts
+$(document).on('new_post', function (e, post) {
+	addButton(post);
+});
+
+window.Menu = Menu;
+})();
-- 
cgit v1.3


From b46985512639503ba1f18288eab65e3cdde1aa96 Mon Sep 17 00:00:00 2001
From: 8chan <admin@8chan.co>
Date: Sat, 28 Feb 2015 05:09:37 -0800
Subject: use onready in post-menu.js

---
 js/post-menu.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'js/post-menu.js')

diff --git a/js/post-menu.js b/js/post-menu.js
index edf66ebb..7d83709a 100644
--- a/js/post-menu.js
+++ b/js/post-menu.js
@@ -26,7 +26,7 @@
  *   $config['additional_javascript'][] = 'js/jquery.min.js';
  *   $config['additional_javascript'][] = 'js/post-menu.js';
  */
-(function () {
+onready(function () {
 
 var List = function (menuId, text) {
 	this.id = menuId;
@@ -206,4 +206,4 @@ $(document).on('new_post', function (e, post) {
 });
 
 window.Menu = Menu;
-})();
+});
-- 
cgit v1.3


From e64b01b6903c5b1f1498627db919a50c4e0ff88c Mon Sep 17 00:00:00 2001
From: 8n-tech <8n-tech@users.noreply.github.com>
Date: Tue, 21 Apr 2015 01:39:44 +1000
Subject: Javascript ammendments, dio_ on Windows.

Signed-off-by: 8n-tech <8n-tech@users.noreply.github.com>
---
 js/fix-report-delete-submit.js | 12 ++++--
 js/infinite-scroll.js          | 89 +++++++++++++++++++++---------------------
 js/post-filter.js              |  9 ++++-
 js/post-menu.js                |  6 ++-
 stylesheets/style.css          | 13 +++---
 5 files changed, 72 insertions(+), 57 deletions(-)

(limited to 'js/post-menu.js')

diff --git a/js/fix-report-delete-submit.js b/js/fix-report-delete-submit.js
index 47a04f16..01785974 100644
--- a/js/fix-report-delete-submit.js
+++ b/js/fix-report-delete-submit.js
@@ -9,9 +9,10 @@
  */
 
 if (active_page == 'thread' || active_page == 'index') {
-$(document).ready(function(){
-
+$(document).on('menu_ready', function(){
+	
 if ($('#delete-fields #password').length) {
+	var Menu = window.Menu;
 	Menu.add_item("delete_post_menu", _("Delete post"));
 	Menu.add_item("delete_file_menu", _("Delete file"));
 	Menu.onclick(function(e, $buf) {
@@ -57,4 +58,9 @@ $(document).on('new_post', function(){
 });
 $('input.delete').hide();
 $('#post-moderation-fields').hide();
-})}
+});
+
+if (typeof window.Menu !== "undefined") {
+	$(document).trigger('menu_ready');
+}
+}
diff --git a/js/infinite-scroll.js b/js/infinite-scroll.js
index e212f9d6..b3c5c7ae 100644
--- a/js/infinite-scroll.js
+++ b/js/infinite-scroll.js
@@ -21,7 +21,7 @@ var activate = function() {
   if (document.location.hash != '#all') return false;
 
   $(window).on("scroll", function() {
-    scrolltest();
+	scrolltest();
   });
   scrolltest();
 
@@ -30,53 +30,54 @@ var activate = function() {
 
 var scrolltest = function() {
   if ($(window).scrollTop() + $(window).height() + 1000 > $(document).height() && !loading) {
-    load_next_page();
+	load_next_page();
   }
 };
 
 var load_next_page = function() {
-  if (loading) return;
-  loading = true;
-
-  var this_page = $(".pages a.selected:last");
-  var next_page = this_page.next();
-
-  var href = next_page.prop("href");
-  if (!href) return;
-
-  var boardheader = $('<h2>'+_('Page')+' '+next_page.html()+'</h2>');
-  var loading_ind = $('<h2>'+_('Loading...')+'</h2>').insertBefore('form[name="postcontrols"]>.delete:first');
-
-  $.get(href, function(data) {
-    var doc = $(data);
-    
-    loading_ind.remove();
-    boardheader.insertBefore('form[name="postcontrols"]>.delete:first');
-
-    var i = 0;
-
-    doc.find('div[id*="thread_"]').each(function() {
-      var checkout = $(this).attr('id').replace('thread_', '');
-      var $this = this;
-
-      if ($('div#thread_' + checkout).length == 0) {
-        // Delay DOM insertion to lessen the lag.
-        setTimeout(function() {
-          $($this).insertBefore('form[name="postcontrols"]>.delete:first');
-          $(document).trigger('new_post', $this);
-	  $($this).hide().slideDown();
-        }, 500*i);
-        i++;
-      }
-    });
-    setTimeout(function() {
-      loading = false;
-      scrolltest();        
-    }, 500*(i+1));
-
-    next_page.addClass('selected');
-  });
-
+	if (loading) return;
+	loading = true;
+	
+	var this_page = $(".pages a.selected:last");
+	var next_page = this_page.next();
+	
+	var href = next_page.prop("href");
+	if (!href) return;
+	
+	var boardheader = $('<h2>'+_('Page')+' '+next_page.html()+'</h2>');
+	var loading_ind = $('<h2>'+_('Loading...')+'</h2>').insertBefore('#post-moderation-fields');
+	
+	$.get(href, function(data) {
+		var doc = $(data);
+		
+		loading_ind.remove();
+		boardheader.insertBefore('#post-moderation-fields');
+		
+		var i = 0;
+		
+		doc.find('div[id*="thread_"]').each(function() {
+			var checkout = $(this).attr('id').replace('thread_', '');
+			var $this = this;
+			
+			if ($('div#thread_' + checkout).length == 0) {
+				// Delay DOM insertion to lessen the lag.
+				setTimeout(function() {
+					$($this).insertBefore('#post-moderation-fields');
+					$(document).trigger('new_post', $this);
+					$($this).hide().slideDown();
+				}, 500*i);
+				
+				i++;
+			}
+		});
+		
+		setTimeout(function() {
+			loading = false;
+			scrolltest();
+		}, 500*(i+1));
+		
+		next_page.addClass('selected');
+	});
 };
 
 var button = $("<a href='#all'>"+_("All")+" </a>").prependTo(".pages");
diff --git a/js/post-filter.js b/js/post-filter.js
index aaab4d0e..023b54e4 100644
--- a/js/post-filter.js
+++ b/js/post-filter.js
@@ -1,6 +1,7 @@
 if (active_page === 'thread' || active_page === 'index' || active_page === 'catalog') {
-	$(document).ready(function () {
+	$(document).on('menu_ready', function () {
 		'use strict';
+		
 		// returns blacklist object from storage
 		function getList() {
 			return JSON.parse(localStorage.postFilter);
@@ -200,7 +201,7 @@ if (active_page === 'thread' || active_page === 'index' || active_page === 'cata
 		 *  create filter menu when the button is clicked
 		 */
 		function initPostMenu(pageData) {
-
+			var Menu = window.Menu;
 			var submenu;
 			Menu.add_item('filter-menu-hide', _('Hide post'));
 			Menu.add_item('filter-menu-unhide', _('Unhide post'));
@@ -836,4 +837,8 @@ if (active_page === 'thread' || active_page === 'index' || active_page === 'cata
 		}
 		init();
 	});
+	
+	if (typeof window.Menu !== "undefined") {
+		$(document).trigger('menu_ready');
+	}
 }
diff --git a/js/post-menu.js b/js/post-menu.js
index 7d83709a..6018dfdb 100644
--- a/js/post-menu.js
+++ b/js/post-menu.js
@@ -26,7 +26,7 @@
  *   $config['additional_javascript'][] = 'js/jquery.min.js';
  *   $config['additional_javascript'][] = 'js/post-menu.js';
  */
-onready(function () {
+$(document).ready(function () {
 
 var List = function (menuId, text) {
 	this.id = menuId;
@@ -133,6 +133,8 @@ Menu.get_submenu = function (id) {
 	return mainMenu.get_submenu(id);
 };
 
+window.Menu = Menu;
+
 
 /* * * * * * * *
     Initialize
@@ -205,5 +207,5 @@ $(document).on('new_post', function (e, post) {
 	addButton(post);
 });
 
-window.Menu = Menu;
+$(document).trigger('menu_ready');
 });
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 6a9f1a9a..6b4b19d9 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -416,12 +416,13 @@ fieldset label {
 }
 
 div.pages {
-  color: #89A;
-  background: #D6DAF0;
-  display: inline;
-  padding: 8px;
-  border-right: 1px solid #B7C5D9;
-  border-bottom: 1px solid #B7C5D9;
+	color: #89A;
+	background: #D6DAF0;
+	display: inline-block;
+	padding: 8px;
+	margin: 8px 0 4px 0;
+	border-right: 1px solid #B7C5D9;
+	border-bottom: 1px solid #B7C5D9;
 }
 
 div.pages.top {
-- 
cgit v1.3