Skip to content

C
chat_webview
Commit 180fc1ea by Takatoshi Miura
Options

アーカイブdb連携中

parent 9225ef32
Showing with 74 additions and 74 deletions
public_new/archive.html
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<script> <script>
window.addEventListener('DOMContentLoaded', function() { window.addEventListener('DOMContentLoaded', function() {
CHAT_UI.refreshArchiveScreen(); CHAT_DB.callGetArchiveList();
}); });
</script> </script>
</head> </head>
...@@ -133,5 +133,13 @@ ...@@ -133,5 +133,13 @@
</a> </a>
</li> </li>
</script> </script>
<script>
let CHAT_SERVER_URL = '';
let CMS_SERVER_URL = '';
let ASSET_PATH = './';
let PLATFORM = '';
let IS_MOBILE = true;
let IS_ONLINE = false;
</script>
</body> </body>
</html> </html>
public_new/archive_detail.html
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
var urlSearch = location.search.substring(1).split('&'); var urlSearch = location.search.substring(1).split('&');
var kv = urlSearch[0].split('='); var kv = urlSearch[0].split('=');
urlPrm[kv[0]]=kv[1]; urlPrm[kv[0]]=kv[1];
CHAT_UI.refreshArchiveDetailScreen(urlPrm.archiveId); CHAT_DB.callGetArchiveDetail(urlPrm.archiveId);
}); });
</script> </script>
</head> </head>
...@@ -179,6 +179,13 @@ ...@@ -179,6 +179,13 @@
</div> </div>
</div> </div>
</script> </script>
<script>
let CHAT_SERVER_URL = '';
let CMS_SERVER_URL = '';
let ASSET_PATH = './';
let PLATFORM = '';
let IS_MOBILE = true;
let IS_ONLINE = false;
</script>
</body> </body>
</html> </html>
public_new/js/chat-db.js
...@@ -106,10 +106,23 @@ CHAT_DB.getGroupByName = function(groupName) { ...@@ -106,10 +106,23 @@ CHAT_DB.getGroupByName = function(groupName) {
}; };
// アーカイブ一覧 // アーカイブ一覧
CHAT_DB.getArchiveList = function() { var iosArchiveList;
getIosArchiveList = function(archiveList) {
iosArchiveList = archiveList;
CHAT_UI.refreshArchiveScreen();
};
CHAT_DB.callGetArchiveList = function() {
if (CHAT_UTIL.isIOS()) { if (CHAT_UTIL.isIOS()) {
// String形式をJsonに変更してReturn iosArchiveList = "";
webkit.messageHandlers.getArchiveList.postMessage(); webkit.messageHandlers.getArchiveList.postMessage();
} else if (CHAT_UTIL.isAndroid()) {
CHAT_UI.refreshArchiveScreen();
}
};
CHAT_DB.getArchiveList = function() {
if (CHAT_UTIL.isIOS()) {
return JSON.parse(iosArchiveList); return JSON.parse(iosArchiveList);
} else if (CHAT_UTIL.isAndroid()) { } else if (CHAT_UTIL.isAndroid()) {
// TODO // TODO
...@@ -126,16 +139,32 @@ CHAT_DB.updateArchiveList = function() { ...@@ -126,16 +139,32 @@ CHAT_DB.updateArchiveList = function() {
CHAT_DB.getArchiveByName = function(archiveName) { CHAT_DB.getArchiveByName = function(archiveName) {
if (CHAT_UTIL.isIOS()) { if (CHAT_UTIL.isIOS()) {
// TODO IOS処理 webkit.messageHandlers.getArchiveByName.postMessage({archiveName});
return JSON.parse();
} else if (CHAT_UTIL.isAndroid()) { } else if (CHAT_UTIL.isAndroid()) {
// TODO // TODO
} }
}; };
// アーカイブ詳細 // アーカイブ詳細
CHAT_DB.getArchiveDetail = function(archiveId) { var iosArchiveDetail;
CHAT_DB.getIosArchiveDetail = function(archiveDetail) {
iosArchiveDetail = archiveDetail;
CHAT_DB.callGetArchiveDetail(archiveDetail.archiveId);
};
CHAT_DB.callGetArchiveDetail = function(archiveId) {
if (CHAT_UTIL.isIOS()) {
iosArchiveDetail = "";
webkit.messageHandlers.getArchiveDetail.postMessage({archiveId});
} else if (CHAT_UTIL.isAndroid()) {
CHAT_UI.refreshArchiveDetailScreen(archiveId);
}
};
CHAT_DB.getArchiveDetail = function() {
if (CHAT_UTIL.isIOS()) { if (CHAT_UTIL.isIOS()) {
// TODO IOS処理 return JSON.parse(iosArchiveDetail);
} else if (CHAT_UTIL.isAndroid()) { } else if (CHAT_UTIL.isAndroid()) {
// TODO // TODO
} }
......
public_new/js/chat-ui.js
...@@ -1389,54 +1389,16 @@ CHAT_UI.refreshArchiveScreen = function() { ...@@ -1389,54 +1389,16 @@ CHAT_UI.refreshArchiveScreen = function() {
// アーカイブの様式を読み込む // アーカイブの様式を読み込む
const archiveTemplate = $('#archive-template').html(); const archiveTemplate = $('#archive-template').html();
// アーカイブ一覧取得
if (IS_ONLINE == 'true') {
CHAT_DB.updateArchiveList();
}
// if (IS_ONLINE == 'true') { // ローカルDBのデータを表示
// CHAT_DB.updateArchiveList(); var archiveList = CHAT_DB.getArchiveList();
// } archiveList.forEach(function(archive) {
// // アーカイブ一覧取得＆表示
// var archiveList = CHAT_DB.getArchiveList();
// archiveList.forEach(function(archive) {
// var typeImage = "";
// switch(archive.archiveType) {
// case 0: // 画像
// typeImage = "icon/icon_collabo_picture.png";
// break;
// case 1: // 動画
// typeImage = "icon/icon_collabo_videocam.png";
// break;
// case 2: // 音声
// typeImage = "icon/icon_collabo_headset.png";
// break;
// case 3: // 文書
// typeImage = "icon/icon_collabo_document.png";
// break;
// default: // その他
// typeImage = "";
// }
// let html = Mustache.render(archiveTemplate, {
// archiveId: archive.archiveId,
// fileName: archive.archiveName,
// insertDate: archive.archiveDate,
// typeImage: typeImage
// });
// let obj = $(jQuery.parseHTML(html)).on('click', function() {
// });
// $('#archiveList').append(obj);
// });
/*** デバック用 ****************************************************************************/
var archiveList = [1,1,1,1,1,1,1,1];
archiveList.forEach(function() {
var typeImage = ""; var typeImage = "";
switch(archive.archiveType) {
// データ1個目
switch(0) {
case 0: // 画像 case 0: // 画像
typeImage = "icon/icon_collabo_picture.png"; typeImage = "icon/icon_collabo_picture.png";
break; break;
...@@ -1452,20 +1414,16 @@ CHAT_UI.refreshArchiveScreen = function() { ...@@ -1452,20 +1414,16 @@ CHAT_UI.refreshArchiveScreen = function() {
default: // その他 default: // その他
typeImage = ""; typeImage = "";
} }
let html = Mustache.render(archiveTemplate, { let html = Mustache.render(archiveTemplate, {
archiveId: 1, archiveId: archive.archiveId,
fileName: "ファイル名", fileName: archive.archiveName,
insertDate: "2021/03/03 16:14", insertDate: archive.archiveDate,
typeImage: typeImage typeImage: typeImage
}); });
let obj = $(jQuery.parseHTML(html)).on('click', function() { let obj = $(jQuery.parseHTML(html)).on('click', function() {
}); });
$('#archiveList').append(obj); $('#archiveList').append(obj);
}); });
/*** デバック用終了 ****************************************************************************/
// loadingIndicatorを非表示 // loadingIndicatorを非表示
CHAT_UI.dismissLoadingIndicator(); CHAT_UI.dismissLoadingIndicator();
...@@ -1483,24 +1441,24 @@ CHAT_UI.refreshArchiveDetailScreen = function(archiveId) { ...@@ -1483,24 +1441,24 @@ CHAT_UI.refreshArchiveDetailScreen = function(archiveId) {
// アーカイブ詳細の様式を読み込む // アーカイブ詳細の様式を読み込む
const archiveDetailTemplate = $('#archive-detail-template').html(); const archiveDetailTemplate = $('#archive-detail-template').html();
// if (IS_ONLINE == 'true') { if (IS_ONLINE == 'true') {
// CHAT_DB.updateArchiveDetail(archiveId); CHAT_DB.updateArchiveDetail(archiveId);
// // } }
// // アーカイブ詳細取得 // アーカイブ詳細取得
// var archive = CHAT_DB.getArchiveDetail(archiveId); var archive = CHAT_DB.getArchiveDetail(archiveId);
// // チャットルーム情報を取得 // // チャットルーム情報を取得
// var roomId = archive.roomId; var roomId = archive.roomId;
// var roomInfo = CHAT_DB.getChatRoomInfo(roomId); var roomInfo = CHAT_DB.getChatRoomInfo(roomId);
// // アーカイブ情報を表示 // アーカイブ情報を表示
// let html = Mustache.render(archiveDetailTemplate, { // let html = Mustache.render(archiveDetailTemplate, {
// fileName: archive.archiveName, // fileName: archive.archiveName,
// insertDate: archive.archiveDate, // insertDate: archive.archiveDate,
// chatRoomName: roomInfo.chatRoomName, // chatRoomName: roomInfo.chatRoomName,
// profileImage: "", // profileImage: "",
// userName: archive.userName // userName: userName
// }); // });
// アーカイブ情報を表示 // アーカイブ情報を表示
...@@ -1517,8 +1475,7 @@ CHAT_UI.refreshArchiveDetailScreen = function(archiveId) { ...@@ -1517,8 +1475,7 @@ CHAT_UI.refreshArchiveDetailScreen = function(archiveId) {
$('#archiveDetail').append(obj); $('#archiveDetail').append(obj);
// プレイヤーの切り替え // プレイヤーの切り替え
// switch(archive.archiveType) { switch(archive.archiveType) {
switch(archiveId) {
case "0": // 画像 case "0": // 画像
$('#archive_player').prepend('<img class="archive_player" src="https://img01.suumo.com/front/gazo/chumon/220/67/main/10646700010021p01.jpg" />'); $('#archive_player').prepend('<img class="archive_player" src="https://img01.suumo.com/front/gazo/chumon/220/67/main/10646700010021p01.jpg" />');
break; break;
...@@ -1540,8 +1497,7 @@ CHAT_UI.refreshArchiveDetailScreen = function(archiveId) { ...@@ -1540,8 +1497,7 @@ CHAT_UI.refreshArchiveDetailScreen = function(archiveId) {
const archiveUserTemplate = $('#archive-user-template').html(); const archiveUserTemplate = $('#archive-user-template').html();
// 参加ユーザ情報を表示 // 参加ユーザ情報を表示
// let attendUserList = archive.attendUserId; let attendUserList = archive.attendUserIds;
let attendUserList = [1,1,1,1,1,1,1,1,1];
attendUserList.forEach(function(user) { attendUserList.forEach(function(user) {
// TODO ユーザIDからユーザ情報を取得 // TODO ユーザIDからユーザ情報を取得
var html = Mustache.render(archiveUserTemplate, { var html = Mustache.render(archiveUserTemplate, {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment