Commit ad275626 by Ha Jonguk

プッシュメッセージ実装済み

parent 9aef5a8f
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>web-viewer</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
</buildSpec>
<natures>
</natures>
</projectDescription>
...@@ -185,3 +185,25 @@ header button.addition { ...@@ -185,3 +185,25 @@ header button.addition {
.headerBar .headerBtn a { .headerBar .headerBtn a {
margin-right: 5px; margin-right: 5px;
} }
/* for pushmessage */
.notification-pushmessage {
position:fixed;
height:40px;
line-height:40px;
text-align:center;
top:0;
left:0;
right:0;
z-index:10000;
background-color:#bde;
opacity:0.8;
color:#000;
border:solid 1px #000;
font-weight:bold;
font-size:13px;
}
.selected_send_type {
background: #b0e0e6;
}
...@@ -55,20 +55,23 @@ ...@@ -55,20 +55,23 @@
<div id="ws-body" > <div id="ws-body" >
<div id="inc_backup"></div> <div id="inc_backup"></div>
<div id="projectBar" class="headerBar"> <div id="projectBar" class="headerBar">
<div class="headerBtn"> <div class="headerBtn">
<a href="#" id="dspLogout" ><img src="img/check/ic_exit_to_app_white_48dp.png" width="40" height="40"></a> <a href="#" id="dspLogout" ><img src="img/check/ic_exit_to_app_white_48dp.png" width="40" height="40"></a>
</div> </div>
<div class="titleInfo" > <div class="titleInfo" >
プロジェクト一覧 プロジェクト一覧
</div> </div>
<div class="headerBtn"> <div class="headerBtn">
<a href="#" id="dspCommunication" ><img src="img/check/communication_menu_icon@3x.png" width="40" height="40"></a> <a href="#" id="dspCommunication" ><img id="communication_menu_img" src="img/check/communication_menu_icon@3x.png" width="40" height="40"></a>
<a href="#" id="dspCommonContent" ><img src="img/check/ic_common_content_on.png" width="40" height="40"></a> <a href="#" id="dspCommonContent" ><img src="img/check/ic_common_content_on.png" width="40" height="40"></a>
<a href="#" id="dspSettingCheck" ><img src="img/check/icon_setup.png" width="40" height="40"></a> <a href="#" id="dspSettingCheck" ><img src="img/check/icon_setup.png" width="40" height="40"></a>
<a href="#" id="dspRefreshCheck" ><img src="img/check/menu_refresh.png" width="40" height="40"></a> <a href="#" id="dspRefreshCheck" ><img src="img/check/menu_refresh.png" width="40" height="40"></a>
</div> </div>
</div> </div>
<div class="notification-pushmessage" onclick="$(this).slideUp();" style="display:none;">
<!--新着メッセージがあります!!!-->
</div>
<div id="contentBar" class="headerBar" style="display: none;"> <div id="contentBar" class="headerBar" style="display: none;">
<div class="headerBtn"> <div class="headerBtn">
...@@ -262,20 +265,20 @@ ...@@ -262,20 +265,20 @@
<div style="width:100%;height:auto;background:#ccc;font-size:24px;font-weight:bold;padding:5px 0;text-align: center;"> <div style="width:100%;height:auto;background:#ccc;font-size:24px;font-weight:bold;padding:5px 0;text-align: center;">
<span>コミュニケーション</span> <span>コミュニケーション</span>
<a href="#" style="position:absolute;top:0;right:0;" onclick="HOME_CHECK.closeDialog();"> <a href="#" style="position:absolute;top:0;right:0;" onclick="HOME_CHECK.closeDialog();">
<img src="img/login/close.png" width="40" height="40" style="margin:3px 0;"> <img src="img/login/close.png" width="40" height="40" style="margin:2px 0;">
</a> </a>
</div> </div>
<ul style="width:100%;height:80%;display:inline;"> <ul style="width:100%;height:80%;display:inline;">
<li style="width:100%;cursor:pointer;" onclick="HOME_CHECK.closeDialog();"> <li style="width:100%;cursor:pointer;" onclick="HOME_CHECK.showSelectProjectForPushMessage();">
<div style="display:flex;margin:3px 10px;border-bottom:0.5px solid black;"> <div style="display:flex;margin:3px 10px;border-bottom:0.5px solid black;">
<img src="img/check/communication_pushmsg_icon@3x.png" width="40" height="40" style="margin: 10px 0;"> <img src="img/check/communication_pushmsg_icon@3x.png" width="40" height="40" style="margin: 10px 0;">
<span style="width: 100%;margin: 0 40px;font-size: 16px;line-height: 60px;">プッシュメッセージ送信</span> <span style="width: 100%;margin: 0 40px;font-size: 16px;line-height: 60px;">プッシュメッセージ送信</span>
<img src="img/main_next.png" width="20" height="40" style="margin: 10px 0;"> <img src="img/main_next.png" width="20" height="40" style="margin: 10px 0;">
</div> </div>
</li> </li>
<li style="width:100%;cursor:pointer;" onclick="HOME_CHECK.closeDialog();"> <li style="width:100%;cursor:pointer;" onclick="HOME_CHECK.showPushMessageList();">
<div style="display:flex;margin:3px 10px;border-bottom:0.5px solid black;"> <div style="display:flex;margin:3px 10px;border-bottom:0.5px solid black;">
<img src="img/check/ic_communication_push_message_list.png" width="40" height="40" style="margin: 10px 0;"> <img id="message_list_img" src="img/check/ic_communication_push_message_list.png" width="40" height="40" style="margin: 10px 0;">
<span style="width: 100%;margin: 0 40px;font-size: 16px;line-height: 60px;">プッシュメッセージ一覧</span> <span style="width: 100%;margin: 0 40px;font-size: 16px;line-height: 60px;">プッシュメッセージ一覧</span>
<img src="img/main_next.png" width="20" height="40" style="margin: 10px 0;"> <img src="img/main_next.png" width="20" height="40" style="margin: 10px 0;">
</div> </div>
...@@ -283,23 +286,80 @@ ...@@ -283,23 +286,80 @@
</ul> </ul>
</div> </div>
<div id="recept_push_message"> <div id="recept_push_message" style="display:none;z-index:10001;position:fixed;background:white;width:600px;height:450px;">
<ul id="recept_push_message_list"></ul> <div style="width:100%;height:auto;background:#ccc;font-size:24px;font-weight:bold;padding:5px 0;text-align: center;">
<span>プッシュメッセージ一覧</span>
<a href="#" style="position:absolute;top:0;right:0;" onclick="HOME_CHECK.closeDialog();">
<img src="img/login/close.png" width="40" height="40" style="margin:2px 0;">
</a>
</div>
<ul id="recept_push_message_list" style="overflow:auto;height:calc(100% - 47px);"></ul>
</div> </div>
<div id="select_project_for_send"> <div id="select_project_for_send" style="display:none;z-index:10001;position:fixed;background:white;width:400px;height:550px;">
<ul id="selectable_project_list"></ul> <div style="width:100%;height:auto;background:#ccc;font-size:24px;font-weight:bold;padding:5px 0;text-align: center;">
<span>プロジェクト選択</span>
<a href="#" style="position:absolute;top:0;right:0;" onclick="HOME_CHECK.closeDialog();">
<img src="img/login/close.png" width="40" height="40" style="margin:2px 0;">
</a>
</div>
<ul id="selectable_project_list" style="overflow:auto;overflow-x:hidden;height:calc(100% - 47px);"></ul>
</div> </div>
<div id="send_push_message">
<div> <div id="send_push_message" style="display:none;z-index:10001;position:fixed;background:white;width:600px;height:550px;">
header <div style="width:100%;height:auto;background:#ccc;font-size:24px;font-weight:bold;padding:5px 0;text-align: center;">
<a href="#" style="position:absolute;top:0;left:0;" onclick="HOME_CHECK.showSelectProjectForPushMessage();">
<img src="img/main_previous.png" width="40" height="40" style="margin:3px 0;">
</a>
<span>プッシュメッセージ送信</span>
<a href="#" style="position:absolute;top:0;right:0;" onclick="HOME_CHECK.closeDialog();">
<img src="img/login/close.png" width="40" height="40" style="margin:2px 0;">
</a>
</div> </div>
<div> <ul id="send_push_message_input" style="margin:30px 20px 0;width:560px;height:400px;">
<li style="display: flex;line-height: 40px;border-bottom: 1px solid;">
<div style="text-align:left;width:150px;font-weight:bold;">プロジェクト名</div>
<div id="send_project_name" style="text-align:right;width:100%;font-size:24px;"></div>
</li>
<li style="display: flex;line-height: 60px;border-bottom: 1px solid;">
<div style="text-align:left;width:100px;font-weight:bold;">送信先</div>
<div style="text-align:right;width:100%;display:flex;">
<div id="sender_group" style="width:50%;height:40px;border:1px solid #778899;margin:10px 1px;text-align:center;line-height:40px;cursor:pointer;" onclick="HOME_CHECK.changeSendType($(this))">
グループ内
</div>
<div id="all_group" style="width:50%;height:40px;border:1px solid #778899;margin:10px 1px;text-align:center;line-height:40px;cursor:pointer;" onclick="HOME_CHECK.changeSendType($(this))">
プロジェクト全体
</div>
</div>
<li style="line-height: 40px;border-bottom: 1px solid;text-align: right;height: 40px;">
<div style="position: absolute;text-align:left;width:150px;font-weight:bold;">メッセージ</div>
<div style="float: right;width: auto;margin-right:10px;display: flex;cursor:pointer;" onclick="HOME_CHECK.showMessageFormList();">
<div id="message_form_name" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:auto;max-width:350px;">自由入力</div>
<img src="img/main_next.png" width="20" height="20" style="margin: 10px 0;">
</div>
</li>
<li style="display: flex;border-bottom: 1px solid;">
<textarea id="send_message" type="text" style="margin:20px;height:180px;width:100%;resize:none;font-size: 20px;"></textarea>
</li>
</ul>
<input type="hidden" id="selectedProjectIdForSendPushMessage">
<div style="text-align:center;">
<input value="送信" style="color:#fff;background-color:#0068CB;border:1px solid #0068CB;border-radius:5px;box-shadow:2px 2px 1px #D9D9D9;cursor:pointer;font-size:1.1em;font-weight:bold;text-align:center;height:50px;"
onclick="HOME_CHECK.sendPushMessage();">
</div> </div>
<div> </div>
btn
<div id="message_form" style="display:none;z-index:10001;position:fixed;background:white;width:400px;height:550px;">
<div style="width:100%;height:auto;background:#ccc;font-size:24px;font-weight:bold;padding:5px 0;text-align: center;">
<a href="#" style="position:absolute;top:0;left:0;" onclick="HOME_CHECK.backToSendPushMessage();">
<img src="img/main_previous.png" width="40" height="40" style="margin:3px 0;">
</a>
<span>プッシュメッセージ送信</span>
<a href="#" style="position:absolute;top:0;right:0;" onclick="HOME_CHECK.closeDialog();">
<img src="img/login/close.png" width="40" height="40" style="margin:2px 0;">
</a>
</div> </div>
<ul id="message_form_list" style="overflow:auto;overflow-x:hidden;height:calc(100% - 47px);"></ul>
</div> </div>
<iframe style="height:0px;width:0px;visibility:hidden;display:none;" src="about:blank"> <iframe style="height:0px;width:0px;visibility:hidden;display:none;" src="about:blank">
......
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