vrfs1008: createSession invite refactor integration

web/app/assets/javascripts/createSession.js

@@ -277,7 +277,7 @@
         function initialize(invitationDialogInstance, inviteMusiciansDialogInstance) {
             invitationDialog = invitationDialogInstance;
             inviteMusiciansDialog = inviteMusiciansDialogInstance;
-            $('#create-session-invite-musicians').append(inviteMusiciansDialog.friendSelectorHTML);
+            $('#create-session-invite-musicians').append(inviteMusiciansDialog.friendSelectorHTML());
             events();
             loadBands();
             loadSessionSettings();

web/app/assets/javascripts/inviteMusicians.js

@@ -9,7 +9,7 @@
         var userIds = [];
         var userPhotoUrls = [];
         var friendSelectorDialog = null;
-        var friendSelectorHTML = null;
+        var _friendSelectorHTML = null;
         var selectedFriendIds = {};
         var autoComplete = null;
         var rest = context.JK.Rest();
@@ -153,9 +153,15 @@
         function showDialog(ids) {
         }
 
+        this.friendSelectorHTML = function() {
+            if (_friendSelectorHTML === null) {
+                _friendSelectorHTML = context.JK.fillTemplate($('#template-session-invite-musicians').html(),{}); 
+            }
+            return _friendSelectorHTML;
+        }
+
         this.initialize = function(friendSelectorDialogInstance) {
             friendSelectorDialog = friendSelectorDialogInstance;
-            friendSelectorHTML = context.JK.fillTemplate($('#template-session-invite-musicians').html());
             events();
         };
 

web/app/views/clients/_createSession.html.erb

@@ -86,12 +86,6 @@
                                 <br />
                                 <div id="create-session-invite-musicians"></div>
 
-                                <!-- friend invitation box -->
-                                <div class="friendbox">
-                                    <div id="selected-friends"></div>
-                                    <input id="friend-input" type="text" placeholder="Looking up friends..." />
-                                </div>
-
                                 <div class="mt35 mb15">
                                     Invite friends and contacts to join you on JamKazam from:
                                 </div>

web/app/views/clients/_inviteSessionMusicians.html.erb

@@ -23,4 +23,9 @@
     <div class="clearall"></div>
   </div>
   <br />
+  <!-- friend invitation box -->
+  <div class="friendbox">
+    <div id="selected-friends"></div>
+    <input id="friend-input" type="text" placeholder="Looking up friends..." />
+  </div>
 </script>

web/app/views/clients/index.html.erb

@@ -35,6 +35,7 @@
 <%= render "account_profile_avatar" %>
 <%= render "account_audio_profile" %>
 <%= render "invitationDialog" %>
+<%= render "inviteSessionMusicians" %>
 <%= render "whatsNextDialog" %>
 <%= render "recordingFinishedDialog" %>
 <%= render "localRecordingsDialog" %>