FEATURE: Add JSONifying list data for multiselect

Author: sudaraka94

assets/javascripts/discourse/pre-initializers/add-dropdown-type.js.es6

@@ -1,5 +1,7 @@
 import UserField from "admin/models/user-field";
+import { withPluginApi } from 'discourse/lib/plugin-api';
 import { i18n } from "discourse/lib/computed";
+import { observes, on } from "ember-addons/ember-computed-decorators";
 
 const UserFieldType = Ember.Object.extend({
   name: i18n("id", "admin.user_fields.field_types.%@")
@@ -23,5 +25,23 @@ export default{
         return this._fieldTypes;
       },
     });
+
+    withPluginApi('0.8.12', api => {
+        api.modifyClass('component:user-field',{
+          values: [],
+
+          @on("init")
+          init_values(){
+            if (this.field.field_type == "multiselect-dropdown" && this.get("value")) {
+                this.set("values", JSON.parse(this.get("value")));
+            }
+          },
+
+          @observes("values")
+          setValue(){
+            this.set("value", JSON.stringify(this.get("values")));
+          },
+        });
+    });
   }
 }

assets/javascripts/discourse/templates/components/user-fields/multiselect-dropdown.hbs

@@ -1,6 +1,7 @@
 <label class="control-label" for="{{concat 'user-' elementId}}">{{{field.name}}}</label>
 <div class='controls'>
-  {{multi-select id=(concat 'user-' elementId) content=field.options value=value none=noneLabel}}
+  {{multi-select id=(concat 'user-' elementId) content=field.options values=values none=noneLabel}}
+  
   {{#if field.required}}<span class='required'>*</span>{{/if}}
   <div class="instructions">{{{field.description}}}</div>
 </div>