Fixed to show loading indicator for inviate user screen loading and header ui fixed

public_new/chat_add_user.html

@@ -21,22 +21,22 @@
   <!-- ナビメニュー -->
   <nav>
     <div class="row h-100 align-items-center">
-      <div class="col-10 pr-0">
+      <div class="col-4 pr-0">
         <div class="nav-item">
           <div class="nav_prev">
             <a href="chat_room.html"><span>ルーム</span></a>
           </div>
         </div>
-        <div class="col-4 p-0">
-          <div class="nav-item p-0">
-            <h1 class="nav-ttl" id="addUserTitle">ユーザー招待</h1>
-          </div>
+      </div>
+      <div class="col-4 p-0">
+        <div class="nav-item p-0">
+          <h1 class="nav-ttl" id="addUserTitle">ユーザー招待</h1>
         </div>
-        <div class="col-4 pl-0">
-          <div class="nav-item text-right">
-          </div>
-        </div><!-- .col -->
-      </div><!-- .row -->
+      </div>
+      <div class="col-4 pl-0">
+        <div class="nav-item text-right"></div>
+      </div><!-- .col -->
+    </div><!-- .row -->
   </nav><!-- nav -->
 
   <!-- コンテンツ -->

public_new/js/views/chats/chat-room.js

@@ -61,6 +61,9 @@ document.addEventListener("DOMContentLoaded", function () {
 
   // 下スクロールでユーザーリストを非表示
   ChatRoom.bindUserListDisplayToggle();
+
+  // invite button イベントバインディング
+  ChatRoom.bindUserInviteButton();
 });
 
 ChatRoom.bindResize = function () {
@@ -143,6 +146,12 @@ ChatRoom.bindUserListDisplayToggle = function () {
   });
 };
 
+ChatRoom.bindUserInviteButton = function () {
+  $("#add_user_button").on("click", function(e) {
+    NativeBridgeDelegate.showLoadingIndicator();
+  });
+};
+
 // 画像の読み込みが全て終わったタイミングでコールバック実行
 // FIXME 追加読み込みの場合は差分の画像のみ監視すべきだが、現状新規入室時にしか対応出来ていない。
 ChatRoom.waitForLoadingVideo = function (div, callback) {