チャット詳細実装

public/css/chat.css

@@ -680,3 +680,25 @@ a.article:hover {
 #errorEnd{
 #errorEnd{
   margin-top: 15vh;
   margin-top: 15vh;
 }
 }
+
+.collapsible {
+  height: 40px;
+  background-color: #eee;
+  color: #444;
+  cursor: pointer;
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline: none;
+  font-size: 15px;
+}
+
+.collapsible-active, .collapsible:hover {
+  background-color: #ccc;
+}
+
+.collapsible-content {
+  display: none;
+  overflow: hidden;
+  background-color: #f1f1f1;
+}
\ No newline at end of file

public/index.html

@@ -236,10 +236,15 @@
         </div>
         </div>
         <div id="my_info" class="inbox_user row">
         <div id="my_info" class="inbox_user row">
         </div>
         </div>
-        <div id="favorite_list" class="inbox_user row">
+        <div class="collapsible-content">
+          <div id="favorite_list" class="inbox_user row">
+          </div>
         </div>
         </div>
-        <div id="my_group_list" class="inbox_user row">
+        <div class="collapsible-content">
+          <div id="my_group_list" class="inbox_user row">
+          </div>
         </div>
         </div>
+
       </div>
       </div>
     </div>
     </div>
 
 
@@ -354,7 +359,7 @@
     </li>
     </li>
   </ul>
   </ul>
 </div>
 </div>
-<nav class="navbar navbar-expand navbar-dark fixed-bottom flex-md-nowrap p-2 bg-footer talign-center border footer-nav">
+<nav class="navbar navbar-expand navbar-dark fixed-bottom flex-md-nowrap p-2 bg-footer talign-center border footer-nav" id="bottomNav">
   <div class="col-4">
   <div class="col-4">
     <img src="./icon/ic_communication_meeting_gray.png" style="width: 35%;" id="contactButton">
     <img src="./icon/ic_communication_meeting_gray.png" style="width: 35%;" id="contactButton">
   </div>
   </div>

public/js/chat-db.js

@@ -13,11 +13,38 @@ CHAT_DB.getRoomList = function(input) {
 };
 };
 
 
 //ロカールDBからログインしたユーザのデータを取得する。
 //ロカールDBからログインしたユーザのデータを取得する。
-CHAT_DB.getMyinfo = function(input) {
+CHAT_DB.getMyInfo = function(input) {
     if (CHAT_UTIL.isIOS()) {
     if (CHAT_UTIL.isIOS()) {
         //TODO IOS処理追加必要
         //TODO IOS処理追加必要
     } else if (CHAT_UTIL.isAndroid()) {
     } else if (CHAT_UTIL.isAndroid()) {
         //String形式をJsonに変更してReturn
         //String形式をJsonに変更してReturn
-    	return JSON.parse(android.getMyinfo());
+    	return JSON.parse(android.getMyInfo());
+    }
+};
+
+CHAT_DB.getMessages = function(roomId) {
+    if (CHAT_UTIL.isIOS()) {
+        //TODO IOS処理追加必要
+    } else if (CHAT_UTIL.isAndroid()) {
+        //String形式をJsonに変更してReturn
+    	return JSON.parse(android.getMessageList(roomId));
+    }
+};
+
+CHAT_DB.getFavoriteUsers = function() {
+    if (CHAT_UTIL.isIOS()) {
+        //TODO IOS処理追加必要
+    } else if (CHAT_UTIL.isAndroid()) {
+        //String形式をJsonに変更してReturn
+    	return JSON.parse(android.getFavoriteUsers());
+    }
+};
+
+CHAT_DB.getFavoriteGroups = function() {
+    if (CHAT_UTIL.isIOS()) {
+        //TODO IOS処理追加必要
+    } else if (CHAT_UTIL.isAndroid()) {
+        //String形式をJsonに変更してReturn
+    	return JSON.parse(android.getFavoriteGroups());
     }
     }
 };
 };
\ No newline at end of file

public/js/chat-websocket.js

@@ -17,10 +17,11 @@ function connectSocket(isOnline) {
         if (CHAT_UTIL.isIOS()) {
         if (CHAT_UTIL.isIOS()) {
              //TODO IOSの場合
              //TODO IOSの場合
         } else if (CHAT_UTIL.isAndroid()) {
         } else if (CHAT_UTIL.isAndroid()) {
-            $('.overlay').removeClass('active undismissable');
+            //$('.overlay').removeClass('active undismissable');
             // loadingIndicatorを表示
             // loadingIndicatorを表示
             CHAT_UI.showLoadingIndicator();
             CHAT_UI.showLoadingIndicator();
             android.getLoginParameter();
             android.getLoginParameter();
+            console.log('init')
             CHAT_UI.refreshRoomList();
             CHAT_UI.refreshRoomList();
             CHAT_UI.dismissLoadingIndicator();
             CHAT_UI.dismissLoadingIndicator();
             $('#createChatRoom').show();
             $('#createChatRoom').show();