Merge branch 'bugfix/#545_メッセージ欄などが非活性化されていない' into 'release_sp3'

#42167 オフラインにしても、メッセージ欄などが非活性化されていない

See merge request !71

public_new/chat_room.html

@@ -10,6 +10,7 @@
   <!--<link rel="stylesheet" href="./css/notosansjp.css">-->
   <link href="./fontawesome/css/all.css" rel="stylesheet">
   <link rel="stylesheet" href="./css/bootstrap.min.css">
+  <link rel="stylesheet" href="./css/jquery-ui.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/chat.css">
   <link rel="stylesheet" href="./css/loading.css">

public_new/js/chat-ui.js

@@ -2346,13 +2346,15 @@ CHAT_UI.refreshAllGroupForAddUser = function(paramGroupId) {
 CHAT_UI.refreshForOnline = function() {
     IS_ONLINE = 'true';
     $('.craeteRoomButton').show();
-    $('#messageSend').removeClass('disabled');
-    $('#messageSend').attr('disabled', false);
-    $('#favoriteButton').attr('disabled', false);
+    $('.footer_item a').removeClass('ui-state-disabled');
+    $('#videoUploadButton').removeClass('ui-state-disabled');
+    $('#imageInputButton').removeClass('ui-state-disabled');
+    $('#messageSend').prop('disabled', false);
+    $('#messageInput').prop('disabled', false);
+    $('#messageInput').prop('placeholder', 'メッセージを入力してください');
+    $('#favoriteButton').prop('disabled', false);
     $('#roomMenu').show();
-    $('.attach_file').show();
     $('.fa-download').show();
-    $('.chat_room_footer').show();
     if (typeof $('#roomTitle').val() != 'undefined') {
         CHAT_SOCKET.connectSocket();
         socket.emit('join', CHAT.globalLoginParameter, function() {
@@ -2363,13 +2365,15 @@ CHAT_UI.refreshForOnline = function() {
 CHAT_UI.refreshForOffline = function() {
     IS_ONLINE = 'false';
     $('.craeteRoomButton').hide();
-    $('#messageSend').addClass('disabled');
-    $('#messageSend').attr('disabled', true);
-    $('#favoriteButton').attr('disabled', true);
+    $('.footer_item a').addClass('ui-state-disabled');
+    $('#videoUploadButton').addClass('ui-state-disabled');
+    $('#imageInputButton').addClass('ui-state-disabled');
+    $('#messageSend').prop('disabled', true);
+    $('#messageInput').prop('disabled', true);
+    $('#messageInput').prop('placeholder', 'ネットワークに接続できません');
+    $('#favoriteButton').prop('disabled', true);
     $('#roomMenu').hide();
-    $('.attach_file').hide();
     $('.fa-download').hide();
-    $('.chat_room_footer').hide();
 }
 
 CHAT_UI.displayExistRoom = function(roomId) {