Add: anouncement read counter

app/js/tl/announParse.js

@@ -79,7 +79,7 @@ function announParse(obj, acct_id, tlid) {
 
 		template =
 			template +
-			`<div class="announcement">
+			`<div class="announcement" data-id="${toot.id}">
             ${content}
             <div class="reactionsPack">
                 ${reactions}

app/js/tl/notification.js

@@ -406,6 +406,11 @@ function notfCanceler(acct) {
 	localStorage.removeItem('notf-follow_' + acct)
 	$('.notf-follow_' + acct).addClass('hide')
 	$('.notf-icon_' + acct).removeClass('red-text')
+	var id = $('#announce_' + acct + ' .announcement').first().attr('data-id')
+	$('.notf-announ_' + acct + '_ct').text("")
+	if(id) {
+		localStorage.setItem('announ_' + acct, id)
+	}
 }
 function allNotfRead() {
 	var multi = localStorage.getItem('multi')

app/js/tl/tl.js

@@ -1191,7 +1191,16 @@ function announ(acct_id, tlid) {
 			}
 			if (json.length > 0) {
 				$('.notf-announ_' + acct_id).removeClass('hide')
-				$('.notf-announ_' + acct_id + '_ct').text(json.length)
+				var ct = 0
+				for (var i = 0; i < json.length; i++) {
+					if (localStorage.getItem('announ_' + acct_id) == json[i].id) {
+						break
+					}
+					ct++
+				}
+				if(ct > 0) {
+					$('.notf-announ_' + acct_id + '_ct').text(ct)
+				}
 			} else {
 				$('.notf-announ_' + acct_id).addClass('hide')
 			}

app/js/ui/layout.js

@@ -368,9 +368,10 @@ function parseColumn(target, dontclose) {
 							title="${unique_notf}" ${icnsert}>
 							<i class="material-icons waves-effect nex notf-icon_${acct.domain}">notifications</i>
 						</a>
-						<span class="cbadge hide notf-announ_${acct.domain}" style="margin-right:0" onclick="notfToggle('${acct.domain}','${key}')">
+						<span class="cbadge hide notf-announ_${acct.domain}" style="margin-right:0" 
+							onclick="notfToggle('${acct.domain}','${key}')" title="${lang.lang_layout_announ}">
 							<i class="fas fa-bullhorn"></i>
-							<span class="notf-announ_${acct.domain}_ct">0</span>
+							<span class="notf-announ_${acct.domain}_ct"></span>
 						</span>
 						${if_tag_btn}
 					</div>

app/view/make/language/en/main.json

@@ -139,6 +139,7 @@
     "lang_layout_deleteColumnDesc": "Delete this column",
     "lang_layout_unread": "Unread",
     "lang_layout_tagManager": "Tag timeline manager",
+    "lang_layout_announ": "Announcement: the counter is the number of your unread announcements. If not shown, it means announcements are all marked as read.",
     "lang_sort_gothis": "Go to this column",
     "lang_sort_remthis": "Delete this column",
     "lang_spotify_img": "Attach an album artwork",

app/view/make/language/ja-KS/main.json

@@ -138,6 +138,7 @@
     "lang_layout_deleteColumnDesc": "カラムを削除してええ？",
     "lang_layout_unread": "未読",
     "lang_layout_tagManager": "タグタイムラインをいじる",
+    "lang_layout_announ": "お知らせ: 数字は未読数や。表示されてんときはもう読んでしもたいうことやな。",
     "lang_sort_gothis": "このカラムへ",
     "lang_sort_remthis": "このカラムを消す",
     "lang_spotify_img": "アルバムアートワークを付けるで。",

app/view/make/language/ja/main.json

@@ -139,6 +139,7 @@
     "lang_layout_deleteColumnDesc": "カラムを削除しますか？",
     "lang_layout_unread": "未読",
     "lang_layout_tagManager": "タグタイムラインの編集",
+    "lang_layout_announ": "お知らせ: 数字は未読数を表します。表示されていない場合は全て既読です。",
     "lang_sort_gothis": "このカラムへ",
     "lang_sort_remthis": "このカラムを削除",
     "lang_spotify_img": "アルバムアートワークを添付します。",