1 files changed, 72 insertions, 5 deletions

diff --git a/view/js/main.js b/view/js/main.js
index 98a756fff..acb9b462f 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -25,13 +25,14 @@ var liveRecurse = 0;
 var savedTitle = '';
 var initialLoad = true;
 
-// Clear the session storage if we switch channel or log out
+// Clear the session and local storage if we switch channel or log out
 var cache_uid = '';
 if(sessionStorage.getItem('uid') !== null) {
 	cache_uid = sessionStorage.getItem('uid');
 }
 if(cache_uid !== localUser.toString()) {
 	sessionStorage.clear();
+	localStorage.clear();
 	sessionStorage.setItem('uid', localUser.toString());
 }
 
@@ -166,6 +167,7 @@ function handle_comment_form(e) {
 		$('#' + commentElm).addClass('expanded').removeAttr('placeholder');
 		$('#' + commentElm).attr('tabindex','9');
 		$('#' + submitElm).attr('tabindex','10');
+		
 		form.find(':not(:visible)').show();
 	}
 
@@ -185,6 +187,37 @@ function handle_comment_form(e) {
 			form.find(':not(.comment-edit-text)').hide();
 		}
 	});
+	
+	var commentSaveTimer = null;
+	var emptyCommentElm = form.find('.comment-edit-text').attr('id');
+	var convId = emptyCommentElm.replace('comment-edit-text-','');
+	$(document).on('focusout','#' + emptyCommentElm,function(e){
+		if(commentSaveTimer)
+			clearTimeout(commentSaveTimer);
+		commentSaveChanges(convId,true);
+		commentSaveTimer = null;
+	});
+
+	$(document).on('focusin','#' + emptyCommentElm,function(e){
+		commentSaveTimer = setTimeout(function () {
+			commentSaveChanges(convId,false);
+		},10000);
+	});
+
+	function commentSaveChanges(convId,isFinal = false) {
+		if(auto_save_draft) {
+			tmp = $('#' + emptyCommentElm).val();
+			if(tmp) {
+				localStorage.setItem("comment_body-" + convId, tmp);
+			}
+			else {
+				localStorage.removeItem("comment_body-" + convId);
+			}
+			if( !isFinal) {
+				commentSaveTimer = setTimeout(commentSaveChanges,10000,convId);
+			}
+		}
+	}
 }
 
 function commentClose(obj, id) {
@@ -436,6 +469,14 @@ function handleNotifications(data) {
 		$('.notifications-btn-icon').removeClass('fa-exclamation-triangle');
 		$('.notifications-btn-icon').addClass('fa-exclamation-circle');
 	}
+	if(data.all_events_today) {
+		$('.all_events-update').removeClass('badge-secondary');
+		$('.all_events-update').addClass('badge-danger');
+	}
+	else {
+		$('.all_events-update').removeClass('badge-danger');
+		$('.all_events-update').addClass('badge-secondary');
+	}
 
 	$.each(data, function(index, item) {
 		//do not process those
@@ -557,8 +598,10 @@ function updateConvItems(mode,data) {
 	$('.thread-wrapper.toplevel_item',data).each(function() {
 
 		var ident = $(this).attr('id');
-
+		var convId = ident.replace('thread-wrapper-','');
 		var commentWrap = $('#'+ident+' .collapsed-comments').attr('id');
+
+
 		var itmId = 0;
 		var isVisible = false;
 
@@ -569,6 +612,9 @@ function updateConvItems(mode,data) {
 		if($('#collapsed-comments-'+itmId).is(':visible'))
 			isVisible = true;
 
+
+
+
 		// insert the content according to the mode and first_page 
 		// and whether or not the content exists already (overwrite it)
 
@@ -590,6 +636,24 @@ function updateConvItems(mode,data) {
 		if(isVisible)
 			showHideComments(itmId);
 
+		var commentBody = localStorage.getItem("comment_body-" + convId);
+
+		if(commentBody) {
+			var commentElm = $('#comment-edit-text-' + convId);
+			if(auto_save_draft) {
+				if($(commentElm).val() === '') {
+					$('#comment-edit-form-' + convId).show();
+					$(commentElm).addClass("expanded");
+					openMenu("comment-tools-" + convId);
+					$(commentElm).val(commentBody);
+				}
+			} else {
+				localStorage.removeItem("comment_body-" + convId);
+			}
+		}
+
+
+
 		// trigger the autotime function on all newly created content
 
 		$("> .wall-item-outside-wrapper .autotime, > .thread-wrapper .autotime",this).timeago();
@@ -1032,18 +1096,21 @@ function dostar(ident) {
 		if(data.result == 1) {
 			$('#starred-' + ident).addClass('starred');
 			$('#starred-' + ident).removeClass('unstarred');
-			$('#starred-' + ident).addClass('fa-star-full');
+			$('#starred-' + ident).addClass('fa-star');
 			$('#starred-' + ident).removeClass('fa-star-o');
 			$('#star-' + ident).addClass('hidden');
 			$('#unstar-' + ident).removeClass('hidden');
+			var btn_tpl = '<div class="btn-group" id="star-button-' + ident + '"><button type="button" class="btn btn-outline-secondary btn-sm wall-item-like" onclick="dostar(' + ident + ');"><i class="fa fa-star"></i></button></div>'
+			$('#wall-item-tools-left-' + ident).prepend(btn_tpl);
 		}
 		else {
 			$('#starred-' + ident).addClass('unstarred');
 			$('#starred-' + ident).removeClass('starred');
 			$('#starred-' + ident).addClass('fa-star-o');
-			$('#starred-' + ident).removeClass('fa-star-full');
+			$('#starred-' + ident).removeClass('fa-star');
 			$('#star-' + ident).removeClass('hidden');
 			$('#unstar-' + ident).addClass('hidden');
+			$('#star-button-' + ident).remove();
 		}
 		$('#like-rotator-' + ident).hide();
 	});
@@ -1098,6 +1165,7 @@ function post_comment(id) {
 		$("#comment-edit-form-" + id).serialize(),
 		function(data) {
 			if(data.success) {
+				localStorage.removeItem("comment_body-" + id);
 				$("#comment-edit-preview-" + id).hide();
 				$("#comment-edit-wrapper-" + id).hide();
 				$("#comment-edit-text-" + id).val('');
@@ -1422,7 +1490,6 @@ function b2h(s) {
 	rep(/\[img=(.*?)x(.*?)\](.*?)\[\/img\]/gi,"<img width=\"$1\" height=\"$2\" src=\"$3\" />");
 	rep(/\[img\](.*?)\[\/img\]/gi,"<img src=\"$1\" />");
 
-	// FIXME - add zid()
 	rep(/\[zrl=([^\]]+)\](.*?)\[\/zrl\]/gi,"<a href=\"$1" + '?f=&zid=' + zid + "\">$2</a>");
 	rep(/\[zrl\](.*?)\[\/zrl\]/gi,"<a href=\"$1" + '?f=&zid=' + zid + "\">$1</a>");
 	rep(/\[zmg=(.*?)x(.*?)\](.*?)\[\/zmg\]/gi,"<img width=\"$1\" height=\"$2\" src=\"$3" + '?f=&zid=' + zid + "\" />");