FIX: assign state was not correctly updated on mobile (#19)

assets/javascripts/discourse-assign/controllers/assign-user.js.es6

@@ -14,11 +14,18 @@ export default Ember.Controller.extend({
   //   return Ember.isEmpty(username);
   // },
 
+  onClose() {
+    if (this.get("model.onClose") && this.get("model.username")) {
+      this.get("model.onClose")(this.get("model.username"));
+    }
+  },
+
   actions: {
     assignUser(user) {
       this.set("model.username", user.username);
       this.send("assign");
     },
+
     assign() {
       let path = "/assign/assign";
 

assets/javascripts/discourse-assign/initializers/extend-for-assigns.js.es6

@@ -8,48 +8,54 @@ import { iconNode } from "discourse-common/lib/icon-library";
 import { h } from "virtual-dom";
 import { iconHTML } from "discourse-common/lib/icon-library";
 
+const ACTION_ID = "assign";
+
 function modifySelectKit(api) {
   api
     .modifySelectKit("topic-footer-mobile-dropdown")
     .modifyContent((context, existingContent) => {
       if (context.get("currentUser.staff")) {
-        if (context.get("topic.assigned_to_user")) {
+        const hasAssignement = context.get("topic.assigned_to_user");
-          existingContent.push({
+        const button = {
-            id: "unassign",
+          id: ACTION_ID,
-            icon: "user-times",
+          icon: hasAssignement ? "user-times" : "user-plus",
-            name: I18n.t("discourse_assign.unassign.title")
+          name: I18n.t(
-          });
+            `discourse_assign.${hasAssignement ? "unassign" : "assign"}.title`
-        } else {
+          )
-          existingContent.push({
+        };
-            id: "assign",
+        existingContent.push(button);
-            icon: "user-plus",
-            name: I18n.t("discourse_assign.assign.title")
-          });
-        }
       }
       return existingContent;
     })
     .onSelect((context, value) => {
-      if (!context.get("currentUser.staff")) {
+      if (!context.get("currentUser.staff") || value !== ACTION_ID) {
         return;
       }
 
       const topic = context.get("topic");
+      const assignedUser = topic.get("assigned_to_user.username");
 
-      if (value === "assign") {
+      if (assignedUser) {
-        showModal("assign-user", {
-          model: {
-            topic,
-            username: topic.get("assigned_to_user.username")
-          }
-        });
-        context.set("value", null);
-      } else if (value === "unassign") {
-        topic.set("assigned_to_user", null);
-
         ajax("/assign/unassign", {
           type: "PUT",
           data: { topic_id: topic.get("id") }
+        })
+          .then(result => {
+            if (result.success && result.success === "OK") {
+              topic.set("assigned_to_user", null);
+            }
+          })
+          .finally(() => context._compute());
+      } else {
+        showModal("assign-user", {
+          model: {
+            topic,
+            username: topic.get("assigned_to_user.username"),
+            onClose: assignedToUser => {
+              topic.set("assigned_to_user", assignedToUser);
+              context._compute();
+            }
+          }
         });
       }
     });
@@ -139,10 +145,7 @@ function initialize(api) {
   });
 
   api.addUserMenuGlyph(widget => {
-    if (
+    if (widget.currentUser && widget.currentUser.get("staff")) {
-      widget.currentUser &&
-      widget.currentUser.get("staff")
-    ) {
       return {
         label: "discourse_assign.assigned",
         className: "assigned",
@@ -220,6 +223,7 @@ export default {
     if (!siteSettings.assign_enabled) {
       return;
     }
+
     withPluginApi("0.8.11", api => initialize(api, container));
     withPluginApi("0.8.13", api => modifySelectKit(api, container));
   }