From ac1f3c314b0af201a191f0ec4e6db9ff06c23a88 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: Tue, 13 Dec 2022 11:18:09 -0500
Subject: [PATCH] fix: acp category-selector being changed by theme

---
 src/views/admin/manage/admins-mods.tpl        |  2 +-
 src/views/admin/manage/categories.tpl         |  2 +-
 src/views/admin/manage/category.tpl           |  2 +-
 src/views/admin/manage/group.tpl              |  4 +--
 src/views/admin/manage/privileges.tpl         |  2 +-
 .../admin/partials/categories/create.tpl      |  4 +--
 .../partials/category-selector-content.tpl    | 33 +++++++++++++++++++
 .../partials/category-selector-right.tpl      |  3 ++
 .../admin/partials/category-selector.tpl      |  3 ++
 9 files changed, 47 insertions(+), 8 deletions(-)
 create mode 100644 src/views/admin/partials/category-selector-content.tpl
 create mode 100644 src/views/admin/partials/category-selector-right.tpl
 create mode 100644 src/views/admin/partials/category-selector.tpl

diff --git a/src/views/admin/manage/admins-mods.tpl b/src/views/admin/manage/admins-mods.tpl
index 5367f2df0c..30e7e64ede 100644
--- a/src/views/admin/manage/admins-mods.tpl
+++ b/src/views/admin/manage/admins-mods.tpl
@@ -35,7 +35,7 @@
 
 		<!-- IMPORT partials/breadcrumbs.tpl -->
 		<div class="mb-3">
-		<!-- IMPORT partials/category-selector.tpl -->
+		<!-- IMPORT admin/partials/category-selector.tpl -->
 		</div>
 		{{{ if !categoryMods.length }}}
 		<div><p class="alert alert-info">[[admin/manage/admins-mods:no-sub-categories]]</p></div>
diff --git a/src/views/admin/manage/categories.tpl b/src/views/admin/manage/categories.tpl
index cdb8693964..501c38a3e3 100644
--- a/src/views/admin/manage/categories.tpl
+++ b/src/views/admin/manage/categories.tpl
@@ -2,7 +2,7 @@
 <div class="row">
     <div class="col-lg-12">
         <div class="category btn-group">
-            <!-- IMPORT partials/category-selector.tpl -->
+            <!-- IMPORT admin/partials/category-selector.tpl -->
         </div>
         <div class="btn-group">
             <button id="collapse-all" class="btn btn-outline-secondary">[[admin/manage/categories:collapse-all]]</button>
diff --git a/src/views/admin/manage/category.tpl b/src/views/admin/manage/category.tpl
index 815d7088a5..72186578b5 100644
--- a/src/views/admin/manage/category.tpl
+++ b/src/views/admin/manage/category.tpl
@@ -1,7 +1,7 @@
 <div class="category" data-cid="{category.cid}">
 	<div class="row mb-3">
 		<div class="d-flex col-12 justify-content-end">
-			<!-- IMPORT partials/category-selector-right.tpl -->
+			<!-- IMPORT admin/partials/category-selector-right.tpl -->
 		</div>
 	</div>
 
diff --git a/src/views/admin/manage/group.tpl b/src/views/admin/manage/group.tpl
index f2ab1c0aec..f91aa3b826 100644
--- a/src/views/admin/manage/group.tpl
+++ b/src/views/admin/manage/group.tpl
@@ -105,7 +105,7 @@
 							<input id="memberPostCids" type="text" class="form-control" value="{group.memberPostCids}">
 						</div>
 						<div class="col-md-3 member-post-cids-selector">
-							<!-- IMPORT partials/category-selector.tpl -->
+							<!-- IMPORT admin/partials/category-selector.tpl -->
 						</div>
 					</div>
 				</div>
@@ -146,7 +146,7 @@
 			<hr />
 			<div class="edit-privileges-selector">
 				<label class="form-label" class="float-start">[[admin/manage/privileges:edit-privileges]]</label>
-				<!-- IMPORT partials/category-selector.tpl -->
+				<!-- IMPORT admin/partials/category-selector.tpl -->
 			</div>
 		</div>
 	</form>
diff --git a/src/views/admin/manage/privileges.tpl b/src/views/admin/manage/privileges.tpl
index 03ed982188..67da1d7649 100644
--- a/src/views/admin/manage/privileges.tpl
+++ b/src/views/admin/manage/privileges.tpl
@@ -8,7 +8,7 @@
 
 				<div class="lead mb-3">
 					[[admin/manage/categories:privileges.category-selector]]
-					<!-- IMPORT partials/category-selector.tpl -->
+					<!-- IMPORT admin/partials/category-selector.tpl -->
 				</div>
 
 				<div class="privilege-table-container">
diff --git a/src/views/admin/partials/categories/create.tpl b/src/views/admin/partials/categories/create.tpl
index 9388831c81..78f103a00d 100644
--- a/src/views/admin/partials/categories/create.tpl
+++ b/src/views/admin/partials/categories/create.tpl
@@ -5,12 +5,12 @@
 	</div>
 	<div class="mb-3" id="parentCidGroup">
 		<label class="form-label" for="parentCid">[[admin/manage/categories:optional-parent-category]]</label>
-		<!-- IMPORT partials/category-selector.tpl -->
+		<!-- IMPORT admin/partials/category-selector.tpl -->
 	</div>
 
 	<div class="mb-3" id="cloneFromCidGroup">
 		<label class="form-label" for="cloneFromCid">[[admin/manage/categories:optional-clone-settings]]</label>
-		<!-- IMPORT partials/category-selector.tpl -->
+		<!-- IMPORT admin/partials/category-selector.tpl -->
 		<label>
 			<input id="cloneChildren" name="cloneChildren" type="checkbox">
 			<strong>[[admin/manage/categories:clone-children]]</strong>
diff --git a/src/views/admin/partials/category-selector-content.tpl b/src/views/admin/partials/category-selector-content.tpl
new file mode 100644
index 0000000000..4111f0d480
--- /dev/null
+++ b/src/views/admin/partials/category-selector-content.tpl
@@ -0,0 +1,33 @@
+<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
+    <span component="category-selector-selected">
+        {{{ if (selectedCategory && !showCategorySelectLabel) }}}
+        <span class="category-item">
+            {buildCategoryIcon(selectedCategory, "24px", "rounded-circle")}
+            {selectedCategory.name}
+        </span>
+        {{{ else }}}
+    <span class="visible-sm-inline visible-md-inline visible-lg-inline">{{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread_tools.select_category]]{{{ end }}}</span><span class="visible-xs-inline"><i class="fa fa-fw {{{ if selectCategoryIcon }}}{selectCategoryIcon}{{{ else }}}fa-list{{{ end }}}"></i></span>
+    {{{ end }}}</span> <span class="caret"></span>
+</button>
+<div component="category-selector-search" class="hidden position-absolute">
+    <input type="text" class="form-control" autocomplete="off">
+</div>
+<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
+    <li component="category/no-matches" role="presentation" class="category hidden">
+        <a class="dropdown-item" 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 class="dropdown-item" role="menu-item">{../level}
+            <span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
+                <div class="category-item d-inline-block">
+                    {{{ if ./icon }}}
+                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
+                    {{{ end }}}
+                    {./name}
+                </div>
+            </span>
+        </a>
+    </li>
+    {{{ end }}}
+</ul>
\ No newline at end of file
diff --git a/src/views/admin/partials/category-selector-right.tpl b/src/views/admin/partials/category-selector-right.tpl
new file mode 100644
index 0000000000..9e4dfeaf4b
--- /dev/null
+++ b/src/views/admin/partials/category-selector-right.tpl
@@ -0,0 +1,3 @@
+<div component="category-selector" class="btn-group right category-dropdown-container bottom-sheet">
+<!-- IMPORT admin/partials/category-selector-content.tpl -->
+</div>
\ No newline at end of file
diff --git a/src/views/admin/partials/category-selector.tpl b/src/views/admin/partials/category-selector.tpl
new file mode 100644
index 0000000000..30ae9d96d4
--- /dev/null
+++ b/src/views/admin/partials/category-selector.tpl
@@ -0,0 +1,3 @@
+<div component="category-selector" class="btn-group bottom-sheet">
+<!-- IMPORT admin/partials/category-selector-content.tpl -->
+</div>
\ No newline at end of file