From 7f755008ecc3c97c54c1947050c70a2e10af6006 Mon Sep 17 00:00:00 2001
From: unknown <unknown@unknown.com>
Date: Thu, 21 Apr 2016 12:02:57 +0800
Subject: [PATCH 1/4] replace all tab to 2 spaces

---
 js/ZeroBlog.coffee | 1174 ++++++++++++++++++++++----------------------
 1 file changed, 587 insertions(+), 587 deletions(-)

diff --git a/js/ZeroBlog.coffee b/js/ZeroBlog.coffee
index 4ecf3b2..a2c4ab4 100644
--- a/js/ZeroBlog.coffee
+++ b/js/ZeroBlog.coffee
@@ -1,591 +1,591 @@
 class ZeroBlog extends ZeroFrame
-	init: ->
-		@data = null
-		@site_info = null
-		@server_info = null
-		@page = 1
-		@my_post_votes = {}
-
-		@event_page_load = $.Deferred()
-		@event_site_info = $.Deferred()
-
-		# Editable items on own site
-		$.when(@event_page_load, @event_site_info).done =>
-			if @site_info.settings.own or @data.demo
-				@addInlineEditors()
-				@checkPublishbar()
-				$(".publishbar").off("click").on "click", @publish
-				$(".posts .button.new").css("display", "inline-block")
-				$(".editbar .icon-help").off("click").on "click", =>
-					$(".editbar .markdown-help").css("display", "block")
-					$(".editbar .markdown-help").toggleClassLater("visible", 10)
-					$(".editbar .icon-help").toggleClass("active")
-					return false
-
-		$.when(@event_site_info).done =>
-			@log "event site info"
-			# Set avatar
-			imagedata = new Identicon(@site_info.address, 70).toString();
-			$("body").append("<style>.avatar { background-image: url(data:image/png;base64,#{imagedata}) }</style>")
-			@initFollowButton()
-		@log "inited!"
-
-
-	initFollowButton: ->
-		@follow = new Follow($(".feed-follow"))
-		@follow.addFeed("Posts", "
-			SELECT
-			 post_id AS event_uri,
-			 'post' AS type,
-			 date_published AS date_added,
-			 title AS title,
-			 body AS body,
-			 '?Post:' || post_id AS url
-			FROM post", true)
-
-		if Page.site_info.cert_user_id
-			username = Page.site_info.cert_user_id.replace /@.*/, ""
-			@follow.addFeed("Username mentions", "
-				SELECT
-				'comment' AS type,
-				 date_added,
-				 post.title AS title,
-				 keyvalue.value || ': ' || comment.body AS body,
-				 '?Post:' || comment.post_id || '#Comments' AS url
-				FROM comment
-				LEFT JOIN json USING (json_id)
-				LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
-				LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
-				LEFT JOIN post ON (comment.post_id = post.post_id)
-				WHERE
-				 comment.body LIKE '%[#{username}%' OR comment.body LIKE '%@#{username}%'
-			", true)
-
-		@follow.addFeed("Comments", "
-			SELECT
-			'comment' AS type,
-			 date_added,
-			 post.title AS title,
-			 keyvalue.value || ': ' || comment.body AS body,
-			 '?Post:' || comment.post_id || '#Comments' AS url
-			FROM comment
-			LEFT JOIN json USING (json_id)
-			LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
-			LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
-			LEFT JOIN post ON (comment.post_id = post.post_id)")
-		@follow.init()
-
-
-	loadData: (query="new") ->
-		# Get blog parameters
-		if query == "old" # Old type query for pre 0.3.0
-			query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id) WHERE path = 'data.json'"
-		else
-			query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id) WHERE directory = '' AND file_name = 'data.json'"
-		@cmd "dbQuery", [query], (res) =>
-			@data = {}
-			if res
-				for row in res
-					@data[row.key] = row.value
-				$(".left h1 a:not(.editable-edit)").html(@data.title).data("content", @data.title)
-				$(".left h2").html(Text.renderMarked(@data.description)).data("content", @data.description)
-				$(".left .links").html(Text.renderMarked(@data.links)).data("content", @data.links)
-
-	loadLastcomments: (type="show", cb=false) ->
-		query = "
-			SELECT comment.*, json_content.json_id AS content_json_id, keyvalue.value AS cert_user_id, json.directory, post.title AS post_title
-			FROM comment
-			LEFT JOIN json USING (json_id)
-			LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
-			LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
-			LEFT JOIN post ON (comment.post_id = post.post_id)
-			WHERE post.title IS NOT NULL
-			ORDER BY date_added DESC LIMIT 3"
-
-		@cmd "dbQuery", [query], (res) =>
-			if res.length
-				$(".lastcomments").css("display", "block")
-				res.reverse()
-			for lastcomment in res
-				elem = $("#lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
-				if elem.length == 0 # Not exits yet
-					elem = $(".lastcomment.template").clone().removeClass("template").attr("id", "lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
-					if type != "noanim"
-						elem.cssSlideDown()
-					elem.prependTo(".lastcomments ul")
-				@applyLastcommentdata(elem, lastcomment)
-			if cb then cb()
-
-	applyLastcommentdata: (elem, lastcomment) ->
-		elem.find(".user_name").text(lastcomment.cert_user_id.replace(/@.*/, "")+":")
-
-		body = Text.renderMarked(lastcomment.body)
-		body = body.replace /[\r\n]/g, " "  # Remove whitespace
-		body = body.replace /\<blockquote\>.*?\<\/blockquote\>/g, " "  # Remove quotes
-		body = body.replace /\<.*?\>/g, " "  # Remove html codes
-		if body.length > 60  # Strip if too long
-			body = body[0..60].replace(/(.*) .*?$/, "$1") + " ..."  # Keep the last 60 character and strip back until last space
-		elem.find(".body").html(body)
-
-		title_hash = lastcomment.post_title.replace(/[#?& ]/g, "+").replace(/[+]+/g, "+")
-		elem.find(".postlink").text(lastcomment.post_title).attr("href", "?Post:#{lastcomment.post_id}:#{title_hash}#Comments")
-
-	applyPagerdata: (page, limit, has_next) ->
-		pager = $(".pager")
-		if page > 1
-			pager.find(".prev").css("display", "inline-block").attr("href", "?page=#{page-1}")
-		if has_next
-			pager.find(".next").css("display", "inline-block").attr("href", "?page=#{page+1}")
-
-	routeUrl: (url) ->
-		@log "Routing url:", url
-		if match = url.match /Post:([0-9]+)/
-			$("body").addClass("page-post")
-			@post_id = parseInt(match[1])
-			@pagePost()
-		else
-			$("body").addClass("page-main")
-			if match = url.match /page=([0-9]+)/
-				@page = parseInt(match[1])
-			@pageMain()
-
-	# - Pages -
-
-	pagePost: () ->
-		s = (+ new Date)
-		@cmd "dbQuery", ["SELECT *, (SELECT COUNT(*) FROM post_vote WHERE post_vote.post_id = post.post_id) AS votes FROM post WHERE post_id = #{@post_id} LIMIT 1"], (res) =>
-			parse_res = (res) =>
-				if res.length
-					post = res[0]
-					@applyPostdata($(".post-full"), post, true)
-					$(".post-full .like").attr("id", "post_like_#{post.post_id}").off("click").off("click").on "click", @submitPostVote
-					Comments.pagePost(@post_id)
-				else
-					$(".post-full").html("<h1>Not found</h1>")
-				@pageLoaded()
-				Comments.checkCert()
-
-			# Temporary dbschema bug workaround
-			if res.error
-				@cmd "dbQuery", ["SELECT *, -1 AS votes FROM post WHERE post_id = #{@post_id} LIMIT 1"], parse_res
-			else
-				parse_res(res)
-
-
-	pageMain: ->
-		limit = 15
-		query = """
-			SELECT
-				post.*, COUNT(comment_id) AS comments,
-				(SELECT COUNT(*) FROM post_vote WHERE post_vote.post_id = post.post_id) AS votes
-			FROM post
-			LEFT JOIN comment USING (post_id)
-			GROUP BY post_id
-			ORDER BY date_published DESC
-			LIMIT #{(@page-1)*limit}, #{limit+1}
-		"""
-		@cmd "dbQuery", [query], (res) =>
-			parse_res = (res) =>
-				s = (+ new Date)
-				if res.length > limit # Has next page
-					res.pop()
-					@applyPagerdata(@page, limit, true)
-				else
-					@applyPagerdata(@page, limit, false)
-
-				res.reverse()
-				for post in res
-					elem = $("#post_#{post.post_id}")
-					if elem.length == 0 # Not exits yet
-						elem = $(".post.template").clone().removeClass("template").attr("id", "post_#{post.post_id}")
-						elem.prependTo(".posts")
-						# elem.find(".score").attr("id", "post_score_#{post.post_id}").on "click", @submitPostVote # Submit vote
-						elem.find(".like").attr("id", "post_like_#{post.post_id}").off("click").on "click", @submitPostVote
-					@applyPostdata(elem, post)
-				@pageLoaded()
-				@log "Posts loaded in", ((+ new Date)-s),"ms"
-
-				$(".posts .new").off("click").on "click", => # Create new blog post
-					@cmd "fileGet", ["data/data.json"], (res) =>
-						data = JSON.parse(res)
-						# Add to data
-						data.post.unshift
-							post_id: data.next_post_id
-							title: "New blog post"
-							date_published: (+ new Date)/1000
-							body: "Blog post body"
-						data.next_post_id += 1
-
-						# Create html elements
-						elem = $(".post.template").clone().removeClass("template")
-						@applyPostdata(elem, data.post[0])
-						elem.hide()
-						elem.prependTo(".posts").slideDown()
-						@addInlineEditors(elem)
-
-						@writeData(data)
-					return false
-
-			# Temporary dbschema bug workaround
-			if res.error
-				query = """
-					SELECT
-						post.*, COUNT(comment_id) AS comments,
-						-1 AS votes
-					FROM post
-					LEFT JOIN comment USING (post_id)
-					GROUP BY post_id
-					ORDER BY date_published DESC
-					LIMIT #{(@page-1)*limit}, #{limit+1}
-				"""
-				@cmd "dbQuery", [query], parse_res
-			else
-				parse_res(res)
-
-
-	# - EOF Pages -
-
-
-	# All page content loaded
-	pageLoaded: =>
-		$("body").addClass("loaded") # Back/forward button keep position support
-		$('pre code').each (i, block) -> # Higlight code blocks
-			hljs.highlightBlock(block)
-		@event_page_load.resolve()
-		@cmd "innerLoaded", true
-
-
-	addInlineEditors: (parent) ->
-		@logStart "Adding inline editors"
-		elems = $("[data-editable]:visible", parent)
-		for elem in elems
-			elem = $(elem)
-			if not elem.data("editor") and not elem.hasClass("editor")
-				editor = new InlineEditor(elem, @getContent, @saveContent, @getObject)
-				elem.data("editor", editor)
-		@logEnd "Adding inline editors"
-
-
-	# Check if publishing is necessary
-	checkPublishbar: ->
-		if not @data["modified"] or @data["modified"] > @site_info.content.modified
-			$(".publishbar").addClass("visible")
-		else
-			$(".publishbar").removeClass("visible")
-
-
-	# Sign and Publish site
-	publish: =>
-		if @site_info.privatekey # Privatekey stored in users.json
-			@cmd "sitePublish", ["stored"], (res) =>
-				@log "Publish result:", res
-		else
-			@cmd "wrapperPrompt", ["Enter your private key:", "password"], (privatekey) => # Prompt the private key
-				$(".publishbar .button").addClass("loading")
-				@cmd "sitePublish", [privatekey], (res) =>
-					$(".publishbar .button").removeClass("loading")
-					@log "Publish result:", res
-
-		return false # Ignore link default event
-
-
-	# Apply from data to post html element
-	applyPostdata: (elem, post, full=false) ->
-		title_hash = post.title.replace(/[#?& ]/g, "+").replace(/[+]+/g, "+")
-		elem.data("object", "Post:"+post.post_id)
-		$(".title .editable", elem).html(post.title).attr("href", "?Post:#{post.post_id}:#{title_hash}").data("content", post.title)
-		date_published = Time.since(post.date_published)
-		# Published date
-		if post.body.match /^---/m # Has more over fold
-			date_published += " &middot; #{Time.readtime(post.body)}" # If has break add readtime
-			$(".more", elem).css("display", "inline-block").attr("href", "?Post:#{post.post_id}:#{title_hash}")
-		$(".details .published", elem).html(date_published).data("content", post.date_published)
-		# Comments num
-		if post.comments > 0
-			$(".details .comments-num", elem).css("display", "inline").attr("href", "?Post:#{post.post_id}:#{title_hash}#Comments")
-			if post.comments > 1
-				$(".details .comments-num .num", elem).text("#{post.comments} comments")
-			else
-				$(".details .comments-num .num", elem).text("#{post.comments} comment")
-		else
-			$(".details .comments-num", elem).css("display", "none")
-
-		###
-		if @my_post_votes[post.post_id] # Voted on it
-			$(".score-inactive .score-num", elem).text post.votes-1
-			$(".score-active .score-num", elem).text post.votes
-			$(".score", elem).addClass("active")
-		else # Not voted on it
-			$(".score-inactive .score-num", elem).text post.votes
-			$(".score-active .score-num", elem).text post.votes+1
-
-		if post.votes == 0
-			$(".score", elem).addClass("noscore")
-		else
-			$(".score", elem).removeClass("noscore")
-		###
-		if post.votes > 0
-			$(".like .num", elem).text post.votes
-		else if post.votes == -1  # DB bug
-			$(".like", elem).css("display", "none")
-		else
-			$(".like .num", elem).text ""
-
-		if @my_post_votes[post.post_id] # Voted on it
-			$(".like", elem).addClass("active")
-
-
-		if full
-			body = post.body
-		else # On main page only show post until the first --- hr separator
-			body = post.body.replace(/^([\s\S]*?)\n---\n[\s\S]*$/, "$1")
-
-		if $(".body", elem).data("content") != post.body
-			$(".body", elem).html(Text.renderMarked(body)).data("content", post.body)
-
-
-	# Wrapper websocket connection ready
-	onOpenWebsocket: (e) =>
-		@loadData()
-		@cmd "siteInfo", {}, (site_info) =>
-			@setSiteinfo(site_info)
-			query_my_votes = """
-				SELECT
-					'post_vote' AS type,
-					post_id AS uri
-				FROM json
-				LEFT JOIN post_vote USING (json_id)
-				WHERE directory = 'users/#{@site_info.auth_address}' AND file_name = 'data.json'
-			"""
-			@cmd "dbQuery", [query_my_votes], (res) =>
-				for row in res
-					@my_post_votes[row["uri"]] = 1
-				@routeUrl(window.location.search.substring(1))
-
-			@cmd "serverInfo", {}, (ret) => # Get server info
-				@server_info = ret
-				if @server_info.rev < 160
-					@loadData("old")
-			@loadLastcomments("noanim")
-
-
-	# Returns the elem parent object
-	getObject: (elem) =>
-		return elem.parents("[data-object]:first")
-
-
-	# Get content from data.json
-	getContent: (elem, raw=false) =>
-		[type, id] = @getObject(elem).data("object").split(":")
-		id = parseInt(id)
-		content = elem.data("content")
-		if elem.data("editable-mode") == "timestamp" # Convert to time
-			content = Time.date(content, "full")
-
-		if elem.data("editable-mode") == "simple" or raw # No markdown
-			return content
-		else
-			return Text.renderMarked(content)
-
-
-	# Save content to data.json
-	saveContent: (elem, content, cb=false) =>
-		if elem.data("deletable") and content == null then return @deleteObject(elem, cb) # Its a delete request
-		elem.data("content", content)
-		[type, id] = @getObject(elem).data("object").split(":")
-		id = parseInt(id)
-		if type == "Post" or type == "Site"
-			@saveSite(elem, type, id, content, cb)
-		else if type == "Comment"
-			@saveComment(elem, type, id, content, cb)
-
-
-
-	saveSite: (elem, type, id, content, cb) ->
-		@cmd "fileGet", ["data/data.json"], (res) =>
-			data = JSON.parse(res)
-			if type == "Post"
-				post = (post for post in data.post when post.post_id == id)[0]
-
-				if elem.data("editable-mode") == "timestamp" # Time parse to timestamp
-					content = Time.timestamp(content)
-
-				post[elem.data("editable")] = content
-			else if type == "Site"
-				data[elem.data("editable")] = content
-
-			@writeData data, (res) =>
-				if cb
-					if res == true # OK
-						if elem.data("editable-mode") == "simple" # No markdown
-							cb(content)
-						else if elem.data("editable-mode") == "timestamp" # Format timestamp
-							cb(Time.since(content))
-						else
-							cb(Text.renderMarked(content))
-					else # Error
-						cb(false)
-
-
-
-	saveComment: (elem, type, id, content, cb) ->
-		@log "Saving comment...", id
-		@getObject(elem).css "height", "auto"
-		inner_path = "data/users/#{Page.site_info.auth_address}/data.json"
-		Page.cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
-			data = JSON.parse(data)
-			comment = (comment for comment in data.comment when comment.comment_id == id)[0]
-			comment[elem.data("editable")] = content
-			json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
-			@writePublish inner_path, btoa(json_raw), (res) =>
-				if res == true
-					Comments.checkCert("updaterules")
-					if cb then cb(Text.renderMarked(content, {"sanitize": true}))
-				else
-					@cmd "wrapperNotification", ["error", "File write error: #{res}"]
-					if cb then cb(false)
-
-
-
-
-	deleteObject: (elem, cb=False) ->
-		[type, id] = elem.data("object").split(":")
-		id = parseInt(id)
-
-		if type == "Post"
-			@cmd "fileGet", ["data/data.json"], (res) =>
-				data = JSON.parse(res)
-				if type == "Post"
-					post = (post for post in data.post when post.post_id == id)[0]
-					if not post then return false # No post found for this id
-					data.post.splice(data.post.indexOf(post), 1) # Remove from data
-
-					@writeData data, (res) =>
-						if cb then cb()
-						if res == true then elem.slideUp()
-		else if type == "Comment"
-			inner_path = "data/users/#{Page.site_info.auth_address}/data.json"
-			@cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
-				data = JSON.parse(data)
-				comment = (comment for comment in data.comment when comment.comment_id == id)[0]
-				data.comment.splice(data.comment.indexOf(comment), 1)
-				json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
-				@writePublish inner_path, btoa(json_raw), (res) =>
-					if res == true
-						elem.slideUp()
-					if cb then cb()
-
-
-
-	writeData: (data, cb=null) ->
-		if not data
-			return @log "Data missing"
-		@data["modified"] = data.modified = Time.timestamp()
-		json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t'))) # Encode to json, encode utf8
-		@cmd "fileWrite", ["data/data.json", btoa(json_raw)], (res) => # Convert to to base64 and send
-			if res == "ok"
-				if cb then cb(true)
-			else
-				@cmd "wrapperNotification", ["error", "File write error: #{res}"]
-				if cb then cb(false)
-			@checkPublishbar()
-
-		# Updating title in content.json
-		@cmd "fileGet", ["content.json"], (content) =>
-			content = content.replace /"title": ".*?"/, "\"title\": \"#{data.title}\"" # Load as raw html to prevent js bignumber problems
-			@cmd "fileWrite", ["content.json", btoa(content)], (res) =>
-				if res != "ok"
-					@cmd "wrapperNotification", ["error", "Content.json write error: #{res}"]
-
-				# If the privatekey is stored sign the new content
-				if @site_info["privatekey"]
-					@cmd "siteSign", ["stored", "content.json"], (res) =>
-						@log "Sign result", res
-
-
-	writePublish: (inner_path, data, cb) ->
-		@cmd "fileWrite", [inner_path, data], (res) =>
-			if res != "ok" # fileWrite failed
-				@cmd "wrapperNotification", ["error", "File write error: #{res}"]
-				cb(false)
-				return false
-
-			@cmd "sitePublish", {"inner_path": inner_path}, (res) =>
-				if res == "ok"
-					cb(true)
-				else
-					cb(res)
-
-	submitPostVote: (e) =>
-		if not Page.site_info.cert_user_id # No selected cert
-			Page.cmd "certSelect", [["zeroid.bit"]]
-			return false
-
-		elem = $(e.currentTarget)
-		elem.toggleClass("active").addClass("loading")
-		inner_path = "data/users/#{@site_info.auth_address}/data.json"
-		Page.cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
-			if data
-				data = JSON.parse(data)
-			else # Default data
-				data = {"next_comment_id": 1, "comment": [], "comment_vote": {}, "post_vote": {} }
-
-			if not data.post_vote
-				data.post_vote = {}
-			post_id = elem.attr("id").match("_([0-9]+)$")[1]
-
-			if elem.hasClass("active")
-				data.post_vote[post_id] = 1
-			else
-				delete data.post_vote[post_id]
-			json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
-
-			current_num = parseInt elem.find(".num").text()
-			if not current_num
-				current_num = 0
-			if elem.hasClass("active")
-				elem.find(".num").text(current_num+1)
-			else
-				elem.find(".num").text(current_num-1)
-
-			Page.writePublish inner_path, btoa(json_raw), (res) =>
-				elem.removeClass("loading")
-				@log "Writepublish result", res
-
-		return false
-
-	# Parse incoming requests
-	onRequest: (cmd, message) ->
-		if cmd == "setSiteInfo" # Site updated
-			@actionSetSiteInfo(message)
-		else
-			@log "Unknown command", message
-
-
-	# Siteinfo changed
-	actionSetSiteInfo: (message) =>
-		@setSiteinfo(message.params)
-		@checkPublishbar()
-
-
-	setSiteinfo: (site_info) =>
-		@site_info = site_info
-		@event_site_info.resolve(site_info)
-		if $("body").hasClass("page-post") then Comments.checkCert() # Update if username changed
-		# User commented
-		if site_info.event?[0] == "file_done" and site_info.event[1].match /.*users.*data.json$/
-			if $("body").hasClass("page-post")
-				@pagePost()
-				Comments.loadComments() # Post page, reload comments
-				@loadLastcomments()
-			if $("body").hasClass("page-main")
-				RateLimit 500, =>
-					@pageMain()
-					@loadLastcomments()
-		else if site_info.event?[0] == "file_done" and site_info.event[1] == "data/data.json"
-			@loadData()
-			if $("body").hasClass("page-main") then @pageMain()
-			if $("body").hasClass("page-post") then @pagePost()
+  init: ->
+    @data = null
+    @site_info = null
+    @server_info = null
+    @page = 1
+    @my_post_votes = {}
+
+    @event_page_load = $.Deferred()
+    @event_site_info = $.Deferred()
+
+    # Editable items on own site
+    $.when(@event_page_load, @event_site_info).done =>
+      if @site_info.settings.own or @data.demo
+        @addInlineEditors()
+        @checkPublishbar()
+        $(".publishbar").off("click").on "click", @publish
+        $(".posts .button.new").css("display", "inline-block")
+        $(".editbar .icon-help").off("click").on "click", =>
+          $(".editbar .markdown-help").css("display", "block")
+          $(".editbar .markdown-help").toggleClassLater("visible", 10)
+          $(".editbar .icon-help").toggleClass("active")
+          return false
+
+    $.when(@event_site_info).done =>
+      @log "event site info"
+      # Set avatar
+      imagedata = new Identicon(@site_info.address, 70).toString();
+      $("body").append("<style>.avatar { background-image: url(data:image/png;base64,#{imagedata}) }</style>")
+      @initFollowButton()
+    @log "inited!"
+
+
+  initFollowButton: ->
+    @follow = new Follow($(".feed-follow"))
+    @follow.addFeed("Posts", "
+      SELECT
+       post_id AS event_uri,
+       'post' AS type,
+       date_published AS date_added,
+       title AS title,
+       body AS body,
+       '?Post:' || post_id AS url
+      FROM post", true)
+
+    if Page.site_info.cert_user_id
+      username = Page.site_info.cert_user_id.replace /@.*/, ""
+      @follow.addFeed("Username mentions", "
+        SELECT
+        'comment' AS type,
+         date_added,
+         post.title AS title,
+         keyvalue.value || ': ' || comment.body AS body,
+         '?Post:' || comment.post_id || '#Comments' AS url
+        FROM comment
+        LEFT JOIN json USING (json_id)
+        LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
+        LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
+        LEFT JOIN post ON (comment.post_id = post.post_id)
+        WHERE
+         comment.body LIKE '%[#{username}%' OR comment.body LIKE '%@#{username}%'
+      ", true)
+
+    @follow.addFeed("Comments", "
+      SELECT
+      'comment' AS type,
+       date_added,
+       post.title AS title,
+       keyvalue.value || ': ' || comment.body AS body,
+       '?Post:' || comment.post_id || '#Comments' AS url
+      FROM comment
+      LEFT JOIN json USING (json_id)
+      LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
+      LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
+      LEFT JOIN post ON (comment.post_id = post.post_id)")
+    @follow.init()
+
+
+  loadData: (query="new") ->
+    # Get blog parameters
+    if query == "old" # Old type query for pre 0.3.0
+      query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id) WHERE path = 'data.json'"
+    else
+      query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id) WHERE directory = '' AND file_name = 'data.json'"
+    @cmd "dbQuery", [query], (res) =>
+      @data = {}
+      if res
+        for row in res
+          @data[row.key] = row.value
+        $(".left h1 a:not(.editable-edit)").html(@data.title).data("content", @data.title)
+        $(".left h2").html(Text.renderMarked(@data.description)).data("content", @data.description)
+        $(".left .links").html(Text.renderMarked(@data.links)).data("content", @data.links)
+
+  loadLastcomments: (type="show", cb=false) ->
+    query = "
+      SELECT comment.*, json_content.json_id AS content_json_id, keyvalue.value AS cert_user_id, json.directory, post.title AS post_title
+      FROM comment
+      LEFT JOIN json USING (json_id)
+      LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
+      LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
+      LEFT JOIN post ON (comment.post_id = post.post_id)
+      WHERE post.title IS NOT NULL
+      ORDER BY date_added DESC LIMIT 3"
+
+    @cmd "dbQuery", [query], (res) =>
+      if res.length
+        $(".lastcomments").css("display", "block")
+        res.reverse()
+      for lastcomment in res
+        elem = $("#lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
+        if elem.length == 0 # Not exits yet
+          elem = $(".lastcomment.template").clone().removeClass("template").attr("id", "lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
+          if type != "noanim"
+            elem.cssSlideDown()
+          elem.prependTo(".lastcomments ul")
+        @applyLastcommentdata(elem, lastcomment)
+      if cb then cb()
+
+  applyLastcommentdata: (elem, lastcomment) ->
+    elem.find(".user_name").text(lastcomment.cert_user_id.replace(/@.*/, "")+":")
+
+    body = Text.renderMarked(lastcomment.body)
+    body = body.replace /[\r\n]/g, " "  # Remove whitespace
+    body = body.replace /\<blockquote\>.*?\<\/blockquote\>/g, " "  # Remove quotes
+    body = body.replace /\<.*?\>/g, " "  # Remove html codes
+    if body.length > 60  # Strip if too long
+      body = body[0..60].replace(/(.*) .*?$/, "$1") + " ..."  # Keep the last 60 character and strip back until last space
+    elem.find(".body").html(body)
+
+    title_hash = lastcomment.post_title.replace(/[#?& ]/g, "+").replace(/[+]+/g, "+")
+    elem.find(".postlink").text(lastcomment.post_title).attr("href", "?Post:#{lastcomment.post_id}:#{title_hash}#Comments")
+
+  applyPagerdata: (page, limit, has_next) ->
+    pager = $(".pager")
+    if page > 1
+      pager.find(".prev").css("display", "inline-block").attr("href", "?page=#{page-1}")
+    if has_next
+      pager.find(".next").css("display", "inline-block").attr("href", "?page=#{page+1}")
+
+  routeUrl: (url) ->
+    @log "Routing url:", url
+    if match = url.match /Post:([0-9]+)/
+      $("body").addClass("page-post")
+      @post_id = parseInt(match[1])
+      @pagePost()
+    else
+      $("body").addClass("page-main")
+      if match = url.match /page=([0-9]+)/
+        @page = parseInt(match[1])
+      @pageMain()
+
+  # - Pages -
+
+  pagePost: () ->
+    s = (+ new Date)
+    @cmd "dbQuery", ["SELECT *, (SELECT COUNT(*) FROM post_vote WHERE post_vote.post_id = post.post_id) AS votes FROM post WHERE post_id = #{@post_id} LIMIT 1"], (res) =>
+      parse_res = (res) =>
+        if res.length
+          post = res[0]
+          @applyPostdata($(".post-full"), post, true)
+          $(".post-full .like").attr("id", "post_like_#{post.post_id}").off("click").off("click").on "click", @submitPostVote
+          Comments.pagePost(@post_id)
+        else
+          $(".post-full").html("<h1>Not found</h1>")
+        @pageLoaded()
+        Comments.checkCert()
+
+      # Temporary dbschema bug workaround
+      if res.error
+        @cmd "dbQuery", ["SELECT *, -1 AS votes FROM post WHERE post_id = #{@post_id} LIMIT 1"], parse_res
+      else
+        parse_res(res)
+
+
+  pageMain: ->
+    limit = 15
+    query = """
+      SELECT
+        post.*, COUNT(comment_id) AS comments,
+        (SELECT COUNT(*) FROM post_vote WHERE post_vote.post_id = post.post_id) AS votes
+      FROM post
+      LEFT JOIN comment USING (post_id)
+      GROUP BY post_id
+      ORDER BY date_published DESC
+      LIMIT #{(@page-1)*limit}, #{limit+1}
+    """
+    @cmd "dbQuery", [query], (res) =>
+      parse_res = (res) =>
+        s = (+ new Date)
+        if res.length > limit # Has next page
+          res.pop()
+          @applyPagerdata(@page, limit, true)
+        else
+          @applyPagerdata(@page, limit, false)
+
+        res.reverse()
+        for post in res
+          elem = $("#post_#{post.post_id}")
+          if elem.length == 0 # Not exits yet
+            elem = $(".post.template").clone().removeClass("template").attr("id", "post_#{post.post_id}")
+            elem.prependTo(".posts")
+            # elem.find(".score").attr("id", "post_score_#{post.post_id}").on "click", @submitPostVote # Submit vote
+            elem.find(".like").attr("id", "post_like_#{post.post_id}").off("click").on "click", @submitPostVote
+          @applyPostdata(elem, post)
+        @pageLoaded()
+        @log "Posts loaded in", ((+ new Date)-s),"ms"
+
+        $(".posts .new").off("click").on "click", => # Create new blog post
+          @cmd "fileGet", ["data/data.json"], (res) =>
+            data = JSON.parse(res)
+            # Add to data
+            data.post.unshift
+              post_id: data.next_post_id
+              title: "New blog post"
+              date_published: (+ new Date)/1000
+              body: "Blog post body"
+            data.next_post_id += 1
+
+            # Create html elements
+            elem = $(".post.template").clone().removeClass("template")
+            @applyPostdata(elem, data.post[0])
+            elem.hide()
+            elem.prependTo(".posts").slideDown()
+            @addInlineEditors(elem)
+
+            @writeData(data)
+          return false
+
+      # Temporary dbschema bug workaround
+      if res.error
+        query = """
+          SELECT
+            post.*, COUNT(comment_id) AS comments,
+            -1 AS votes
+          FROM post
+          LEFT JOIN comment USING (post_id)
+          GROUP BY post_id
+          ORDER BY date_published DESC
+          LIMIT #{(@page-1)*limit}, #{limit+1}
+        """
+        @cmd "dbQuery", [query], parse_res
+      else
+        parse_res(res)
+
+
+  # - EOF Pages -
+
+
+  # All page content loaded
+  pageLoaded: =>
+    $("body").addClass("loaded") # Back/forward button keep position support
+    $('pre code').each (i, block) -> # Higlight code blocks
+      hljs.highlightBlock(block)
+    @event_page_load.resolve()
+    @cmd "innerLoaded", true
+
+
+  addInlineEditors: (parent) ->
+    @logStart "Adding inline editors"
+    elems = $("[data-editable]:visible", parent)
+    for elem in elems
+      elem = $(elem)
+      if not elem.data("editor") and not elem.hasClass("editor")
+        editor = new InlineEditor(elem, @getContent, @saveContent, @getObject)
+        elem.data("editor", editor)
+    @logEnd "Adding inline editors"
+
+
+  # Check if publishing is necessary
+  checkPublishbar: ->
+    if not @data["modified"] or @data["modified"] > @site_info.content.modified
+      $(".publishbar").addClass("visible")
+    else
+      $(".publishbar").removeClass("visible")
+
+
+  # Sign and Publish site
+  publish: =>
+    if @site_info.privatekey # Privatekey stored in users.json
+      @cmd "sitePublish", ["stored"], (res) =>
+        @log "Publish result:", res
+    else
+      @cmd "wrapperPrompt", ["Enter your private key:", "password"], (privatekey) => # Prompt the private key
+        $(".publishbar .button").addClass("loading")
+        @cmd "sitePublish", [privatekey], (res) =>
+          $(".publishbar .button").removeClass("loading")
+          @log "Publish result:", res
+
+    return false # Ignore link default event
+
+
+  # Apply from data to post html element
+  applyPostdata: (elem, post, full=false) ->
+    title_hash = post.title.replace(/[#?& ]/g, "+").replace(/[+]+/g, "+")
+    elem.data("object", "Post:"+post.post_id)
+    $(".title .editable", elem).html(post.title).attr("href", "?Post:#{post.post_id}:#{title_hash}").data("content", post.title)
+    date_published = Time.since(post.date_published)
+    # Published date
+    if post.body.match /^---/m # Has more over fold
+      date_published += " &middot; #{Time.readtime(post.body)}" # If has break add readtime
+      $(".more", elem).css("display", "inline-block").attr("href", "?Post:#{post.post_id}:#{title_hash}")
+    $(".details .published", elem).html(date_published).data("content", post.date_published)
+    # Comments num
+    if post.comments > 0
+      $(".details .comments-num", elem).css("display", "inline").attr("href", "?Post:#{post.post_id}:#{title_hash}#Comments")
+      if post.comments > 1
+        $(".details .comments-num .num", elem).text("#{post.comments} comments")
+      else
+        $(".details .comments-num .num", elem).text("#{post.comments} comment")
+    else
+      $(".details .comments-num", elem).css("display", "none")
+
+    ###
+    if @my_post_votes[post.post_id] # Voted on it
+      $(".score-inactive .score-num", elem).text post.votes-1
+      $(".score-active .score-num", elem).text post.votes
+      $(".score", elem).addClass("active")
+    else # Not voted on it
+      $(".score-inactive .score-num", elem).text post.votes
+      $(".score-active .score-num", elem).text post.votes+1
+
+    if post.votes == 0
+      $(".score", elem).addClass("noscore")
+    else
+      $(".score", elem).removeClass("noscore")
+    ###
+    if post.votes > 0
+      $(".like .num", elem).text post.votes
+    else if post.votes == -1  # DB bug
+      $(".like", elem).css("display", "none")
+    else
+      $(".like .num", elem).text ""
+
+    if @my_post_votes[post.post_id] # Voted on it
+      $(".like", elem).addClass("active")
+
+
+    if full
+      body = post.body
+    else # On main page only show post until the first --- hr separator
+      body = post.body.replace(/^([\s\S]*?)\n---\n[\s\S]*$/, "$1")
+
+    if $(".body", elem).data("content") != post.body
+      $(".body", elem).html(Text.renderMarked(body)).data("content", post.body)
+
+
+  # Wrapper websocket connection ready
+  onOpenWebsocket: (e) =>
+    @loadData()
+    @cmd "siteInfo", {}, (site_info) =>
+      @setSiteinfo(site_info)
+      query_my_votes = """
+        SELECT
+          'post_vote' AS type,
+          post_id AS uri
+        FROM json
+        LEFT JOIN post_vote USING (json_id)
+        WHERE directory = 'users/#{@site_info.auth_address}' AND file_name = 'data.json'
+      """
+      @cmd "dbQuery", [query_my_votes], (res) =>
+        for row in res
+          @my_post_votes[row["uri"]] = 1
+        @routeUrl(window.location.search.substring(1))
+
+      @cmd "serverInfo", {}, (ret) => # Get server info
+        @server_info = ret
+        if @server_info.rev < 160
+          @loadData("old")
+      @loadLastcomments("noanim")
+
+
+  # Returns the elem parent object
+  getObject: (elem) =>
+    return elem.parents("[data-object]:first")
+
+
+  # Get content from data.json
+  getContent: (elem, raw=false) =>
+    [type, id] = @getObject(elem).data("object").split(":")
+    id = parseInt(id)
+    content = elem.data("content")
+    if elem.data("editable-mode") == "timestamp" # Convert to time
+      content = Time.date(content, "full")
+
+    if elem.data("editable-mode") == "simple" or raw # No markdown
+      return content
+    else
+      return Text.renderMarked(content)
+
+
+  # Save content to data.json
+  saveContent: (elem, content, cb=false) =>
+    if elem.data("deletable") and content == null then return @deleteObject(elem, cb) # Its a delete request
+    elem.data("content", content)
+    [type, id] = @getObject(elem).data("object").split(":")
+    id = parseInt(id)
+    if type == "Post" or type == "Site"
+      @saveSite(elem, type, id, content, cb)
+    else if type == "Comment"
+      @saveComment(elem, type, id, content, cb)
+
+
+
+  saveSite: (elem, type, id, content, cb) ->
+    @cmd "fileGet", ["data/data.json"], (res) =>
+      data = JSON.parse(res)
+      if type == "Post"
+        post = (post for post in data.post when post.post_id == id)[0]
+
+        if elem.data("editable-mode") == "timestamp" # Time parse to timestamp
+          content = Time.timestamp(content)
+
+        post[elem.data("editable")] = content
+      else if type == "Site"
+        data[elem.data("editable")] = content
+
+      @writeData data, (res) =>
+        if cb
+          if res == true # OK
+            if elem.data("editable-mode") == "simple" # No markdown
+              cb(content)
+            else if elem.data("editable-mode") == "timestamp" # Format timestamp
+              cb(Time.since(content))
+            else
+              cb(Text.renderMarked(content))
+          else # Error
+            cb(false)
+
+
+
+  saveComment: (elem, type, id, content, cb) ->
+    @log "Saving comment...", id
+    @getObject(elem).css "height", "auto"
+    inner_path = "data/users/#{Page.site_info.auth_address}/data.json"
+    Page.cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
+      data = JSON.parse(data)
+      comment = (comment for comment in data.comment when comment.comment_id == id)[0]
+      comment[elem.data("editable")] = content
+      json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
+      @writePublish inner_path, btoa(json_raw), (res) =>
+        if res == true
+          Comments.checkCert("updaterules")
+          if cb then cb(Text.renderMarked(content, {"sanitize": true}))
+        else
+          @cmd "wrapperNotification", ["error", "File write error: #{res}"]
+          if cb then cb(false)
+
+
+
+
+  deleteObject: (elem, cb=False) ->
+    [type, id] = elem.data("object").split(":")
+    id = parseInt(id)
+
+    if type == "Post"
+      @cmd "fileGet", ["data/data.json"], (res) =>
+        data = JSON.parse(res)
+        if type == "Post"
+          post = (post for post in data.post when post.post_id == id)[0]
+          if not post then return false # No post found for this id
+          data.post.splice(data.post.indexOf(post), 1) # Remove from data
+
+          @writeData data, (res) =>
+            if cb then cb()
+            if res == true then elem.slideUp()
+    else if type == "Comment"
+      inner_path = "data/users/#{Page.site_info.auth_address}/data.json"
+      @cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
+        data = JSON.parse(data)
+        comment = (comment for comment in data.comment when comment.comment_id == id)[0]
+        data.comment.splice(data.comment.indexOf(comment), 1)
+        json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
+        @writePublish inner_path, btoa(json_raw), (res) =>
+          if res == true
+            elem.slideUp()
+          if cb then cb()
+
+
+
+  writeData: (data, cb=null) ->
+    if not data
+      return @log "Data missing"
+    @data["modified"] = data.modified = Time.timestamp()
+    json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t'))) # Encode to json, encode utf8
+    @cmd "fileWrite", ["data/data.json", btoa(json_raw)], (res) => # Convert to to base64 and send
+      if res == "ok"
+        if cb then cb(true)
+      else
+        @cmd "wrapperNotification", ["error", "File write error: #{res}"]
+        if cb then cb(false)
+      @checkPublishbar()
+
+    # Updating title in content.json
+    @cmd "fileGet", ["content.json"], (content) =>
+      content = content.replace /"title": ".*?"/, "\"title\": \"#{data.title}\"" # Load as raw html to prevent js bignumber problems
+      @cmd "fileWrite", ["content.json", btoa(content)], (res) =>
+        if res != "ok"
+          @cmd "wrapperNotification", ["error", "Content.json write error: #{res}"]
+
+        # If the privatekey is stored sign the new content
+        if @site_info["privatekey"]
+          @cmd "siteSign", ["stored", "content.json"], (res) =>
+            @log "Sign result", res
+
+
+  writePublish: (inner_path, data, cb) ->
+    @cmd "fileWrite", [inner_path, data], (res) =>
+      if res != "ok" # fileWrite failed
+        @cmd "wrapperNotification", ["error", "File write error: #{res}"]
+        cb(false)
+        return false
+
+      @cmd "sitePublish", {"inner_path": inner_path}, (res) =>
+        if res == "ok"
+          cb(true)
+        else
+          cb(res)
+
+  submitPostVote: (e) =>
+    if not Page.site_info.cert_user_id # No selected cert
+      Page.cmd "certSelect", [["zeroid.bit"]]
+      return false
+
+    elem = $(e.currentTarget)
+    elem.toggleClass("active").addClass("loading")
+    inner_path = "data/users/#{@site_info.auth_address}/data.json"
+    Page.cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
+      if data
+        data = JSON.parse(data)
+      else # Default data
+        data = {"next_comment_id": 1, "comment": [], "comment_vote": {}, "post_vote": {} }
+
+      if not data.post_vote
+        data.post_vote = {}
+      post_id = elem.attr("id").match("_([0-9]+)$")[1]
+
+      if elem.hasClass("active")
+        data.post_vote[post_id] = 1
+      else
+        delete data.post_vote[post_id]
+      json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
+
+      current_num = parseInt elem.find(".num").text()
+      if not current_num
+        current_num = 0
+      if elem.hasClass("active")
+        elem.find(".num").text(current_num+1)
+      else
+        elem.find(".num").text(current_num-1)
+
+      Page.writePublish inner_path, btoa(json_raw), (res) =>
+        elem.removeClass("loading")
+        @log "Writepublish result", res
+
+    return false
+
+  # Parse incoming requests
+  onRequest: (cmd, message) ->
+    if cmd == "setSiteInfo" # Site updated
+      @actionSetSiteInfo(message)
+    else
+      @log "Unknown command", message
+
+
+  # Siteinfo changed
+  actionSetSiteInfo: (message) =>
+    @setSiteinfo(message.params)
+    @checkPublishbar()
+
+
+  setSiteinfo: (site_info) =>
+    @site_info = site_info
+    @event_site_info.resolve(site_info)
+    if $("body").hasClass("page-post") then Comments.checkCert() # Update if username changed
+    # User commented
+    if site_info.event?[0] == "file_done" and site_info.event[1].match /.*users.*data.json$/
+      if $("body").hasClass("page-post")
+        @pagePost()
+        Comments.loadComments() # Post page, reload comments
+        @loadLastcomments()
+      if $("body").hasClass("page-main")
+        RateLimit 500, =>
+          @pageMain()
+          @loadLastcomments()
+    else if site_info.event?[0] == "file_done" and site_info.event[1] == "data/data.json"
+      @loadData()
+      if $("body").hasClass("page-main") then @pageMain()
+      if $("body").hasClass("page-post") then @pagePost()
 
 
 window.Page = new ZeroBlog()

From 0aba8ad21bca6faeaa28c2054947dff1ce9196e8 Mon Sep 17 00:00:00 2001
From: unknown <unknown@unknown.com>
Date: Thu, 21 Apr 2016 12:36:08 +0800
Subject: [PATCH 2/4] quiet coffeelint

---
 js/ZeroBlog.coffee | 173 ++++++++++++++++++++++++++++++---------------
 1 file changed, 116 insertions(+), 57 deletions(-)

diff --git a/js/ZeroBlog.coffee b/js/ZeroBlog.coffee
index a2c4ab4..9da5fbf 100644
--- a/js/ZeroBlog.coffee
+++ b/js/ZeroBlog.coffee
@@ -16,7 +16,7 @@ class ZeroBlog extends ZeroFrame
         @checkPublishbar()
         $(".publishbar").off("click").on "click", @publish
         $(".posts .button.new").css("display", "inline-block")
-        $(".editbar .icon-help").off("click").on "click", =>
+        $(".editbar .icon-help").off("click").on "click", ->
           $(".editbar .markdown-help").css("display", "block")
           $(".editbar .markdown-help").toggleClassLater("visible", 10)
           $(".editbar .icon-help").toggleClass("active")
@@ -25,8 +25,9 @@ class ZeroBlog extends ZeroFrame
     $.when(@event_site_info).done =>
       @log "event site info"
       # Set avatar
-      imagedata = new Identicon(@site_info.address, 70).toString();
-      $("body").append("<style>.avatar { background-image: url(data:image/png;base64,#{imagedata}) }</style>")
+      imagedata = new Identicon(@site_info.address, 70).toString()
+      $("body").append("<style>.avatar { background-image: \
+          url(data:image/png;base64,#{imagedata}) }</style>")
       @initFollowButton()
     @log "inited!"
 
@@ -54,11 +55,15 @@ class ZeroBlog extends ZeroFrame
          '?Post:' || comment.post_id || '#Comments' AS url
         FROM comment
         LEFT JOIN json USING (json_id)
-        LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
-        LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
+        LEFT JOIN json AS json_content ON
+        (json_content.directory = json.directory
+        AND json_content.file_name='content.json')
+        LEFT JOIN keyvalue ON
+        (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
         LEFT JOIN post ON (comment.post_id = post.post_id)
         WHERE
-         comment.body LIKE '%[#{username}%' OR comment.body LIKE '%@#{username}%'
+         comment.body LIKE '%[#{username}%' OR
+         comment.body LIKE '%@#{username}%'
       ", true)
 
     @follow.addFeed("Comments", "
@@ -70,8 +75,11 @@ class ZeroBlog extends ZeroFrame
        '?Post:' || comment.post_id || '#Comments' AS url
       FROM comment
       LEFT JOIN json USING (json_id)
-      LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
-      LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
+      LEFT JOIN json AS json_content ON
+      (json_content.directory = json.directory AND
+      json_content.file_name='content.json')
+      LEFT JOIN keyvalue ON
+      (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
       LEFT JOIN post ON (comment.post_id = post.post_id)")
     @follow.init()
 
@@ -79,25 +87,35 @@ class ZeroBlog extends ZeroFrame
   loadData: (query="new") ->
     # Get blog parameters
     if query == "old" # Old type query for pre 0.3.0
-      query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id) WHERE path = 'data.json'"
+      query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id)
+      WHERE path = 'data.json'"
     else
-      query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id) WHERE directory = '' AND file_name = 'data.json'"
+      query = "SELECT key, value FROM json LEFT JOIN keyvalue USING (json_id)
+      WHERE directory = '' AND file_name = 'data.json'"
     @cmd "dbQuery", [query], (res) =>
       @data = {}
       if res
         for row in res
           @data[row.key] = row.value
-        $(".left h1 a:not(.editable-edit)").html(@data.title).data("content", @data.title)
-        $(".left h2").html(Text.renderMarked(@data.description)).data("content", @data.description)
-        $(".left .links").html(Text.renderMarked(@data.links)).data("content", @data.links)
+        $(".left h1 a:not(.editable-edit)").html(@data.title)
+            .data("content", @data.title)
+        $(".left h2").html(Text.renderMarked(@data.description))
+            .data("content", @data.description)
+        $(".left .links").html(Text.renderMarked(@data.links))
+            .data("content", @data.links)
 
   loadLastcomments: (type="show", cb=false) ->
     query = "
-      SELECT comment.*, json_content.json_id AS content_json_id, keyvalue.value AS cert_user_id, json.directory, post.title AS post_title
+      SELECT
+      comment.*, json_content.json_id AS content_json_id,
+      keyvalue.value AS cert_user_id, json.directory, post.title AS post_title
       FROM comment
       LEFT JOIN json USING (json_id)
-      LEFT JOIN json AS json_content ON (json_content.directory = json.directory AND json_content.file_name='content.json')
-      LEFT JOIN keyvalue ON (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
+      LEFT JOIN json AS json_content ON
+      (json_content.directory = json.directory AND
+      json_content.file_name='content.json')
+      LEFT JOIN keyvalue ON
+      (keyvalue.json_id = json_content.json_id AND key = 'cert_user_id')
       LEFT JOIN post ON (comment.post_id = post.post_id)
       WHERE post.title IS NOT NULL
       ORDER BY date_added DESC LIMIT 3"
@@ -107,9 +125,12 @@ class ZeroBlog extends ZeroFrame
         $(".lastcomments").css("display", "block")
         res.reverse()
       for lastcomment in res
-        elem = $("#lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
+        elem =
+            $("#lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
         if elem.length == 0 # Not exits yet
-          elem = $(".lastcomment.template").clone().removeClass("template").attr("id", "lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
+          elem = $(".lastcomment.template").clone().
+          removeClass("template").attr("id",
+          "lastcomment_#{lastcomment.json_id}_#{lastcomment.comment_id}")
           if type != "noanim"
             elem.cssSlideDown()
           elem.prependTo(".lastcomments ul")
@@ -117,25 +138,32 @@ class ZeroBlog extends ZeroFrame
       if cb then cb()
 
   applyLastcommentdata: (elem, lastcomment) ->
-    elem.find(".user_name").text(lastcomment.cert_user_id.replace(/@.*/, "")+":")
+    elem.find(".user_name")
+        .text(lastcomment.cert_user_id.replace(/@.*/, "")+":")
 
     body = Text.renderMarked(lastcomment.body)
     body = body.replace /[\r\n]/g, " "  # Remove whitespace
-    body = body.replace /\<blockquote\>.*?\<\/blockquote\>/g, " "  # Remove quotes
+    #Remove quotes
+    body = body.replace /\<blockquote\>.*?\<\/blockquote\>/g, " "
     body = body.replace /\<.*?\>/g, " "  # Remove html codes
     if body.length > 60  # Strip if too long
-      body = body[0..60].replace(/(.*) .*?$/, "$1") + " ..."  # Keep the last 60 character and strip back until last space
+      #Keep the last 60 character and strip back until last space
+      body = body[0..60].replace(/(.*) .*?$/, "$1") + " ..."
     elem.find(".body").html(body)
 
-    title_hash = lastcomment.post_title.replace(/[#?& ]/g, "+").replace(/[+]+/g, "+")
-    elem.find(".postlink").text(lastcomment.post_title).attr("href", "?Post:#{lastcomment.post_id}:#{title_hash}#Comments")
+    title_hash = lastcomment.post_title.replace(/[#?& ]/g, "+")
+        .replace(/[+]+/g, "+")
+    elem.find(".postlink").text(lastcomment.post_title)
+        .attr("href", "?Post:#{lastcomment.post_id}:#{title_hash}#Comments")
 
   applyPagerdata: (page, limit, has_next) ->
     pager = $(".pager")
     if page > 1
-      pager.find(".prev").css("display", "inline-block").attr("href", "?page=#{page-1}")
+      pager.find(".prev").css("display", "inline-block")
+          .attr("href", "?page=#{page-1}")
     if has_next
-      pager.find(".next").css("display", "inline-block").attr("href", "?page=#{page+1}")
+      pager.find(".next").css("display", "inline-block")
+          .attr("href", "?page=#{page+1}")
 
   routeUrl: (url) ->
     @log "Routing url:", url
@@ -153,12 +181,15 @@ class ZeroBlog extends ZeroFrame
 
   pagePost: () ->
     s = (+ new Date)
-    @cmd "dbQuery", ["SELECT *, (SELECT COUNT(*) FROM post_vote WHERE post_vote.post_id = post.post_id) AS votes FROM post WHERE post_id = #{@post_id} LIMIT 1"], (res) =>
+    @cmd "dbQuery", ["SELECT *, (SELECT COUNT(*) FROM post_vote WHERE
+        post_vote.post_id = post.post_id) AS votes FROM post
+        WHERE post_id = #{@post_id} LIMIT 1"], (res) =>
       parse_res = (res) =>
         if res.length
           post = res[0]
           @applyPostdata($(".post-full"), post, true)
-          $(".post-full .like").attr("id", "post_like_#{post.post_id}").off("click").off("click").on "click", @submitPostVote
+          $(".post-full .like").attr("id", "post_like_#{post.post_id}")
+              .off("click").off("click").on "click", @submitPostVote
           Comments.pagePost(@post_id)
         else
           $(".post-full").html("<h1>Not found</h1>")
@@ -167,7 +198,8 @@ class ZeroBlog extends ZeroFrame
 
       # Temporary dbschema bug workaround
       if res.error
-        @cmd "dbQuery", ["SELECT *, -1 AS votes FROM post WHERE post_id = #{@post_id} LIMIT 1"], parse_res
+        @cmd "dbQuery", ["SELECT *, -1 AS votes FROM post
+            WHERE post_id = #{@post_id} LIMIT 1"], parse_res
       else
         parse_res(res)
 
@@ -177,7 +209,8 @@ class ZeroBlog extends ZeroFrame
     query = """
       SELECT
         post.*, COUNT(comment_id) AS comments,
-        (SELECT COUNT(*) FROM post_vote WHERE post_vote.post_id = post.post_id) AS votes
+        (SELECT COUNT(*) FROM post_vote
+        WHERE post_vote.post_id = post.post_id) AS votes
       FROM post
       LEFT JOIN comment USING (post_id)
       GROUP BY post_id
@@ -197,10 +230,13 @@ class ZeroBlog extends ZeroFrame
         for post in res
           elem = $("#post_#{post.post_id}")
           if elem.length == 0 # Not exits yet
-            elem = $(".post.template").clone().removeClass("template").attr("id", "post_#{post.post_id}")
+            elem = $(".post.template").clone().removeClass("template")
+                .attr("id", "post_#{post.post_id}")
             elem.prependTo(".posts")
-            # elem.find(".score").attr("id", "post_score_#{post.post_id}").on "click", @submitPostVote # Submit vote
-            elem.find(".like").attr("id", "post_like_#{post.post_id}").off("click").on "click", @submitPostVote
+            # elem.find(".score").attr("id", "post_score_#{post.post_id}")
+            # .on "click", @submitPostVote # Submit vote
+            elem.find(".like").attr("id", "post_like_#{post.post_id}")
+                .off("click").on "click", @submitPostVote
           @applyPostdata(elem, post)
         @pageLoaded()
         @log "Posts loaded in", ((+ new Date)-s),"ms"
@@ -280,7 +316,8 @@ class ZeroBlog extends ZeroFrame
       @cmd "sitePublish", ["stored"], (res) =>
         @log "Publish result:", res
     else
-      @cmd "wrapperPrompt", ["Enter your private key:", "password"], (privatekey) => # Prompt the private key
+      @cmd "wrapperPrompt", ["Enter your private key:", "password"],
+      (privatekey) => # Prompt the private key
         $(".publishbar .button").addClass("loading")
         @cmd "sitePublish", [privatekey], (res) =>
           $(".publishbar .button").removeClass("loading")
@@ -293,16 +330,22 @@ class ZeroBlog extends ZeroFrame
   applyPostdata: (elem, post, full=false) ->
     title_hash = post.title.replace(/[#?& ]/g, "+").replace(/[+]+/g, "+")
     elem.data("object", "Post:"+post.post_id)
-    $(".title .editable", elem).html(post.title).attr("href", "?Post:#{post.post_id}:#{title_hash}").data("content", post.title)
+    $(".title .editable", elem).html(post.title)
+        .attr("href", "?Post:#{post.post_id}:#{title_hash}")
+        .data("content", post.title)
     date_published = Time.since(post.date_published)
     # Published date
     if post.body.match /^---/m # Has more over fold
-      date_published += " &middot; #{Time.readtime(post.body)}" # If has break add readtime
-      $(".more", elem).css("display", "inline-block").attr("href", "?Post:#{post.post_id}:#{title_hash}")
-    $(".details .published", elem).html(date_published).data("content", post.date_published)
+      # If has break add readtime
+      date_published += " &middot; #{Time.readtime(post.body)}"
+      $(".more", elem).css("display", "inline-block")
+          .attr("href", "?Post:#{post.post_id}:#{title_hash}")
+    $(".details .published", elem).html(date_published)
+        .data("content", post.date_published)
     # Comments num
     if post.comments > 0
-      $(".details .comments-num", elem).css("display", "inline").attr("href", "?Post:#{post.post_id}:#{title_hash}#Comments")
+      $(".details .comments-num", elem).css("display", "inline")
+          .attr("href", "?Post:#{post.post_id}:#{title_hash}#Comments")
       if post.comments > 1
         $(".details .comments-num .num", elem).text("#{post.comments} comments")
       else
@@ -355,7 +398,8 @@ class ZeroBlog extends ZeroFrame
           post_id AS uri
         FROM json
         LEFT JOIN post_vote USING (json_id)
-        WHERE directory = 'users/#{@site_info.auth_address}' AND file_name = 'data.json'
+        WHERE directory = 'users/#{@site_info.auth_address}'
+        AND file_name = 'data.json'
       """
       @cmd "dbQuery", [query_my_votes], (res) =>
         for row in res
@@ -390,7 +434,8 @@ class ZeroBlog extends ZeroFrame
 
   # Save content to data.json
   saveContent: (elem, content, cb=false) =>
-    if elem.data("deletable") and content == null then return @deleteObject(elem, cb) # Its a delete request
+    if elem.data("deletable") and content == null
+    then return @deleteObject(elem, cb) # Its a delete request
     elem.data("content", content)
     [type, id] = @getObject(elem).data("object").split(":")
     id = parseInt(id)
@@ -414,7 +459,7 @@ class ZeroBlog extends ZeroFrame
       else if type == "Site"
         data[elem.data("editable")] = content
 
-      @writeData data, (res) =>
+      @writeData data, (res) ->
         if cb
           if res == true # OK
             if elem.data("editable-mode") == "simple" # No markdown
@@ -434,9 +479,11 @@ class ZeroBlog extends ZeroFrame
     inner_path = "data/users/#{Page.site_info.auth_address}/data.json"
     Page.cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
       data = JSON.parse(data)
-      comment = (comment for comment in data.comment when comment.comment_id == id)[0]
+      comment = (
+        comment for comment in data.comment when comment.comment_id == id)[0]
       comment[elem.data("editable")] = content
-      json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
+      json_raw = unescape(encodeURIComponent(
+        JSON.stringify(data, undefined, '\t')))
       @writePublish inner_path, btoa(json_raw), (res) =>
         if res == true
           Comments.checkCert("updaterules")
@@ -460,17 +507,19 @@ class ZeroBlog extends ZeroFrame
           if not post then return false # No post found for this id
           data.post.splice(data.post.indexOf(post), 1) # Remove from data
 
-          @writeData data, (res) =>
+          @writeData data, (res) ->
             if cb then cb()
             if res == true then elem.slideUp()
     else if type == "Comment"
       inner_path = "data/users/#{Page.site_info.auth_address}/data.json"
       @cmd "fileGet", {"inner_path": inner_path, "required": false}, (data) =>
         data = JSON.parse(data)
-        comment = (comment for comment in data.comment when comment.comment_id == id)[0]
+        comment = (
+          comment for comment in data.comment when comment.comment_id == id)[0]
         data.comment.splice(data.comment.indexOf(comment), 1)
-        json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
-        @writePublish inner_path, btoa(json_raw), (res) =>
+        json_raw = unescape(encodeURIComponent(
+          JSON.stringify(data, undefined, '\t')))
+        @writePublish inner_path, btoa(json_raw), (res) ->
           if res == true
             elem.slideUp()
           if cb then cb()
@@ -481,8 +530,11 @@ class ZeroBlog extends ZeroFrame
     if not data
       return @log "Data missing"
     @data["modified"] = data.modified = Time.timestamp()
-    json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t'))) # Encode to json, encode utf8
-    @cmd "fileWrite", ["data/data.json", btoa(json_raw)], (res) => # Convert to to base64 and send
+    json_raw = unescape(
+       # Encode to json, encode utf8
+      encodeURIComponent(JSON.stringify(data, undefined, '\t')))
+    # Convert to to base64 and send
+    @cmd "fileWrite", ["data/data.json", btoa(json_raw)], (res) =>
       if res == "ok"
         if cb then cb(true)
       else
@@ -492,10 +544,12 @@ class ZeroBlog extends ZeroFrame
 
     # Updating title in content.json
     @cmd "fileGet", ["content.json"], (content) =>
-      content = content.replace /"title": ".*?"/, "\"title\": \"#{data.title}\"" # Load as raw html to prevent js bignumber problems
+      # Load as raw html to prevent js bignumber problems
+      content = content.replace /"title": ".*?"/,"\"title\": \"#{data.title}\""
       @cmd "fileWrite", ["content.json", btoa(content)], (res) =>
         if res != "ok"
-          @cmd "wrapperNotification", ["error", "Content.json write error: #{res}"]
+          @cmd "wrapperNotification",
+          ["error", "Content.json write error: #{res}"]
 
         # If the privatekey is stored sign the new content
         if @site_info["privatekey"]
@@ -510,7 +564,7 @@ class ZeroBlog extends ZeroFrame
         cb(false)
         return false
 
-      @cmd "sitePublish", {"inner_path": inner_path}, (res) =>
+      @cmd "sitePublish", {"inner_path": inner_path}, (res) ->
         if res == "ok"
           cb(true)
         else
@@ -528,7 +582,8 @@ class ZeroBlog extends ZeroFrame
       if data
         data = JSON.parse(data)
       else # Default data
-        data = {"next_comment_id": 1, "comment": [], "comment_vote": {}, "post_vote": {} }
+        data = {"next_comment_id": 1, "comment": [], "comment_vote": {},
+        "post_vote": {} }
 
       if not data.post_vote
         data.post_vote = {}
@@ -538,7 +593,8 @@ class ZeroBlog extends ZeroFrame
         data.post_vote[post_id] = 1
       else
         delete data.post_vote[post_id]
-      json_raw = unescape(encodeURIComponent(JSON.stringify(data, undefined, '\t')))
+      json_raw = unescape(encodeURIComponent(
+        JSON.stringify(data, undefined, '\t')))
 
       current_num = parseInt elem.find(".num").text()
       if not current_num
@@ -571,9 +627,11 @@ class ZeroBlog extends ZeroFrame
   setSiteinfo: (site_info) =>
     @site_info = site_info
     @event_site_info.resolve(site_info)
-    if $("body").hasClass("page-post") then Comments.checkCert() # Update if username changed
+     # Update if username changed
+    if $("body").hasClass("page-post") then Comments.checkCert()
     # User commented
-    if site_info.event?[0] == "file_done" and site_info.event[1].match /.*users.*data.json$/
+    if site_info.event?[0] == "file_done" and
+    site_info.event[1].match /.*users.*data.json$/
       if $("body").hasClass("page-post")
         @pagePost()
         Comments.loadComments() # Post page, reload comments
@@ -582,7 +640,8 @@ class ZeroBlog extends ZeroFrame
         RateLimit 500, =>
           @pageMain()
           @loadLastcomments()
-    else if site_info.event?[0] == "file_done" and site_info.event[1] == "data/data.json"
+    else if site_info.event?[0] == "file_done" and
+    site_info.event[1] == "data/data.json"
       @loadData()
       if $("body").hasClass("page-main") then @pageMain()
       if $("body").hasClass("page-post") then @pagePost()

From 5aad065f4cfc06f7fc6f176707caba28409fa17b Mon Sep 17 00:00:00 2001
From: nobody <nogroup@nogroup.com>
Date: Thu, 21 Apr 2016 19:10:07 +0000
Subject: [PATCH 3/4] get total post when query posts

when selecting posts, select count(*) from post as first row
so we can do better page display
---
 js/ZeroBlog.coffee | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/js/ZeroBlog.coffee b/js/ZeroBlog.coffee
index 9da5fbf..82341e2 100644
--- a/js/ZeroBlog.coffee
+++ b/js/ZeroBlog.coffee
@@ -156,12 +156,12 @@ class ZeroBlog extends ZeroFrame
     elem.find(".postlink").text(lastcomment.post_title)
         .attr("href", "?Post:#{lastcomment.post_id}:#{title_hash}#Comments")
 
-  applyPagerdata: (page, limit, has_next) ->
+  applyPagerdata: (page, limit, total) ->
     pager = $(".pager")
     if page > 1
       pager.find(".prev").css("display", "inline-block")
           .attr("href", "?page=#{page-1}")
-    if has_next
+    if page * limit < total
       pager.find(".next").css("display", "inline-block")
           .attr("href", "?page=#{page+1}")
 
@@ -207,6 +207,12 @@ class ZeroBlog extends ZeroFrame
   pageMain: ->
     limit = 15
     query = """
+      SELECT COUNT(*) as post_id,
+        NULL as title,NULL as body,NULL as date_published,
+        NULL as json_id, NULL as comments,NULL as votes
+      FROM post
+      UNION ALL
+      SELECT * FROM (
       SELECT
         post.*, COUNT(comment_id) AS comments,
         (SELECT COUNT(*) FROM post_vote
@@ -215,16 +221,16 @@ class ZeroBlog extends ZeroFrame
       LEFT JOIN comment USING (post_id)
       GROUP BY post_id
       ORDER BY date_published DESC
-      LIMIT #{(@page-1)*limit}, #{limit+1}
+      LIMIT #{(@page-1)*limit}, #{limit}
+      )
     """
     @cmd "dbQuery", [query], (res) =>
       parse_res = (res) =>
+        total = res[0].post_id
+        res = res[1..]
         s = (+ new Date)
-        if res.length > limit # Has next page
-          res.pop()
-          @applyPagerdata(@page, limit, true)
-        else
-          @applyPagerdata(@page, limit, false)
+        
+        @applyPagerdata(@page, limit, total)
 
         res.reverse()
         for post in res

From 02dc86a258f8d33fdce52553c8e2f1fa2e415f1b Mon Sep 17 00:00:00 2001
From: nobody <nogroup@nogroup.com>
Date: Thu, 21 Apr 2016 21:09:46 +0000
Subject: [PATCH 4/4] better add blog page support

previously only show prev/next, hard to jump. this improve it by:
support jump to first/last page
show current page and neighbour page links (instead of prev/next)
if not all next pages can showup, ... added to last link to notice user
---
 css/ZeroBlog.css   |  6 ++--
 index.html         |  5 ++--
 js/ZeroBlog.coffee | 71 ++++++++++++++++++++++++++++++++++++++++++----
 3 files changed, 72 insertions(+), 10 deletions(-)

diff --git a/css/ZeroBlog.css b/css/ZeroBlog.css
index 5557b39..b8935f7 100644
--- a/css/ZeroBlog.css
+++ b/css/ZeroBlog.css
@@ -159,10 +159,10 @@ blockquote { border-left: 3px solid #333; margin-left: 0px; padding-left: 1em }
 .pager a { border: 2px solid #333; padding: 10px 20px; font-size: 15px; display: none; transition: all 0.3s }
 .pager a:hover { color: white; box-shadow: inset 150px 0px 0px 0px #333; }
 .pager a:active { color: white; box-shadow: inset 150px 0px 0px 0px #AF3BFF; transition: none; border-color: #AF3BFF }
-.pager .next { float: right }
-.pager .prev:hover { box-shadow: inset -150px 0px 0px 0px #333; }
-.pager .prev:active { box-shadow: inset -150px 0px 0px 0px #AF3BFF; }
 
+.pager .currentpage:hover{}
+.pager .currentpage { color: white; box-shadow: inset 150px 0px 0px 0px #AF3BFF; transition: none; border-color: #AF3BFF }
+.pager .pagershow {display:inline-block; margin:1px}
 /* Score */
 /*
 .score {
diff --git a/index.html b/index.html
index d4a3d00..bd2f975 100644
--- a/index.html
+++ b/index.html
@@ -152,8 +152,9 @@ <h2 id="Comments">0 Comments:</h2>
 
  <!-- Pager -->
  <div class="pager">
-  <a class="prev" href="#">← <span>Prev page</span></a>
-  <a class="next" href="#"><span>Next page</span> →</a>
+  <a class="first" href="?page=1">&lt;&lt;</a>
+  <a class="currentpage" href="javascript:void"></a>
+  <a class="last" href="#">&gt;&gt;</a>
  </div>
  <!-- EOF Pager -->
 
diff --git a/js/ZeroBlog.coffee b/js/ZeroBlog.coffee
index 82341e2..80bed71 100644
--- a/js/ZeroBlog.coffee
+++ b/js/ZeroBlog.coffee
@@ -158,12 +158,73 @@ class ZeroBlog extends ZeroFrame
 
   applyPagerdata: (page, limit, total) ->
     pager = $(".pager")
+
+    total_page = (total+limit-1)//limit
+    if total_page <1
+      return
+
+    current_page =pager.find(".currentpage")
+    current_page.text(page).css("display","inline-block")
+    has_first = 0
     if page > 1
-      pager.find(".prev").css("display", "inline-block")
-          .attr("href", "?page=#{page-1}")
-    if page * limit < total
-      pager.find(".next").css("display", "inline-block")
-          .attr("href", "?page=#{page+1}")
+      pager.find(".first").css("display", "inline-block")
+      has_first = 1
+
+		
+    has_last = 0
+    if page != total_page
+      pager.find(".last").css("display", "inline-block")
+          .attr("href", "?page=#{total_page}")
+      has_last = 1
+
+    if total_page<4
+      return
+
+    #margin , or number larger
+    element_width = current_page.width() + 7
+    # how many buttons we can insert ?
+    number = pager.width() // element_width - has_first - has_last - 1
+
+    half = number//2
+    # exclude left pages
+    # but not underflow 1
+    left_pages_max = Math.min(page-1,
+      #half of insertable, or page near last
+      Math.max(half, number-(total_page-page)))
+
+    right_pages_max = Math.min(total_page-page,
+      Math.max(half, total_page-page))
+
+    left_pages = 0
+    right_pages = 0
+
+    if left_pages_max < half
+      left_pages = left_pages_max
+      right_pages = Math.min(number - left_pages,right_pages_max)
+    else if right_pages_max < half
+      right_pages = right_pages_max
+      left_pages = Math.min(number - right_pages,left_pages_max)
+    else
+      left_pages = half
+      right_pages = number-half
+
+    i=0
+
+    while i<left_pages
+      #this only enter when current page > 1 so first button always show
+      n = page - left_pages+i
+      current_page.before("<a class='pagershow' href='?page=#{n}'>#{n}</a>")
+      ++i
+
+    i=0
+    while i<right_pages
+      n = page+right_pages-i
+      text = n
+      if i is 0 && n!=total_page
+        text = n+"..."
+        
+      current_page.after("<a class='pagershow' href='?page=#{n}'>#{text}</a>")
+      ++i
 
   routeUrl: (url) ->
     @log "Routing url:", url