From a8340d0d919d30437f6df4f05df85e0f3cdc1aee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 8 Feb 2021 11:37:11 -0500
Subject: [PATCH] category-selector-right, use selector on unread

---
 .../partials/category-selector-content.tpl    | 17 ++++++++++++++
 .../partials/category-selector-right.tpl      |  3 +++
 templates/partials/category-selector.tpl      | 20 ++---------------
 templates/unread.tpl                          | 22 ++-----------------
 4 files changed, 24 insertions(+), 38 deletions(-)
 create mode 100644 templates/partials/category-selector-content.tpl
 create mode 100644 templates/partials/category-selector-right.tpl

diff --git a/templates/partials/category-selector-content.tpl b/templates/partials/category-selector-content.tpl
new file mode 100644
index 0000000..b0d890c
--- /dev/null
+++ b/templates/partials/category-selector-content.tpl
@@ -0,0 +1,17 @@
+<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+    <span component="category-selector-selected">{{{ if selectedCategory }}}<span class="fa-stack" style="{function.generateCategoryBackground, selectedCategory}"><i class="fa fa-fw fa-stack-1x {selectedCategory.icon}" style="color: {selectedCategory.color};"></i></span> {selectedCategory.name}{{{ else }}}
+    {{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread_tools.select_category]]{{{ end }}}{{{ end }}}</span> <span class="caret"></span>
+</button>
+<div component="category-selector-search" class="hidden">
+    <input type="text" class="form-control" autocomplete="off">
+</div>
+<ul component="category/list" class="dropdown-menu category-dropdown-menu {{{if pullRight}}}dropdown-menu-right{{{end}}}" role="menu">
+    <li component="category/no-matches" role="presentation" class="category hidden">
+        <a role="menu-item">[[search:no-matches]]</a>
+    </li>
+    {{{each categoryItems}}}
+    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled {{{ end }}}" data-cid="{../cid}" data-name="{../name}" data-parent-cid="{../parentCid}">
+        <a role="menu-item">{../level}<span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">{{{ if ./icon }}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {../color};" class="fa fa-stack-1x fa-fw {../icon}"></i></span>{{{ end }}} {../name}</span></a>
+    </li>
+    {{{ end }}}
+</ul>
\ No newline at end of file
diff --git a/templates/partials/category-selector-right.tpl b/templates/partials/category-selector-right.tpl
new file mode 100644
index 0000000..47de6ce
--- /dev/null
+++ b/templates/partials/category-selector-right.tpl
@@ -0,0 +1,3 @@
+<div component="category-selector" class="btn-group bottom-sheet pull-right">
+<!-- IMPORT partials/category-selector-content.tpl -->
+</div>
\ No newline at end of file
diff --git a/templates/partials/category-selector.tpl b/templates/partials/category-selector.tpl
index 98a1350..a95b2c9 100644
--- a/templates/partials/category-selector.tpl
+++ b/templates/partials/category-selector.tpl
@@ -1,19 +1,3 @@
-<div component="category-selector" class="btn-group {{{ if pullRight }}}pull-right{{{ end }}}">
-	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-		<span component="category-selector-selected">{{{ if selectedCategory }}}<span class="fa-stack" style="{function.generateCategoryBackground, selectedCategory}"><i class="fa fa-fw fa-stack-1x {selectedCategory.icon}" style="color: {selectedCategory.color};"></i></span> {selectedCategory.name}{{{ else }}}
-		{{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread_tools.select_category]]{{{ end }}}{{{ end }}}</span> <span class="caret"></span>
-	</button>
-	<div component="category-selector-search" class="hidden">
-		<input type="text" class="form-control" autocomplete="off">
-	</div>
-	<ul component="category/list" class="dropdown-menu category-dropdown-menu {{{if pullRight}}}dropdown-menu-right{{{end}}}" role="menu">
-		<li component="category/no-matches" role="presentation" class="category hidden">
-			<a role="menu-item">[[search:no-matches]]</a>
-		</li>
-		{{{each categoryItems}}}
-		<li role="presentation" class="category {{{ if ../disabledClass }}}disabled {{{ end }}}" data-cid="{../cid}" data-name="{../name}" data-parent-cid="{../parentCid}">
-			<a role="menu-item">{../level}<span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">{{{ if ./icon }}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {../color};" class="fa fa-stack-1x fa-fw {../icon}"></i></span>{{{ end }}} {../name}</span></a>
-		</li>
-		{{{ end }}}
-	</ul>
+<div component="category-selector" class="btn-group bottom-sheet">
+<!-- IMPORT partials/category-selector-content.tpl -->
 </div>
\ No newline at end of file
diff --git a/templates/unread.tpl b/templates/unread.tpl
index 583f848..fc252f2 100644
--- a/templates/unread.tpl
+++ b/templates/unread.tpl
@@ -17,26 +17,8 @@
 		<!-- IMPORT partials/category/tools.tpl -->
 		</div>
 
-		<div class="markread btn-group pull-right category-dropdown-container bottom-sheet<!-- IF !topics.length --> hidden<!-- ENDIF !topics.length -->">
-			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-				[[unread:mark_as_read]] <span class="caret"></span>
-			</button>
-			<ul class="dropdown-menu category-dropdown-menu" role="menu">
-
-				<li role="presentation">
-					<a id="markSelectedRead" role="menuitem" tabindex="-1" href="#">[[unread:selected]]</a>
-				</li>
-
-				<li role="presentation">
-					<a id="markAllRead" role="menuitem" tabindex="-1" href="#">[[unread:all]]</a>
-				</li>
-				<li class="divider"></li>
-				{{{each categories}}}
-				<li role="presentation" class="category" data-cid="{categories.cid}">
-					<a role="menu-item" href="#">{categories.level}<!-- IF categories.icon --><span class="fa-stack" style="{function.generateCategoryBackground}"><i class="fa fa-fw fa-stack-1x {categories.icon}" style="color: {categories.color};"></i></span><!-- ENDIF categories.icon --> {categories.name}</a>
-				</li>
-				{{{end}}}
-			</ul>
+		<div class="markread btn-group pull-right {{{ if !topics.length }}}hidden{{{ end }}}">
+		<!-- IMPORT partials/category-selector-right.tpl -->
 		</div>
 
 		<!-- IMPORT partials/category-filter-right.tpl -->