Commit 468d4820 by Takumi Imai

#49772 ファイル構成修正

parent 493e6a5d
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
"name": "ABookCheck WEB", "name": "ABookCheck WEB",
"type": "chrome", "type": "chrome",
"request": "launch", "request": "launch",
"url":"http://127.0.0.1:5500/abvw/html/login.html", "url":"http://127.0.0.1:5500/abweb/html/login.html",
"webRoot": "${workspaceFolder}" "webRoot": "${workspaceFolder}"
} }
] ]
......
<div class="modal fade" id="confirm-modal" tabindex="-1" role="dialog"> <div class="modal fade" id="confirm-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-dark10"> <div class="modal-header bg-dark10">
<h5 class="modal-title lang" lang="confirmation"></h5> <h5 class="modal-title lang" lang="confirmation"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body" id="msgModel"> <div class="modal-body" id="msgModel">
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-primary lang" lang="confirmYes"></button> <button type="button" class="btn btn-primary lang" lang="confirmYes"></button>
<button type="button" class="btn btn-tertiary lang" lang="confirmNo" data-dismiss="modal"></button> <button type="button" class="btn btn-tertiary lang" lang="confirmNo" data-dismiss="modal"></button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
@font-face{ @font-face{
font-family:"Font Awesome 5 Brands"; font-family:"Font Awesome 5 Brands";
font-style:normal; font-style:normal;
font-weight:400; font-weight:400;
font-display:block; font-display:block;
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot); src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot);
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot) src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot)
format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2) format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2)
format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff) format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff)
format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf) format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf)
format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg#fontawesome) format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg#fontawesome)
format("svg")}.fab{font-family:"Font Awesome 5 Brands"} format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
@font-face{ @font-face{
font-family:"Font Awesome 5 Free"; font-family:"Font Awesome 5 Free";
font-style:normal; font-style:normal;
font-weight:400; font-weight:400;
font-display:block; font-display:block;
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot); src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot);
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot) src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot)
format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2) format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2)
format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff) format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff)
format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf) format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf)
format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg#fontawesome) format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg#fontawesome)
format("svg")}.fab,.far{font-weight:400} format("svg")}.fab,.far{font-weight:400}
@font-face{ @font-face{
font-family:"Font Awesome 5 Free"; font-family:"Font Awesome 5 Free";
font-style:normal; font-style:normal;
font-weight:900; font-weight:900;
font-display:block; font-display:block;
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot); src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot);
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot) src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot)
format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2) format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2)
format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff) format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff)
format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf) format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf)
format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg#fontawesome) format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg#fontawesome)
format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
\ No newline at end of file
@charset "UTF-8"; @charset "UTF-8";
header .navbar-brand img{ header .navbar-brand img{
height: 35px!important; height: 35px!important;
} }
header .nav-link img { header .nav-link img {
height: 28px!important; height: 28px!important;
} }
@media (max-width: 575px) { @media (max-width: 575px) {
header .nav-link img { header .nav-link img {
height: 24px!important; height: 24px!important;
} }
} }
header nav a,header nav a:hover{ header nav a,header nav a:hover{
color: #69707A; color: #69707A;
} }
header li.active.nav-link a{ header li.active.nav-link a{
color: var(--primary); color: var(--primary);
} }
header li.active.nav-link img { header li.active.nav-link img {
filter: brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(4792%) hue-rotate(219deg) brightness(98%) contrast(100%); filter: brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(4792%) hue-rotate(219deg) brightness(98%) contrast(100%);
} }
html, html,
body { body {
height: 100%; height: 100%;
background-color: #EBF4FB; background-color: #EBF4FB;
} }
body { body {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
} }
.form-login { .form-login {
width: 100%; width: 100%;
max-width: 420px; max-width: 420px;
padding: 25px 30px; padding: 25px 30px;
margin: auto; margin: auto;
} }
\ No newline at end of file
@charset "UTF-8"; @charset "UTF-8";
/* no image */ /* no image */
.not-found-img{ .not-found-img{
max-width: 100px; max-width: 100px;
} }
/* dashboard */ /* dashboard */
ul.dashboard-menu li:hover{ ul.dashboard-menu li:hover{
background-color: #f8f9fa; background-color: #f8f9fa;
} }
ul.dashboard-menu li img{ ul.dashboard-menu li img{
width: 50px; width: 50px;
} }
@media screen and (max-width: 575px) { @media screen and (max-width: 575px) {
ul.dashboard-menu li img{ ul.dashboard-menu li img{
width: 40px; width: 40px;
} }
} }
/* dashboard setting */ /* dashboard setting */
.setting-table-wrap table { .setting-table-wrap table {
width: 100%; width: 100%;
} }
.setting-table-wrap th { .setting-table-wrap th {
padding: 0.8rem; padding: 0.8rem;
} }
.setting-table-wrap td { .setting-table-wrap td {
width: 80px; width: 80px;
padding: 0.8rem; padding: 0.8rem;
} }
/* message list */ /* message list */
ul.message-list li.unread{ ul.message-list li.unread{
font-weight: bold; font-weight: bold;
} }
ul.message-list li.read{ ul.message-list li.read{
background-color: #f8f9fa; background-color: #f8f9fa;
} }
/* task list */ /* task list */
.task-list li a > div:nth-of-type(2){ .task-list li a > div:nth-of-type(2){
min-height: 45px; min-height: 45px;
} }
.view-block { .view-block {
display: grid; display: grid;
grid-template-columns: repeat(3,1fr); grid-template-columns: repeat(3,1fr);
column-gap: 10px; column-gap: 10px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.view-block { .view-block {
grid-template-columns: repeat(2,1fr); grid-template-columns: repeat(2,1fr);
} }
} }
@charset "UTF-8"; @charset "UTF-8";
.tb-wrap { .tb-wrap {
border-radius: 4px; border-radius: 4px;
border: 3px solid #EBF4FB; border: 3px solid #EBF4FB;
} }
.ad-area{ .ad-area{
top: 0; top: 0;
right: 20px; right: 20px;
} }
canvas { canvas {
width: 80%; width: 80%;
height: 200px; height: 200px;
} }
.tb-item { .tb-item {
counter-increment: item; counter-increment: item;
margin-bottom: 10px; margin-bottom: 10px;
} }
.tb-item:not(:last-child) { .tb-item:not(:last-child) {
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: 3px solid #EBF4FB; border-bottom: 3px solid #EBF4FB;
} }
.tb-item .num:after, .tb-item .num:after,
.tb-item label:after { .tb-item label:after {
content: counters(item,""); content: counters(item,"");
} }
/* 工程一覧 */ /* 工程一覧 */
#process-list h1{ #process-list h1{
font-size: 20px; font-size: 20px;
} }
#process-list .ar-box{ #process-list .ar-box{
min-height: 50px; min-height: 50px;
font-weight: normal; font-weight: normal;
} }
#process-list .sp-down img{ #process-list .sp-down img{
width: 35px; width: 35px;
} }
/* フォーム開閉ボタン */ /* フォーム開閉ボタン */
.ac-tb-form{ .ac-tb-form{
display: block; display: block;
padding: 5px 0 5px 35px; padding: 5px 0 5px 35px;
text-align: center; text-align: center;
color: #0053f0!important; color: #0053f0!important;
font-weight: 600; font-weight: 600;
text-decoration: none!important; text-decoration: none!important;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
} }
.ac-tb-form:after { .ac-tb-form:after {
content: ""; content: "";
position: absolute; position: absolute;
left: 15px; left: 15px;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
display: block; display: block;
width: 8px; width: 8px;
height: 8px; height: 8px;
border-top: 2px solid #0053f0; border-top: 2px solid #0053f0;
border-right: 2px solid #0053f0; border-right: 2px solid #0053f0;
transform: rotate(-45deg); transform: rotate(-45deg);
top: 45%; top: 45%;
} }
.ac-tb-form.hide:after { .ac-tb-form.hide:after {
transform: rotate(135deg); transform: rotate(135deg);
top: 32%; top: 32%;
} }
.tb-item.visually-hidden { .tb-item.visually-hidden {
transition: 0.5s; transition: 0.5s;
} }
.visually-hidden { .visually-hidden {
position: fixed !important; position: fixed !important;
top: 0px !important; top: 0px !important;
left: 0px !important; left: 0px !important;
width: 0px !important; width: 0px !important;
height: 0px !important; height: 0px !important;
opacity: 0 !important; opacity: 0 !important;
overflow: hidden !important; overflow: hidden !important;
border: none !important; border: none !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
display: block !important; display: block !important;
visibility: visible !important; visibility: visible !important;
} }
.num { .num {
font-weight: 600; font-weight: 600;
} }
i.fa-minus, i.fa-plus { i.fa-minus, i.fa-plus {
color: #212529; color: #212529;
} }
.fa-plus:active{ .fa-plus:active{
transform: rotate(180deg); transform: rotate(180deg);
transition: .5s; transition: .5s;
} }
#top nav.search { #top nav.search {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.form-group { .form-group {
margin-bottom: 0; margin-bottom: 0;
} }
/* アイコン */ /* アイコン */
.icon{ .icon{
width: 22px; width: 22px;
max-height: 22px; max-height: 22px;
} }
.duration-area { .duration-area {
padding-left: 0; padding-left: 0;
} }
/* pdf出力ボタン */ /* pdf出力ボタン */
.pdf-output-btn .icon{ .pdf-output-btn .icon{
width: 22px; width: 22px;
height: 22px; height: 22px;
background: url("../img/icon_pdf_blue.svg") no-repeat; background: url("../img/icon_pdf_blue.svg") no-repeat;
} }
.pdf-output-btn:hover .icon{ .pdf-output-btn:hover .icon{
background: url("../img/icon_pdf.svg") no-repeat; background: url("../img/icon_pdf.svg") no-repeat;
} }
/* 表の開閉 */ /* 表の開閉 */
.fold-area { .fold-area {
height: 30px; height: 30px;
position: relative; position: relative;
margin: 0 10px; margin: 0 10px;
} }
.fold-area.hide{ .fold-area.hide{
display: none; display: none;
} }
.fold-area span:nth-child(1) { .fold-area span:nth-child(1) {
width: calc( 100% - 20px ); width: calc( 100% - 20px );
height: 3px; height: 3px;
background-color: #ebf4fb; background-color: #ebf4fb;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
} }
.fold-area span:nth-child(2) { .fold-area span:nth-child(2) {
width: 95%; width: 95%;
height: 3px; height: 3px;
background-color: #ebf4fb; background-color: #ebf4fb;
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 0; right: 0;
} }
.fold-area span:nth-child(2) { .fold-area span:nth-child(2) {
width: calc( 100% - 10px ); width: calc( 100% - 10px );
height: 3px; height: 3px;
background-color: #ebf4fb; background-color: #ebf4fb;
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 0; right: 0;
} }
.fold-area span:nth-child(2):before { .fold-area span:nth-child(2):before {
content: ''; content: '';
width: 3px; width: 3px;
height: 10px; height: 10px;
border-left: 3px solid #ebf4fb; border-left: 3px solid #ebf4fb;
position: absolute; position: absolute;
top: -10px; top: -10px;
} }
.fold-area span:nth-child(3) { .fold-area span:nth-child(3) {
width: 100%; width: 100%;
height: 3px; height: 3px;
background-color: #ebf4fb; background-color: #ebf4fb;
position: absolute; position: absolute;
top: 20px; top: 20px;
right: 0; right: 0;
} }
.fold-area span:nth-child(3):before { .fold-area span:nth-child(3):before {
content: ''; content: '';
width: 3px; width: 3px;
height: 10px; height: 10px;
border-left: 3px solid #ebf4fb; border-left: 3px solid #ebf4fb;
position: absolute; position: absolute;
top: -10px; top: -10px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.del-btn,.sv-btn,.sb-btn{ .del-btn,.sv-btn,.sb-btn{
min-width: 150px; min-width: 150px;
} }
} }
/* タブ */ /* タブ */
.side-navi ul li a { .side-navi ul li a {
color: #212529; color: #212529;
} }
.side-navi ul li.active.done a{ .side-navi ul li.active.done a{
color: #212529; color: #212529;
} }
.side-navi ul li.doing a { .side-navi ul li.doing a {
color: #0053f0; color: #0053f0;
} }
.side-navi ul li.yet a{ .side-navi ul li.yet a{
color: #ccc; color: #ccc;
} }
/* 作業未更新 */ /* 作業未更新 */
#top tr.update { #top tr.update {
background: #fffaf7; background: #fffaf7;
} }
#top tr.update a:before { #top tr.update a:before {
content: '\f2f9'; content: '\f2f9';
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
color: #0053f0; color: #0053f0;
font-weight: 600; font-weight: 600;
margin-right: 5px; margin-right: 5px;
} }
@media(max-width: 991.98px){ @media(max-width: 991.98px){
.side-navi ul li.active { .side-navi ul li.active {
background: #ebf4fb!important; background: #ebf4fb!important;
z-index: 9999; z-index: 9999;
margin-bottom: -1px; margin-bottom: -1px;
border-bottom: 1px solid #ebf4fb; border-bottom: 1px solid #ebf4fb;
} }
.side-navi ul li.active a{ .side-navi ul li.active a{
color: #0053f0; color: #0053f0;
} }
.p-form { .p-form {
border-top: 1px solid #dadee3; border-top: 1px solid #dadee3;
margin-top: -1px; margin-top: -1px;
} }
.side-navi ul li.done { .side-navi ul li.done {
background: #C4C4C4; background: #C4C4C4;
} }
.side-navi ul li.done a{ .side-navi ul li.done a{
color: #fff; color: #fff;
} }
.side-navi ul li.active.yet a{ .side-navi ul li.active.yet a{
color: #212529; color: #212529;
} }
} }
@media screen and (max-width:768px){ @media screen and (max-width:768px){
#top tr.update a:before { #top tr.update a:before {
font-size: 13px; font-size: 13px;
} }
} }
\ No newline at end of file
<header> <header>
<nav class="navbar navbar-dark shadow-sm px-sm-auto px-0"> <nav class="navbar navbar-dark shadow-sm px-sm-auto px-0">
<div class="container"> <div class="container">
<a href="dashboard.html" class="navbar-brand"> <a href="dashboard.html" class="navbar-brand">
<img src="../common/img/logo.svg" type="image" alt="" class="img-fluid lang" lang="logo"> <img src="../common/img/logo.svg" type="image" alt="" class="img-fluid lang" lang="logo">
</a> </a>
<ul class="mr-sm-auto ml-sm-0 ml-auto mb-0 pl-0 d-flex"> <ul class="mr-sm-auto ml-sm-0 ml-auto mb-0 pl-0 d-flex">
<li class="active nav-link"> <li class="active nav-link">
<a href="dashboard.html" class="d-block text-center text-decoration-none"> <a href="dashboard.html" class="d-block text-center text-decoration-none">
<img src="../common/img/nav_icon_dashboard.svg" type="image" alt="" class="p-sm-1 p-0 img-fluid lang" lang="dashboard"> <img src="../common/img/nav_icon_dashboard.svg" type="image" alt="" class="p-sm-1 p-0 img-fluid lang" lang="dashboard">
<div class="fs-7 d-sm-block d-none lang" lang="dashboard"></div> <div class="fs-7 d-sm-block d-none lang" lang="dashboard"></div>
</a> </a>
</li> </li>
<li class="nav-link"> <li class="nav-link">
<a href="task-list.html" class="d-block text-center text-decoration-none"> <a href="task-list.html" class="d-block text-center text-decoration-none">
<img src="../common/img/nav_icon_task.svg" type="image" alt="" class="p-sm-1 p-0 img-fluid lang" lang="workList"> <img src="../common/img/nav_icon_task.svg" type="image" alt="" class="p-sm-1 p-0 img-fluid lang" lang="workList">
<div class="fs-7 d-sm-block d-none lang" lang="workList"></div> <div class="fs-7 d-sm-block d-none lang" lang="workList"></div>
</a> </a>
</li> </li>
</ul> </ul>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="nav-link text-center" id="dropdown-profile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a href="#" class="nav-link text-center" id="dropdown-profile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="../common/img/nav_icon_profile.svg" type="image" alt="" class="p-sm-1 p-0 img-fluid profile-img lang" lang="profile"> <img src="../common/img/nav_icon_profile.svg" type="image" alt="" class="p-sm-1 p-0 img-fluid profile-img lang" lang="profile">
<div class="fs-7 d-sm-block d-none lang" lang="profile"></div> <div class="fs-7 d-sm-block d-none lang" lang="profile"></div>
</a> </a>
<div class="dropdown-menu dropdown-menu-right" data-animation="true" aria-labelledby="dropdown-profile"> <div class="dropdown-menu dropdown-menu-right" data-animation="true" aria-labelledby="dropdown-profile">
<h6 class="dropdown-header lang" lang="dspLogin" ></h6> <h6 class="dropdown-header lang" lang="dspLogin" ></h6>
<a class="dropdown-item " href="account-setting.html" > <a class="dropdown-item " href="account-setting.html" >
<img src="../common/img/menu_icon_account_setting.svg" type="image" alt="" class="navbar-dropdown-icon lang" lang="account_setting"> <img src="../common/img/menu_icon_account_setting.svg" type="image" alt="" class="navbar-dropdown-icon lang" lang="account_setting">
<span class="lang" style=" color: #6c757d;" lang="account_setting"></span> <span class="lang" style=" color: #6c757d;" lang="account_setting"></span>
</a> </a>
<a class="dropdown-item " href="#" data-toggle="modal" data-target="#confirm-modal"> <a class="dropdown-item " href="#" data-toggle="modal" data-target="#confirm-modal">
<img src="../common/img/menu_icon_logout.svg" type="image" alt="" class="navbar-dropdown-icon lang" lang="dspLogout"> <img src="../common/img/menu_icon_logout.svg" type="image" alt="" class="navbar-dropdown-icon lang" lang="dspLogout">
<span class="lang" style=" color: #6c757d;" lang="dspLogout"></span> <span class="lang" style=" color: #6c757d;" lang="dspLogout"></span>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>
</header> </header>
$(function(){ $(function(){
hide_del_btn(); hide_del_btn();
}); });
/** Handle press the Add button */ /** Handle press the Add button */
$('.add').on('click',function(){ $('.add').on('click',function(){
var base = $(this).parent().parent().parent('.tb-item'); var base = $(this).parent().parent().parent('.tb-item');
base.find('.del').show(); base.find('.del').show();
// clone input form // clone input form
base.clone(true).insertAfter(base); base.clone(true).insertAfter(base);
// Scroll to added element // Scroll to added element
$("html,body").animate({scrollTop:base.next().offset().top}); $("html,body").animate({scrollTop:base.next().offset().top});
// Input form accordion display // Input form accordion display
base.parent().parent('.tb').find('.ac-tb-form').show(); base.parent().parent('.tb').find('.ac-tb-form').show();
}); });
/** Handle press the Delete button */ /** Handle press the Delete button */
$('.del').on('click',function(){ $('.del').on('click',function(){
var base = $(this).parent().parent().parent('.tb-item'); var base = $(this).parent().parent().parent('.tb-item');
var tbwrap = base.parent('.tb-wrap'); var tbwrap = base.parent('.tb-wrap');
var tb = tbwrap.parent('.tb'); var tb = tbwrap.parent('.tb');
// Delete area // Delete area
base.remove(); base.remove();
// Hidden delete button // Hidden delete button
hide_del_btn(); hide_del_btn();
// Form area display switch // Form area display switch
tbWrapClear(tbwrap); tbWrapClear(tbwrap);
// Hide collapse icon // Hide collapse icon
if(tb.find('.ac-tb-form').is(':hidden')){ if(tb.find('.ac-tb-form').is(':hidden')){
tb.find('.fold-area').addClass('hide'); tb.find('.fold-area').addClass('hide');
} }
}); });
/** handle Press the close button */ /** handle Press the close button */
$('.close-window').on('click',function(){ $('.close-window').on('click',function(){
window.close(); window.close();
}); });
/** Hide delete button when there is only one tablespace form */ /** Hide delete button when there is only one tablespace form */
function hide_del_btn(){ function hide_del_btn(){
$('.tb-wrap').each(function(i, elem){ $('.tb-wrap').each(function(i, elem){
var len = $(elem).find('.tb-item').length; var len = $(elem).find('.tb-item').length;
// When there is one item in the table // When there is one item in the table
if(len <= 1){ if(len <= 1){
$(elem).find('.del').hide(); $(elem).find('.del').hide();
$(this).children('.tb-item').removeClass('visually-hidden'); $(this).children('.tb-item').removeClass('visually-hidden');
// Input form accordion hidden // Input form accordion hidden
$(this).parent().find('.ac-tb-form').hide(); $(this).parent().find('.ac-tb-form').hide();
} }
}); });
} }
/** Handle when deleting while closing the accordion */ /** Handle when deleting while closing the accordion */
function tbWrapClear(tbwrap){ function tbWrapClear(tbwrap){
// If you delete the form while closing the accordion // If you delete the form while closing the accordion
// Hide parent element if all child elements are hidden // Hide parent element if all child elements are hidden
if(tbwrap.children(':not(.visually-hidden)').length == 0){ if(tbwrap.children(':not(.visually-hidden)').length == 0){
tbwrap.addClass("visually-hidden"); tbwrap.addClass("visually-hidden");
} }
else { else {
tbwrap.removeClass("visually-hidden"); tbwrap.removeClass("visually-hidden");
} }
} }
/** input form accordion */ /** input form accordion */
$('.ac-tb-form').on('click',function(){ $('.ac-tb-form').on('click',function(){
var tb = $(this).parent().parent().parent('.tb'); var tb = $(this).parent().parent().parent('.tb');
var elems = tb.find('.tb-wrap').find('.tb-item'); var elems = tb.find('.tb-wrap').find('.tb-item');
var tbwrap = tb.find('.tb-wrap'); var tbwrap = tb.find('.tb-wrap');
if(!$(this).hasClass('hide')){ if(!$(this).hasClass('hide')){
elems.each(function(i) { elems.each(function(i) {
i = i + 1; i = i + 1;
if( i != elems.size()){ if( i != elems.size()){
$(this).addClass('visually-hidden'); $(this).addClass('visually-hidden');
} }
}); });
$(this).text('開く'); $(this).text('開く');
// Form area display switch // Form area display switch
tbWrapClear(tbwrap); tbWrapClear(tbwrap);
// Collapse icon view // Collapse icon view
tb.find('.fold-area').removeClass('hide'); tb.find('.fold-area').removeClass('hide');
}else{ }else{
elems.removeClass('visually-hidden'); elems.removeClass('visually-hidden');
$(this).text('閉じる'); $(this).text('閉じる');
// Form area display switch // Form area display switch
tbWrapClear(tbwrap); tbWrapClear(tbwrap);
// Hide collapse icon // Hide collapse icon
tb.find('.fold-area').addClass('hide'); tb.find('.fold-area').addClass('hide');
} }
// opening and closing // opening and closing
$(this).toggleClass("hide"); $(this).toggleClass("hide");
}); });
/** toggle switch */ /** toggle switch */
$(".toggle").on("click", function() { $(".toggle").on("click", function() {
$(this).toggleClass("checked"); $(this).toggleClass("checked");
if(!$('input[name="check"]').prop("checked")) { if(!$('input[name="check"]').prop("checked")) {
$(".toggle input").prop("checked", true); $(".toggle input").prop("checked", true);
} else { } else {
$(".toggle input").prop("checked", false); $(".toggle input").prop("checked", false);
} }
}); });
/** Menu display */ /** Menu display */
$('.c-dropdown-trigger').on("click",function(){ $('.c-dropdown-trigger').on("click",function(){
$('[data-target="' + $(this).attr('id') + '"]').toggleClass('show'); $('[data-target="' + $(this).attr('id') + '"]').toggleClass('show');
$('.mask').removeClass('hide'); $('.mask').removeClass('hide');
}); });
/** Close menu */ /** Close menu */
$('.mask').on("click",function(){ $('.mask').on("click",function(){
$('.mask').addClass('hide'); $('.mask').addClass('hide');
$('.c-dropdown-menu').removeClass('show'); $('.c-dropdown-menu').removeClass('show');
}); });
/** Select card list */ /** Select card list */
$('.select-card-list .card .select-label').on("click",function(){ $('.select-card-list .card .select-label').on("click",function(){
$(this).closest('.select-card-list').find('.card').removeClass('selected'); $(this).closest('.select-card-list').find('.card').removeClass('selected');
$(this).closest('.card').addClass('selected'); $(this).closest('.card').addClass('selected');
}); });
/** List display switching (list display) */ /** List display switching (list display) */
$('.view-menu .view-list-btn').on("click",function(){ $('.view-menu .view-list-btn').on("click",function(){
$('.view-block-btn').removeClass('active'); $('.view-block-btn').removeClass('active');
$('.view-list-btn').addClass('active'); $('.view-list-btn').addClass('active');
$('.view-content').removeClass('view-block'); $('.view-content').removeClass('view-block');
$('.view-content').addClass('view-list'); $('.view-content').addClass('view-list');
}); });
/** List display switching (grid display) */ /** List display switching (grid display) */
$('.view-menu .view-block-btn').on("click",function(){ $('.view-menu .view-block-btn').on("click",function(){
$('.view-list-btn').removeClass('active'); $('.view-list-btn').removeClass('active');
$('.view-block-btn').addClass('active'); $('.view-block-btn').addClass('active');
$('.view-content').removeClass('view-list'); $('.view-content').removeClass('view-list');
$('.view-content').addClass('view-block'); $('.view-content').addClass('view-block');
}); });
/** loading */ /** loading */
$(function(){ $(function(){
function e() { function e() {
setTimeout(function(){ setTimeout(function(){
$.LoadingOverlay("hide"); $.LoadingOverlay("hide");
}, 2000); }, 2000);
} }
$(".search-form-btn").on('click', function(){ $(".search-form-btn").on('click', function(){
$.LoadingOverlay("show", { $.LoadingOverlay("show", {
image : "img/loading.gif" image : "img/loading.gif"
}); });
e(); e();
}); });
}); });
<!-- dashboard setting modal --> <!-- dashboard setting modal -->
<div class="modal fade" id="dashboard-setting-modal" tabindex="-1" role="dialog"> <div class="modal fade" id="dashboard-setting-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-dark10"> <div class="modal-header bg-dark10">
<h5 class="modal-title lang" lang="dashboardSettings"></h5> <h5 class="modal-title lang" lang="dashboardSettings"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<table class="w-100" id="dashboardSettingItems"> <table class="w-100" id="dashboardSettingItems">
<colgroup> <colgroup>
<col span="1" class="w-120px"> <col span="1" class="w-120px">
</colgroup> </colgroup>
<tbody> <tbody>
<tr> <tr>
<th class="fs-9 p-2 text-secondary lang" lang="newRegistrationTitle"></th> <th class="fs-9 p-2 text-secondary lang" lang="newRegistrationTitle"></th>
<td class="p-2"><div id="settingNewReport" data-key="newReport" class="toggle ml-auto"><input type="checkbox" name="chk-new"></div></td> <td class="p-2"><div id="settingNewReport" data-key="newReport" class="toggle ml-auto"><input type="checkbox" name="chk-new"></div></td>
</tr> </tr>
<tr> <tr>
<th class="fs-9 p-2 text-secondary lang" lang="processWorkTitle"></th> <th class="fs-9 p-2 text-secondary lang" lang="processWorkTitle"></th>
<td class="p-2"><div id="settingContinousWork" data-key="continousWork" class="toggle ml-auto"><input type="checkbox" name="chk-proccess"></div></td> <td class="p-2"><div id="settingContinousWork" data-key="continousWork" class="toggle ml-auto"><input type="checkbox" name="chk-proccess"></div></td>
</tr> </tr>
<tr> <tr>
<th class="fs-9 p-2 text-secondary lang" lang="workWithWarningsTitle"></th> <th class="fs-9 p-2 text-secondary lang" lang="workWithWarningsTitle"></th>
<td class="p-2"><div id="settingWarningReport" data-key="warningReport" class="toggle ml-auto"><input type="checkbox" name="chk-alert"></div></td> <td class="p-2"><div id="settingWarningReport" data-key="warningReport" class="toggle ml-auto"><input type="checkbox" name="chk-alert"></div></td>
</tr> </tr>
<tr> <tr>
<th class="fs-9 p-2 text-secondary lang" lang="makeDashboardAsHome"></th> <th class="fs-9 p-2 text-secondary lang" lang="makeDashboardAsHome"></th>
<td class="p-2"><div id="settingDashboardHome" data-key="dashboardHome" class="toggle ml-auto"><input type="checkbox" name="chk-home"></div></td> <td class="p-2"><div id="settingDashboardHome" data-key="dashboardHome" class="toggle ml-auto"><input type="checkbox" name="chk-home"></div></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-primary lang" lang="btnKeep" onclick="DashboardSetting.onClickSave();"></button> <button type="button" class="btn btn-primary lang" lang="btnKeep" onclick="DashboardSetting.onClickSave();"></button>
<button type="button" class="btn btn-tertiary lang" lang="dspCancel" data-dismiss="modal"></button> <button type="button" class="btn btn-tertiary lang" lang="dspCancel" data-dismiss="modal"></button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ja-JP"> <html lang="ja-JP">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>ダッシュボード</title> <title>ダッシュボード</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons --> <!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon"> <link href="../common/img/favicon.ico" rel="icon">
<link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- main css --> <!-- main css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/app.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/header.css">
<link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css"> <link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css">
<!-- vender css --> <!-- vender css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/fontawesome_relative_path.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-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/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="/abvw/common/js/web/i18n.js?__UPDATEID__"></script>
<script src="../common/js/constant.js?__UPDATEID__"></script> <script src="../common/js/constant.js?__UPDATEID__"></script>
<script src="../common/js/common.js?__UPDATEID__"></script> <script src="../common/js/common.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/dashboardSetting/dashboard-setting.js"></script> <script type="text/javascript" src="../js/dashboardSetting/dashboard-setting.js"></script>
<script type="text/javascript" src="../js/template/template.js"></script> <script type="text/javascript" src="../js/template/template.js"></script>
<script type="text/javascript" src="../js/dashboard/dashboard.js"></script> <script type="text/javascript" src="../js/dashboard/dashboard.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
DASHBOARD.init(); DASHBOARD.init();
}); });
</script> </script>
</head> </head>
<body> <body>
<!-- header --> <!-- header -->
<div id="includedHeader"></div> <div id="includedHeader"></div>
<!-- dashboard --> <!-- dashboard -->
<main> <main>
<div class="container"> <div class="container">
<!-- title --> <!-- title -->
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<h1 class="fs-14 font-weight-bold pt-4 pb-3 mb-0 mr-auto lang" lang="dashboard"></h1> <h1 class="fs-14 font-weight-bold pt-4 pb-3 mb-0 mr-auto lang" lang="dashboard"></h1>
<a href="#" data-toggle="modal" data-target="#dashboard-setting-modal" > <a href="#" data-toggle="modal" data-target="#dashboard-setting-modal" >
<img src="../common/img/icon_dashboard_setting.svg" type="image" alt="" class="p-1 w-40px lang" lang="dashboardSettings"> <img src="../common/img/icon_dashboard_setting.svg" type="image" alt="" class="p-1 w-40px lang" lang="dashboardSettings">
</a> </a>
</div> </div>
<!-- sub title --> <!-- sub title -->
<h2 class="fs-8 font-weight-bold lang" id="#pickupHeader" lang="pickup"></h2> <h2 class="fs-8 font-weight-bold lang" id="#pickupHeader" lang="pickup"></h2>
<!-- card --> <!-- card -->
<ul class="dashboard-menu p-0 mt-3 d-grid col-gap-10 grid-col-md-4 grid-col-2" id ="pickupItems" > <ul class="dashboard-menu p-0 mt-3 d-grid col-gap-10 grid-col-md-4 grid-col-2" id ="pickupItems" >
</ul> </ul>
<!-- sub title --> <!-- sub title -->
<h2 class="fs-8 font-weight-bold lang" lang="communication"></h2> <h2 class="fs-8 font-weight-bold lang" lang="communication"></h2>
<!-- card --> <!-- card -->
<ul class="dashboard-menu p-0 mt-3 d-grid col-gap-10 grid-col-md-4 grid-col-2" id="communicationItems"> <ul class="dashboard-menu p-0 mt-3 d-grid col-gap-10 grid-col-md-4 grid-col-2" id="communicationItems">
</ul> </ul>
</div> </div>
</main> </main>
<!-- dashboard setting model --> <!-- dashboard setting model -->
<div id="includedDashboardSetting"></div> <div id="includedDashboardSetting"></div>
<!-- confirm --> <!-- confirm -->
<div id="includedConfirmModal"></div> <div id="includedConfirmModal"></div>
<script type="text/javascript" src="../common/js/newdash/app.js?__UPDATEID__"></script> <script type="text/javascript" src="../common/js/newdash/app.js?__UPDATEID__"></script>
<script type="text/javascript" src="../common/js/newdash/common.js?__UPDATEID__"></script> <script type="text/javascript" src="../common/js/newdash/common.js?__UPDATEID__"></script>
</body> </body>
</html> </html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ja-JP"> <html lang="ja-JP">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title class="lang" lang="messageDetail"></title> <title class="lang" lang="messageDetail"></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons --> <!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon"> <link href="../common/img/favicon.ico" rel="icon">
<link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- main css --> <!-- main css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/app.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/header.css">
<link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css"> <link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css">
<!-- vender css --> <!-- vender css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/fontawesome_relative_path.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-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/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="/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/app.js"></script>
<script type="text/javascript" src="../common/js/newdash/common.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/constant.js?__UPDATEID__"></script>
<script src="../common/js/common.js?__UPDATEID__"></script> <script src="../common/js/common.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/template/template.js"></script> <script type="text/javascript" src="../js/template/template.js"></script>
<script type="text/javascript" src="../js/pushMessageDetail/push-message-detail.js"></script> <script type="text/javascript" src="../js/pushMessageDetail/push-message-detail.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
PushMessageDetail.init(); PushMessageDetail.init();
}); });
</script> </script>
</head> </head>
<body> <body>
<!-- header --> <!-- header -->
<div id="includedHeader"></div> <div id="includedHeader"></div>
<!-- message detail --> <!-- message detail -->
<main> <main>
<div class="container"> <div class="container">
<!-- breadcrumb --> <!-- breadcrumb -->
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb px-0 mb-0"> <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"><a href="dashboard.html" class="text-decoration-none text-underline lang" lang="dashboard"></a></li>
<li class="breadcrumb-item"><a href="push-message-list.html" class="text-decoration-none text-underline lang" lang="messageListTitle"></a></li> <li class="breadcrumb-item"><a href="push-message-list.html" class="text-decoration-none text-underline lang" lang="messageListTitle"></a></li>
<li class="breadcrumb-item active lang" lang="messageDetail" aria-current="page"><span></span></li> <li class="breadcrumb-item active lang" lang="messageDetail" aria-current="page"><span></span></li>
</ol> </ol>
</nav> </nav>
<!-- title --> <!-- title -->
<h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="messageDetail"></h1> <h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="messageDetail"></h1>
<!-- message detail --> <!-- message detail -->
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card p-4"> <div class="card p-4">
<table> <table>
<colgroup> <colgroup>
<col span="1" class="w-100px"> <col span="1" class="w-100px">
</colgroup> </colgroup>
<tbody> <tbody>
<tr class="border-bottom"> <tr class="border-bottom">
<th class="fs-9 p-2 text-secondary lang" lang="operationName"></th> <th class="fs-9 p-2 text-secondary lang" lang="operationName"></th>
<td class="p-2" id="operationName"></td> <td class="p-2" id="operationName"></td>
</tr> </tr>
<tr class="border-bottom"> <tr class="border-bottom">
<th class="fs-9 p-2 text-secondary lang" lang="sendDate"></th> <th class="fs-9 p-2 text-secondary lang" lang="sendDate"></th>
<td class="p-2" id="sendDate"></td> <td class="p-2" id="sendDate"></td>
</tr> </tr>
<tr class="border-bottom"> <tr class="border-bottom">
<th class="fs-9 p-2 text-secondary lang" lang="sender"></th> <th class="fs-9 p-2 text-secondary lang" lang="sender"></th>
<td class="p-2" id="sender"></td> <td class="p-2" id="sender"></td>
</tr> </tr>
<tr class="border-bottom"> <tr class="border-bottom">
<th class="fs-9 p-2 text-secondary lang" lang="content"></th> <th class="fs-9 p-2 text-secondary lang" lang="content"></th>
<td class="p-2" id="content"></td> <td class="p-2" id="content"></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</main> </main>
</body> </body>
</html> </html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ja-JP"> <html lang="ja-JP">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title class="lang" lang="messageListTitle"></title> <title class="lang" lang="messageListTitle"></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons --> <!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon"> <link href="../common/img/favicon.ico" rel="icon">
<link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- main css --> <!-- main css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/app.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/header.css">
<link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css"> <link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css">
<!-- vender css --> <!-- vender css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/fontawesome_relative_path.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-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/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="/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/app.js"></script>
<script type="text/javascript" src="../common/js/newdash/common.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/constant.js?__UPDATEID__"></script>
<script src="../common/js/common.js?__UPDATEID__"></script> <script src="../common/js/common.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/template/template.js"></script> <script type="text/javascript" src="../js/template/template.js"></script>
<script type="text/javascript" src="../js/pushMessageList/push-message-list.js"></script> <script type="text/javascript" src="../js/pushMessageList/push-message-list.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
PushMessageList.init(); PushMessageList.init();
}); });
</script> </script>
</head> </head>
<body> <body>
<!-- header --> <!-- header -->
<div id="includedHeader"></div> <div id="includedHeader"></div>
<!-- message list --> <!-- message list -->
<main> <main>
<div class="container"> <div class="container">
<!-- breadcrumb --> <!-- breadcrumb -->
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb px-0 mb-0"> <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"><a href="dashboard.html" class="text-decoration-none text-underline lang" lang="dashboard"></a></li>
<li class="breadcrumb-item active lang" lang="messageListTitle" aria-current="page"><span></span></li> <li class="breadcrumb-item active lang" lang="messageListTitle" aria-current="page"><span></span></li>
</ol> </ol>
</nav> </nav>
<!-- title --> <!-- title -->
<h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="messageListTitle"></h1> <h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="messageListTitle"></h1>
<!-- message --> <!-- message -->
<ul class="card-list message-list p-0" id="messageList"> <ul class="card-list message-list p-0" id="messageList">
<li class="card mb-2 not-found d-none"> <li class="card mb-2 not-found d-none">
<div class="text-dark mb-1 px-3 py-5 text-center m-auto"> <div class="text-dark mb-1 px-3 py-5 text-center m-auto">
<img src="../common/img/icon_not_found.svg" alt="メッセージがありません。" class="not-found-img mb-2"> <img src="../common/img/icon_not_found.svg" alt="メッセージがありません。" class="not-found-img mb-2">
<div class="fs-9 text-secondary font-weight-bold lang" lang="messageListEmpty"></div> <div class="fs-9 text-secondary font-weight-bold lang" lang="messageListEmpty"></div>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</main> </main>
</body> </body>
</html> </html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ja-JP"> <html lang="ja-JP">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title class="lang" lang="sendMessageTitle"></title> <title class="lang" lang="sendMessageTitle"></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- favicons --> <!-- favicons -->
<link href="../common/img/favicon.ico" rel="icon"> <link href="../common/img/favicon.ico" rel="icon">
<link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="../common/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- main css --> <!-- main css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/app.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/header.css">
<link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css"> <link rel="stylesheet" type="text/css" href="../common/css/newdash/style.css">
<!-- vender css --> <!-- vender css -->
<link rel="stylesheet" type="text/css" href="../common/css/newdash/fontawesome_relative_path.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-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/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="/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/app.js"></script>
<script type="text/javascript" src="../common/js/newdash/common.js"></script> <script type="text/javascript" src="../common/js/newdash/common.js"></script>
<script type="text/javascript" src="/abvw/common/js/validation.js?__UPDATEID__"></script> <script type="text/javascript" src="/abvw/common/js/validation.js?__UPDATEID__"></script>
<script src="../common/js/constant.js?__UPDATEID__"></script> <script src="../common/js/constant.js?__UPDATEID__"></script>
<script src="../common/js/common.js?__UPDATEID__"></script> <script src="../common/js/common.js?__UPDATEID__"></script>
<script type="text/javascript" src="../js/operationSelect/operation-select.js"></script> <script type="text/javascript" src="../js/operationSelect/operation-select.js"></script>
<script type="text/javascript" src="../js/notification-content/notification-content.js"></script> <script type="text/javascript" src="../js/notification-content/notification-content.js"></script>
<script type="text/javascript" src="../js/template/template.js"></script> <script type="text/javascript" src="../js/template/template.js"></script>
<script type="text/javascript" src="../js/sendMessage/send-message.js"></script> <script type="text/javascript" src="../js/sendMessage/send-message.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
SendMessage.init(); SendMessage.init();
}); });
</script> </script>
</head> </head>
<body> <body>
<!-- header --> <!-- header -->
<div id="includedHeader"></div> <div id="includedHeader"></div>
<!-- send message --> <!-- send message -->
<main> <main>
<div class="container"> <div class="container">
<!-- breadcrumb --> <!-- breadcrumb -->
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb px-0 mb-0"> <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"><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> <li class="breadcrumb-item active lang" lang="sendMessageTitle" aria-current="page"><span></span></li>
</ol> </ol>
</nav> </nav>
<!-- title --> <!-- title -->
<h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="sendMessageTitle"></h1> <h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 lang" lang="sendMessageTitle"></h1>
<!-- content --> <!-- content -->
<div class="py-2"> <div class="py-2">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<form action="#"> <form action="#">
<div class="form-group form-row"> <div class="form-group form-row">
<div class="col-lg-1 col-md-2 col-3 control-label"> <div class="col-lg-1 col-md-2 col-3 control-label">
<button type="button" class="btn btn-sm btn-tertiary lang" lang="buttonOperationSelect" data-toggle="modal" data-target="#task-list-modal"></button> <button type="button" class="btn btn-sm btn-tertiary lang" lang="buttonOperationSelect" data-toggle="modal" data-target="#task-list-modal"></button>
</div> </div>
<div class="col-lg-11 col-md-10 col-9"> <div class="col-lg-11 col-md-10 col-9">
<div id="operationSelected" data-operation-id=""></div> <div id="operationSelected" data-operation-id=""></div>
</div> </div>
</div> </div>
<div class="form-group form-row"> <div class="form-group form-row">
<label for="address" class="col-lg-1 col-md-2 col-3 control-label lang" lang="labelSendTypeTitle"></label> <label for="address" class="col-lg-1 col-md-2 col-3 control-label lang" lang="labelSendTypeTitle"></label>
<div class="col-lg-11 col-md-10 col-9"> <div class="col-lg-11 col-md-10 col-9">
<div class="btn-group btn-group-toggle" data-toggle="buttons"> <div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-sm btn-primary custom active" for="sendTypeGroup"> <label class="btn btn-sm btn-primary custom active" for="sendTypeGroup">
<input type="radio" name="sendType" id="sendTypeGroup" value="0" autocomplete="off" checked></label> <input type="radio" name="sendType" id="sendTypeGroup" value="0" autocomplete="off" checked></label>
<label class="btn btn-sm btn-primary custom" for="sendTypeAll"> <label class="btn btn-sm btn-primary custom" for="sendTypeAll">
<input type="radio" name="sendType" id="sendTypeAll" value="1" autocomplete="off"></label> <input type="radio" name="sendType" id="sendTypeAll" value="1" autocomplete="off"></label>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group mb-4"> <div class="form-group mb-4">
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<label for="message-content" class="lang" lang="txtMessageContent"></label> <label for="message-content" class="lang" lang="txtMessageContent"></label>
<a href="#" data-toggle="modal" data-target="#select-template-modal" class="lang" lang="buttonTemplateSelection"></a> <a href="#" data-toggle="modal" data-target="#select-template-modal" class="lang" lang="buttonTemplateSelection"></a>
</div> </div>
<textarea name="message-content" class="form-control" id="messageContent" cols="30" rows="10"></textarea> <textarea name="message-content" class="form-control" id="messageContent" cols="30" rows="10"></textarea>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<button type="submit" class="btn btn-primary lang" lang="buttonSend" onclick="SendMessage.onClickSend();"></button> <button type="submit" class="btn btn-primary lang" lang="buttonSend" onclick="SendMessage.onClickSend();"></button>
</div> </div>
</div> </div>
</main> </main>
<!-- task list modal --> <!-- task list modal -->
<div id="includeOperationSelect"></div> <div id="includeOperationSelect"></div>
<!-- select template modal --> <!-- select template modal -->
<div id="includeTemplateModal"></div> <div id="includeTemplateModal"></div>
</body> </body>
</html> </html>
\ 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