userOrgSelector: initially render tokens/name

app/assets/javascripts/app/lib/app_post/user_organization_autocompletion.coffee

@@ -32,12 +32,8 @@ class App.UserOrganizationAutocompletion extends App.Controller
     @build()
 
     # set current value
-    if @attribute.value
+    if @attribute.value and @callback
-      if @attribute.multiple and typeof value is 'object'
+      @callback(@attribute.value)
-        for value in @attribute.value
-          @selectUser value, false
-      else
-        @selectUser @attribute.value, false
 
   element: =>
     @el
@@ -232,9 +228,37 @@ class App.UserOrganizationAutocompletion extends App.Controller
     App.view('generic/user_search/new_user')()
 
   build: =>
+    if @attribute.multiple
+      if typeof @attribute.value is not 'object'
+        @attribute.value = [@attribute.value]
+      
+      value = @attribute.value.join ','
+      tokens = ''
+      name = ''
+      for userId in @attribute.value
+        if App.User.exists userId
+          tokens += App.view('generic/token')(
+            name: App.User.find(userId).displayName()
+            value: userId
+          )
+        else
+          @log 'userId doesn\'t exist', userId
+    else
+      value = @attribute.value
+      tokens = ''
+      if value
+        if App.User.exists value
+          name = App.User.find(value).displayName()
+        else
+          @log 'userId doesn\'t exist', value
+
     @html App.view('generic/user_search/input')(
       attribute: @attribute
+      value: value
+      tokens: tokens
+      name: name
     )
+
     if !@attribute.disableCreateUser
       @recipientList.append(@buildUserNew())
 

app/assets/javascripts/app/views/generic/user_search/input.jst.eco

@@ -1,6 +1,9 @@
 <div class="tokenfield form-control u-positionOrigin">
-  <input class="js-userId" type="hidden" name="<%- @attribute.name %>" tabindex="-1">
+  <input class="js-userId" type="hidden" value="<%= @value %>" name="<%- @attribute.name %>" tabindex="-1">
-  <input name="<%- @attribute.name %>_completion" class="user-select token-input js-userSelect" autocapitalize="off" placeholder="<%- @attribute.placeholder %>" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
+  <% if @attribute.multiple: %>
+    <%- @tokens %>
+  <% end %>
+  <input name="<%- @attribute.name %>_completion" class="user-select token-input js-userSelect" autocapitalize="off" placeholder="<%- @attribute.placeholder %>" autocomplete="off" role="textbox" aria-autocomplete="list" value="<%= @name %>" aria-haspopup="true">
   <%- @Icon('arrow-down', 'dropdown-arrow') %>
 </div>