Skip to content

C
check
Commit 207a63ce by NGUYEN HOANG SON
Options

add html, js

parent 517c4112
Showing with 242 additions and 0 deletions
abvw/html/send-message.html 0 → 100644
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title>メッセージ送信</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon">
<link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- main css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/app.css">
<link rel="stylesheet" type="text/css" href="../common/css/newdash/header.css">
<link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css">
<!-- vender css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/fontawesome_relative_path.css">
<script type="text/javascript" src="/abvw/common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
<script type="text/javascript" src="/abvw/common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
<script type="text/javascript" src="/abvw/common/js/web/i18n.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/newdash/app.js"></script>
<script type="text/javascript" src="../common/js/newdash/common.js"></script>
<script src="../common/js/constant.js?__UPDATEID__"></script>
<script src="../common/js/common.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/sendMessage/send-message.js"></script>
</head>
<body onload="SendMessage.init();">
<!-- header -->
<div id="includedHeader"></div>
<!-- send message -->
<main>
<div class="container">
<!-- breadcrumb -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb px-0 mb-0">
<li class="breadcrumb-item"><a href="dashboard.html" class="text-decoration-none text-underline lang" lang="dashboard"></a></li>
<li class="breadcrumb-item active lang" lang="sendMessageTitle" aria-current="page"><span></span></li>
</ol>
</nav>
<!-- title -->
<h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="sendMessageTitle"></h1>
<!-- content -->
<div class="py-2">
<div class="row">
<div class="col-12">
<form action="#">
<div class="form-group form-row">
<div class="col-lg-1 col-md-2 col-3 control-label">
<button type="button" class="btn btn-sm btn-tertiary" data-toggle="modal" data-target="#task-list-modal">作業名</button>
</div>
<div class="col-lg-11 col-md-10 col-9">
<div>作業を選択してください。</div>
</div>
</div>
<div class="form-group form-row">
<label for="address" class="col-lg-1 col-md-2 col-3 control-label">送信先</label>
<div class="col-lg-11 col-md-10 col-9">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-sm btn-primary custom active">
<input type="radio" name="options" id="option1" autocomplete="off" checked>グループ内
</label>
<label class="btn btn-sm btn-primary custom">
<input type="radio" name="options" id="option2" autocomplete="off">作業全体
</label>
</div>
</div>
</div>
<div class="form-group mb-4">
<div class="d-flex justify-content-between">
<label for="message-content">メッセージ</label>
<a href="#" data-toggle="modal" data-target="#select-template-modal">テンプレート選択</a>
</div>
<textarea name="message-content" class="form-control" id="message-content" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</div>
<button type="submit" class="btn btn-primary">送信</button>
</div>
</div>
</main>
<!-- task list modal -->
<div class="modal fade" id="task-list-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header bg-dark10">
<h5 class="modal-title">作業選択</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<ul class="card-list select-card-list">
<li class="card mb-2 selected">
<a href="#" class="d-block px-5 py-3 text-decoration-none select-label">
<div class="fs-12 text-truncate d-block">作業名が入ります。</div>
</a>
</li>
<li class="card mb-2">
<a href="#" class="d-block px-5 py-3 text-decoration-none select-label">
<div class="fs-12 text-truncate d-block">作業名が入ります。</div>
</a>
</li>
<li class="card mb-2">
<a href="#" class="d-block px-5 py-3 text-decoration-none select-label">
<div class="fs-12 text-truncate d-block">作業名が入ります。</div>
</a>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">選択</button>
<button type="button" class="btn btn-tertiary" data-dismiss="modal">キャンセル</button>
</div>
</div>
</div>
</div>
<!-- select template modal -->
<div class="modal fade" id="select-template-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header bg-dark10">
<h5 class="modal-title">作業選択</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<ul class="card-list select-card-list">
<li class="accordion" id="accordion1">
<div class="card mb-2 selected" id="heading1">
<a href="#" class="d-flex text-decoration-none">
<div class="pl-5 py-3 h-100 w-100 align-self-center select-label">
タイトルテキスト
</div>
<div class="flex-shrink-1 mx-3 align-self-center">
<button class="btn btn-link border collapsed" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
<div class="arrow-icon"></div>
</button>
</div>
</a>
</div>
<div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#accordion1">
<div class="card-body">
テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入りま
す。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入
ります。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入ります。
</div>
</div>
</li>
<li class="accordion" id="accordion2">
<div class="card mb-2" id="heading2">
<a href="#" class="d-flex text-decoration-none">
<div class="pl-5 py-3 h-100 w-100 align-self-center select-label">
タイトルテキスト
</div>
<div class="flex-shrink-1 mx-3 align-self-center">
<button class="btn btn-link border collapsed" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse2">
<div class="arrow-icon"></div>
</button>
</div>
</a>
</div>
<div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordion2">
<div class="card-body">
テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入りま
す。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入
ります。テンプレートの内容が入ります。テンプレートの内容が入ります。テンプレートの内容が入ります。
</div>
</div>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">選択</button>
<button type="button" class="btn btn-tertiary" data-dismiss="modal">キャンセル</button>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
abvw/js/sendMessage/send-message.js 0 → 100644
/**
* Send Message js in send-message.html
*
* @since 1.0 check web
*/
var SendMessage = {};
SendMessage.baseApiUrl = CONSTANT.URL.CMS.BASE + ClientData.userInfo_accountPath() + CONSTANT.URL.CMS.API.BASE + 'sendMessage/';
/**
* default JSON
*/
SendMessage.dummyJson = {
}
/**
* get data from cms
* @param {function} callback
*/
SendMessage.getData = function (callback) {
let param = {
sid: COMMON.getSid(),
};
const url = SendMessage.baseApiUrl;
COMMON.cmsAjax(url, param, false, function (json) {
if (callback) {
callback(json);
}
}, function() {
console.log('SendMessage.getData error');
if (callback) {
callback(SendMessage.dummyJson);
}
});
};
/**
* init data, action when screen onload
*/
SendMessage.init = function () {
$("#includedHeader").load("../common/header.html" , function() {
I18N.initi18n();
});
};
\ No newline at end of file
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