<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <title>LiveTaskyell</title> <!--<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"> <link rel="stylesheet" href="./css/chat_room_footer.css"> <link rel="stylesheet" href="./css/font-awesome.css"> </head> <body style="background: #F3F3F3;"> <!-- ナビメニュー --> <nav> <div class="chat_room_src_form none"> <div class="d-flex flex-row h-100 align-items-center"> <input type="search" name="search" id="searchMessage" placeholder="メッセージ検索" maxlength="600"> <span class="src_icon"></span> <a href="#" class="cancel" id="messageSearchCancle">キャンセル</a> </div> </div> <div class="row nav_item_wrap h-100 align-items-center"> <div class="col-4 pr-0"> <div class="nav-item"> <div class="nav_prev"> <a href="chat.html"><span>チャット</span></a> </div> </div> </div> <div class="col-4 p-0"> <div class="nav-item p-0"> <h1 class="nav-ttl" id="roomTitle"></h1> </div> </div> <div class="col-4 pl-0"> <div class="nav-item text-right"> <a href="#" class="search_menu"><img src="icon/icon_search.png" alt="検索"></a> <a href="#" data-toggle="modal" data-target="#menuModalCenter" id="roomMenu" class="none"><img src="icon/icon_room_menu.png" alt="メニュー"></a> </div> </div><!-- .col --> </div><!-- .row --> </nav><!-- nav --> <!-- コンテンツ --> <main id="chat_room"> <div id="user_list" class="user_list d-flex flex-row"> </div> <!-- フィルター --> <div id="filter" class="user_list filter d-flex flex-row none"></div> <div class="chat_list none" id="searchList"> <ul class="overlay_src_msg"> </ul> </div> <!-- チャット内容 --> <div class="room_container"> <div class="room_contents scroll"> <div id="messages"></div> </div> </div> </main> <!-- フッター --> <footer class="chat_room_footer"> <!-- フッター上 --> <div class="footer-wrap d-flex flex-column"> <div> <div class="msg_notification" id="messageNotification" style="text-align:center;display: none;"> </div> </div> <div class="footer_content_t"> <div class="d-flex flex-row h-100"> <div class="footer_item attach_file"> <img src="icon/icon_camera.png" alt="写真アイコン" id="imageInputButton"> <form id="image-form"> <input class="d-none" type="file" name="image" id="imageInputTag" accept="image/x-png,image/jpeg"> </form> </div> <div class="footer_item attach_file"> <img src="icon/icon_videocam.png" alt="動画アイコン" id="videoUploadButton"> <form id="video-form"> <input class="d-none" type="file" name="image" id="videoInputTag" accept="video/mp4"> </form> </div> <input type="text" name="message" class="message_input_form" id="messageInput" placeholder="メッセージを入力してください" maxlength="600"> <button type="button" name="button" class="message_input_send none" id="messageSend" onclick="CHAT_UI.sendMessage(this);">送信</button> </div> </div> <!-- フッター下 --> <div class="footer_content_b"> <div class="d-flex flex-row justify-content-around h-100"> <div class="footer_item"> <a href="javascript:CHAT_UI.startCollaboration(collaborationType.AUDIO);"> <img src="icon/icon_phone.png" alt="通話アイコン"> <p>通話</p> </a> </div> <div class="footer_item"> <img src="icon/icon_paste.png" alt="文書アイコン" onclick="CHAT_UI.startCollaboration(collaborationType.DOCUMENT);"> <p>文書</p> </div> <div class="footer_item"> <a href="javascript:CHAT_UI.startCollaboration(collaborationType.CAMERA);"> <img src="icon/icon_photo.png" alt="画像アイコン"> <p>画像</p> </a> </div> <div class="footer_item"> <a href="javascript:CHAT_UI.startCollaboration(collaborationType.VIDEO);"> <img src="icon/icon_movie.png" alt="動画アイコン"> <p>動画</p> </a> </div> <!--リリース後開発予定--> <div class="footer_item"> <img src="icon/icon_whiteboard_gray.png" alt="ホワイトボードアイコン" onclick="javascript:CHAT_UI.startCollaboration(collaborationType.BOARD);"> <p>ボード</p> </div> </div> </div> </div> </footer> <div id="loadingArea"></div> <div id="userProfileModal"></div> <div id="chatMenuModal"></div> <div id="pictureModal"></div> <script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/socket.io.js"></script> <script src="./js/libs/moment.js"></script> <script src="./js/libs/locale/ko.js" charset="UTF-8"></script> <script src="./js/libs/locale/ja.js" charset="UTF-8"></script> <script src="./js/libs/mustache.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/common.js"></script> <script src="./js/language.js"></script> <script src="./js/loading.js"></script> <script src="./js/language_ko.js" charset="UTF-8"></script> <script src="./js/language_ja.js" charset="UTF-8"></script> <script src="./js/language_en.js" charset="UTF-8"></script> <script src="./js/constant.js"></script> <script src="./js/chat.js"></script> <script src="./js/chat-ui.js"></script> <script src="./js/chat-util.js"></script> <script src="./js/chat-db.js"></script> <script src="./js/chat-websocket.js"></script> <script src="./js/chat-room.js"></script> <script> function imageModal(image) { $('#modal_image').attr('src', image.src); $('#pictureModalCenter').modal('show'); } String.prototype.replaceAll = function(org, dest) { return this.split(org).join(dest); } let CHAT_SERVER_URL = ''; let CMS_SERVER_URL = ''; let ASSET_PATH = './'; let PLATFORM = ''; let IS_MOBILE = true; let IS_ONLINE = false; $("#pictureModal").load("./modal_chat_picture.html"); $("#chatMenuModal").load("./modal_chat_menu.html"); $("#loadingArea").load("./loading.html"); if (typeof(android) != "undefined") { android.getLoginParameter(); android.getGlobalParameter(); android.saveSelectedUserList(""); } else { webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({}); webkit.messageHandlers.getGlobalParameter.postMessage({}); webkit.messageHandlers.saveSelectedUserList.postMessage(""); } function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) { CHAT_SERVER_URL = chatServerUrl; CMS_SERVER_URL = cmsServerUrl; PLATFORM = platform; IS_MOBILE = isMobile; IS_ONLINE = isOnline; CHAT_UI.loadMessages(CHAT.globalLoginParameter.roomId, CHAT.globalLoginParameter.roomName); }; </script> </body> </html>