Change resolve button (#34)

* Change the UI for topic list * flip button when unresolved * change button to square checkbox * change button to circle checkbox --------- Authored-by: ruiminggu <[email protected]>
CMU-313 · Oct 12, 2023 · 3d54097 · 3d54097
1 parent fca4391
commit 3d54097
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/topics/tools.js b/src/topics/tools.js
@@ -14,7 +14,6 @@ const utils = require('../utils');
 module.exports = function (Topics) {
     const topicTools = {};
     Topics.tools = topicTools;
-    let unresolve = false;
 
     topicTools.delete = async function (tid, uid, markResolved = false) {
         if (!markResolved) {
@@ -29,6 +28,7 @@ module.exports = function (Topics) {
 
     async function toggleDelete(tid, uid, isDelete, markResolved = false) {
         let events;
+        let unresolve;
         const topicData = await Topics.getTopicData(tid);
 
         if (!topicData) {

diff --git a/themes/nodebb-theme-persona/templates/partials/post_bar.tpl b/themes/nodebb-theme-persona/templates/partials/post_bar.tpl
@@ -4,6 +4,16 @@
     </span>
 
     <!-- IF loggedIn -->
+    <!-- IF hasResolution -->
+    <button component="topic/toggle-resolve" class="btn btn-sm btn-default"]">
+        <i class="fa fa-fw fa-check-circle-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"></span>
+    </button>
+    <!-- ENDIF hasResolution -->
+    <!-- IF !hasResolution -->
+    <button component="topic/toggle-resolve" class="btn btn-sm btn-default"]">
+        <i class="fa fa-fw fa-circle-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"></span>
+    </button>
+    <!-- ENDIF !hasResolution -->
     <button component="topic/mark-unread" class="btn btn-sm btn-default" title="[[topic:mark_unread]]">
         <i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"></span>
     </button>