Merge branch 'feature/1.0_check_web_dev_kdh_2' into 'feature/1.0_check_web_dev'

Feature/1.0 check web dev kdh 2

See merge request !29

abweb/common/css/appCommon/app.css

@@ -2,7 +2,7 @@
  * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  */
  */
- .fa,.fab,.fad,.fal,.far,.fas {
+.fa,.fab,.fad,.fal,.far,.fas {
     -moz-osx-font-smoothing: grayscale;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     display: inline-block;
@@ -6092,8 +6092,8 @@
     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?6606667d9800a27eb8b5f61ccb66d510);
-    src: url(./fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?6606667d9800a27eb8b5f61ccb66d510?#iefix) format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?3eb06c702e27fb110194f5a16c45cb8e) format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?f4f93856730733912b1e06ad64c0baf7) format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?915a0b79c22a1c1f64da9e0a90a12f02) format("truetype"),url(./fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?0454203f26b33fc02e2b686b317aab3d#fontawesome) format("svg")
+    src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?6606667d9800a27eb8b5f61ccb66d510);
+    src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?6606667d9800a27eb8b5f61ccb66d510?#iefix) format("embedded-opentype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?3eb06c702e27fb110194f5a16c45cb8e) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?f4f93856730733912b1e06ad64c0baf7) format("woff"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?915a0b79c22a1c1f64da9e0a90a12f02) format("truetype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?0454203f26b33fc02e2b686b317aab3d#fontawesome) format("svg")
 }
 }
 
 
 .fa,.far,.fas {
 .fa,.far,.fas {
@@ -6121,7 +6121,7 @@
     --green: #28a745;
     --green: #28a745;
     --teal: #20c997;
     --teal: #20c997;
     --cyan: #17a2b8;
     --cyan: #17a2b8;
-    --gray: #6c757d;
+    --gray: #69707A;
     --gray-dark: #343a40;
     --gray-dark: #343a40;
     --primary: #0053f0;
     --primary: #0053f0;
     --secondary: #6c757d;
     --secondary: #6c757d;
@@ -6132,6 +6132,7 @@
     --light: #f8f9fa;
     --light: #f8f9fa;
     --dark: #343a40;
     --dark: #343a40;
     --lightblue: #ebf4fb;
     --lightblue: #ebf4fb;
+    --lightblue-dark: #d8E7F3;
     --black: #000;
     --black: #000;
     --white: #fff;
     --white: #fff;
     --breakpoint-xs: 0;
     --breakpoint-xs: 0;
@@ -6151,7 +6152,7 @@ html {
     font-family: sans-serif;
     font-family: sans-serif;
     line-height: 1.15;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
-    -webkit-tap-highlight-color: rgba(0,0,0,0)
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 }
 
 
 article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
 article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
@@ -6164,9 +6165,9 @@ body {
     font-size: 1rem;
     font-size: 1rem;
     font-weight: 400;
     font-weight: 400;
     line-height: 1.5;
     line-height: 1.5;
-    color: #212529;
+    color: #69707A;
     text-align: left;
     text-align: left;
-    background-color: #fff
+    background-color: #ffffff;
 }
 }
 
 
 [tabindex="-1"]:focus:not(:focus-visible) {
 [tabindex="-1"]:focus:not(:focus-visible) {
@@ -6460,16 +6461,6 @@ template {
     font-size: 1rem
     font-size: 1rem
 }
 }
 
 
-.icon{
-    width: 22px;
-    height: 22px;
-}
-
-.icon-lg{
-    width: 24px;
-    height: 24px;
-}
-
 .lead {
 .lead {
     font-size: 1.25rem;
     font-size: 1.25rem;
     font-weight: 300
     font-weight: 300
@@ -6548,7 +6539,7 @@ hr {
 }
 }
 
 
 .blockquote-footer:before {
 .blockquote-footer:before {
-    content: "— "
+    content: "— "
 }
 }
 
 
 .img-fluid,.img-thumbnail {
 .img-fluid,.img-thumbnail {
@@ -8508,6 +8499,16 @@ a.btn.disabled,fieldset:disabled a.btn {
     background-color: #0053f0;
     background-color: #0053f0;
     border-color: #0053f0
     border-color: #0053f0
 }
 }
+.btn-primary.custom {
+    color: #69707A;
+    background-color: #f2f2f3;
+    border-color: #f2f2f3;
+}
+.btn-primary.custom.focus,.btn-primary.custom:focus,.btn-primary.custom:hover {
+    color: #69707A;
+    background-color: #343a4010;
+    border-color: #272d3310;
+}
 
 
 .btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
 .btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
     color: #fff;
     color: #fff;
@@ -8531,6 +8532,12 @@ a.btn.disabled,fieldset:disabled a.btn {
     border-color: #003db0
     border-color: #003db0
 }
 }
 
 
+.btn-primary.custom:not(:disabled):not(.disabled).active,.btn-primary.custom:not(:disabled):not(.disabled):active,.show>.btn-primary.custom.dropdown-toggle {
+    color: #fff;
+    background-color: #0053f0;
+    border-color: #0053f0
+}
+
 .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
 .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(38,109,242,.5)
     box-shadow: 0 0 0 .2rem rgba(38,109,242,.5)
 }
 }
@@ -8567,6 +8574,24 @@ a.btn.disabled,fieldset:disabled a.btn {
     box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
     box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
 }
 }
 
 
+
+
+
+.btn-tertiary {
+    color: #69707A;
+    background-color: #F7FAFB;
+    border-color: #E1E8ED;
+}
+
+.btn-tertiary.focus,.btn-tertiary:focus,.btn-tertiary:hover {
+    background-color: #e8f0f3;
+    /* border-color: #E1E8ED; */
+}
+
+
+
+
+
 .btn-success {
 .btn-success {
     color: #fff;
     color: #fff;
     background-color: #28a745;
     background-color: #28a745;
@@ -9223,11 +9248,11 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     transition: opacity .15s linear
     transition: opacity .15s linear
 }
 }
 
 
-@media (prefers-reduced-motion:reduce) {
+/* @media (prefers-reduced-motion:reduce) {
     .fade {
     .fade {
         transition: none
         transition: none
     }
     }
-}
+} */
 
 
 .fade:not(.show) {
 .fade:not(.show) {
     opacity: 0
     opacity: 0
@@ -9250,6 +9275,59 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     }
     }
 }
 }
 
 
+.mask {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    cursor: pointer;
+}
+.mask.hide{
+    display: none;
+}
+.c-dropdown{
+    position: relative;
+}
+.c-dropdown-menu{
+    display: none;
+}
+/* .c-dropdown-menu.show{
+    display: block;
+} */
+.c-dropdown-menu.show {
+    opacity: 1;
+    pointer-events: auto;
+    visibility: visible;
+    transform: scale(1) !important;
+}
+.c-dropdown-menu{
+    z-index: 1000;
+    min-width: 10rem;
+    padding: .5rem 0;
+    margin: .125rem 0 0;
+    font-size: 1rem;
+    color: #212529;
+    text-align: left;
+    list-style: none;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid rgba(0,0,0,.15);
+    border-radius: .25rem;
+    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    display: block;
+    position: absolute;
+    opacity: 0;
+    margin-top: 2.8125rem !important;
+    transform: scale(0.95) !important;
+    transform-origin: 0 0;
+    inset: 0px auto auto 0px;
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+}
+
 .dropdown,.dropleft,.dropright,.dropup {
 .dropdown,.dropleft,.dropright,.dropup {
     position: relative
     position: relative
 }
 }
@@ -9290,17 +9368,36 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     background-color: #fff;
     background-color: #fff;
     background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid rgba(0,0,0,.15);
     border: 1px solid rgba(0,0,0,.15);
-    border-radius: .25rem
+    border-radius: .25rem;
 }
 }
+.dropdown-menu[data-animation="true"]{
+    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    display: block;
+    position: absolute;
+    opacity: 0;
+    margin-top: 2.8125rem !important;
+    transform: scale(0.95) !important;
+    transform-origin: 0 0;
+    inset: 0px auto auto 0px;
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+}
+.dropdown .dropdown-menu.show {
+    opacity: 1;
+    pointer-events: auto;
+    visibility: visible;
+    transform: scale(1) !important;
+  }
 
 
 .dropdown-menu-left {
 .dropdown-menu-left {
-    right: auto;
-    left: 0
+    right: auto!important;
+    left: 0!important;
 }
 }
 
 
 .dropdown-menu-right {
 .dropdown-menu-right {
-    right: 0;
-    left: auto
+    right: 0!important;
+    left: auto!important;
 }
 }
 
 
 @media (min-width: 576px) {
 @media (min-width: 576px) {
@@ -9449,7 +9546,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
 .dropdown-item {
 .dropdown-item {
     display: block;
     display: block;
     width: 100%;
     width: 100%;
-    padding: .25rem 1.5rem;
+    padding: .35rem 1.5rem;
     clear: both;
     clear: both;
     font-weight: 400;
     font-weight: 400;
     color: #212529;
     color: #212529;
@@ -9458,11 +9555,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     background-color: transparent;
     background-color: transparent;
     border: 0
     border: 0
 }
 }
+.dropdown-menu.sort .dropdown-item{
+    padding: .25rem 1.5rem .25rem 2.5rem;
+}
 
 
 .dropdown-item:focus,.dropdown-item:hover {
 .dropdown-item:focus,.dropdown-item:hover {
     color: #16181b;
     color: #16181b;
     text-decoration: none;
     text-decoration: none;
-    background-color: #e9ecef
+    background-color: #f8f9fa
 }
 }
 
 
 .dropdown-item.active,.dropdown-item:active {
 .dropdown-item.active,.dropdown-item:active {
@@ -9492,7 +9592,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
 
 
 .dropdown-item-text {
 .dropdown-item-text {
     display: block;
     display: block;
-    padding: .25rem 1.5rem;
+    padding: .25rem 2.5rem;
     color: #212529
     color: #212529
 }
 }
 
 
@@ -10174,6 +10274,51 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     }
     }
 }
 }
 
 
+.toggle {
+    position: relative;
+    width: 52px;
+    height: 30px;
+    border-radius: 50px;
+    overflow: hidden;
+    cursor: pointer;
+}
+.toggle input[type=checkbox] {
+    display: none;
+}
+.toggle:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+    background: #e9e9eb;
+    -webkit-transition: 0.2s ease-out;
+    transition: 0.2s ease-out;
+}
+.toggle:after {
+    content: "";
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    width: 24px;
+    height: 24px;
+    display: block;
+    border-radius: 50px;
+    background: #fff;
+    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
+    -webkit-transition: 0.2s ease-out;
+    transition: 0.2s ease-out;
+}
+.toggle.checked:before {
+    background: #35c759;
+}
+.toggle.checked:after {
+    left: 25px;
+    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
+}
+
 .nav {
 .nav {
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
@@ -10205,13 +10350,28 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     margin-bottom: -1px;
     margin-bottom: -1px;
     border: 1px solid transparent;
     border: 1px solid transparent;
     border-top-left-radius: .25rem;
     border-top-left-radius: .25rem;
-    border-top-right-radius: .25rem
+    border-top-right-radius: .25rem;
+}
+
+.nav-tabs.line .nav-link{
+    color: var(--dark);
+}
+.nav-tabs.line {
+    overflow-x: auto;
+    flex-wrap: nowrap;
+    white-space: nowrap;
+    overflow-y: hidden;
 }
 }
 
 
 .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
 .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
     border-color: #e9ecef #e9ecef #dee2e6
     border-color: #e9ecef #e9ecef #dee2e6
 }
 }
 
 
+.nav-tabs.line .nav-link:focus,.nav-tabs .nav-link:hover {
+    border-color: transparent;
+    background-color: #f8f9fa;
+}
+
 .nav-tabs .nav-link.disabled {
 .nav-tabs .nav-link.disabled {
     color: #6c757d;
     color: #6c757d;
     background-color: transparent;
     background-color: transparent;
@@ -10223,6 +10383,13 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     background-color: #fff;
     background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff
     border-color: #dee2e6 #dee2e6 #fff
 }
 }
+.nav-tabs.line .nav-link.active {
+    color: var(--primary);
+    font-weight: bold;
+    background: transparent;
+    border: none;
+    border-bottom: 2px solid var(--primary);
+}
 
 
 .nav-tabs .dropdown-menu {
 .nav-tabs .dropdown-menu {
     margin-top: -1px;
     margin-top: -1px;
@@ -10260,8 +10427,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
 
 
 .navbar {
 .navbar {
     position: relative;
     position: relative;
-    padding: .5rem 1rem;
-    height: 50px;
+    padding: .5rem 1rem
 }
 }
 
 
 .navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl {
 .navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl {
@@ -10336,6 +10502,9 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     content: "";
     content: "";
     background: 50%/100% 100% no-repeat
     background: 50%/100% 100% no-repeat
 }
 }
+.navbar-dropdown-icon{
+    height: 20px;
+}
 
 
 .navbar-nav-scroll {
 .navbar-nav-scroll {
     max-height: 75vh;
     max-height: 75vh;
@@ -10641,7 +10810,8 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     background-color: #fff;
     background-color: #fff;
     background-clip: border-box;
     background-clip: border-box;
     border: 1px solid rgba(0,0,0,.125);
     border: 1px solid rgba(0,0,0,.125);
-    border-radius: .25rem
+    border-radius: .25rem;
+    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
 }
 }
 
 
 .card>hr {
 .card>hr {
@@ -10752,6 +10922,11 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     border-bottom-left-radius: calc(.25rem - 1px)
     border-bottom-left-radius: calc(.25rem - 1px)
 }
 }
 
 
+ul.card-list > li:not(.selected):not(.not-found):hover{
+    background-color: #f8f9fa;
+}
+
+
 .card-deck .card {
 .card-deck .card {
     margin-bottom: 15px
     margin-bottom: 15px
 }
 }
@@ -10838,6 +11013,103 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         width: 100%
         width: 100%
     }
     }
 }
 }
+.select-card-list{
+    list-style: none;
+    padding: 0;
+}
+
+.select-card-list a{
+    color: #69707A;
+}
+.select-card-list .selected a {
+    color: var(--primary)!important;
+}
+.select-card-list .selected a:before {
+    position: absolute;
+    content: "";
+    font-family: Font Awesome\ 5 Free;
+    font-weight: 900;
+    padding-left: 0.5rem;
+    top: 50%;
+    left: 10px;
+    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+}
+
+.select-card-list .arrow-icon {
+    background-image: url("../img/icon_arrow_down.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    width: 14px;
+    height: 14px;
+    transform: rotate(-180deg);
+    transition: .3s;
+}
+.select-card-list .collapsed .arrow-icon {
+    transform: rotate(0deg);
+}
+.select-card-list li.accordion button{
+    height: 35px;
+}
+.select-card-list li.accordion:hover {
+    background-color: transparent!important;
+}
+.select-card-list li.accordion .card:hover {
+    background-color: #f8f9fa;
+}
+
+.view-btn.active{
+    filter: brightness(0) saturate(100%) invert(51%) sepia(6%) saturate(627%) hue-rotate(167deg) brightness(87%) contrast(92%);
+}
+.d-grid{
+    display: grid;
+}
+.col-gap-10{
+    column-gap: 10px;
+}
+.grid-col-4{
+    grid-template-columns: repeat(4,1fr);
+}
+.grid-col-3{
+    grid-template-columns: repeat(3,1fr);
+}
+.grid-col-2{
+    grid-template-columns: repeat(2,1fr);
+}
+@media screen and (min-width: 993px) {
+    .grid-col-lg-4{
+        grid-template-columns: repeat(4,1fr);
+    }
+    .grid-col-lg-3{
+        grid-template-columns: repeat(3,1fr);
+    }
+    .grid-col-lg-2{
+        grid-template-columns: repeat(2,1fr);
+    }
+}
+@media screen and (min-width: 768px) {
+    .grid-col-md-4{
+        grid-template-columns: repeat(4,1fr);
+    }
+    .grid-col-md-3{
+        grid-template-columns: repeat(3,1fr);
+    }
+    .grid-col-md-2{
+        grid-template-columns: repeat(2,1fr);
+    }
+}
+@media screen and (min-width: 576px) {
+    .grid-col-sm-4{
+        grid-template-columns: repeat(4,1fr);
+    }
+    .grid-col-sm-3{
+        grid-template-columns: repeat(3,1fr);
+    }
+    .grid-col-sm-2{
+        grid-template-columns: repeat(2,1fr);
+    }
+}
 
 
 .accordion {
 .accordion {
     overflow-anchor: none
     overflow-anchor: none
@@ -10848,9 +11120,9 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
 }
 }
 
 
 .accordion>.card:not(:last-of-type) {
 .accordion>.card:not(:last-of-type) {
-    border-bottom: 0;
+    /* border-bottom: 0;
     border-bottom-right-radius: 0;
     border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0
+    border-bottom-left-radius: 0 */
 }
 }
 
 
 .accordion>.card:not(:first-of-type) {
 .accordion>.card:not(:first-of-type) {
@@ -10888,9 +11160,12 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     text-decoration: underline;
     text-decoration: underline;
     text-decoration: none
     text-decoration: none
 }
 }
+.breadcrumb-item a {
+    color: #69707A
+}
 
 
 .breadcrumb-item.active {
 .breadcrumb-item.active {
-    color: #6c757d
+    color: #69707A
 }
 }
 
 
 .pagination {
 .pagination {
@@ -11967,11 +12242,11 @@ a.close.disabled {
     transform: translateY(-50px)
     transform: translateY(-50px)
 }
 }
 
 
-@media (prefers-reduced-motion:reduce) {
+/* @media (prefers-reduced-motion:reduce) {
     .modal.fade .modal-dialog {
     .modal.fade .modal-dialog {
         transition: none
         transition: none
     }
     }
-}
+} */
 
 
 .modal.show .modal-dialog {
 .modal.show .modal-dialog {
     transform: none
     transform: none
@@ -12758,6 +13033,9 @@ a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
 .bg-dark {
 .bg-dark {
     background-color: #343a40!important
     background-color: #343a40!important
 }
 }
+.bg-dark10 {
+    background-color: #343a4010!important;
+}
 
 
 a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
 a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     background-color: #1d2124!important
     background-color: #1d2124!important
@@ -12767,6 +13045,10 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     background-color: #ebf4fb!important
     background-color: #ebf4fb!important
 }
 }
 
 
+.bg-lightblue-dark {
+    background-color: var(--lightblue-dark)!important
+}
+
 a.bg-lightblue:focus,a.bg-lightblue:hover,button.bg-lightblue:focus,button.bg-lightblue:hover {
 a.bg-lightblue:focus,a.bg-lightblue:hover,button.bg-lightblue:focus,button.bg-lightblue:hover {
     background-color: #c1ddf3!important
     background-color: #c1ddf3!important
 }
 }
@@ -12905,26 +13187,6 @@ a.bg-white:focus,a.bg-white:hover,button.bg-white:focus,button.bg-white:hover {
     display: inline-flex!important
     display: inline-flex!important
 }
 }
 
 
-.update {
-    background: #fffaf7 !important;
-}
-tr.update a:before {
-    content: '\f2f9';
-    font-family: "Font Awesome 5 Free";
-    color: #0053f0;
-    font-weight: 600;
-    margin-right: 5px;
-}
-@media (max-width: 500px) {
-    .operationStartDate {
-        display: none!important
-    }
-
-    .operationEndDate {
-        display: none!important
-    }
-}
-
 @media (min-width: 576px) {
 @media (min-width: 576px) {
     .d-sm-none {
     .d-sm-none {
         display:none!important
         display:none!important
@@ -12999,10 +13261,6 @@ tr.update a:before {
     .d-md-inline-flex {
     .d-md-inline-flex {
         display: inline-flex!important
         display: inline-flex!important
     }
     }
-
-    .mobile_operation_date {
-        display: none!important
-    }
 }
 }
 
 
 @media (min-width: 992px) {
 @media (min-width: 992px) {
@@ -13953,6 +14211,57 @@ tr.update a:before {
 .position-absolute {
 .position-absolute {
     position: absolute!important
     position: absolute!important
 }
 }
+.translate-middle {
+    transform: translate(-50%,-50%)!important;
+}
+.top-0 {
+    top: 0!important;
+}
+.top-50 {
+    top: 50%!important;
+}
+.top-100 {
+    top: 100%!important;
+}
+.bottom-0 {
+    bottom: 0!important;
+}
+.bottom-50 {
+    bottom: 50%!important;
+}
+.bottom-100 {
+    bottom: 100%!important;
+}
+.start-0 {
+    left: 0!important;
+}
+.start-50 {
+    left: 50%!important;
+}
+.start-100 {
+    left: 100%!important;
+}
+.end-0 {
+    right: 0!important;
+}
+.end-50 {
+    right: 50%!important;
+}
+.end-100 {
+    right: 100%!important;
+}
+
+.endn-120{
+    right: -120px!important;
+}
+
+.top-10px {
+    top: 10px!important;
+}
+.end-10px {
+    right: 10px!important;
+}
+
 
 
 .position-fixed {
 .position-fixed {
     position: fixed!important
     position: fixed!important
@@ -14024,6 +14333,10 @@ tr.update a:before {
     box-shadow: none!important
     box-shadow: none!important
 }
 }
 
 
+.w-fit-content{
+    width: fit-content!important
+}
+
 .w-25 {
 .w-25 {
     width: 25%!important
     width: 25%!important
 }
 }
@@ -14044,6 +14357,45 @@ tr.update a:before {
     width: auto!important
     width: auto!important
 }
 }
 
 
+.w-10px {
+    width: 10px!important;
+}
+
+.w-14px {
+    width: 14px!important;
+}
+
+.w-20px {
+    width: 20px!important;
+}
+
+.w-30px {
+    width: 30px!important;
+}
+
+.w-40px {
+    width: 40px!important;
+}
+
+.w-50px {
+    width: 50px!important;
+}
+
+.w-100px {
+    width: 100px!important;
+}
+
+.w-110px {
+    width: 110px!important;
+}
+
+.w-120px {
+    width: 120px!important;
+}
+.w-250px {
+    width: 250px!important;
+}
+
 .h-25 {
 .h-25 {
     height: 25%!important
     height: 25%!important
 }
 }
@@ -14068,6 +14420,62 @@ tr.update a:before {
     max-width: 100%!important
     max-width: 100%!important
 }
 }
 
 
+.mw-10px{
+    max-width: 10px!important
+}
+
+.mw-20px{
+    max-width: 20px!important
+}
+
+.mw-30px{
+    max-width: 30px!important
+}
+
+.mw-40px{
+    max-width: 40px!important
+}
+
+.mw-50px{
+    max-width: 50px!important
+}
+
+.mw-100px{
+    max-width: 100px!important
+}
+
+.mw-200px{
+    max-width: 200px!important
+}
+
+.min-w-10px{
+    min-width: 10px!important
+}
+
+.min-w-20px{
+    min-width: 20px!important
+}
+
+.min-w-30px{
+    min-width: 30px!important
+}
+
+.min-w-40px{
+    min-width: 40px!important
+}
+
+.min-w-50px{
+    min-width: 50px!important
+}
+
+.min-w-100px{
+    min-width: 100px!important
+}
+
+.min-w-200px{
+    min-width: 200px!important
+}
+
 .mh-100 {
 .mh-100 {
     max-height: 100%!important
     max-height: 100%!important
 }
 }
@@ -14208,6 +14616,26 @@ tr.update a:before {
     margin-left: 3rem!important
     margin-left: 3rem!important
 }
 }
 
 
+.m-6 {
+    margin: 3.5rem!important
+}
+
+.mt-6,.my-6 {
+    margin-top: 3.5rem!important
+}
+
+.mr-6,.mx-6 {
+    margin-right: 3.5rem!important
+}
+
+.mb-6,.my-6 {
+    margin-bottom: 3.5rem!important
+}
+
+.ml-6,.mx-6 {
+    margin-left: 3.5rem!important
+}
+
 .p-0 {
 .p-0 {
     padding: 0!important
     padding: 0!important
 }
 }
@@ -14328,6 +14756,10 @@ tr.update a:before {
     padding-left: 3rem!important
     padding-left: 3rem!important
 }
 }
 
 
+.pl-6,.px-6 {
+    padding-left: 3.5rem!important
+}
+
 .m-n1 {
 .m-n1 {
     margin: -.25rem!important
     margin: -.25rem!important
 }
 }
@@ -16146,6 +16578,10 @@ a.text-white:focus,a.text-white:hover {
     text-decoration: none!important
     text-decoration: none!important
 }
 }
 
 
+.text-underline {
+    text-decoration: underline!important
+}
+
 .text-break {
 .text-break {
     word-break: break-word!important;
     word-break: break-word!important;
     word-wrap: break-word!important
     word-wrap: break-word!important
@@ -16608,6 +17044,9 @@ body.tempusdominus-bootstrap-datetimepicker-widget-day-click {
 .input-group [data-toggle=datetimepicker] {
 .input-group [data-toggle=datetimepicker] {
     cursor: pointer
     cursor: pointer
 }
 }
+.datetimepicker-input{
+    font-size: 16px;
+}
 
 
 .fs-1 {
 .fs-1 {
     font-size: .1rem
     font-size: .1rem
@@ -19922,6 +20361,17 @@ button {
     color: #00f
     color: #00f
 }
 }
 
 
+.calendar-icon {
+    width: 20px;
+}
+
+.serarch-icon{
+    width: 30px;
+}
+.list-block-icon{
+    width: 30px;
+}
+
 .main-section {
 .main-section {
     margin-bottom: 68px
     margin-bottom: 68px
 }
 }
@@ -19935,7 +20385,7 @@ button {
 }
 }
 
 
 .breadcrumb .breadcrumb-item {
 .breadcrumb .breadcrumb-item {
-    font-size: .8rem
+    font-size: 1rem
 }
 }
 
 
 @media (max-width: 767.98px) {
 @media (max-width: 767.98px) {
@@ -19961,6 +20411,30 @@ button {
     color: #aaa
     color: #aaa
 }
 }
 
 
+.search-form{
+    position: relative;
+    width: 100%;
+}
+.search-form .form-control{
+    padding-left: 0.75rem;
+    padding-right: 45px;
+}
+.search-form-btn{
+    position: absolute;
+    right: -5px;
+    z-index: 10;
+    height: 100%;
+    top: 0;
+    transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+}
+.search-form .search-form-btn img {
+    width: 28px;
+    height: 100%;
+}
+
+
 .duration-area .modal.modal-duration .modal-dialog {
 .duration-area .modal.modal-duration .modal-dialog {
     width: 300px;
     width: 300px;
     position: absolute;
     position: absolute;
@@ -19992,7 +20466,8 @@ button {
 }
 }
 
 
 .modal-backdrop {
 .modal-backdrop {
-    background-color: transparent
+    /* background-color: transparent; */
+    background-color: black;
 }
 }
 
 
 .wide-wrap {
 .wide-wrap {
@@ -20035,7 +20510,7 @@ button {
 }
 }
 
 
 .drawer-menu dt {
 .drawer-menu dt {
-    padding: 10px 0 10px 40px;
+    padding: 10px 0 10px 30px;
     font-weight: 400
     font-weight: 400
 }
 }
 
 
@@ -20046,71 +20521,21 @@ button {
 
 
 .drawer-menu .sub-menu-ttl {
 .drawer-menu .sub-menu-ttl {
     padding: 10px 0 10px 50px;
     padding: 10px 0 10px 50px;
-    margin-left: -10px;
+    margin: 0
 }
 }
 
 
 .drawer-menu dd {
 .drawer-menu dd {
     margin: 0
     margin: 0
 }
 }
 
 
-.category-li {
-    padding: 10px 0 10px !important;
-    border-bottom: 1px solid #ccc !important;
-    margin-bottom: 0px !important;
-}
-
-.category-a {
-    margin-left: 18px;
-}
-
-.group-level-1 {
-    padding-left: 40px !important;
-}
-
-.group-level-2 {
-    padding-left: 60px !important;
-}
-
-.group-level-3 {
-    padding-left: 80px !important;
-}
-
-.group-level-4 {
-    padding-left: 100px !important;
-}
-
-.group-level-5 {
-    padding-left: 120px !important;
-}
-
-.group-level-6 {
-    padding-left: 140px !important;
-}
-
-.group-level-7 {
-    padding-left: 160px !important;
-}
-
-.group-level-8 {
-    padding-left: 180px !important;
-}
-
-.group-level-9 {
-    padding-left: 200px !important;
-}
-
-.group-level-10 {
-    padding-left: 220px !important;
-}
-
-.group-level-11 {
-    padding-left: 240px !important;
+.drawer-menu .drawer-menu3 li {
+    padding: 10px 0 10px 70px;
+    border-bottom: 1px solid #ccc;
+    background: none
 }
 }
 
 
-.drawer-menu .drawer-menu3 li {
-    padding: 10px 0 10px 70px !important;
-    border-bottom: 1px solid #ccc !important;
-    background: none !important;
+.drawer-menu .drawer-menu3 li:hover {
+    background-color: #f1f1f1
 }
 }
 
 
 .drawer-menu .menu-link li {
 .drawer-menu .menu-link li {
@@ -20118,6 +20543,10 @@ button {
     border-bottom: 1px solid #ccc
     border-bottom: 1px solid #ccc
 }
 }
 
 
+.drawer-menu .menu-link li:hover {
+    background-color: #f1f1f1
+}
+
 .drawer-menu .menu-ttl:after {
 .drawer-menu .menu-ttl:after {
     content: ""
     content: ""
 }
 }
@@ -20134,23 +20563,69 @@ button {
     content: ""
     content: ""
 }
 }
 
 
-.drawer-menu .sub-menu-ttl:before {
+.drawer-menu .sub-menu-ttl:after {
     content: ""
     content: ""
 }
 }
 
 
-.drawer-menu .sub-menu-ttl.openAcd:before,.drawer-menu .sub-menu-ttl:before {
+.drawer-menu .sub-menu-ttl.openAcd:after,.drawer-menu .sub-menu-ttl:after {
     font-family: Font Awesome\ 5 Free;
     font-family: Font Awesome\ 5 Free;
     font-weight: 700;
     font-weight: 700;
-    position: relative;
+    position: absolute;
+    left: 30px;
+    top: 10px
 }
 }
 
 
-.drawer-menu .sub-menu-ttl.openAcd:before {
-    content: "";
-    margin-left: -4px;
+.drawer-menu .sub-menu-ttl.openAcd:after {
+    content: ""
 }
 }
 
 
+
+.list-menu > ul {
+    padding-left: 0;
+}
+.list-menu:first-of-type {
+    padding-left: 0;
+}
+.list-menu li {
+    list-style: none;
+}
+.list-menu button .arrow-icon{
+    background-image: url("../img/icon_arrow_right.svg");
+    background-size: contain;
+    width: 17px;
+    height: 17px;
+    transition: .3s;
+}
+.list-menu button.collapsed .arrow-icon{
+    transform: rotate(0deg);
+}
+.list-menu button .arrow-icon{
+    transform: rotate(90deg);
+}
+
+.list-menu button{
+    background-color: transparent;
+    border: 0;
+    margin-right: 6px;
+    padding: 6px;
+}
+.list-menu button:hover{
+    background-color: #f8f9fa;
+}
+.list-menu .list-menu-link{
+    color: #343a40;
+    text-decoration: none;
+    white-space: nowrap;
+}
+.list-menu label{
+    white-space: nowrap;
+}
+
+
+
+
 .dropdown-item {
 .dropdown-item {
-    border-bottom: 1px solid #dadee3
+    /* border-bottom: 1px solid #dadee3 */
 }
 }
 
 
 .dropdown-item:last-child {
 .dropdown-item:last-child {
@@ -20163,12 +20638,21 @@ button {
     cursor: default
     cursor: default
 }
 }
 
 
-.dropdown-item.active:after {
+.dropdown-item.active:before {
+    position: absolute;
+    left: 5px;
     content: "";
     content: "";
     font-family: Font Awesome\ 5 Free;
     font-family: Font Awesome\ 5 Free;
     font-weight: 900;
     font-weight: 900;
     padding-left: .5rem
     padding-left: .5rem
 }
 }
+/* 
+.dropdown-item.active:after {
+    content: "";
+    font-family: Font Awesome\ 5 Free;
+    font-weight: 900;
+    padding-left: .5rem
+} */
 
 
 .overlay {
 .overlay {
     left: 0;
     left: 0;
@@ -20183,68 +20667,6 @@ button {
     transition: .3s
     transition: .3s
 }
 }
 
 
-.scan-overlay {
-    left: 0;
-    width: 100%;
-    top: 0;
-    height: calc(100%);
-    min-height: 100vh;
-    display: block;
-    position: absolute;
-    background: #000;
-    opacity: .5;
-    z-index: 1031;
-    transition: .3s
-}
-
-.alert-overlay {
-    left: 0;
-    width: 100%;
-    top: 0;
-    height: calc(100%);
-    display: block;
-    position: absolute;
-    background: #000;
-    opacity: .5;
-    z-index: 1031;
-    transition: .3s
-}
-
-.scan-area {
-    text-align: -webkit-center;
-    border-radius: 15px;
-    z-index: 1032;
-    height: auto;
-    width: 60%;
-    position: absolute;
-    top: calc(5vh);
-    left: 20%;
-    background-color: white;
-}
-
-.alert-area {
-    border-radius: 15px;
-    z-index: 1032;
-    height:auto;
-    width: 60%;
-    position: absolute;
-    top: 10%;
-    left: 50%;
-    background-color: white;
-    word-wrap: break-word;
-    transform: translateX(-50%);
-}
-
-.loading-spinner {
-    color: lightslategray;
-}
-
-.loading-close {
-    margin-right: 1%;
-    margin-top: 1%;
-    display: inherit;
-}
-
 .overlay.open {
 .overlay.open {
     width: 100%
     width: 100%
 }
 }
@@ -20260,6 +20682,53 @@ button {
     padding: 4px 7px
     padding: 4px 7px
 }
 }
 
 
+.type-icon {
+    line-height: 0;
+    padding: 5px;
+}
+
+.type-icon .report:before{
+    content: '';
+    background-image: url("../img/type_icon_report.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+}
+.type-icon .questionary:before{
+    content: '';
+    background-image: url("../img/type_icon_questionary.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+}
+.type-icon .inspection:before{
+    content: '';
+    background-image: url("../img/type_icon_inspection.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+}
+.type-icon .proccess:before{
+    content: '';
+    background-image: url("../img/type_icon_proccess.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+}
+
+
 .block-title {
 .block-title {
     border-bottom: 1px solid #0070ca
     border-bottom: 1px solid #0070ca
 }
 }
@@ -20292,6 +20761,17 @@ button {
     top: 38%
     top: 38%
 }
 }
 
 
+.circle-tag-danger{
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    min-width: 33px;
+    padding: 6px 9px;
+    border-radius: 6px;
+    color: white;
+    background-color: var(--danger);
+  }
+
 @media (max-width: 991.98px) {
 @media (max-width: 991.98px) {
     .side-navi {
     .side-navi {
         overflow-x:auto;
         overflow-x:auto;
@@ -20364,11 +20844,3 @@ button {
         margin-left: -2px
         margin-left: -2px
     }
     }
 }
 }
-
-.alignCenter_header {
-	position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translateY(-50%) translateX(-50%);
-    margin: auto;
-}
\ No newline at end of file

abweb/common/css/appCommon/footer.css

 @charset "UTF-8";
 @charset "UTF-8";
 footer img {
 footer img {
     width: 30px;
     width: 30px;
-}
+}
\ No newline at end of file

abweb/common/css/appCommon/header.css

 @charset "UTF-8";
 @charset "UTF-8";
-header nav{
-    height: 53px;
+header .navbar-brand img{
+    height: 35px!important;
+}
+header .nav-link img {
+    height: 30px!important;
+}
+
+@media (max-width: 575px) {
+    header .navbar-brand img{
+        height: 30px!important;
+    }
+    header .nav-link img {
+        height: 22px!important;
+    }
+}
+
+header nav a,header nav a:hover{
+    color: #69707A;
+}
+
+header li.active.nav-link a{
+    color: var(--primary);
+}
+header li.active.nav-link img {
+    filter: brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(4792%) hue-rotate(219deg) brightness(98%) contrast(100%);
 }
 }
-header .icon {
-    width: 22px;
-    max-height: 22px;
-}
\ No newline at end of file

abweb/common/css/appCommon/login.css

+html,
+body {
+  height: 100%;
+  background-color: #EBF4FB;
+}
+body {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+.form-login {
+    width: 100%;
+    max-width: 420px;
+    padding: 25px 30px;
+    margin: auto;
+  }
\ No newline at end of file

abweb/common/css/appCommon/style.css

 @charset "UTF-8";
 @charset "UTF-8";
-.main-section {
-    margin-top: 76px;
+#main{
+  margin-top: 80px;
 }
 }
-
-/* ダッシュボード */
-#dashboard .item-wrap {
-    display: grid;
-    grid-template-columns: repeat(3,1fr);
-}
-#dashboard .item-wrap img {
-    width: 40px;
-    margin-bottom: 6px;
+@media screen and (max-width: 575px) {
+  #main {
+    margin-top: 60px;
+  }
 }
 }
-#dashboard .item-wrap .item {
-    position: relative;
-    text-align: center;
-    margin: 5px;
-    background: aliceblue;
-    border-radius: 3px;
+
+/* no image */
+.not-found-img{
+  max-width: 100px;
 }
 }
-#dashboard .item-wrap .item .count {
-  position: absolute;
-  top: 5px;
-  right: 10px;
-  min-width: 22px;
-  background: var(--red);
-  color: var(--white);
-  padding: 2px 6px;
-  border-radius: 11px;
+
+/* dashboard */
+ul.dashboard-menu li:hover{
+  background-color: #f8f9fa;
 }
 }
-@media screen and (min-width: 768px) {
-  #dashboard .item-wrap {
-    display: flex;
-    flex-wrap: wrap;
-  }
-  #dashboard .item-wrap .item {
-    width: 150px;
-  }
+ul.dashboard-menu li img{
+  width: 50px;
 }
 }
-@media screen and (max-width: 413px) {
-  #dashboard .item-wrap {
-    grid-template-columns: repeat(2,1fr);
-  }
+@media screen and (max-width: 575px) {
+  ul.dashboard-menu li img{
+    width: 40px;
+  } 
 }
 }
 
 
-/* ダッシュボード設定 */
+/* dashboard setting */
 .setting-table-wrap table {
 .setting-table-wrap table {
     width: 100%;
     width: 100%;
 }
 }
@@ -56,332 +38,25 @@
     padding: 0.8rem;
     padding: 0.8rem;
 }
 }
 
 
-
-/* 共通 */
-.toggle {
-    position: relative;
-    width: 52px;
-    height: 30px;
-    border-radius: 50px;
-    overflow: hidden;
-    cursor: pointer;
-}
-  .toggle input[type=checkbox] {
-    display: none;
-  }
-  .toggle:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    display: block;
-    background: #e9e9eb;
-    -webkit-transition: 0.2s ease-out;
-    transition: 0.2s ease-out;
-  }
-  .toggle:after {
-    content: "";
-    position: absolute;
-    top: 3px;
-    left: 3px;
-    width: 24px;
-    height: 24px;
-    display: block;
-    border-radius: 50px;
-    background: #fff;
-    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
-    -webkit-transition: 0.2s ease-out;
-    transition: 0.2s ease-out;
-  }
-  .toggle.checked:before {
-    background: #35c759;
-  }
-  .toggle.checked:after {
-    left: 25px;
-    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
-  }
-
-/* リスト */
-.task-list .item {
-    position: relative;
-}
-.task-list .item a{
-  padding-right: 40px!important;
-}
-.task-list .sub-title-wrap {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-.task-list .title,
-.task-list .sub-title{
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 16px;
-}
-.task-list .fas.fa-chevron-right {
-    position: absolute;
-    right: 10px;
-    top: 50%;
-    transform: translateY(-50%);
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    color: #E9E9E9;
-}
-.sub-title-wrap .data {
-  max-width: 140px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.task-list .item .tag{
-  width: fit-content;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* メッセージ一覧 */
-.task-list .unread {
-  background: var(--lightblue);
-  border: 2px solid var(--blue)!important;
-}
-.task-list .unread .title,
-.task-list  .unread .sub-title {
-  font-weight: bold!important;
-}
-.task-list .unread .fas.fa-chevron-right {
-  color: var(--white);
-}
-
-/* メッセージ詳細 */
-.messege-detail th {
-  width: 70px;
-}
-.messege-detail td {
-  word-break: break-all;
-}
-
-#messageDetail #message {
-  white-space: pre-line;
-}
-
-/* ピックアップ */
-#pickup .main-section {
-  margin-top: 60px;
-}
-#pickup .not-found {
-  height: calc(100vh - 230px);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-#pickup .not-found img{
-  width: 100px;
-}
-
-.not-found {
-  height: calc(100vh - 230px);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-
-.not-found img {
-  width: 100px;
-}
-
-/* 切り替えタブ */
-/* tab */
-.tab-menu {
-  position: relative;
-  width: 100%;
-  display: flex;
-  margin-bottom: 0;
-  overflow: auto;
-  overflow-y: clip;
-}
-.tab-label {
-  position: relative;
+/* message list */
+ul.message-list li.unread{
   font-weight: bold;
   font-weight: bold;
-  padding: 10px;
-  order: -1;
-  z-index: 2;
-  cursor: pointer;
-  margin-bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: var(--secondary);
-  min-width: 130px;
 }
 }
-.tab-label label:after {
-  content: "";
-  background: var(--black);
-  opacity: .1;
-  width: 100%;
-  height: 4px;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-}
-.tab-label:after {
-  background: var(--blue);
-	bottom: 0;
-	content: '';
-	display: block;
-	height: 4px;
-	left: 0;
-	opacity: 0;
-	pointer-events: none;
-	position: absolute;
-	transform: translateX(100%);
-	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
-	width: 100%;
-	z-index: 1;
+ul.message-list li.read{
+  background-color: #f8f9fa;
 }
 }
 
 
-.tab-label.on ~ .tab-label:after {
-	transform: translateX(-100%);
-}
-.tab-label.on:after {
-	opacity: 1;
-	transform: translateX(0);
-}
-
-.tab-label label {
-  cursor: pointer;
-  white-space: nowrap;
-  margin-bottom: 0;
-}
-.tab-label label .task-cnt{
-  font-weight: normal;
-  color: var(--secondary);
+/* task list */
+.task-list li a > div:nth-of-type(2){
+  min-height: 45px;
 }
 }
-.tab-content-area {
-  width: 100%;
+.view-block {
+  display: grid;
+  grid-template-columns: repeat(3,1fr);
+  column-gap: 10px;
 }
 }
-.tab-content {
-  width: 100%;
-  display: none;
-  margin-top: 20px;
-  animation: show .3s linear 0s;
-}
-.tab-label.on {
-  color: var(--blue);
-}
-.tab-label.on .task-cnt{
-  font-weight: normal;
-  color: var(--secondary);
-}
-.tab-content.on{
-  display: block;
-  animation: show .3s linear 0s;
-}
-.tab-switch {
-  display: none;
-}
-
-/* keyframe */
-@keyframes show{
-  from{
-      opacity: 0;
-  }
-  to{
-      opacity: 1;
+@media screen and (max-width: 767px) {
+  .view-block {
+      grid-template-columns: repeat(2,1fr);
   }
   }
 }
 }
-
-/* .tab-wrap{
-  background: White;
-  box-shadow: 0 0 5px rgba(0,0,0,.1);
-  display: flex;
-  flex-wrap: wrap;
-  overflow: hidden;
-  padding: 0 0 20px;
-}
-.tab-label {
-  color: Gray;
-  cursor: pointer;
-  flex: 1;
-  font-weight: bold;
-  order: -1;
-  padding: 12px 24px;
-  position: relative;
-  text-align: center;
-  transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
-  user-select: none;
-  white-space: nowrap;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.tab-label:hover {
-  background: rgba(0, 191, 255,.1);
-}
-
-.tab-switch:checked + .tab-label {
-  color: DeepSkyBlue;
-}
-
-.tab-label::after {
-  background: DeepSkyBlue;
-  bottom: 0;
-  content: '';
-  display: block;
-  height: 3px;
-  left: 0;
-  opacity: 0;
-  pointer-events: none;
-  position: absolute;
-  transform: translateX(100%);
-  transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
-  width: 100%;
-  z-index: 1;
-}
-
-.tab-switch:checked ~ .tab-label::after {
-  transform: translateX(-100%);
-}
-
-.tab-switch:checked + .tab-label::after {
-  opacity: 1;
-  transform: translateX(0);
-}
-
-.tab-content {
-  height:0;
-  opacity:0;
-  padding: 0 20px;
-  pointer-events:none;
-  transform: translateX(-30%);
-  transition: transform .3s 80ms, opacity .3s 80ms;
-  width: 100%;
-}
-
-.tab-switch:checked ~ .tab-content {
-  transform: translateX(30%);
-}
-
-.tab-switch:checked + .tab-label + .tab-content {
-  height: auto;
-  opacity: 1;
-  order: 1;
-  pointer-events:auto;
-  transform: translateX(0);
-}
-
-.tab-wrap::after {
-  content: '';
-  height: 20px;
-  order: -1;
-  width: 100%;
-}
-
-.tab-switch {
-  display: none;
-} */
\ No newline at end of file

abweb/common/css/appCommon/style_202104_.css

+@charset "UTF-8";
+
+.tb-wrap {
+  border-radius: 4px;
+  border: 3px solid #EBF4FB;
+}
+.ad-area{
+  top: 0;
+  right: 20px;
+}
+canvas {
+  width: 80%;
+  height: 200px;
+}
+
+.tb-item {
+  counter-increment: item;
+  margin-bottom: 10px;
+}
+.tb-item:not(:last-child) {
+    padding-bottom: 20px;
+    border-bottom: 3px solid #EBF4FB;
+}
+.tb-item .num:after,
+.tb-item label:after {
+  content: counters(item,"");
+}
+
+/* 工程一覧 */
+#process-list h1{
+  font-size: 20px;
+}
+#process-list .ar-box{
+  min-height: 50px;
+  font-weight: normal;
+}
+#process-list .sp-down img{
+  width: 35px;
+}
+
+/* フォーム開閉ボタン */
+.ac-tb-form{
+  display: block;
+  padding: 5px 0 5px 35px;
+  text-align: center;
+  color: #0053f0!important;
+  font-weight: 600;
+  text-decoration: none!important;
+  border-radius: 5px;
+  font-size: 14px;
+}
+
+.ac-tb-form:after {
+  content: "";
+  position: absolute;
+  left: 15px;
+  transition: all .2s ease-in-out;
+  display: block;
+  width: 8px;
+  height: 8px;
+  border-top: 2px solid #0053f0;
+  border-right: 2px solid #0053f0;
+  transform: rotate(-45deg);
+  top: 45%;
+}
+.ac-tb-form.hide:after {
+  transform: rotate(135deg);
+  top: 32%;
+}
+.tb-item.visually-hidden {
+  transition: 0.5s;
+}
+.visually-hidden {
+  position: fixed !important;
+  top: 0px !important;
+  left: 0px !important;
+  width: 0px !important;
+  height: 0px !important;
+  opacity: 0 !important;
+  overflow: hidden !important;
+  border: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  display: block !important;
+  visibility: visible !important;
+}
+.num {
+  font-weight: 600;
+}
+i.fa-minus, i.fa-plus {
+  color: #212529;
+}
+
+.fa-plus:active{
+  transform: rotate(180deg);
+  transition: .5s;
+}
+
+#top nav.search {
+  margin-bottom: 1rem;
+}
+.form-group {
+  margin-bottom: 0;
+}
+
+/* アイコン */
+.icon{
+  width: 22px;
+  max-height: 22px;
+}
+
+.duration-area {
+  padding-left: 0;
+}
+
+/* pdf出力ボタン */
+.pdf-output-btn .icon{
+  width: 22px;
+  height: 22px;
+  background: url("../img/icon_pdf_blue.svg") no-repeat;
+}
+.pdf-output-btn:hover .icon{
+  background: url("../img/icon_pdf.svg") no-repeat;
+}
+
+/* 表の開閉 */
+.fold-area {
+  height: 30px;
+  position: relative;
+  margin: 0 10px;
+}
+.fold-area.hide{
+  display: none;
+}
+.fold-area span:nth-child(1) {
+  width: calc( 100% - 20px );
+  height: 3px;
+  background-color: #ebf4fb;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.fold-area span:nth-child(2) {
+  width: 95%;
+  height: 3px;
+  background-color: #ebf4fb;
+  position: absolute;
+  top: 10px;
+  right: 0;
+}
+.fold-area span:nth-child(2) {
+  width: calc( 100% - 10px );
+  height: 3px;
+  background-color: #ebf4fb;
+  position: absolute;
+  top: 10px;
+  right: 0;
+}
+.fold-area span:nth-child(2):before {
+  content: '';
+  width: 3px;
+  height: 10px;
+  border-left: 3px solid #ebf4fb;
+  position: absolute;
+  top: -10px;
+}
+.fold-area span:nth-child(3) {
+  width: 100%;
+  height: 3px;
+  background-color: #ebf4fb;
+  position: absolute;
+  top: 20px;
+  right: 0;
+}
+.fold-area span:nth-child(3):before {
+  content: '';
+  width: 3px;
+  height: 10px;
+  border-left: 3px solid #ebf4fb;
+  position: absolute;
+  top: -10px;
+}
+
+@media (min-width: 768px) {
+  .del-btn,.sv-btn,.sb-btn{
+    min-width: 150px;
+  }
+}
+
+/* タブ */
+.side-navi ul li a {
+  color: #212529;
+}
+.side-navi ul li.active.done a{
+  color: #212529;
+}
+.side-navi ul li.doing a {
+  color: #0053f0;
+}
+.side-navi ul li.yet a{
+  color: #ccc;
+}
+
+/* 作業未更新 */
+#top tr.update {
+  background: #fffaf7;
+}
+#top tr.update a:before {
+  content: '\f2f9';
+  font-family: "Font Awesome 5 Free";
+  color: #0053f0;
+  font-weight: 600;
+  margin-right: 5px;
+}
+
+@media(max-width: 991.98px){
+  .side-navi ul li.active {
+    background: #ebf4fb!important;
+    z-index: 9999;
+    margin-bottom: -1px;
+    border-bottom: 1px solid #ebf4fb;
+  }
+  .side-navi ul li.active a{
+    color: #0053f0;
+  }
+  .p-form {
+    border-top: 1px solid #dadee3;
+    margin-top: -1px;
+  }
+  .side-navi ul li.done {
+    background: #C4C4C4;
+  }
+  .side-navi ul li.done a{
+    color: #fff;
+  }
+  .side-navi ul li.active.yet a{
+    color: #212529;
+  }
+}
+
+@media screen and (max-width:768px){
+  #top tr.update a:before {
+    font-size: 13px;
+  }
+}
\ No newline at end of file

abweb/common/img/nav_icon_task.svg

-<?xml version="1.0" encoding="UTF-8"?><svg id="_レイヤー_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.cls-1{fill:#6c757d;}.cls-2{fill:none;}</style></defs><g id="_レイヤー_1-2"><g><rect class="cls-2" width="100" height="100"/><path class="cls-1" d="M4.01,24c-1.16,0-2.12-.38-2.87-1.14-.76-.76-1.14-1.72-1.14-2.87s.38-2.12,1.14-2.87c.76-.76,1.72-1.14,2.87-1.14H59.22c1.16,0,2.12,.38,2.87,1.14,.76,.76,1.14,1.72,1.14,2.87s-.38,2.12-1.14,2.87-1.72,1.14-2.87,1.14H4.01Zm0,22.06c-1.16,0-2.12-.38-2.87-1.14-.76-.76-1.14-1.72-1.14-2.87s.38-2.12,1.14-2.87c.76-.76,1.72-1.14,2.87-1.14H59.22c1.16,0,2.12,.38,2.87,1.14,.76,.76,1.14,1.72,1.14,2.87s-.38,2.12-1.14,2.87-1.72,1.14-2.87,1.14H4.01Zm0,22.06c-1.16,0-2.12-.38-2.87-1.14-.76-.76-1.14-1.72-1.14-2.87s.38-2.12,1.14-2.87c.76-.76,1.72-1.14,2.87-1.14H36.9c1.16,0,2.12,.38,2.87,1.14,.76,.76,1.14,1.72,1.14,2.87s-.38,2.12-1.14,2.87-1.72,1.14-2.87,1.14H4.01Zm64.57,14.84l-12.83-12.83c-.8-.8-1.2-1.76-1.2-2.87,0-1.11,.4-2.03,1.2-2.74s1.74-1.09,2.81-1.14c1.07-.04,2.01,.29,2.81,1l9.76,9.63,21.93-21.93c.8-.8,1.76-1.2,2.87-1.2s2.07,.4,2.87,1.2c.8,.8,1.2,1.76,1.2,2.87,0,1.11-.4,2.07-1.2,2.87l-25.13,25.13c-.71,.71-1.56,1.07-2.54,1.07s-1.83-.36-2.54-1.07Z"/></g></g></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg id="_レイヤー_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.cls-1{fill:#6c757d;}.cls-2{fill:none;}</style></defs><g id="_レイヤー_1-2"><rect class="cls-2" x="0" width="100" height="100"/><path class="cls-1" d="M5.42,20.94c-1.57,0-2.86-.51-3.88-1.54-1.02-1.02-1.54-2.32-1.54-3.88s.51-2.86,1.54-3.88c1.02-1.02,2.32-1.54,3.88-1.54H80.03c1.57,0,2.86,.51,3.88,1.54,1.02,1.02,1.54,2.32,1.54,3.88s-.51,2.86-1.54,3.88c-1.02,1.02-2.32,1.54-3.88,1.54H5.42Zm0,29.81c-1.57,0-2.86-.51-3.88-1.54-1.02-1.02-1.54-2.32-1.54-3.88s.51-2.86,1.54-3.88c1.02-1.02,2.32-1.54,3.88-1.54H61.11c1.57,0,2.86,.51,3.88,1.54,1.02,1.02,1.54,2.32,1.54,3.88s-.51,2.86-1.54,3.88-2.32,1.54-3.88,1.54H5.42Zm0,29.81c-1.57,0-2.86-.51-3.88-1.54-1.02-1.02-1.54-2.32-1.54-3.88s.51-2.86,1.54-3.88c1.02-1.02,2.32-1.54,3.88-1.54H28.24c1.57,0,2.86,.51,3.88,1.54,1.02,1.02,1.54,2.32,1.54,3.88s-.51,2.86-1.54,3.88c-1.02,1.02-2.32,1.54-3.88,1.54H5.42Zm52.12,7.89l-17.34-17.34c-1.08-1.08-1.63-2.38-1.63-3.88,0-1.51,.54-2.74,1.63-3.7,1.08-.96,2.35-1.48,3.79-1.54,1.45-.06,2.71,.39,3.79,1.35l13.19,13.01,29.63-29.63c1.08-1.08,2.38-1.63,3.88-1.63s2.8,.54,3.88,1.63c1.08,1.08,1.63,2.38,1.63,3.88,0,1.51-.54,2.8-1.63,3.88l-33.96,33.96c-.96,.96-2.11,1.45-3.43,1.45s-2.47-.48-3.43-1.45Z"/></g></svg>
\ No newline at end of file

abweb/common/js/common.js

@@ -10,1245 +10,1182 @@
  *
  *
  * @since cms:1.4.3.2&1.4.3.3 web:1.0
  * @since cms:1.4.3.2&1.4.3.3 web:1.0
  */
  */
-var COMMON = {};
-
-COMMON.hasErrorKey = 'AVW_HASERR';
-
-COMMON.lang;
-
-/**
- * get lang code in local storage
- * web gets lang form local storage
- * but app gets lnag from session storage
- */
-COMMON.setLangCodeWeb = function () {
-    let lang = COMMON.getLangWeb();
-    if (lang.split('-')[0] == CONSTANT.LANG.English) {
-        lang = CONSTANT.LANG.ENGLISH;
-    } else if (lang.split('-')[0] == CONSTANT.LANG.KOREA) {
-        lang = CONSTANT.LANG.KOREA;
-    } else {
-        lang = CONSTANT.LANG.JAPAN;
-    }
-    COMMON.lang = lang;
-};
-
-/**
- * get lang in local storage
- *
- * @returns String pageLang
- */
-COMMON.getLangWeb = function () {
-    if (!COMMON.lang) {
-        let pageLang;
-        if (localStorage[CONSTANT.LANG.SAVE_NAME]) {
-            pageLang = localStorage[CONSTANT.LANG.SAVE_NAME];
-        } else {
-            pageLang = (window.navigator.languages && window.navigator.languages[0]) || window.navigator.language || window.navigator.userLanguage || window.navigator.browserLanguage;
-            localStorage[CONSTANT.LANG.SAVE_NAME] = pageLang;
-        }
-        return pageLang;
-    } else {
-        return COMMON.lang;
-    }
-
-    return pageLang;
-};
-
-/**
- * change lang of html
- */
-COMMON.updateLang = function () {
-    $('.multi-lang').each(function () {
-        const key = $(this).attr('data-msg');
-        if (key) {
-            if ($(this).prop('tagName').toLowerCase() == 'input' && ($(this).attr('type') == 'text' || $(this).attr('type') == 'search')) {
-                const attr = $(this).attr('placeholder');
-                if (typeof attr !== 'undefined' && attr !== false) {
-                    $(this).attr('placeholder', COMMON.getMsg(key));
-                } else {
-                    $(this).val(COMMON.getMsg(key));
-                }
-            } else {
-                $(this).html(COMMON.getMsg(key));
-            }
-        }
-    });
-};
-
-/**
- * get any lang msg from COMMON.msgMap
- *
- * @param String key
- * @returns String msg
- */
-COMMON.getMsg = function (key) {
-    const msg = CONSTANT.MSG_MAP[key];
-    if (!msg) {
-        return '';
-    }
-
-    return msg[COMMON.lang];
-};
-
-/* page transition without outputting a warning message */
-COMMON.avwScreenMove = function (url) {
-    window.onbeforeunload = null;
-    window.location = url;
-};
-
-/**
- * show loading dialog
- * show msg by key
- *
- * @param {String} key
- */
-COMMON.showLoading = function () {
-    $('#check_loading').dialog({
-        dialogClass: 'noTitleDialog ui-dialog-titlebar dialogNoBorder', //cssを追加する必要がある
-        autoOpen: false,
-        resizable: false,
-        modal: true,
-        width: '100%',
-        title: ' ',
-        open: function (e) {
-            $(e.target).parent().css('background-color', 'rgba(128,128,128)');
-            $(e.target).parent().css('position', 'absolute');
-            $(e.target).parent().css('left', '50%');
-            $(e.target).parent().css('top', '25vh');
-            $(e.target).parent().css('transform', 'translateX(-50%)');
-            $(e.target).parent().css('-webkit- transform', 'translateY(-50%) translateX(-50%)');
-            $(e.target).parent().children('.ui-dialog-buttonpane').css('background-color', 'rgba(128,128,128)').css('border', 'none');
-        },
-        close: function () {},
-    });
-
-    $('#check_loading').dialog('open');
-};
-
-/**
- * close loading
- */
-COMMON.closeLoading = function () {
-    if ($('#check_loading').hasClass('ui-dialog-content')) {
-        $('#check_loading').dialog('close');
-    }
-};
-
-/**
- * show alert
- *
- * @param {String} msgCode
- */
-COMMON.displayAlert = function (msgCode, title) {
-    $('#alertMsg').html(COMMON.getMsg(msgCode));
-    $('.alert-overlay').removeClass('d-none');
-    $('.alert-area').removeClass('d-none');
-
-    const positionY = $(document).scrollTop() + screen.height / 8;
-    const height = screen.height / 4;
-    $('.alert-overlay').css('height', screen.height);
-    $('.alert-area').css('top', positionY);
-    $('.alert-area').css('min-height', height);
-    $('body').css('overflow', 'hidden');
-};
-
-/**
- * close alert
- */
-COMMON.alertClose = function () {
-    $('.alert-overlay').addClass('d-none');
-    $('.alert-area').addClass('d-none');
-    $('body').css('overflow', 'visible');
-};
-
-/**
- * go Url page With Current Params
- *
- * ios will remove all web types data when reopen webview
- * need add common parameters: app, lang, debug, mobile_flg, isChat, ...
- *
- * @param {String} url
- * @param {Object} params
- */
-COMMON.goUrlWithCurrentParams = function (url, params) {
-    if (!params) {
-        location.href = CONSTANT.URL.WEB.BASE + url;
-    }
-
-    const mixParams = Object.assign(COMMON.getUrlParameter(), params);
-    if (url.includes('?')) {
-        location.href = url + '&' + new URLSearchParams(mixParams);
-    } else {
-        location.href = url + '?' + new URLSearchParams(mixParams);
-    }
-};
-
-/**
- * get url parameter
- *
- */
-COMMON.getUrlParameter = function () {
-    var ret = {};
-    if (location.search) {
-        var param = {};
-        location.search
-            .substring(1)
-            .split('&')
-            .forEach(function (val) {
-                var kv = val.split('=');
-                param[kv[0]] = kv[1];
-            });
-        ret = param;
-    }
-    console.log({ ret: ret });
-    return ret;
-};
-
-/**
- * get sid in local Storage
- *
- * @returns sid
- */
-COMMON.getSid = function () {
-    return ClientData.userInfo_sid();
-};
-
-/**
- * cms communication
- *
- * @param {String} url
- * @param {Json} param
- * @param {boolean} async
- * @param {Object} callback
- * @param {Object} errorCallback
- */
-COMMON.cmsAjax = function (url, param, async = true, callback, errorCallback) {
-    var sysSettings = new COMMON.sysSetting();
-    if (url) {
-        $.ajax({
-            type: 'post',
-            url: url,
-            data: param,
-            dataType: 'json',
-            cache: false,
-            async: async,
-            crossDomain: true,
-            beforeSend: function (xhr) {
-                xhr.setRequestHeader('X-AGT-AppId', sysSettings.appName);
-                xhr.setRequestHeader('X-AGT-AppVersion', sysSettings.appVersion);
-            },
-            success: function (result) {
-                if (result.httpStatus == '200') {
-                    if (callback) callback(result);
-                } else if (errorCallback) {
-                    errorCallback();
-                } else if (result.httpStatus == '401') {
-                    COMMON.goUrlWithCurrentParams(CONSTANT.PAGE_NAME.LOGIN);
-                } else if (result.httpStatus == '403') {
-                    COMMON.closeLoading();
-                    COMMON.displayAlert('errorOccurred');
-                } else {
-                    COMMON.closeLoading();
-                    COMMON.displayAlert(result.message);
-                }
-            },
-            error: function (XMLHttpRequest, textStatus, errorThrown) {
-                if (errorCallback) {
-                    errorCallback();
-                } else {
-                    COMMON.closeLoading();
-                    COMMON.displayAlert('errorCommunicationFailed');
-                }
-            },
-        });
-    } else {
-        if (errorCallback) {
-            errorCallback();
-        } else {
-            COMMON.closeLoading();
-            COMMON.displayAlert('errorOccurred');
-        }
-    }
-};
-
-/**
- * Communicate with cms and post
- *
- * @param {String} url
- * @param {Object} params
- * @param {String} method
- */
-COMMON.postCommunication = function (url, params, method = 'post') {
-    const form = document.createElement('form');
-    form.method = method;
-    form.action = url;
-
-    for (const key in params) {
-        if (params.hasOwnProperty(key)) {
-            const hiddenField = document.createElement('input');
-            hiddenField.type = 'hidden';
-            hiddenField.name = key;
-            hiddenField.value = params[key];
-            form.appendChild(hiddenField);
-        }
-    }
-
-    document.body.appendChild(form);
-    form.submit();
-};
-
-/**
- * Check if user is logged in
- *
- * @param {boolean} async
- */
-COMMON.checkAuth = function (async = true) {
-    let params = {};
-    params.sid = COMMON.getSid;
-    var urlPath = ClientData.userInfo_accountPath();
-    const url = CONSTANT.URL.CMS.BASE + urlPath + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.AUTH_SESSION;
-    COMMON.cmsAjax(url, params, async, null, function () {
-        COMMON.goUrlWithCurrentParams(CONSTANT.PAGE_NAME.LOGIN);
-    });
-};
-
-var ClientData = {
-    // Local :ユーザ情報(userInfo)_アカウントパス:String
-    userInfo_accountPath: function (data) {
-        if (arguments.length > 0) {
-            COMMON.userSetting().set(CONSTANT.KEYS.userInfo_accountPath, data);
-        } else {
-            return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_accountPath);
-        }
-    },
-
-    // Local :ユーザ情報(userInfo)_ログインID:String
-    userInfo_loginId: function (data) {
-        if (arguments.length > 0) {
-            COMMON.userSetting().set(CONSTANT.KEYS.userInfo_loginId, data);
-        } else {
-            return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_loginId);
-        }
-    },
-
-    // Local :ユーザ情報(userInfo)_アカウント情報記憶フラグ:Char(Y：可能, N：不可)
-    userInfo_rememberLogin: function (data) {
-        if (arguments.length > 0) {
-            COMMON.userSetting().set(CONSTANT.KEYS.userInfo_rememberLogin, data);
-        } else {
-            return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_rememberLogin);
-        }
-    },
-
-    // Session :ユーザ情報(userInfo)_ログインID:String
-    userInfo_loginId_session: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.userInfo_loginId, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_loginId);
-        }
-    },
-
-    // Session :ユーザ情報(userInfo)_アカウントパス:String
-    userInfo_accountPath_session: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.userInfo_accountPath, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_accountPath);
-        }
-    },
-
-    // Session
-    userInfo_userName: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.userInfo_userName, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_userName);
-        }
-    },
-
-    // Local :ユーザ情報(userInfo)_最終ログイン日時:Datetime
-    userInfo_lastLoginTime: function (data) {
-        if (arguments.length > 0) {
-            COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_lastLoginTime, undefined);
-        } else {
-            return COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_lastLoginTime, undefined);
-        }
-    },
-
-    // Session:ユーザ情報(userInfo)_セッションID:String
-    userInfo_sid: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.userInfo_sid, data);
-            // COMMON.userSetting().set(CONSTANT.KEYS.userInfo_sid, data);
-        } else {
-            // return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_sid);
-            if (COMMON.userSession()) {
-                return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_sid);
-            }
-            return null;
-        }
-    },
-
-    // Local: ユーザ情報(userInfo)_セッションID:String
-    userInfo_sid_local: function (data) {
-        if (arguments.length > 0) {
-            COMMON.userSetting().set(CONSTANT.KEYS.userInfo_sid, data);
-        } else {
-            return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_sid);
-        }
-    },
-
-    // Local: セッションIDのバックアップ
-    userInfo_sid_local_bak: function (data) {
-        if (arguments.length > 0) {
-            COMMON.userSetting().set(CONSTANT.KEYS.userInfo_sid_bak, data);
-        } else {
-            return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_sid_bak);
-        }
-    },
-
-    // Session :通知情報(pushInfo)_新着件数:Interger
-    pushInfo_newMsgNumber: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.pushInfo_newMsgNumber, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.pushInfo_newMsgNumber);
-        }
-    },
-
-    conf_apiUrl: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.conf_apiUrl, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.conf_apiUrl);
-        }
-    },
-    conf_apiLoginUrl: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.conf_apiLoginUrl, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.conf_apiLoginUrl);
-        }
-    },
-    conf_checkApiLoginUrl: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.conf_checkApiLoginUrl, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.conf_checkApiLoginUrl);
-        }
-    },
-    conf_apiResourceDlUrl: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.conf_apiResourceDlUrl, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.conf_apiResourceDlUrl);
-        }
-    },
-
-    // Local :ユーザ情報(userInfo)_パスワードスキップ日時:Datetime
-    userInfo_pwdSkipDt: function (data) {
-        if (arguments.length > 0) {
-            COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_pwdSkipDt, undefined);
-        } else {
-            return COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_pwdSkipDt, undefined);
-        }
-    },
-
-    // Session :事業者オプション(serviceOpt)_ABookCheck:Char(Y：有効, N：無効)
-    serviceOpt_abook_check: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_abook_check, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_abook_check);
-        }
-    },
-
-    // Session : Tenant Service_Option(serviceOpt)_ChatFunction:Char(Y：Use, N：Unused)
-    serviceOpt_chat_function: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_abook_check, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_abook_check);
-        }
-    },
-
-    // Session :事業者オプション(serviceOpt)_初回ログイン時パスワード強制変更:Integer(0:なし, 1:催促, 2:強制)
-    serviceOpt_force_pw_change_on_login: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_force_pw_change_on_login, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_force_pw_change_on_login);
-        }
-    },
-
-    // Session :事業者オプション(serviceOpt)_定期ログイン時パスワード強制変更:Integer(0:なし, 1:催促, 2:強制)
-    serviceOpt_force_pw_change_periodically: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_force_pw_change_periodically, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_force_pw_change_periodically);
-        }
-    },
-
-    // Session :事業者オプション(serviceOpt)_任意のプッシュメッセージ:Char(Y：可能, N：不可)
-    serviceOpt_usable_push_message: function (data) {
-        if (arguments.length > 0) {
-            SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_usable_push_message, data);
-        } else {
-            return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_usable_push_message);
-        }
-    },
-
-    // Local
-    JumpQueue: function (data) {
-        if (arguments.length > 0) {
-            COMMON.operateData(arguments, CONSTANT.KEYS.JumpQueue, []);
-        } else {
-            return COMMON.operateData(arguments, CONSTANT.KEYS.JumpQueue, []);
-        }
-    },
-
-    // Local
-    IsJumpBack: function (data) {
-        if (arguments.length > 0) {
-            COMMON.operateData(arguments, CONSTANT.KEYS.IsJumpBack, undefined);
-        } else {
-            return COMMON.operateData(arguments, CONSTANT.KEYS.IsJumpBack, undefined);
-        }
-    },
-};
-
-/*
- * Variables
- */
-COMMON.userSessionObj = null;
-COMMON.userSettingObj = null;
-COMMON.sysSettingObj = null;
-
-/*
- * User Settings Class Definition
- */
-var UserSetting = function () {
-    this.US_KEY = 'AVWUS';
-    this.userSetting = this.load();
-};
-/* get user setting from localStorage */
-UserSetting.prototype.load = function () {
-    var storage = window.localStorage;
-    var value = null;
-    var js = null;
-    if (storage) {
-        var value = storage.getItem(this.US_KEY);
-        if (!value) {
-            value = '{}'; // 空JSON文字列
-        }
-        js = JSON.parse(value);
-    }
-    return js;
-};
-/* store user setting */
-UserSetting.prototype.set = function (key, value) {
-    //if(!this.userSetting) {
-    this.userSetting = this.load();
-    //}
-    var values = this.userSetting;
-    if (!values) {
-        values = { key: value };
-    } else {
-        values[key] = value;
-    }
-    var storage = window.localStorage;
-    if (storage) {
-        var jsonStr = JSON.stringify(values);
-        storage.setItem(this.US_KEY, jsonStr);
-    }
-    this.userSetting = values;
-};
-/* grab user setting */
-UserSetting.prototype.get = function (key) {
-    //if(!this.userSetting) {
-    this.userSetting = this.load();
-    //}
-    var values = this.userSetting;
-    if (values) {
-        return values[key];
-    }
-    return null;
-};
-/* show user setting object list */
-UserSetting.prototype.show = function (elmid) {
-    var storage = window.localStorage;
-    var tags = '<p>';
-    if (storage) {
-        var value = storage.getItem(this.US_KEY);
-        if (value) {
-            var js = JSON.parse(value);
-            $.each(js, function (k, v) {
-                tags = tags + '<b>' + k + '</b>:' + v + '<br />';
-            });
-        }
-        tags = tags + '</p>';
-        $(elmid).html(tags);
-    }
-};
-/* ユーザ設定のキーリストを取得 */
-UserSetting.prototype.keys = function () {
-    var storage = window.localStorage;
-    var keyList = [];
-    if (storage) {
-        var value = storage.getItem(this.US_KEY);
-        if (value) {
-            var js = JSON.parse(value);
-            var i = 0;
-            $.each(js, function (k, v) {
-                keyList[i++] = k;
-            });
-        }
-        return keyList;
-    }
-    return null;
-};
-/* ユーザ設定を削除 */
-UserSetting.prototype.remove = function (key) {
-    var storage = window.localStorage;
-    if (storage) {
-        var value = storage.getItem(this.US_KEY);
-        if (value) {
-            var js = JSON.parse(value);
-            if (js) {
-                delete js[key];
-                storage.setItem(this.US_KEY, JSON.stringify(js));
-            }
-        }
-    }
-};
-/* ユーザ設定をすべて削除 */
-UserSetting.prototype.removeAll = function () {
-    var storage = window.localStorage;
-    if (storage) {
-        storage.remove(this.US_KEY);
-    }
-};
-
-/*
- * User Session Class Definition
- */
-var UserSession = function () {
-    this.available = false;
-};
-/* Initialize User Session */
-UserSession.prototype.init = function (option) {
-    this.available = false;
-    if (option == 'restore') {
-        var value = null;
-        try {
-            value = this._get('init');
-        } catch (e) {
-            value = null;
-        } finally {
-            if (value) {
-                this.available = true;
-            }
-        }
-    } else {
-        this.set('init', new Date().toLocaleString());
-        this.available = true;
-    }
-};
-/* store key, value item to user session */
-UserSession.prototype.set = function (key, value) {
-    var storage = window.sessionStorage;
-    if (storage) {
-        if (this.available == false) {
-            if (key == 'init') {
-                storage.setItem('AVWS_' + key, value);
-            } else {
-                throw new Error('Session destoryed.');
-            }
-        } else {
-            storage.setItem('AVWS_' + key, value);
-        }
-    }
-};
-/* get session item value */
-UserSession.prototype.get = function (key) {
-    var value = null;
-    if (this.available) {
-        value = this._get(key);
-    } else {
-        throw new Error('Session Destroyed.');
-    }
-    return value;
-};
-/* get item value from session storage */
-UserSession.prototype._get = function (key) {
-    var storage = window.sessionStorage;
-    var value = null;
-    if (storage) {
-        value = storage.getItem('AVWS_' + key);
-    }
-    return value;
-};
-/* destroy user session */
-UserSession.prototype.destroy = function () {
-    var storage = window.sessionStorage;
-    if (storage) {
-        storage.clear();
-        this.available = false;
-    }
-};
-/* show user session object list */
-UserSession.prototype.show = function (elmid) {
-    var storage = window.sessionStorage;
-    var tags = '<p>';
-    if (storage) {
-        for (var i = 0; i < storage.length; i++) {
-            var key = storage.key(i);
-            var value = storage.getItem(key);
-            tags = tags + '<b>' + key + '</b>:' + value + '<br />';
-        }
-        tags = tags + '</p>';
-        $(elmid).html(tags);
-    }
-};
-
-/* Initialize system */
-$(function () {
-    // システム設定ファイルの配置先パスの決定
-
-    var location = window.location.toString().toLowerCase();
-
-    var sysFile = '';
-    if (location.indexOf('/abweb') < 0) {
-        sysFile = '../abweb/common/json/sys/conf.json';
-    } else {
-        sysFile = '../common/json/sys/conf.json';
-    }
-
-    // システム設定ファイルを読み込む
-    $.ajax({
-        url: sysFile,
-        async: false,
-        cache: false,
-        dataType: 'json',
-        success: function (data) {
-            COMMON.sysSettingObj = data;
-        },
-        error: function (xmlHttpRequest, txtStatus, errorThrown) {
-            var error = 'Could not load the system configuration file. Please check it.';
-            error += '\n' + xmlHttpRequest.status + ' ' + txtStatus + ' ' + errorThrown + ' : ' + sysFile;
-            alert(error);
-        },
-    });
-
-    // ロード時に一旦エラー状態をクリアしておく
-    COMMON.clearError();
-
-    //#31919 【調査】商談支援システム　GoogleChromeでビッチイン・アウトが効かない
-    navigator.pointerEnabled = navigator.maxTouchPoints > 0; // Edge 17 touch support workaround
-    document.documentElement.ontouchstart = navigator.maxTouchPoints > 0 ? function () {} : undefined; // Chrome 70 touch support workaround
-});
-
-// Hide the locking layout
-COMMON.unlockLayout = function () {
-    $('#avw-sys-modal').hide();
-};
-
-// Show the locking layout
-COMMON.lockLayout = function () {
-    if (document.getElementById('avw-sys-modal')) {
-        $('#avw-sys-modal').show();
-    } else {
-        var tags = '<div id="avw-sys-modal"></div>';
-        $('body').prepend(tags);
-        $('#avw-sys-modal').css({
-            opacity: 0.7,
-            position: 'fixed',
-            top: '0',
-            left: '0',
-            width: $(window).width(),
-            height: $(window).height(),
-            background: '#999',
-            'z-index': 100,
-        });
-        // resize error page
-        $(window).resize(function () {
-            $('#avw-sys-modal').css({
-                width: $(window).width(),
-                height: $(window).height(),
-            });
-        });
-    }
-};
-
-/* エラー状態をクリア　*/
-COMMON.clearError = function () {
-    var session = window.sessionStorage;
-    if (session) {
-        session.setItem(COMMON.hasErrorKey, false);
-    }
-};
-/* エラー状態を取得 */
-COMMON.hasError = function () {
-    var session = window.sessionStorage;
-    var isError = false;
-    if (session) {
-        isError = session.getItem(COMMON.hasErrorKey);
-    }
-    return isError == 'true';
-};
-/* エラー状態にセット */
-COMMON.setErrorState = function () {
-    var session = window.sessionStorage;
-    if (session) {
-        session.setItem(COMMON.hasErrorKey, true);
-    }
-};
-///* get user environment object */
-//function avwUserEnv() {
-//	if(COMMON.avwUserEnvObj == null) {
-//		COMMON.avwUserEnvObj = new UserEnvironment();
-//	}
-//	return COMMON.avwUserEnvObj;
-//};
-/* get user session object */
-COMMON.userSession = function () {
-    if (!COMMON.userSessionObj) {
-        var obj = new UserSession();
-        obj.init('restore');
-        if (obj.available) {
-            COMMON.userSessionObj = obj;
-            return COMMON.userSessionObj;
-        } else {
-            return null;
-        }
-    }
-    return COMMON.userSessionObj;
-};
-/* create user session object */
-COMMON.createUserSession = function () {
-    if (COMMON.userSessionObj) {
-        COMMON.userSessionObj.destroy();
-    } else {
-        COMMON.userSessionObj = new UserSession();
-        COMMON.userSessionObj.init();
-    }
-    return COMMON.userSessionObj;
-};
-
-/* get user setting object */
-COMMON.userSetting = function () {
-    if (COMMON.userSettingObj == null) {
-        COMMON.userSettingObj = new UserSetting();
-    }
-    return COMMON.userSettingObj;
-};
-
-/* get system setting object */
-COMMON.sysSetting = function () {
-    return COMMON.sysSettingObj;
-};
-
-/*
- * Operations for session storage [start]
- */
-
-var SessionStorageUtils = {
-    login: function () {
-        if (COMMON.userSession()) {
-            // Skip this case
-        } else {
-            COMMON.avwCreateUserSession();
-        }
-    },
-    get: function (strKey) {
-        return COMMON.userSession().get(strKey);
-    },
-    set: function (strKey, objValue) {
-        COMMON.userSession().set(strKey, objValue);
-    },
-    clear: function () {
-        if (COMMON.userSession()) {
-            COMMON.userSession().destroy();
-        }
-    },
-    remove: function (strKey) {
-        COMMON.userSession().set(strKey, null);
-    },
-};
-
-/*
- * Operations for local storage
- */
-var LocalStorageUtils = {
-    getUniqueId: function () {
-        var uniqueId = '';
-
-        if (COMMON.userSetting().get(CONSTANT.KEYS.userInfo_accountPath)) {
-            uniqueId += COMMON.userSetting().get(CONSTANT.KEYS.userInfo_accountPath);
-        }
-        if (COMMON.userSetting().get(CONSTANT.KEYS.userInfo_loginId)) {
-            uniqueId += '.' + COMMON.userSetting().get(CONSTANT.KEYS.userInfo_loginId);
-        }
-        if (uniqueId != '') {
-            uniqueId += '.';
-        }
-
-        return uniqueId;
-    },
-    get: function (strKey) {
-        var key = this.getUniqueId() + strKey;
-
-        return COMMON.userSetting().get(key);
-    },
-    set: function (strKey, objValue) {
-        var key = this.getUniqueId() + strKey;
-        COMMON.userSetting().set(key, objValue);
-    },
-    remove: function (strKey) {
-        var key = this.getUniqueId() + strKey;
-        COMMON.userSetting().remove(key);
-        SessionStorageUtils.remove(strKey);
-    },
-    clear: function () {
-        var localStorageKeys = COMMON.userSetting().keys();
-        for (var nIndex = 0; nIndex < localStorageKeys.length; nIndex++) {
-            var strKey = localStorageKeys[nIndex];
-
-            if ((strKey + '').contains(this.getUniqueId())) {
-                COMMON.userSetting().remove(strKey);
-            }
-        }
-    },
-    existKey: function (strKey) {
-        var keys = COMMON.userSetting().keys();
-        var findKey = this.getUniqueId() + strKey;
-        var isExisted = false;
-        if (keys != null && keys != undefined) {
-            for (var nIndex = 0; nIndex < keys.length; nIndex++) {
-                if (keys[nIndex] == findKey) {
-                    isExisted = true;
-                    break;
-                }
-            }
-        }
-        return isExisted;
-    },
-};
-
-/* String.format function def. */
-COMMON.format = function (fmt) {
-    for (var i = 1; i < arguments.length; i++) {
-        var reg = new RegExp('\\{' + (i - 1) + '\\}', 'g');
-        fmt = fmt.replace(reg, arguments[i]);
-    }
-    return fmt;
-};
-
-// Get param url
-COMMON.getUrlParam = function (name, url) {
-    if (!url) {
-        url = window.location.href;
-    }
-
-    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
-    var regexS = '[\\?&]' + name + '=([^&#]*)';
-    var regex = new RegExp(regexS);
-    var results = regex.exec(url);
-    if (results == null) {
-        return '';
-    } else {
-        // alert("results[0]:" + results[0]);
-        // alert("results[1]:" + results[1]);
-        return results[1];
-    }
-};
-
-COMMON.ToogleLogoutNortice = function () {
-    window.onbeforeunload = function (event) {
-        var message = I18N.i18nText('sysInfoWithoutLogout');
-        var e = event || window.event;
-        if (e) {
-            e.returnValue = message;
-        }
-        return message;
-    };
-};
-
-/*
- * Get data from localstorage and sessionstorage synchronization If has any
- * param (args.length > 0) -> setter If has not param (args.length = 0) ->
- * getter . Get from session: + if it existed and key existed in localstorage ->
- * return result + else: set value from local to sessionstorage -> return value
- * of sessionstorage if value is not empty, otherwise, return default result.
- *
- */
-COMMON.operateData = function (args, strKey, returnDefaultData) {
-    if (args.length > 0) {
-        var data = args[0];
-        LocalStorageUtils.set(strKey, data);
-        SessionStorageUtils.set(strKey, JSON.stringify(data));
-    } else {
-        if (
-            SessionStorageUtils.get(strKey) != 'undefined' &&
-            SessionStorageUtils.get(strKey) != undefined &&
-            SessionStorageUtils.get(strKey) != '' &&
-            SessionStorageUtils.get(strKey) != null &&
-            SessionStorageUtils.get(strKey) != 'null'
-        ) {
-            if (LocalStorageUtils.existKey(strKey) == true) {
-                return JSON.parse(SessionStorageUtils.get(strKey));
-            } else {
-                return returnDefaultData;
-            }
-        } else {
-            if (LocalStorageUtils.existKey(strKey) == true) {
-                SessionStorageUtils.set(strKey, JSON.stringify(LocalStorageUtils.get(strKey)));
-                return JSON.parse(SessionStorageUtils.get(strKey));
-            }
-            return returnDefaultData;
-        }
-    }
-};
-
-/**
- * UTC current Time (millisecond)
- *
- * @returns UTC time
- */
-COMMON.currentTime = function () {
-    return Date.now();
-};
-
-/*
- * Operations for session storage [ end ]
- */
-
-// =============================================================================================
-// Utils for string, date, number [start]
-// =============================================================================================
-/*
- * Convert date to JP format date time [start]
- */
-
-/*
- * YYYY/MM/DD HH:MM:SS
- */
-Date.prototype.jpDateTimeString = function () {
-    var strResult = '';
-    var strYear = this.getFullYear() + '';
-    var strMonth = this.getMonth() + 1 + '';
-    var strDayInMonth = this.getDate() + '';
-    var strHour = this.getHours() + '';
-    var strMinute = this.getMinutes() + '';
-    var strSecond = this.getSeconds() + '';
-
-    strResult += strYear.padLeft('0', 4) + '/' + strMonth.padLeft('0', 2) + '/' + strDayInMonth.padLeft('0', 2);
-    strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2) + ':' + strSecond.padLeft('0', 2);
-    return strResult;
-};
-/*
- * YYYY-MM-DD HH:MM:SS
- */
-Date.prototype.jpDateTimeString1 = function () {
-    var strResult = '';
-    var strYear = this.getFullYear() + '';
-    var strMonth = this.getMonth() + 1 + '';
-    var strDayInMonth = this.getDate() + '';
-    var strHour = this.getHours() + '';
-    var strMinute = this.getMinutes() + '';
-    var strSecond = this.getSeconds() + '';
-
-    strResult += strYear.padLeft('0', 4) + '-' + strMonth.padLeft('0', 2) + '-' + strDayInMonth.padLeft('0', 2);
-    strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2) + ':' + strSecond.padLeft('0', 2);
-    return strResult;
-};
-/*
- * yyyy/MM/dd
- */
-Date.prototype.jpDateString = function () {
-    var strResult = '';
-    var strYear = this.getFullYear() + '';
-    var strMonth = this.getMonth() + 1 + '';
-    var strDayInMonth = this.getDate() + '';
-
-    strResult += strYear.padLeft('0', 4) + '/' + strMonth.padLeft('0', 2) + '/' + strDayInMonth.padLeft('0', 2);
-
-    return strResult;
-};
-/*
- * HH:mm:ss
- */
-Date.prototype.jpTimeString = function () {
-    var strResult = '';
-    var strHour = this.getHours() + '';
-    var strMinute = this.getMinutes() + '';
-    var strSecond = this.getSeconds() + '';
-
-    strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2) + ':' + strSecond.padLeft('0', 2);
-    return strResult;
-};
-/*
- * HH:mm
- */
-Date.prototype.jpShortTimeString = function () {
-    var strResult = '';
-    var strHour = this.getHours() + '';
-    var strMinute = this.getMinutes() + '';
-    var strSecond = this.getSeconds() + '';
-
-    strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2);
-    return strResult;
-};
-/*
- * yyyyMMddHHmmss
- */
-Date.prototype.toIdString = function () {
-    var strResult = '';
-    var strYear = this.getFullYear() + '';
-    var strMonth = this.getMonth() + 1 + '';
-    var strDayInMonth = this.getDate() + '';
-    var strHour = this.getHours() + '';
-    var strMinute = this.getMinutes() + '';
-    var strSecond = this.getSeconds() + '';
-    var strMilisecond = this.getMilliseconds() + '';
-
-    strResult += strYear.padLeft('0', 4) + strMonth.padLeft('0', 2) + strDayInMonth.padLeft('0', 2);
-    strResult += strHour.padLeft('0', 2) + strMinute.padLeft('0', 2) + strSecond.padLeft('0', 2) + strMilisecond.padLeft('0', 3);
-    return strResult;
-};
-// Subtract date to get days
-Date.prototype.subtractByDays = function (targetDate) {
-    var milis = Math.abs(this - targetDate);
-    var days = Math.floor(milis / (60 * 60 * 24 * 1000));
-    return days;
-};
-Date.prototype.addSeconds = function (plusSeconds) {
-    var newDate = new Date(this.getTime() + plusSeconds * 1000);
-    return newDate;
-};
-
-// Subtract date to get days
-Date.prototype.subtractBySeconds = function (targetDate) {
-    var milis = Math.abs(this - targetDate);
-    var days = Math.floor(milis / 1000);
-    return days;
-};
-
-/*
- * Convert date to JP format date time [ end ]
- */
-
-// trimming space from both side of the string
-String.prototype.trim = function () {
-    return this.replace(/^\s+|\s+$/g, '');
-};
-
-// trimming space from left side of the string
-String.prototype.trimLeft = function () {
-    return this.replace(/^\s+/, '');
-};
-
-// trimming space from right side of the string
-String.prototype.trimRight = function () {
-    return this.replace(/\s+$/, '');
-};
-
-// String: pads left
-String.prototype.padLeft = function (padString, length) {
-    var str = this;
-    while (str.length < length) str = padString + str;
-    return str;
-};
-
-// String: pads right
-String.prototype.padRight = function (padString, length) {
-    var str = this;
-    while (str.length < length) str = str + padString;
-    return str;
-};
-// Check contain string
-String.prototype.contains = function (string) {
-    if (this.indexOf(string) != -1) {
-        return true;
-    }
-    return false;
-};
-
-// Number: pads left
-Number.prototype.padLeft = function (padString, length) {
-    var str = this + '';
-    return str.padLeft(padString, length);
-};
-
-// Number: pads right
-Number.prototype.padRight = function (padString, length) {
-    var str = this + '';
-    return str.padRight(padString, length);
-};
-// Clear data of array
-Array.prototype.clear = function () {
+ var COMMON = {};
+
+ COMMON.hasErrorKey = 'AVW_HASERR';
+ 
+ COMMON.lang;
+ 
+ /**
+  * get lang code in local storage
+  * web gets lang form local storage
+  * but app gets lnag from session storage
+  */
+ COMMON.setLangCodeWeb = function () {
+     let lang = COMMON.getLangWeb();
+     if (lang.split('-')[0] == CONSTANT.LANG.English) {
+         lang = CONSTANT.LANG.ENGLISH;
+     } else if (lang.split('-')[0] == CONSTANT.LANG.KOREA) {
+         lang = CONSTANT.LANG.KOREA;
+     } else {
+         lang = CONSTANT.LANG.JAPAN;
+     }
+     COMMON.lang = lang;
+ };
+ 
+ /**
+  * get lang in local storage
+  *
+  * @returns String pageLang
+  */
+ COMMON.getLangWeb = function () {
+     if (!COMMON.lang) {
+         let pageLang;
+         if (localStorage[CONSTANT.LANG.SAVE_NAME]) {
+             pageLang = localStorage[CONSTANT.LANG.SAVE_NAME];
+         } else {
+             pageLang = (window.navigator.languages && window.navigator.languages[0]) || window.navigator.language || window.navigator.userLanguage || window.navigator.browserLanguage;
+             localStorage[CONSTANT.LANG.SAVE_NAME] = pageLang;
+         }
+         return pageLang;
+     } else {
+         return COMMON.lang;
+     }
+ 
+     return pageLang;
+ };
+ 
+ /**
+  * change lang of html
+  */
+ COMMON.updateLang = function () {
+     $('.multi-lang').each(function () {
+         const key = $(this).attr('data-msg');
+         if (key) {
+             if ($(this).prop('tagName').toLowerCase() == 'input' && ($(this).attr('type') == 'text' || $(this).attr('type') == 'search')) {
+                 const attr = $(this).attr('placeholder');
+                 if (typeof attr !== 'undefined' && attr !== false) {
+                     $(this).attr('placeholder', COMMON.getMsg(key));
+                 } else {
+                     $(this).val(COMMON.getMsg(key));
+                 }
+             } else {
+                 $(this).html(COMMON.getMsg(key));
+             }
+         }
+     });
+ };
+ 
+ /**
+  * get any lang msg from COMMON.msgMap
+  *
+  * @param String key
+  * @returns String msg
+  */
+ COMMON.getMsg = function (key) {
+     const msg = CONSTANT.MSG_MAP[key];
+     if (!msg) {
+         return '';
+     }
+ 
+     return msg[COMMON.lang];
+ };
+ 
+ /* page transition without outputting a warning message */
+ COMMON.avwScreenMove = function (url) {
+     COMMON.showLoading();
+     window.onbeforeunload = null;
+     window.location = url;
+ };
+ 
+ /**
+  * show loading dialog
+  * show msg by key
+  *
+  * @param {String} key
+  */
+ COMMON.showLoading = function () {
+     $.LoadingOverlay('show', {
+         image: '../common/img/loading.gif',
+     });
+ };
+ 
+ /**
+  * close loading
+  */
+ COMMON.closeLoading = function () {
+     $.LoadingOverlay('hide');
+ };
+ 
+ /**
+  * show alert
+  *
+  * @param {String} msgCode
+  */
+ COMMON.displayAlert = function (msgCode, title) {
+     $('#alertMsg').html(I18N.i18nText(msgCode));
+     $('.alert-overlay').removeClass('d-none');
+     $('.alert-area').removeClass('d-none');
+ 
+     const positionY = $(document).scrollTop() + screen.height / 8;
+     const height = screen.height / 4;
+     $('.alert-overlay').css('height', screen.height);
+     $('.alert-area').css('top', positionY);
+     $('.alert-area').css('min-height', height);
+     $('body').css('overflow', 'hidden');
+ };
+ 
+ /**
+  * close alert
+  */
+ COMMON.alertClose = function () {
+     $('.alert-overlay').addClass('d-none');
+     $('.alert-area').addClass('d-none');
+     $('body').css('overflow', 'visible');
+ };
+ 
+ /**
+  * go Url page With Current Params
+  *
+  * ios will remove all web types data when reopen webview
+  * need add common parameters: app, lang, debug, mobile_flg, isChat, ...
+  *
+  * @param {String} url
+  * @param {Object} params
+  */
+ COMMON.goUrlWithCurrentParams = function (url, params) {
+     if (!params) {
+         location.href = CONSTANT.URL.WEB.BASE + url;
+     }
+ 
+     const mixParams = Object.assign(COMMON.getUrlParameter(), params);
+     if (url.includes('?')) {
+         location.href = url + '&' + new URLSearchParams(mixParams);
+     } else {
+         location.href = url + '?' + new URLSearchParams(mixParams);
+     }
+ };
+ 
+ /**
+  * get url parameter
+  *
+  */
+ COMMON.getUrlParameter = function () {
+     var ret = {};
+     if (location.search) {
+         var param = {};
+         location.search
+             .substring(1)
+             .split('&')
+             .forEach(function (val) {
+                 var kv = val.split('=');
+                 param[kv[0]] = kv[1];
+             });
+         ret = param;
+     }
+     console.log({ ret: ret });
+     return ret;
+ };
+ 
+ /**
+  * get sid in local Storage
+  *
+  * @returns sid
+  */
+ COMMON.getSid = function () {
+     return ClientData.userInfo_sid();
+ };
+ 
+ /**
+  * cms communication
+  *
+  * @param {String} url
+  * @param {Json} param
+  * @param {boolean} async
+  * @param {Object} callback
+  * @param {Object} errorCallback
+  */
+ COMMON.cmsAjax = function (url, param, async = true, callback, errorCallback, type) {
+     var sysSettings = new COMMON.sysSetting();
+     if (url) {
+         $.ajax({
+             type: 'post',
+             url: url,
+             data: param,
+             dataType: type ? type : 'json',
+             cache: false,
+             async: async,
+             crossDomain: true,
+             beforeSend: function (xhr) {
+                 xhr.setRequestHeader('X-AGT-AppId', sysSettings.appName);
+                 xhr.setRequestHeader('X-AGT-AppVersion', sysSettings.appVersion);
+             },
+             success: function (result) {
+                 if (type == 'text') {
+                     if (callback) callback(result);
+                     return;
+                 }
+                 if (result.httpStatus == '200') {
+                     if (callback) callback(result);
+                 } else if (errorCallback) {
+                     errorCallback(result);
+                 } else if (result.httpStatus == '401') {
+                     COMMON.goUrlWithCurrentParams(CONSTANT.PAGE_NAME.LOGIN);
+                 } else if (result.httpStatus == '403') {
+                     COMMON.closeLoading();
+                     COMMON.displayAlert('errorOccurred');
+                 } else {
+                     COMMON.closeLoading();
+                     COMMON.displayAlert(result.message);
+                 }
+             },
+             error: function (XMLHttpRequest, textStatus, errorThrown) {
+                 if (errorCallback) {
+                     errorCallback(XMLHttpRequest, textStatus, errorThrown);
+                 } else {
+                     COMMON.closeLoading();
+                     COMMON.displayAlert('errorCommunicationFailed');
+                 }
+             },
+         });
+     } else {
+         if (errorCallback) {
+             errorCallback();
+         } else {
+             COMMON.closeLoading();
+             COMMON.displayAlert('errorOccurred');
+         }
+     }
+ };
+ 
+ /**
+  * Communicate with cms and post
+  *
+  * @param {String} url
+  * @param {Object} params
+  * @param {String} method
+  */
+ COMMON.postCommunication = function (url, params, method = 'post') {
+     const form = document.createElement('form');
+     form.method = method;
+     form.action = url;
+ 
+     for (const key in params) {
+         if (params.hasOwnProperty(key)) {
+             const hiddenField = document.createElement('input');
+             hiddenField.type = 'hidden';
+             hiddenField.name = key;
+             hiddenField.value = params[key];
+             form.appendChild(hiddenField);
+         }
+     }
+ 
+     document.body.appendChild(form);
+     form.submit();
+ };
+ 
+ /**
+  * Check if user is logged in
+  *
+  * @param {boolean} async
+  */
+ COMMON.checkAuth = function (async = true) {
+     let params = {};
+     params.sid = COMMON.getSid;
+     var urlPath = ClientData.userInfo_accountPath();
+     const url = CONSTANT.URL.CMS.BASE + urlPath + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.AUTH_SESSION;
+     COMMON.cmsAjax(url, params, async, null, function () {
+         COMMON.goUrlWithCurrentParams(CONSTANT.PAGE_NAME.LOGIN);
+     });
+ };
+ 
+ var ClientData = {
+     // Local :ユーザ情報(userInfo)_アカウントパス:String
+     userInfo_accountPath: function (data) {
+         if (arguments.length > 0) {
+             COMMON.userSetting().set(CONSTANT.KEYS.userInfo_accountPath, data);
+         } else {
+             return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_accountPath);
+         }
+     },
+ 
+     // Local :ユーザ情報(userInfo)_ログインID:String
+     userInfo_loginId: function (data) {
+         if (arguments.length > 0) {
+             COMMON.userSetting().set(CONSTANT.KEYS.userInfo_loginId, data);
+         } else {
+             return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_loginId);
+         }
+     },
+ 
+     // Local :ユーザ情報(userInfo)_アカウント情報記憶フラグ:Char(Y：可能, N：不可)
+     userInfo_rememberLogin: function (data) {
+         if (arguments.length > 0) {
+             COMMON.userSetting().set(CONSTANT.KEYS.userInfo_rememberLogin, data);
+         } else {
+             return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_rememberLogin);
+         }
+     },
+ 
+     // Session :ユーザ情報(userInfo)_ログインID:String
+     userInfo_loginId_session: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.userInfo_loginId, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_loginId);
+         }
+     },
+ 
+     // Session :ユーザ情報(userInfo)_アカウントパス:String
+     userInfo_accountPath_session: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.userInfo_accountPath, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_accountPath);
+         }
+     },
+ 
+     // Session
+     userInfo_userName: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.userInfo_userName, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_userName);
+         }
+     },
+ 
+     // Local :ユーザ情報(userInfo)_最終ログイン日時:Datetime
+     userInfo_lastLoginTime: function (data) {
+         if (arguments.length > 0) {
+             COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_lastLoginTime, undefined);
+         } else {
+             return COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_lastLoginTime, undefined);
+         }
+     },
+ 
+     // Session:ユーザ情報(userInfo)_セッションID:String
+     userInfo_sid: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.userInfo_sid, data);
+             // COMMON.userSetting().set(CONSTANT.KEYS.userInfo_sid, data);
+         } else {
+             // return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_sid);
+             if (COMMON.userSession()) {
+                 return SessionStorageUtils.get(CONSTANT.KEYS.userInfo_sid);
+             }
+             return null;
+         }
+     },
+ 
+     // Local: ユーザ情報(userInfo)_セッションID:String
+     userInfo_sid_local: function (data) {
+         if (arguments.length > 0) {
+             COMMON.userSetting().set(CONSTANT.KEYS.userInfo_sid_local, data);
+         } else {
+             return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_sid_local);
+         }
+     },
+ 
+     // Local: セッションIDのバックアップ
+     userInfo_sid_local_bak: function (data) {
+         if (arguments.length > 0) {
+             COMMON.userSetting().set(CONSTANT.KEYS.userInfo_sid_bak, data);
+         } else {
+             return COMMON.userSetting().get(CONSTANT.KEYS.userInfo_sid_bak);
+         }
+     },
+ 
+     // Session :通知情報(pushInfo)_新着件数:Interger
+     pushInfo_newMsgNumber: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.pushInfo_newMsgNumber, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.pushInfo_newMsgNumber);
+         }
+     },
+ 
+     conf_apiUrl: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.conf_apiUrl, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.conf_apiUrl);
+         }
+     },
+     conf_apiLoginUrl: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.conf_apiLoginUrl, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.conf_apiLoginUrl);
+         }
+     },
+     conf_checkApiLoginUrl: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.conf_checkApiLoginUrl, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.conf_checkApiLoginUrl);
+         }
+     },
+     conf_apiResourceDlUrl: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.conf_apiResourceDlUrl, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.conf_apiResourceDlUrl);
+         }
+     },
+ 
+     // Local :ユーザ情報(userInfo)_パスワードスキップ日時:Datetime
+     userInfo_pwdSkipDt: function (data) {
+         if (arguments.length > 0) {
+             COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_pwdSkipDt, undefined);
+         } else {
+             return COMMON.operateData(arguments, CONSTANT.KEYS.userInfo_pwdSkipDt, undefined);
+         }
+     },
+ 
+     // Session :事業者オプション(serviceOpt)_ABookCheck:Char(Y：有効, N：無効)
+     serviceOpt_abook_check: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_abook_check, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_abook_check);
+         }
+     },
+ 
+     // Session : Tenant Service_Option(serviceOpt)_ChatFunction:Char(Y：Use, N：Unused)
+     serviceOpt_chat_function: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_abook_check, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_abook_check);
+         }
+     },
+ 
+     // Session :事業者オプション(serviceOpt)_初回ログイン時パスワード強制変更:Integer(0:なし, 1:催促, 2:強制)
+     serviceOpt_force_pw_change_on_login: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_force_pw_change_on_login, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_force_pw_change_on_login);
+         }
+     },
+ 
+     // Session :事業者オプション(serviceOpt)_定期ログイン時パスワード強制変更:Integer(0:なし, 1:催促, 2:強制)
+     serviceOpt_force_pw_change_periodically: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_force_pw_change_periodically, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_force_pw_change_periodically);
+         }
+     },
+ 
+     // Session :事業者オプション(serviceOpt)_任意のプッシュメッセージ:Char(Y：可能, N：不可)
+     serviceOpt_usable_push_message: function (data) {
+         if (arguments.length > 0) {
+             SessionStorageUtils.set(CONSTANT.KEYS.serviceOpt_usable_push_message, data);
+         } else {
+             return SessionStorageUtils.get(CONSTANT.KEYS.serviceOpt_usable_push_message);
+         }
+     },
+ 
+     // Local
+     JumpQueue: function (data) {
+         if (arguments.length > 0) {
+             COMMON.operateData(arguments, CONSTANT.KEYS.JumpQueue, []);
+         } else {
+             return COMMON.operateData(arguments, CONSTANT.KEYS.JumpQueue, []);
+         }
+     },
+ 
+     // Local
+     IsJumpBack: function (data) {
+         if (arguments.length > 0) {
+             COMMON.operateData(arguments, CONSTANT.KEYS.IsJumpBack, undefined);
+         } else {
+             return COMMON.operateData(arguments, CONSTANT.KEYS.IsJumpBack, undefined);
+         }
+     },
+ };
+ 
+ /*
+  * Variables
+  */
+ COMMON.userSessionObj = null;
+ COMMON.userSettingObj = null;
+ COMMON.sysSettingObj = null;
+ 
+ /*
+  * User Settings Class Definition
+  */
+ var UserSetting = function () {
+     this.US_KEY = 'AVWUS';
+     this.userSetting = this.load();
+ };
+ /* get user setting from localStorage */
+ UserSetting.prototype.load = function () {
+     var storage = window.localStorage;
+     var value = null;
+     var js = null;
+     if (storage) {
+         var value = storage.getItem(this.US_KEY);
+         if (!value) {
+             value = '{}'; // 空JSON文字列
+         }
+         js = JSON.parse(value);
+     }
+     return js;
+ };
+ /* store user setting */
+ UserSetting.prototype.set = function (key, value) {
+     //if(!this.userSetting) {
+     this.userSetting = this.load();
+     //}
+     var values = this.userSetting;
+     if (!values) {
+         values = { key: value };
+     } else {
+         values[key] = value;
+     }
+     var storage = window.localStorage;
+     if (storage) {
+         var jsonStr = JSON.stringify(values);
+         storage.setItem(this.US_KEY, jsonStr);
+     }
+     this.userSetting = values;
+ };
+ /* grab user setting */
+ UserSetting.prototype.get = function (key) {
+     //if(!this.userSetting) {
+     this.userSetting = this.load();
+     //}
+     var values = this.userSetting;
+     if (values) {
+         return values[key];
+     }
+     return null;
+ };
+ /* show user setting object list */
+ UserSetting.prototype.show = function (elmid) {
+     var storage = window.localStorage;
+     var tags = '<p>';
+     if (storage) {
+         var value = storage.getItem(this.US_KEY);
+         if (value) {
+             var js = JSON.parse(value);
+             $.each(js, function (k, v) {
+                 tags = tags + '<b>' + k + '</b>:' + v + '<br />';
+             });
+         }
+         tags = tags + '</p>';
+         $(elmid).html(tags);
+     }
+ };
+ /* ユーザ設定のキーリストを取得 */
+ UserSetting.prototype.keys = function () {
+     var storage = window.localStorage;
+     var keyList = [];
+     if (storage) {
+         var value = storage.getItem(this.US_KEY);
+         if (value) {
+             var js = JSON.parse(value);
+             var i = 0;
+             $.each(js, function (k, v) {
+                 keyList[i++] = k;
+             });
+         }
+         return keyList;
+     }
+     return null;
+ };
+ /* ユーザ設定を削除 */
+ UserSetting.prototype.remove = function (key) {
+     var storage = window.localStorage;
+     if (storage) {
+         var value = storage.getItem(this.US_KEY);
+         if (value) {
+             var js = JSON.parse(value);
+             if (js) {
+                 delete js[key];
+                 storage.setItem(this.US_KEY, JSON.stringify(js));
+             }
+         }
+     }
+ };
+ /* ユーザ設定をすべて削除 */
+ UserSetting.prototype.removeAll = function () {
+     var storage = window.localStorage;
+     if (storage) {
+         storage.remove(this.US_KEY);
+     }
+ };
+ 
+ /*
+  * User Session Class Definition
+  */
+ var UserSession = function () {
+     this.available = false;
+ };
+ /* Initialize User Session */
+ UserSession.prototype.init = function (option) {
+     this.available = false;
+     if (option == 'restore') {
+         var value = null;
+         try {
+             value = this._get('init');
+         } catch (e) {
+             value = null;
+         } finally {
+             if (value) {
+                 this.available = true;
+             }
+         }
+     } else {
+         this.set('init', new Date().toLocaleString());
+         this.available = true;
+     }
+ };
+ /* store key, value item to user session */
+ UserSession.prototype.set = function (key, value) {
+     var storage = window.sessionStorage;
+     if (storage) {
+         if (this.available == false) {
+             if (key == 'init') {
+                 storage.setItem('AVWS_' + key, value);
+             } else {
+                 throw new Error('Session destoryed.');
+             }
+         } else {
+             storage.setItem('AVWS_' + key, value);
+         }
+     }
+ };
+ /* get session item value */
+ UserSession.prototype.get = function (key) {
+     var value = null;
+     if (this.available) {
+         value = this._get(key);
+     } else {
+         throw new Error('Session Destroyed.');
+     }
+     return value;
+ };
+ /* get item value from session storage */
+ UserSession.prototype._get = function (key) {
+     var storage = window.sessionStorage;
+     var value = null;
+     if (storage) {
+         value = storage.getItem('AVWS_' + key);
+     }
+     return value;
+ };
+ /* destroy user session */
+ UserSession.prototype.destroy = function () {
+     var storage = window.sessionStorage;
+     if (storage) {
+         storage.clear();
+         this.available = false;
+     }
+ };
+ /* show user session object list */
+ UserSession.prototype.show = function (elmid) {
+     var storage = window.sessionStorage;
+     var tags = '<p>';
+     if (storage) {
+         for (var i = 0; i < storage.length; i++) {
+             var key = storage.key(i);
+             var value = storage.getItem(key);
+             tags = tags + '<b>' + key + '</b>:' + value + '<br />';
+         }
+         tags = tags + '</p>';
+         $(elmid).html(tags);
+     }
+ };
+ 
+ /* Initialize system */
+ $(function () {
+     // システム設定ファイルの配置先パスの決定
+ 
+     var location = window.location.toString().toLowerCase();
+ 
+     var sysFile = '';
+     if (location.indexOf('/abweb') < 0) {
+         sysFile = '../abweb/common/json/sys/conf.json';
+     } else {
+         sysFile = '../common/json/sys/conf.json';
+     }
+ 
+     // システム設定ファイルを読み込む
+     $.ajax({
+         url: sysFile,
+         async: false,
+         cache: false,
+         dataType: 'json',
+         success: function (data) {
+             COMMON.sysSettingObj = data;
+         },
+         error: function (xmlHttpRequest, txtStatus, errorThrown) {
+             var error = 'Could not load the system configuration file. Please check it.';
+             error += '\n' + xmlHttpRequest.status + ' ' + txtStatus + ' ' + errorThrown + ' : ' + sysFile;
+             alert(error);
+         },
+     });
+ 
+     // ロード時に一旦エラー状態をクリアしておく
+     COMMON.clearError();
+ 
+     //#31919 【調査】商談支援システム　GoogleChromeでビッチイン・アウトが効かない
+     navigator.pointerEnabled = navigator.maxTouchPoints > 0; // Edge 17 touch support workaround
+     document.documentElement.ontouchstart = navigator.maxTouchPoints > 0 ? function () {} : undefined; // Chrome 70 touch support workaround
+ });
+ 
+ // Hide the locking layout
+ COMMON.unlockLayout = function () {
+     $('#avw-sys-modal').hide();
+ };
+ 
+ // Show the locking layout
+ COMMON.lockLayout = function () {
+     if (document.getElementById('avw-sys-modal')) {
+         $('#avw-sys-modal').show();
+     } else {
+         var tags = '<div id="avw-sys-modal"></div>';
+         $('body').prepend(tags);
+         $('#avw-sys-modal').css({
+             opacity: 0.7,
+             position: 'fixed',
+             top: '0',
+             left: '0',
+             width: $(window).width(),
+             height: $(window).height(),
+             background: '#999',
+             'z-index': 100,
+         });
+         // resize error page
+         $(window).resize(function () {
+             $('#avw-sys-modal').css({
+                 width: $(window).width(),
+                 height: $(window).height(),
+             });
+         });
+     }
+ };
+ 
+ /* エラー状態をクリア　*/
+ COMMON.clearError = function () {
+     var session = window.sessionStorage;
+     if (session) {
+         session.setItem(COMMON.hasErrorKey, false);
+     }
+ };
+ /* エラー状態を取得 */
+ COMMON.hasError = function () {
+     var session = window.sessionStorage;
+     var isError = false;
+     if (session) {
+         isError = session.getItem(COMMON.hasErrorKey);
+     }
+     return isError == 'true';
+ };
+ /* エラー状態にセット */
+ COMMON.setErrorState = function () {
+     var session = window.sessionStorage;
+     if (session) {
+         session.setItem(COMMON.hasErrorKey, true);
+     }
+ };
+ ///* get user environment object */
+ //function avwUserEnv() {
+ //	if(COMMON.avwUserEnvObj == null) {
+ //		COMMON.avwUserEnvObj = new UserEnvironment();
+ //	}
+ //	return COMMON.avwUserEnvObj;
+ //};
+ /* get user session object */
+ COMMON.userSession = function () {
+     if (!COMMON.userSessionObj) {
+         var obj = new UserSession();
+         obj.init('restore');
+         if (obj.available) {
+             COMMON.userSessionObj = obj;
+             return COMMON.userSessionObj;
+         } else {
+             return null;
+         }
+     }
+     return COMMON.userSessionObj;
+ };
+ /* create user session object */
+ COMMON.createUserSession = function () {
+     if (COMMON.userSessionObj) {
+         COMMON.userSessionObj.destroy();
+     } else {
+         COMMON.userSessionObj = new UserSession();
+         COMMON.userSessionObj.init();
+     }
+     return COMMON.userSessionObj;
+ };
+ 
+ /* get user setting object */
+ COMMON.userSetting = function () {
+     if (COMMON.userSettingObj == null) {
+         COMMON.userSettingObj = new UserSetting();
+     }
+     return COMMON.userSettingObj;
+ };
+ 
+ /* get system setting object */
+ COMMON.sysSetting = function () {
+     return COMMON.sysSettingObj;
+ };
+ 
+ /*
+  * Operations for session storage [start]
+  */
+ 
+ var SessionStorageUtils = {
+     login: function () {
+         if (COMMON.userSession()) {
+             // Skip this case
+         } else {
+             COMMON.avwCreateUserSession();
+         }
+     },
+     get: function (strKey) {
+         return COMMON.userSession().get(strKey);
+     },
+     set: function (strKey, objValue) {
+         COMMON.userSession().set(strKey, objValue);
+     },
+     clear: function () {
+         if (COMMON.userSession()) {
+             COMMON.userSession().destroy();
+         }
+     },
+     remove: function (strKey) {
+         COMMON.userSession().set(strKey, null);
+     },
+ };
+ 
+ /*
+  * Operations for local storage
+  */
+ var LocalStorageUtils = {
+     getUniqueId: function () {
+         var uniqueId = '';
+ 
+         if (COMMON.userSetting().get(CONSTANT.KEYS.userInfo_accountPath)) {
+             uniqueId += COMMON.userSetting().get(CONSTANT.KEYS.userInfo_accountPath);
+         }
+         if (COMMON.userSetting().get(CONSTANT.KEYS.userInfo_loginId)) {
+             uniqueId += '.' + COMMON.userSetting().get(CONSTANT.KEYS.userInfo_loginId);
+         }
+         if (uniqueId != '') {
+             uniqueId += '.';
+         }
+ 
+         return uniqueId;
+     },
+     get: function (strKey) {
+         var key = this.getUniqueId() + strKey;
+ 
+         return COMMON.userSetting().get(key);
+     },
+     set: function (strKey, objValue) {
+         var key = this.getUniqueId() + strKey;
+         COMMON.userSetting().set(key, objValue);
+     },
+     remove: function (strKey) {
+         var key = this.getUniqueId() + strKey;
+         COMMON.userSetting().remove(key);
+         SessionStorageUtils.remove(strKey);
+     },
+     clear: function () {
+         var localStorageKeys = COMMON.userSetting().keys();
+         for (var nIndex = 0; nIndex < localStorageKeys.length; nIndex++) {
+             var strKey = localStorageKeys[nIndex];
+ 
+             if ((strKey + '').contains(this.getUniqueId())) {
+                 COMMON.userSetting().remove(strKey);
+             }
+         }
+     },
+     existKey: function (strKey) {
+         var keys = COMMON.userSetting().keys();
+         var findKey = this.getUniqueId() + strKey;
+         var isExisted = false;
+         if (keys != null && keys != undefined) {
+             for (var nIndex = 0; nIndex < keys.length; nIndex++) {
+                 if (keys[nIndex] == findKey) {
+                     isExisted = true;
+                     break;
+                 }
+             }
+         }
+         return isExisted;
+     },
+ };
+ 
+ /* String.format function def. */
+ COMMON.format = function (fmt) {
+     for (var i = 1; i < arguments.length; i++) {
+         var reg = new RegExp('\\{' + (i - 1) + '\\}', 'g');
+         fmt = fmt.replace(reg, arguments[i]);
+     }
+     return fmt;
+ };
+ 
+ // Get param url
+ COMMON.getUrlParam = function (name, url) {
+     if (!url) {
+         url = window.location.href;
+     }
+ 
+     name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
+     var regexS = '[\\?&]' + name + '=([^&#]*)';
+     var regex = new RegExp(regexS);
+     var results = regex.exec(url);
+     if (results == null) {
+         return '';
+     } else {
+         // alert("results[0]:" + results[0]);
+         // alert("results[1]:" + results[1]);
+         return results[1];
+     }
+ };
+ 
+ COMMON.ToogleLogoutNortice = function () {
+     window.onbeforeunload = function (event) {
+         var message = I18N.i18nText('sysInfoWithoutLogout');
+         var e = event || window.event;
+         if (e) {
+             e.returnValue = message;
+         }
+         return message;
+     };
+ };
+ 
+ /*
+  * Get data from localstorage and sessionstorage synchronization If has any
+  * param (args.length > 0) -> setter If has not param (args.length = 0) ->
+  * getter . Get from session: + if it existed and key existed in localstorage ->
+  * return result + else: set value from local to sessionstorage -> return value
+  * of sessionstorage if value is not empty, otherwise, return default result.
+  *
+  */
+ COMMON.operateData = function (args, strKey, returnDefaultData) {
+     if (args.length > 0) {
+         var data = args[0];
+         LocalStorageUtils.set(strKey, data);
+         SessionStorageUtils.set(strKey, JSON.stringify(data));
+     } else {
+         if (
+             SessionStorageUtils.get(strKey) != 'undefined' &&
+             SessionStorageUtils.get(strKey) != undefined &&
+             SessionStorageUtils.get(strKey) != '' &&
+             SessionStorageUtils.get(strKey) != null &&
+             SessionStorageUtils.get(strKey) != 'null'
+         ) {
+             if (LocalStorageUtils.existKey(strKey) == true) {
+                 return JSON.parse(SessionStorageUtils.get(strKey));
+             } else {
+                 return returnDefaultData;
+             }
+         } else {
+             if (LocalStorageUtils.existKey(strKey) == true) {
+                 SessionStorageUtils.set(strKey, JSON.stringify(LocalStorageUtils.get(strKey)));
+                 return JSON.parse(SessionStorageUtils.get(strKey));
+             }
+             return returnDefaultData;
+         }
+     }
+ };
+ 
+ /**
+  * UTC current Time (millisecond)
+  *
+  * @returns UTC time
+  */
+ COMMON.currentTime = function () {
+     return Date.now();
+ };
+ 
+ /*
+  * Operations for session storage [ end ]
+  */
+ 
+ // =============================================================================================
+ // Utils for string, date, number [start]
+ // =============================================================================================
+ /*
+  * Convert date to JP format date time [start]
+  */
+ 
+ /*
+  * YYYY/MM/DD HH:MM:SS
+  */
+ Date.prototype.jpDateTimeString = function () {
+     var strResult = '';
+     var strYear = this.getFullYear() + '';
+     var strMonth = this.getMonth() + 1 + '';
+     var strDayInMonth = this.getDate() + '';
+     var strHour = this.getHours() + '';
+     var strMinute = this.getMinutes() + '';
+     var strSecond = this.getSeconds() + '';
+ 
+     strResult += strYear.padLeft('0', 4) + '/' + strMonth.padLeft('0', 2) + '/' + strDayInMonth.padLeft('0', 2);
+     strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2) + ':' + strSecond.padLeft('0', 2);
+     return strResult;
+ };
+ /*
+  * YYYY-MM-DD HH:MM:SS
+  */
+ Date.prototype.jpDateTimeString1 = function () {
+     var strResult = '';
+     var strYear = this.getFullYear() + '';
+     var strMonth = this.getMonth() + 1 + '';
+     var strDayInMonth = this.getDate() + '';
+     var strHour = this.getHours() + '';
+     var strMinute = this.getMinutes() + '';
+     var strSecond = this.getSeconds() + '';
+ 
+     strResult += strYear.padLeft('0', 4) + '-' + strMonth.padLeft('0', 2) + '-' + strDayInMonth.padLeft('0', 2);
+     strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2) + ':' + strSecond.padLeft('0', 2);
+     return strResult;
+ };
+ /*
+  * yyyy/MM/dd
+  */
+ Date.prototype.jpDateString = function () {
+     var strResult = '';
+     var strYear = this.getFullYear() + '';
+     var strMonth = this.getMonth() + 1 + '';
+     var strDayInMonth = this.getDate() + '';
+ 
+     strResult += strYear.padLeft('0', 4) + '/' + strMonth.padLeft('0', 2) + '/' + strDayInMonth.padLeft('0', 2);
+ 
+     return strResult;
+ };
+ /*
+  * HH:mm:ss
+  */
+ Date.prototype.jpTimeString = function () {
+     var strResult = '';
+     var strHour = this.getHours() + '';
+     var strMinute = this.getMinutes() + '';
+     var strSecond = this.getSeconds() + '';
+ 
+     strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2) + ':' + strSecond.padLeft('0', 2);
+     return strResult;
+ };
+ /*
+  * HH:mm
+  */
+ Date.prototype.jpShortTimeString = function () {
+     var strResult = '';
+     var strHour = this.getHours() + '';
+     var strMinute = this.getMinutes() + '';
+     var strSecond = this.getSeconds() + '';
+ 
+     strResult += ' ' + strHour.padLeft('0', 2) + ':' + strMinute.padLeft('0', 2);
+     return strResult;
+ };
+ /*
+  * yyyyMMddHHmmss
+  */
+ Date.prototype.toIdString = function () {
+     var strResult = '';
+     var strYear = this.getFullYear() + '';
+     var strMonth = this.getMonth() + 1 + '';
+     var strDayInMonth = this.getDate() + '';
+     var strHour = this.getHours() + '';
+     var strMinute = this.getMinutes() + '';
+     var strSecond = this.getSeconds() + '';
+     var strMilisecond = this.getMilliseconds() + '';
+ 
+     strResult += strYear.padLeft('0', 4) + strMonth.padLeft('0', 2) + strDayInMonth.padLeft('0', 2);
+     strResult += strHour.padLeft('0', 2) + strMinute.padLeft('0', 2) + strSecond.padLeft('0', 2) + strMilisecond.padLeft('0', 3);
+     return strResult;
+ };
+ // Subtract date to get days
+ Date.prototype.subtractByDays = function (targetDate) {
+     var milis = Math.abs(this - targetDate);
+     var days = Math.floor(milis / (60 * 60 * 24 * 1000));
+     return days;
+ };
+ Date.prototype.addSeconds = function (plusSeconds) {
+     var newDate = new Date(this.getTime() + plusSeconds * 1000);
+     return newDate;
+ };
+ 
+ // Subtract date to get days
+ Date.prototype.subtractBySeconds = function (targetDate) {
+     var milis = Math.abs(this - targetDate);
+     var days = Math.floor(milis / 1000);
+     return days;
+ };
+ 
+ /*
+  * Convert date to JP format date time [ end ]
+  */
+ 
+ // trimming space from both side of the string
+ String.prototype.trim = function () {
+     return this.replace(/^\s+|\s+$/g, '');
+ };
+ 
+ // trimming space from left side of the string
+ String.prototype.trimLeft = function () {
+     return this.replace(/^\s+/, '');
+ };
+ 
+ // trimming space from right side of the string
+ String.prototype.trimRight = function () {
+     return this.replace(/\s+$/, '');
+ };
+ 
+ // String: pads left
+ String.prototype.padLeft = function (padString, length) {
+     var str = this;
+     while (str.length < length) str = padString + str;
+     return str;
+ };
+ 
+ // String: pads right
+ String.prototype.padRight = function (padString, length) {
+     var str = this;
+     while (str.length < length) str = str + padString;
+     return str;
+ };
+ // Check contain string
+ String.prototype.contains = function (string) {
+     if (this.indexOf(string) != -1) {
+         return true;
+     }
+     return false;
+ };
+ 
+ // Number: pads left
+ Number.prototype.padLeft = function (padString, length) {
+     var str = this + '';
+     return str.padLeft(padString, length);
+ };
+ 
+ // Number: pads right
+ Number.prototype.padRight = function (padString, length) {
+     var str = this + '';
+     return str.padRight(padString, length);
+ };
+ // Clear data of array
+ Array.prototype.clear = function () {
+     this.splice(0, this.length);
+ };
+ 
+ // Function to set position of object to center
+ jQuery.fn.center = function () {
+     this.css('position', 'fixed');
+ 
+     this.css('top', ($(window).height() - this.height()) / 2 + 'px');
+     this.css('left', ($(window).width() - this.width()) / 2 + 'px');
+ 
+     return this;
+ };
+ 
\ No newline at end of file
-    this.splice(0, this.length);
-};
-
-/* CMS API Call */
-COMMON.callCmsApi = function (url, type, params, async, success, error) {
-    // アプリケーション設定取得
-    var sysSettings = COMMON.sysSetting();
-
-    //----------------------------------------------------------------------------------
-    // for IE: 暫定的に対応 （これをすることでIE9でもCrossDomainリクエストが可能だがアクセスのたびに警告が出る）
-    $.support.cors = true;
-    //----------------------------------------------------------------------------------
-
-    // ajax によるAPIの実行（json）
-    $.ajax({
-        async: async ? async : false,
-        type: type ? type : 'get',
-        url: url,
-        cache: false,
-        dataType: 'json',
-        data: params,
-        crossDomain: true,
-        beforeSend: function (xhr) {
-            /*
-             * ABook viewer for WEB 用のリクエストヘッダに、以下のヘッダを付加する
-             * X-AGT-AppId: ABookWebCL
-             * X-AGT-AppVersion: 0.0.1
-             */
-            xhr.setRequestHeader('X-AGT-AppId', sysSettings.appName);
-            xhr.setRequestHeader('X-AGT-AppVersion', sysSettings.appVersion);
-        },
-        success: function (data) {
-            if (success) {
-                success(data);
-            }
-        },
-        error: function (xhr, txtStatus, errorThrown) {
-            /* call custom error process */
-            if (error) {
-                error(xhr, txtStatus, errorThrown);
-            } else {
-                COMMON.closeLoading();
-                if (xhr.responseText && xhr.status != 0) {
-                    $('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), JSON.parse(xhr.responseText).errorMessage).toString());
-                } else {
-                    $('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), 'E001'));
-                }
-                $('#main-error-message').show();
-            }
-        },
-    });
-};
-
-// Function to set position of object to center
-jQuery.fn.center = function () {
-    this.css('position', 'fixed');
-
-    this.css('top', ($(window).height() - this.height()) / 2 + 'px');
-    this.css('left', ($(window).width() - this.width()) / 2 + 'px');
-
-    return this;
-};

abweb/common/js/constant.js

@@ -58,11 +58,14 @@ CONSTANT.URL = {
             OPERATION_VIEW_LOG: 'operationViewLog/saveLog',
             OPERATION_VIEW_LOG: 'operationViewLog/saveLog',
             PASSWORD_CHANGE: 'passwordChangeWeb/',
             PASSWORD_CHANGE: 'passwordChangeWeb/',
             LOGIN: 'webClientLogin/',
             LOGIN: 'webClientLogin/',
+            LOGOUT: 'logoutWeb/',
+
         },
         },
         HTML: {
         HTML: {
             BASE: '/checkapi/web/html/',
             BASE: '/checkapi/web/html/',
             TASK_REPORT_LIST: 'getTaskReport/',
             TASK_REPORT_LIST: 'getTaskReport/',
             LIST_REPORT_FORM: 'listReportForm/showReport',
             LIST_REPORT_FORM: 'listReportForm/showReport',
+            REPORT_LIST: 'reportList',
         },
         },
     },
     },
     WEB: {
     WEB: {
@@ -71,6 +74,13 @@ CONSTANT.URL = {
     },
     },
 };
 };
 
 
+CONSTANT.HTTP_STATUS = {
+    FORBIDDEN: '403',
+    UNAUTHORIZED: '401',
+    OK: '200',
+    SERVER_ERROR: '500',
+};
+
 CONSTANT.LANG = {
 CONSTANT.LANG = {
     SAVE_NAME: 'lang',
     SAVE_NAME: 'lang',
     JAPAN: 'ja',
     JAPAN: 'ja',
@@ -91,6 +101,7 @@ CONSTANT.KEYS = {
     // Local: User Options (userOpt)_Video Repeated Flag: Interger (0: No Repeated, 1: Repeated)
     // Local: User Options (userOpt)_Video Repeated Flag: Interger (0: No Repeated, 1: Repeated)
     // Session/local:UserInfo_Session ID:String
     // Session/local:UserInfo_Session ID:String
     userInfo_sid: 'sid',
     userInfo_sid: 'sid',
+    userInfo_sid_local: 'sid_local',
     userInfo_sid_preview: 'sidPreview',
     userInfo_sid_preview: 'sidPreview',
     // Session: Enterprise Option (serviceOpt)_Forced password change on first login: Integer (0: None, 1: Urgent, 2: Forced)
     // Session: Enterprise Option (serviceOpt)_Forced password change on first login: Integer (0: None, 1: Urgent, 2: Forced)
     serviceOpt_force_pw_change_on_login: 'force_pw_change_on_login',
     serviceOpt_force_pw_change_on_login: 'force_pw_change_on_login',

abweb/common/js/web/i18n.js

@@ -120,6 +120,10 @@ I18N.replaceText = function (jsonLangData) {
                     } else {
                     } else {
                         obj.text(langText);
                         obj.text(langText);
                     }
                     }
+                    const attr = obj.attr('placeholder');
+                    if (typeof attr !== 'undefined' && attr !== false) {
+                        obj.attr('placeholder', langText);
+                    }
                 } else {
                 } else {
                     if (obj.attr('type') == 'image') {
                     if (obj.attr('type') == 'image') {
                         obj.attr('alt', langText);
                         obj.attr('alt', langText);

abweb/common/json/lang/lang-en.json

@@ -11,15 +11,17 @@
 "msgPwdNotMatch":"New Password doesn't match.",
 "msgPwdNotMatch":"New Password doesn't match.",
 "msgMaxLength": "The new password length exceeds the maximum of 16 characters.",
 "msgMaxLength": "The new password length exceeds the maximum of 16 characters.",
 "msgMinLength": "The new password length is less than a minimum of 6 characters.",
 "msgMinLength": "The new password length is less than a minimum of 6 characters.",
+"msgInvaildLength": "The password must be at least 6 characters long and not more than 16 characters long.",
 "msgHasSeqChar": "The new password contains at least three consecutive characters of the same character.",
 "msgHasSeqChar": "The new password contains at least three consecutive characters of the same character.",
 "msgContainSameSeqChar": "The previous password cannot contain more than four characters.",
 "msgContainSameSeqChar": "The previous password cannot contain more than four characters.",
+"msgInvalidPassWord": "{0} is invalid.Only half-width alphanumeric characters and symbols (-_) are allowed.",
 "msgLoginErrWrong":"LoginId or Password wrong: {0}",
 "msgLoginErrWrong":"LoginId or Password wrong: {0}",
 "dspLogin":"Login",
 "dspLogin":"Login",
 "dspSkip":"Skip",
 "dspSkip":"Skip",
 "dspPwdUpd":"Apply",
 "dspPwdUpd":"Apply",
-"txtLoginAccPath":"Account Path:",
-"txtLoginId":"Login Id:",
-"txtLoginPwd":"Password:",
+"txtLoginAccPath":"Account Path",
+"txtLoginId":"Login Id",
+"txtLoginPwd":"Password",
 "txtLoginPwdRbr":"Remember Account Path and Login Id.",
 "txtLoginPwdRbr":"Remember Account Path and Login Id.",
 "txtPwdCurr":"Current Password",
 "txtPwdCurr":"Current Password",
 "txtPwdNew":"New Password",
 "txtPwdNew":"New Password",
@@ -39,6 +41,11 @@
 "msgPWDNeedChange":"Change password is required. Please back Setting view.",
 "msgPWDNeedChange":"Change password is required. Please back Setting view.",
 "msgAnonymousLoginErr":"Can not login. (Error code: {0})",
 "msgAnonymousLoginErr":"Can not login. (Error code: {0})",
 "msgAnonymousLoginErr2":"Can not login. ",
 "msgAnonymousLoginErr2":"Can not login. ",
+"txtLoginDate":"Login Date",
+"accountInformation":"Account Information",
+"errorOccurred": "Error Occurred",
+"msgLogoutConfirm": "Do you want to Logout?",
+"msgEssential": "{0} is required",
 
 
 "dashboard":"Dashboard",
 "dashboard":"Dashboard",
 "dashboardSettings":"Dashboard Settings",
 "dashboardSettings":"Dashboard Settings",
@@ -60,6 +67,7 @@
 "btnKeep":"Keep",
 "btnKeep":"Keep",
 "addNew":"Add New",
 "addNew":"Add New",
 "display":" display",
 "display":" display",
+"reportList":"Report List",
 "reportLevelReport":"Report",
 "reportLevelReport":"Report",
 "reportLevelAnswer":"Answer",
 "reportLevelAnswer":"Answer",
 "msgNotFound":"There is no applicable work.",
 "msgNotFound":"There is no applicable work.",

abweb/common/json/lang/lang-ja.json

@@ -8,22 +8,22 @@
 
 
 "msgPwdEmpty":"パスワードを入力してください",
 "msgPwdEmpty":"パスワードを入力してください",
 "msgPwdOldWrong":"現在のパスワードに誤りがあります",
 "msgPwdOldWrong":"現在のパスワードに誤りがあります",
-"msgPwdNotMatch":"変更パスワードが一致していません。",
-"msgMaxLength":"新規パスワードの長さが最大値16文字を超えています。",
-"msgMinLength":"新規パスワードの長さが最小値6文字未満です。",
-"msgHasSeqChar":"新規パスワードに同じ文字が3文字以上連続して使われています。",
-"msgContainSameSeqChar":"前回パスワードに使用されている文字は4文字以上使えません。",
+"msgPwdNotMatch":"新しいパスワードと新しいパスワード（確認）が一致しません。",
+"msgInvaildLength":"パスワードの長さは6文字以上16文字以下の間でなければいけません。",
+"msgHasSeqChar":"新しいパスワードに同じ文字を3文字以上連続して使えません。",
+"msgContainSameSeqChar":"現在のパスワードに使用されている文字は4文字以上使えません。",
+"msgInvalidPassWord":"{0}が不正です。半角英数字,記号（-_）のみ可能です。",
 "msgLoginErrWrong":"ログインできません。入力情報を確認してください。(エラーコード：{0})",
 "msgLoginErrWrong":"ログインできません。入力情報を確認してください。(エラーコード：{0})",
 "dspLogin":"ログイン",
 "dspLogin":"ログイン",
 "dspSkip":"スキップ",
 "dspSkip":"スキップ",
 "dspPwdUpd":"パスワード変更",
 "dspPwdUpd":"パスワード変更",
-"txtLoginAccPath":"アカウントパス:",
-"txtLoginId":"ログインID:",
-"txtLoginPwd":"パスワード:",
+"txtLoginAccPath":"アカウントパス",
+"txtLoginId":"ログインID",
+"txtLoginPwd":"パスワード",
 "txtLoginPwdRbr":"アカウントパスとログインIDを記憶する",
 "txtLoginPwdRbr":"アカウントパスとログインIDを記憶する",
-"txtPwdCurr":"現在パスワード",
-"txtPwdNew":"変更パスワード",
-"txtPwdNewRe":"(再)変更パスワード",
+"txtPwdCurr":"現在のパスワード",
+"txtPwdNew":"新しいパスワード",
+"txtPwdNewRe":"新しいパスワード（確認）",
 "txtPwdRemind":"※スキップを選択すると、30日経過するまでこのメッセージが表示されません。",
 "txtPwdRemind":"※スキップを選択すると、30日経過するまでこのメッセージが表示されません。",
 "dspLogout":"ログアウト",
 "dspLogout":"ログアウト",
 "dspOK":"OK",
 "dspOK":"OK",
@@ -39,6 +39,11 @@
 "msgPWDNeedChange":"パスワードの変更が必要です。設定変更画面に戻って変更してください。",
 "msgPWDNeedChange":"パスワードの変更が必要です。設定変更画面に戻って変更してください。",
 "msgAnonymousLoginErr":"ログインできません。(エラーコード：{0})",
 "msgAnonymousLoginErr":"ログインできません。(エラーコード：{0})",
 "msgAnonymousLoginErr2":"ログインできません。",
 "msgAnonymousLoginErr2":"ログインできません。",
+"txtLoginDate":"ログイン日時",
+"accountInformation":"アカウント情報",
+"errorOccurred": "エラーが発生しました",
+"msgLogoutConfirm": "ログアウトしますか？",
+"msgEssential": "{0}は必須です。",
 
 
 "dashboard":"ダッシュボード",
 "dashboard":"ダッシュボード",
 "dashboardSettings":"ダッシュボード設定",
 "dashboardSettings":"ダッシュボード設定",
@@ -60,6 +65,7 @@
 "btnKeep":"保存",
 "btnKeep":"保存",
 "addNew":"新規追加",
 "addNew":"新規追加",
 "display":" 件表示",
 "display":" 件表示",
+"reportList":"報告一覧",
 "reportLevelReport":"報告",
 "reportLevelReport":"報告",
 "reportLevelAnswer":"回答",
 "reportLevelAnswer":"回答",
 "msgNotFound":"該当する作業がありません。",
 "msgNotFound":"該当する作業がありません。",

abweb/common/json/lang/lang-ko.json

@@ -6,8 +6,8 @@
 "txtUsrCap":"사용자 정보",
 "txtUsrCap":"사용자 정보",
 "txtLastLoginTime":"최종 로그인 시간:",
 "txtLastLoginTime":"최종 로그인 시간:",
 
 
-"msgMaxLength": "신규 비밀번호 길이가 최대치 16자를 초과합니다.",
-"msgMinLength" : "신규 비밀번호 길이가 최소치 6글자 미만입니다.",
+"msgInvaildLength": "패스워드의 길이는 최소치 6글자 이상 16글자 이하입니다.",
+"msgInvalidPassWord":"{0}을 사용할 수 없습니다. 반각영숫자, 기호(-_)만 가능합니다.",
 "msgHasSeqChar" : "신규 비밀번호에 같은 문자가 3글자 이상 연속적으로 사용되고 있습니다.",
 "msgHasSeqChar" : "신규 비밀번호에 같은 문자가 3글자 이상 연속적으로 사용되고 있습니다.",
 "msgContainSameSeqChar": "지난번 비밀번호에 사용된 문자는 4글자 이상 사용할 수 없습니다.",
 "msgContainSameSeqChar": "지난번 비밀번호에 사용된 문자는 4글자 이상 사용할 수 없습니다.",
 "msgPwdEmpty":"패스워드를 입력해 주십시오.",
 "msgPwdEmpty":"패스워드를 입력해 주십시오.",
@@ -17,9 +17,9 @@
 "dspLogin":"로그인",
 "dspLogin":"로그인",
 "dspSkip":"스킵",
 "dspSkip":"스킵",
 "dspPwdUpd":"패스워드 변경",
 "dspPwdUpd":"패스워드 변경",
-"txtLoginAccPath":"어카운트 패스:",
-"txtLoginId":"로그인 ID:",
-"txtLoginPwd":"패스워드:",
+"txtLoginAccPath":"어카운트 패스",
+"txtLoginId":"로그인 ID",
+"txtLoginPwd":"패스워드",
 "txtLoginPwdRbr":"어카운트 패스와 로그인 ID를 저장",
 "txtLoginPwdRbr":"어카운트 패스와 로그인 ID를 저장",
 "txtPwdCurr":"현재 패스워드",
 "txtPwdCurr":"현재 패스워드",
 "txtPwdNew":"신규 패스워드",
 "txtPwdNew":"신규 패스워드",
@@ -39,39 +39,44 @@
 "msgPWDNeedChange":"패스워드를 변경해야 합니다. 환경설정에서 패스워드를 변경해 주십시오.",
 "msgPWDNeedChange":"패스워드를 변경해야 합니다. 환경설정에서 패스워드를 변경해 주십시오.",
 "msgAnonymousLoginErr":"로그인할 수 없습니다. (에러코드 : {0})",
 "msgAnonymousLoginErr":"로그인할 수 없습니다. (에러코드 : {0})",
 "msgAnonymousLoginErr2":"로그인할 수 없습니다.",
 "msgAnonymousLoginErr2":"로그인할 수 없습니다.",
+"txtLoginDate":"로그인 일시",
+"accountInformation":"계정 정보",
+"errorOccurred": "오류가 발생했습니다",
+"msgLogoutConfirm": "로그아웃 하시겠습니까?",
 
 
 "dashboard":"대시보드",
 "dashboard":"대시보드",
 "dashboardSettings":"대시보드 설정",
 "dashboardSettings":"대시보드 설정",
 "pickup":"픽업",
 "pickup":"픽업",
 "communication":"커뮤니케이션",
 "communication":"커뮤니케이션",
-"workList":"Work list",
-"profile":"Profile",
-"account_setting":"Account setting",
-"newRegistrationTitle":"신규 보고",
-"continousWorkTitle":"공정 작업",
-"processWorkTitle":"Process work",
-"reportWarningTitle":"Report With Warning",
-"workWithWarningsTitle":"경고를 포함한 보고",
+"workList":"작업 일람",
+"profile":"프로필",
+"account_setting":"계정 설정",
+"newRegistrationTitle":"신규 등록",
+"continousWorkTitle":"정기점검",
+"processWorkTitle":"공정관리",
+"reportWarningTitle":"경고를 포함한 보고",
+"workWithWarningsTitle":"경고를 포함한 작업",
 "messageListTitle":"메시지 일람",
 "messageListTitle":"메시지 일람",
 "sendMessageTitle":"메시지 송신",
 "sendMessageTitle":"메시지 송신",
-"distanceSupportTitle":"원격지원",
+"distanceSupportTitle":"원격 지원",
 "chatTitle":"채팅",
 "chatTitle":"채팅",
-"makeDashboardAsHome":"Make dashboard your home screen",
-"btnKeep":"Keep",
-"addNew":"Add New",
-"display":" display",
+"makeDashboardAsHome":"대시보드를 홈화면으로 지정",
+"btnKeep":"저장",
+"addNew":"신규 추가",
+"display":"건 표시",
+"reportList":"보고일람",
 "reportLevelReport":"보고",
 "reportLevelReport":"보고",
-"reportLevelAnswer":"응답",
-"msgNotFound":"There is no applicable work.",
-"confirmation":"confirmation",
-"confirmYes":"Yes",
-"confirmNo":"No",
-"messageListEmpty":"No Messages",
-"messageDetail":"Message Details",
-"operationName":"Operation Name",
-"sendDate":"Send Date",
-"sender":"Sender",
-"content":"Content",
+"reportLevelAnswer":"해답",
+"msgNotFound":"해당 작업 데이터를 찾을 수 없습니다.",
+"confirmation":"확인",
+"confirmYes":"예",
+"confirmNo":"아니오",
+"messageListEmpty":"표시할 메시지가 없습니다.",
+"messageDetail":"메시지 상세",
+"operationName":"작업명",
+"sendDate":"송신일시",
+"sender":"송신자",
+"content":"내용",
 "buttonOperationSelect":"Operation",
 "buttonOperationSelect":"Operation",
 "labelSendTypeTitle":"Type",
 "labelSendTypeTitle":"Type",
 "labelSendTypeGroup":"Group",
 "labelSendTypeGroup":"Group",

abweb/css/login/limit_access.css

-@charset "utf-8";
-
-.sectionLimitAccess {
-	width:420px;
-	display: none;
-	padding:0;
-	margin:0;
-	overflow:hidden;
-	-webkit-border-radius:10px 10px 10px 10px;
-	-moz-border-radius:10px 10px 10px 10px;
-	border-radius:10px 10px 10px 10px;
-	z-index: 101;
-}
-
-.sectionLimitAccess h1{
-	margin:0 0 38px 0;
-	padding:0;
-	height:64px;
-	line-height:62px;
-	text-align:center;
-	letter-spacing: 2px;
-	-webkit-border-radius:10px 10px 0 0;
-	-moz-border-radius:10px 10px 0 0;
-	border-radius:10px 10px 0 0;
-}
-
-.sectionLimitAccess p{
-	text-align:center;
-}
-
-.sectionLimitAccess p.message{
-}
-
-.sectionLimitAccess p.message .error
-{
-    display:block;
-    padding:15px 0 0 0;
-}
-.sectionLimitAccess p.message .text
-{
-    padding:0 10px 0 0;
-    display:block;
-    margin-bottom:15px;
-}
-
-.sectionLimitAccess p.message input
-{
-    width:200px;
-    height:20px;
-    padding:2px;
-}
-.sectionLimitAccess .deletebtn {
-	width:325px;
-	height:25px;
-	line-height:25px;
-	margin:30px auto;
-	text-align:center;
-}
-.sectionLimitAccess .deletebtn a
-{
-    cursor:pointer;
-    margin-left:10px;
-	width:85px;
-	height:21px;
-	line-height:21px;
-	text-align:center;
-
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	display: inline-block;
-	padding: 2px 0;
-	text-decoration: none;
-}
-.sectionLimitAccess .deletebtn a:hover {
-}
-.sectionLimitAccess .deletebtn a:active {
-	position:relative;
-	top:1px;
-}
-.sectionLimitAccess .deletebtn a:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-
-
-.sectionLimitAccess {
-	border:1px solid #cccccc;
-	-webkit-box-shadow: 0px 1px 3px 0px #666;
-	-moz-box-shadow: 0px 1px 3px 0px #666;
-	box-shadow: 0px 1px 3px 0px #666;
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-	background-color: #ffffff;
-}
-
-.sectionLimitAccess h1
-{
-    font-size:19px;
-	font-weight:bold;
-	color:#333;
-	text-shadow: 1px 1px 2px #999;
-	background-color:#f0f0f0;
-	-webkit-box-shadow: 0px 1px 3px 0px #999;
-	-moz-box-shadow: 0px 1px 3px 0px #999;
-	box-shadow: 0px 1px 3px 0px #999;
-}
-
-.sectionLimitAccess p{
-}
-
-.sectionLimitAccess p.message{
-	font-size:13px;
-	font-weight:bold;
-	color:#333;
-}
-
-.sectionLimitAccess p.message .error
-{
-    color:#f00;
-    font-weight:normal;
-}
-.sectionLimitAccess p.message .text
-{
-    font-size:15px;
-    margin-bottom:15px;
-}
-
-.sectionLimitAccess p.message input
-{
-    background-color:#fff;
-}
-.sectionLimitAccess .deletebtn {
-}
-.sectionLimitAccess .deletebtn a
-{
-    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color: #23486F;
-	border: 1px solid #0C274D;
-	color: #ffffff;
-	font-family: arial;
-	font-size: 15px;
-	font-weight: bold;
-}
-.sectionLimitAccess .deletebtn a:hover {
-    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
-	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
-	background-color:#36638B;
-}
-.sectionLimitAccess .deletebtn a:active {
-}
-.sectionLimitAccess .deletebtn a:not(:target) {
-}
\ No newline at end of file

abweb/css/login/login.css

-@charset "utf-8";
-
-/* Latest Update
-   2012.10.31 write           */
-
-/* author
-   keiki ettyuu               */
-
-/* ---------- MENU ---------- */
-/*
-
-	1. gloval setting
-	2. wrapper setting
-	3. header setting
-	4. footer setting
-	5. section setting
-	999. clearfix
-
-                              */
-/* ---------- MENU ---------- */
-
-
-/*----------------------------*/
-/*	1. gloval setting         */
-/*----------------------------*/
-
-html,body{
-	width:100%;
-}
-
-html{
-	overflow-y:auto;
-}
-
-body{
-}
-
-/*----------------------------*/
-/*	2. wrapper setting        */
-/*----------------------------*/
-
-#wrapper {
-	height:100%;
-}
-
-
-/*----------------------------*/
-/*	3. header setting         */
-/*----------------------------*/
-
-
-/*----------------------------*/
-/*	4. footer setting         */
-/*----------------------------*/
-
-
-
-/*----------------------------*/
-/*	5. section setting        */
-/*----------------------------*/
-
-.wrapper {
-	width: 100%;
-}
-
-#main-ws{
-	width:960px;
-	padding:0;
-}
-
-a
-{
-    cursor:pointer;
-}
-
-article{
-	width: 900px;
-	/*height: 543px;*/
-	padding: 0;
-	display: block;
-	/*margin: 50px 30px 30px;*/
-	margin:20px 30px 20px 30px;
-	overflow: hidden;
-}
-
-section{
-	width: 500px;
-	/*height: 325px;*/
-	display: block;
-	padding: 25px 0 0;
-	margin: 25px auto 0;
-	overflow: hidden;
-	-webkit-border-radius: 4px 4px 4px 4px;
-	-moz-border-radius: 4px 4px 4px 4px;
-	border-radius: 4px 4px 4px 4px;
-}
-
-section dl,section dl dt,section dl dd{
-	margin:0;
-	padding:0;
-}
-section dl{
-	width: 450px;
-	margin: 0 auto 5px;
-}
-section dl dt{
-	padding: 5px;
-
-}
-section dl dd{
-	/* [disabled]padding:6px; */
-	width: 240px;
-	height: 30px;
-}
-section dl dd input{
-	/*background:#00CC66;*/
-	width: 240px;
-	height: 30px;
-	border: none;
-	margin: 3px 4px;
-	padding: 0;
-}
-
-
-section .p{
-	width:300px;
-}
-section .memory
-{
-	/*width: 300px;*/
-	vertical-align: middle;
-	margin-right: auto;
-	margin-left: auto;
-	margin-top: 30px;
-	text-align:center;
-}
-section .memory input{
-	vertical-align:middle;
-	margin:0 5px 0;
-	padding:0;
-}
-section .loginbtn {
-	width: 200px;
-	margin: 14px auto 0;
-}
-section a.loginbtn {
-	width: 160px;
-	height: 20px;
-	display: block;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-
-	padding: 10px 0;
-	line-height: 20px;
-	text-decoration: none;
-	margin: 20px auto 10px;
-	text-align: center;
-}
-section a.loginbtn:hover {
-}
-#login .wrapper #main-ws article section a.loginbtn:active {
-	position:relative;
-	top:1px;
-}
-
-section .loginbtn a:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-section .loginbtn a:hover:not(:target) {
-}
-
-/*----------------------------*/
-/*	999. clearfix             */
-/*----------------------------*/
-
-/*clearfix*/
-.fix {
-}
-.fix:after {
-
-	content:".";
-	display:block;
-	height:0px;
-	clear:both;
-	visibility:hidden;
-}
-.fix {
-	zoom:1;
-}
-/*------------*/
-
-#login .wrapper {
-}
-#login footer {
-}
-#login footer .cnt_footer {
-}
-#login article section table tr th {
-
-	text-align: left;
-	padding-left:30px;
-}
-#login .wrapper #main-ws article section table tr td input {
-	width: 240px;
-	height: 28px;
-}
-#login article section table tr th,#login article section table tr td {
-	padding-bottom: 30px;
-}
-#login .wrapper #main-ws article section table {
-	margin:0 30px ;
-}
-
-#login footer .border .cnt_footer {
-	border: none;
-}
-#login .wrapper #main-ws article img {
-	margin-right: auto;
-	margin-left: auto;
-}
-#loader {
-    width: 126px;
-    height: 126px;
-    display: none;
-    position: fixed;
-    _position: absolute; /* IE6対策 */
-    top: 50%;
-    left: 50%;
-    margin-top: -63px; /* heightの半分のマイナス値 */
-    margin-left: -63px; /* widthの半分のマイナス値 */
-    z-index: 100;
-}
-
-#fade {
+html,
+body {
+  height: 100%;
+  background-color: #EBF4FB;
+}
+body {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+.form-login {
     width: 100%;
     width: 100%;
-    height: 100%;
-    display: none;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    z-index: 50;
-}
-#login .wrapper #main-ws ul
-{
-    margin-top:15px;
-}
-
-#login .wrapper #main-ws li {
-	display: inline-block;
-	margin-right:5px;
-}
-
-
-/* footer */
-footer{
-	display: block;
-	height: 58px;
-	line-height: 60px;
-	padding-top: 1px;
-	margin: 0 auto;
-	width: 100%;
-}
-.cnt_footer{
-	text-align: center;
-	font-size: 10px;
-	margin: 0 auto;
-	width: 960px;
-}
-.focus{ }
-#user_change footer .border .cnt_footer img { display: inline;}
-
-#login .wrapper #main-ws article section .error {
-	margin-top: 20px;
-	text-align: center;
-}
-
-
-/* anonymous */
-
-#anonymous
-{
-    position:absolute;
-    top:50%;
-    left:50%;
-    margin:-75px 0 0 -83px;
-    display:none;
-}
-#normalUser
-{
-    display:none;
-}
-#formlogin
-{
-}
-#logologin
-{
-    margin-top:220px;
-}
-
-
-/* Latest Update
-   2012.10.31 write           */
-
-/* author
-   keiki ettyuu               */
-
-/* ---------- MENU ---------- */
-/*
-
-	1. gloval setting
-	2. wrapper setting
-	3. header setting
-	4. footer setting
-	5. section setting
-	999. clearfix
-
-                              */
-/* ---------- MENU ---------- */
-
-
-/*----------------------------*/
-/*	1. gloval setting         */
-/*----------------------------*/
-
-html,body{
-}
-
-body{
-background:#37648C;
-}
-
-/*----------------------------*/
-/*	2. wrapper setting        */
-/*----------------------------*/
-
-#wrapper {
-}
-
-
-/*----------------------------*/
-/*	3. header setting         */
-/*----------------------------*/
-
-
-/*----------------------------*/
-/*	4. footer setting         */
-/*----------------------------*/
-
+    max-width: 420px;
+    padding: 25px 30px;
+    margin: auto;
+  }
 
 
-
-/*----------------------------*/
-/*	5. section setting        */
-/*----------------------------*/
-
-.wrapper {
-}
-
-#main-ws{
-}
-
-a
-{
-    cursor:pointer;
-}
-
-article{
-}
-
-section{
-	border: 1px solid #cccccc;
-	-webkit-box-shadow: 0px 1px 2px 0px #666;
-	-moz-box-shadow: 0px 1px 2px 0px #666;
-	box-shadow: 0px 1px 2px 0px #666;
-	background-color: #FFF;
-}
-
-section dl,section dl dt,section dl dd{
-}
-section dl{
-}
-section dl dt{
-	color: #37648C;
-    font-size: 13px;
+body .form-login .form-group .form-check .error {
+  font-size: 13px;
+	color: #FF0000;
 	font-weight: bolder;
 	font-weight: bolder;
 }
 }
-section dl dd{
-	background: url(../../img/login/loginbg.png) 0 0 no-repeat;
-	/* [disabled]padding:6px; */
-}
-section dl dd input{
-	/*background:#00CC66;*/
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-}
-
-section .p{
-}
-section .memory{
-	color: #37648C;
-    font-size: 12px;
-}
-section .memory input{
-}
-section .loginbtn {
-}
-section a.loginbtn
-{
-    font-size: 14px;
-	font-weight: bold;
-	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	background: #23486F; /* Old browsers */
-	background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
-	background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
-	border: 1px solid #0C274D;
-	color: #ffffff;
-}
-section a.loginbtn:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
-	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
-	background-color:#36638B;
-}
-#login .wrapper #main-ws article section a.loginbtn:active {
-}
-
-section .loginbtn a:not(:target) {
-    background-image: url(button_back_off.svg);
-}
-section .loginbtn a:hover:not(:target) {
-    background-image: url(button_back_on.svg);
-}
 
 
 .alertTxt,.alertTxtDialog {
 .alertTxt,.alertTxtDialog {
 	color: #e60012;
 	color: #e60012;
-    font-size: 13px;
-}
-
-
-/*----------------------------*/
-/*	999. clearfix             */
-/*----------------------------*/
-
-/*clearfix*/
-.fix {
-}
-.fix:after
-{
-    font-size:1px;
-}
-.fix {
-}
-/*------------*/
-
-#login .wrapper {
-	background-color: #37648C;
-}
-#login footer {
-	background-color: #37648C;
-}
-#login footer .cnt_footer {
-	color: #FFF;
-}
-#login article section table tr th {
-	color: #37648C;
-		font-size: 14px;
-	font-weight: bolder;
-}
-#login .wrapper #main-ws article section table tr td input {
-}
-#login article section table tr th,#login article section table tr td {
-}
-#login .wrapper #main-ws article section table {
-	border-bottom:dotted 1px #BBBBBB;
-}
-
-#login footer .border .cnt_footer {
-	background: url(../../img/login/login_border.jpg) top repeat-x;
-	opacity:0;
-}
-#login .wrapper #main-ws article img {
-}
-#loader {
-}
-
-#fade {
-    background-color: #000;
-	opacity: 0.3;
-}
-#login .wrapper #main-ws article ul {
-}
-
-#login .wrapper #main-ws article li {
-}
-
-
-/* footer */
-footer{
-	background-color: #EDF2F2;
-}
-.cnt_footer
-{
-	color: #000;
-	border-top: solid 1px #CCC;
-}
-.focus{ color: #969696;}
-#user_change footer .border .cnt_footer img { }
-
-#login .wrapper #main-ws article section .error {
-	font-size: 13px;
-	color: #FF0000;
-	font-weight: bolder;
-}
-
-/* anonymous */
-
-#anonymous
-{
-}
-#normalUser
-{
-}
-#formlogin,#menu-language
-{
-    opacity: 0;
-}
-#logologin
-{
+  font-size: 13px;
 }
 }

abweb/css/login/login_validation.css

-@charset "utf-8";
-
-/* Latest Update
-   2012.10.31 write           */
-
-/* author
-   keiki ettyuu               */
-
-/* ---------- MENU ---------- */
-/*
-
-	5. .sectionchangepassword setting
-
-                              */
-/* ---------- MENU ---------- */
-/*
-html,body {
-	margin:0;
-	padding:0;
-}*/
-
-/*----------------------------*/
-/*	1. .sectionchangepassword setting        */
-/*----------------------------*/
-
-
-.sectionchangepassword{
-	width:498px;
-	/*height:383px;*/
-
-	padding:0;
-	margin:0;
-	overflow:hidden;
-	-webkit-border-radius:10px 10px 10px 10px;
-	-moz-border-radius:10px 10px 10px 10px;
-	border-radius:10px 10px 10px 10px;
-
-	display:none;
-    z-index:1000;
-}
-.sectionchangepassword h1{
-	margin:0 0 38px 0;
-	padding:0;
-	height:64px;
-	line-height:62px;
-	text-align:center;
-	letter-spacing: 2px;
-	border-radius: 10px 10px 0px 0px;
-}
-
-
-/* Latest Update
-   2012.10.31 write           */
-
-/* author
-   keiki ettyuu               */
-
-/* ---------- MENU ---------- */
-/*
-
-	5. .sectionchangepassword setting
-
-                              */
-/* ---------- MENU ---------- */
-/*
-html,body {
-	margin:0;
-	padding:0;
-}*/
-
-/*----------------------------*/
-/*	1. .sectionchangepassword setting        */
-/*----------------------------*/
-
-
-.sectionchangepassword
-{
-	border:1px solid #86ACC7;
-	-webkit-box-shadow: 0px 1px 3px 0px #666;
-	-moz-box-shadow: 0px 1px 3px 0px #666;
-	box-shadow: 0px 1px 3px 0px #666;
-
-    background-color:#fff;
-}
-
-.sectionchangepassword h1
-{
-    font-size:19px;
-	font-weight:bold;
-	color:#333;
-	text-shadow: 1px 1px 2px #999;
-	background-color:#f0f0f0;
-	-webkit-box-shadow: 0px 1px 3px 0px #999;
-	-moz-box-shadow: 0px 1px 3px 0px #999;
-	box-shadow: 0px 1px 3px 0px #999;
-}
-
-.sectionchangepassword dl,.sectionchangepassword dl dt,.sectionchangepassword dl dd{
-}
-.sectionchangepassword dl{
-}
-.sectionchangepassword dl dt
-{
-    	font-size:13px;
-}
-.sectionchangepassword dl dd{
-	background:url(../../img/login/loginbg.png) 0 0 no-repeat;
-}
-.sectionchangepassword dl dd input{
-	/*background:#00CC66;*/
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-}
-
-
-.sectionchangepassword p{
-}
-.sectionchangepassword .loginbtn {
-}
-.sectionchangepassword .loginbtn a.change {
-}
-.sectionchangepassword .loginbtn a.skip {
-}
-.sectionchangepassword .loginbtn a.cancel {
-}
-.sectionchangepassword .loginbtn a {
-	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background:-moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color:#23486F;
-	border:1px solid #0C274D;
-	color:#ffffff;
-	font-family:arial;
-    font-size:14px;
-	font-weight:bold;
-}
-.sectionchangepassword .loginbtn a:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
-	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
-	background-color:#36638B;
-}
-.sectionchangepassword .loginbtn a:active {
-}
-.sectionchangepassword .loginbtn a:not(:target) {
-    background-image: url(button_back_off.svg);
-}
-.sectionchangepassword .loginbtn a:hover:not(:target) {
-    background-image: url(button_back_on.svg);
-}
-.alertTxt,.alertTxtDialog
-{
-    font-size:13px;
-	color:#e60012;
-}
-
-.sectionchangepassword dl,.sectionchangepassword dl dt,.sectionchangepassword dl dd{
-	margin:0;
-	padding:0;
-}
-.sectionchangepassword dl{
-	width:300px;
-	margin:0 auto 5px;
-}
-.sectionchangepassword dl dt{
-	width:290px;
-	padding:5px;
-
-}
-.sectionchangepassword dl dd{
-	padding:6px;
-	width:288px;
-	height:33px;
-}
-.sectionchangepassword dl dd input{
-	/*background:#00CC66;*/
-	width:280px;
-	height:27px;
-	border:none;
-	margin:3px 4px;
-	padding:0;
-}
-
-
-.sectionchangepassword p{
-	text-align:center;
-	margin:25px auto 0;
-	font-size:13px;
-}
-.sectionchangepassword .loginbtn {
-	/*width:304px;*/
-	width:300px;
-	height:25px;
-	margin:30px auto;
-	/*margin-right:10px;*/
-	display:block;
-}
-.sectionchangepassword .loginbtn a.change {
-position:relative;
-/*margin:0 194px 0 0;*/
-}
-.sectionchangepassword .loginbtn a.skip {
-position:relative;
-/*margin:-27px 97px 0 0;*/
-}
-.sectionchangepassword .loginbtn a.cancel {
-position:relative;
-/*margin:-27px 0 0 87px;*/
-}
-.sectionchangepassword .loginbtn a {
-	width:85px;
-	height:21px;
-	-moz-border-radius:6px;
-	-webkit-border-radius:6px;
-	border-radius:6px;
-	display:inline-block;
-
-	padding:2px 0;
-	line-height:21px;
-	text-decoration:none;
-	text-align:center;
-	float:right;
-	margin-left:10px;
-}
-.sectionchangepassword .loginbtn a:hover {
-}
-.sectionchangepassword .loginbtn a:active {
-	position:relative;
-	top:1px;
-}
-.sectionchangepassword .loginbtn a:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-.sectionchangepassword .loginbtn a:hover:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-.alertTxt,.alertTxtDialog {
-	margin:-20px 0 0 49px;
-	display:block;
-	text-align:center;
-	padding-right:10px;
-}
\ No newline at end of file

abweb/css/setting/accordion.css

-@charset "utf-8";
-/*アコーディオン用*/
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; }
-/* states and images */
-.ui-icon { width: 16px; height: 16px;  }
-.ui-state-default .ui-icon {  }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon,.ui-state-active .ui-icon  { }
-/* positioning */
-.ui-icon-triangle-1-e { }
-.ui-icon-triangle-1-s {}
-/* jQuery UI Accordion 1.8.11*/
-.ui-accordion { width: 100%; }
-.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
-.ui-accordion .ui-accordion-li-fix { display: inline; }
-.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
-.ui-accordion .ui-accordion-header a { display: block; padding: .5em .5em .5em .7em; }
-.ui-accordion-icons .ui-accordion-header a { padding-left: 1.4em; }
-.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
-.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
-.ui-accordion .ui-accordion-content-active { display: block; }
-#accordion p,#mouseover p{padding:5px; margin:0;}
-
-.cnt_header .menu_language .button #accordion {
-	width: 250px;
-	position: absolute;
-	left: 24px;
-	top: 28px;
-	text-align: left;
-	z-index: 99;
-}
-.cnt_header .menu_language .button #accordion h5{
-	padding: 5px 10px;
-	margin: 0;
-}
-.cnt_header .menu_language .button #accordion h5 a { text-decoration:underline;}
-.cnt_header .menu_language .button #accordion h5 a:hover { text-decoration:none;}
-.cnt_header .menu_language .button #accordion .newmsg { }
-.cnt_header .menu_language .button #accordion .newmsg p {
-	padding:5px 15px;
-	height:60px;
-	overflow-y:scroll;
-}
-.cnt_header .menu_language .button #accordion .pagechange a {
-	display: block;
-	padding:10px;
-	cursor:pointer;
-}
-.cnt_header .menu_language .button #accordion .date {
-	text-align: right;
-	display: block;
-	padding:5px 5px 0;
-}
-.postItem a{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
-.postItem a.open{white-space:normal; text-overflow:none; overflow:visible;}
-header .cnt_header .menu_language #searchArea {
-	width: 200px;
-	position: absolute;
-	top: 40px;
-	z-index: 9999;
-	text-align: left;
-	right: 0px;
-	padding-top:5px;
-}
-header .cnt_header .menu_language #searchArea a#searchbtn {
-	display: block;
-	height: 20px;
-	width: 25px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	padding: 1px 20px;
-	text-decoration: none;
-	margin: 0 0 10px 125px;
-}
-header .cnt_header .menu_language #searchArea a#searchbtn:hover {
-}
-a#searchbtn:active{
-	/*position:relative;
-	top:1px;*/
-}
-#numbermessage
-{
-    /*padding-left:5px;*/
-    padding:0 5px;
-    white-space:nowrap;
-    display:inline-block;
-    min-width:15px;
-}
-#liPushMessage
-{
-}
-@charset "utf-8";
-/*アコーディオン用*/
-.ui-helper-reset {font-size: 100%;}
-/* states and images */
-.ui-icon { background-image: url(img/ui-icons_222222_256x240.png); }
-.ui-state-default .ui-icon { background-image: url(img/ui-icons_888888_256x240.png); }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon,.ui-state-active .ui-icon  {background-image: url(img/ui-icons_454545_256x240.png); }
-/* positioning */
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
-/* jQuery UI Accordion 1.8.11*/
-.ui-accordion {  }
-.ui-accordion .ui-accordion-header {  }
-.ui-accordion .ui-accordion-li-fix { }
-.ui-accordion .ui-accordion-header-active { }
-.ui-accordion .ui-accordion-header a { font-size: 1em; }
-.ui-accordion-icons .ui-accordion-header a { }
-.ui-accordion .ui-accordion-header .ui-icon { }
-.ui-accordion .ui-accordion-content {  }
-.ui-accordion .ui-accordion-content-active {  }
-#accordion p,#mouseover p{}
-
-.cnt_header .menu_language .button #accordion {
-	font-size: 12px;
-	border:1px solid #CCC;
-	background-color: #FFFFFF;
-}
-.cnt_header .menu_language .button #accordion h5{
-	border-bottom: 1px solid #CCC;
-	background: #FFFFFF;
-}
-.cnt_header .menu_language .button #accordion h5 a { }
-.cnt_header .menu_language .button #accordion h5 a:hover { }
-.cnt_header .menu_language .button #accordion .newmsg { border-bottom:1px solid #CCC;}
-.cnt_header .menu_language .button #accordion .newmsg p {
-}
-.cnt_header .menu_language .button #accordion .pagechange a {
-}
-.cnt_header .menu_language .button #accordion .date {
-	font-size: 10px;
-}
-.postItem a{}
-.postItem a.open{}
-header .cnt_header .menu_language #searchArea {
-	background-color: #FFFFFF;
-	border: 1px solid #CCCCCC;
-}
-header .cnt_header .menu_language #searchArea a#searchbtn {
-	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color: #23486F;
-	border: 1px solid #0C274D;
-	color: #ffffff;
-}
-header .cnt_header .menu_language #searchArea a#searchbtn:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
-	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
-	background-color:#36638B;
-}
-a#searchbtn:active{
-}
-#numbermessage
-{
-}
-

abweb/css/setting/backup.css

-@charset "utf-8";
-
-/* Latest Update
-   2012.11.5 write           */
-
-/* author
-   koyuki watanabe               */
-
-/* ---------- MENU ---------- */
-/*
-
-	5. .sectionbackup setting
-
-                              */
-/* ---------- MENU ---------- */
-
-
-/*----------------------------*/
-/*	1. .sectionbackup setting        */
-/*----------------------------*/
-
-
-.sectionbackup{
-	width:420px;
-	/*height:269px;	*/
-	padding:0;
-	margin:0;
-	overflow:hidden;
-	-webkit-border-radius:10px 10px 10px 10px;
-	-moz-border-radius:10px 10px 10px 10px;
-	border-radius:10px 10px 10px 10px;
-
-	display:none;
-	z-index:1000;
-}
-
-.sectionbackup h1{
-	margin:0 0 38px 0;
-	padding:0;
-	height:64px;
-	line-height:62px;
-	text-align:center;
-	font-weight:bold;
-	letter-spacing: 2px;
-}
-
-.sectionbackup p{
-	width:320px;
-	margin:0 50px;
-}
-
-.sectionbackup p.message{
-
-}
-
-.sectionbackup .backupbtn {
-	width:325px;
-	height:25px;
-	margin:49px auto 30px;
-}
-.sectionbackup .backupbtn a.ok {
-	position:relative;
-	margin:0 98px 0 0;
-}
-.sectionbackup .backupbtn a.cancel {
-	position:relative;
-	margin:-27px 0 0 135px;
-}
-.sectionbackup .backupbtn a {
-	width:85px;
-	height:21px;
-	-moz-border-radius:6px;
-	-webkit-border-radius:6px;
-	border-radius:6px;
-	display:inline-block;
-
-	padding:2px 0;
-	line-height:21px;
-	text-decoration:none;
-	text-align:center;
-	float:right;
-}
-.sectionbackup .backupbtn a:hover {
-}
-.sectionbackup .backupbtn a:active {
-	position:relative;
-	top:1px;
-}
-.sectionbackup .backupbtn a:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-.sectionbackup .backupbtn a:hover:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-
-
-
-
-.sectionbackup_logout{
-	width:500px;
-	height:310px;
-	padding:0;
-	margin:0;
-	overflow:hidden;
-	-webkit-border-radius:10px 10px 10px 10px;
-	-moz-border-radius:10px 10px 10px 10px;
-	border-radius:10px 10px 10px 10px;
-
-	display:none;
-	z-index:1000;
-}
-
-.sectionbackup_logout h1{
-	margin:0 0 38px 0;
-	padding:0;
-	height:64px;
-	line-height:62px;
-	text-align:center;
-
-	letter-spacing: 2px;
-}
-
-.sectionbackup_logout .message-options .option_backup
-{
-	margin:0 0 0 24px;
-}
-.sectionbackup_logout .message-options .option_backup input
-{
-    margin:0 5px 0 15px;
-}
-
-
-.sectionbackup_logout p{
-	width:500px;
-	margin:0 50px;
-}
-.sectionbackup_logout p.notice
-{
-    /*text-align:center;*/
-    margin-top:20px;
-}
-.sectionbackup_logout p.message{
-
-}
-
-.sectionbackup_logout .backupbtn {
-	width:500px;
-	height:25px;
-	margin:20px auto 0;
-}
-.sectionbackup_logout .backupbtn a.ok {
-	position:relative;
-	/*margin:0 98px 0 0;*/
-}
-.sectionbackup_logout .backupbtn a.cancel {
-	position:relative;
-	/*margin:-27px 0 0 135px;*/
-}
-.sectionbackup_logout .backupbtn a
-{
-    margin:0 15px;
-	width: 200px;
-	height:21px;
-	-moz-border-radius:6px;
-	-webkit-border-radius:6px;
-	border-radius:6px;
-	display:inline-block;
-
-	padding:2px 0;
-	line-height:21px;
-	text-decoration:none;
-	text-align:center;
-	float:right;
-}
-.sectionbackup_logout .backupbtn a:hover {
-}
-.sectionbackup_logout .backupbtn a:active {
-	position:relative;
-	top:1px;
-}
-.sectionbackup_logout .backupbtn a:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-.sectionbackup_logout .backupbtn a:hover:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-@charset "utf-8";
-
-/* Latest Update
-   2012.11.5 write           */
-
-/* author
-   koyuki watanabe               */
-
-/* ---------- MENU ---------- */
-/*
-
-	5. .sectionbackup setting
-
-                              */
-/* ---------- MENU ---------- */
-
-
-/*----------------------------*/
-/*	1. .sectionbackup setting        */
-/*----------------------------*/
-
-
-.sectionbackup{
-	border:1px solid #cccccc;
-	-webkit-box-shadow: 0px 1px 3px 0px #666;
-	-moz-box-shadow: 0px 1px 3px 0px #666;
-	box-shadow: 0px 1px 3px 0px #666;
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-	background-color:#fff;
-}
-
-.sectionbackup h1
-{
-    font-size:19px;
-	color:#333;
-	text-shadow: 1px 1px 2px #999;
-	background-color:#f0f0f0;
-	-webkit-box-shadow: 0px 1px 3px 0px #999;
-	-moz-box-shadow: 0px 1px 3px 0px #999;
-	box-shadow: 0px 1px 3px 0px #999;
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-}
-
-.sectionbackup p{
-}
-
-.sectionbackup p.message{
-	color:#333;
-    font-size:15px;
-	font-weight:bold;
-}
-
-.sectionbackup .backupbtn {
-}
-.sectionbackup .backupbtn a.ok
-{
-}
-.sectionbackup .backupbtn a.disabled
-{
-    cursor:default;
-    color:#9e9e9e;
-    pointer-events: none;
-}
-.sectionbackup .backupbtn a.disabled:hover
-{
-    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color:#23486F;
-}
-
-.sectionbackup .backupbtn a.cancel {
-}
-.sectionbackup .backupbtn a
-{
-    font-size:14px;
-	font-weight:bold;
-
-	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color:#23486F;
-	border:1px solid #0C274D;
-	color:#ffffff;
-	font-family:arial;
-}
-.sectionbackup .backupbtn a:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
-	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
-	background-color:#36638B;
-}
-.sectionbackup .backupbtn a:active {
-}
-.sectionbackup .backupbtn a:not(:target) {
-    background-image: url(button_back_off.svg);
-}
-.sectionbackup .backupbtn a:hover:not(:target) {
-    background-image: url(button_back_on.svg);
-}
-
-
-.sectionbackup_logout{
-	border:1px solid #cccccc;
-	-webkit-box-shadow: 0px 1px 3px 0px #666;
-	-moz-box-shadow: 0px 1px 3px 0px #666;
-	box-shadow: 0px 1px 3px 0px #666;
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-	background-color:#fff;
-}
-
-.sectionbackup_logout h1
-{
-    font-size:19px;
-    font-weight:bold;
-	color:#333;
-	text-shadow: 1px 1px 2px #999;
-	background-color:#f0f0f0;
-	-webkit-box-shadow: 0px 1px 3px 0px #999;
-	-moz-box-shadow: 0px 1px 3px 0px #999;
-	box-shadow: 0px 1px 3px 0px #999;
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-}
-
-.sectionbackup_logout .message-options .option_backup
-{
-    font-size:13px;
-}
-.sectionbackup_logout .message-options .option_backup input
-{
-}
-
-.sectionbackup_logout p{
-}
-.sectionbackup_logout p.notice
-{
-    font-size:13px;
-}
-.sectionbackup_logout p.message
-{
-    font-size:15px;
-	font-weight:bold;
-	color:#333;
-}
-
-.sectionbackup_logout .backupbtn {
-}
-.sectionbackup_logout .backupbtn a.ok {
-}
-.sectionbackup_logout .backupbtn a.disabled
-{
-    cursor:default;
-    color:#9e9e9e;
-    pointer-events: none;
-}
-.sectionbackup_logout .backupbtn a.disabled:hover
-{
-    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color:#23486F;
-}
-.sectionbackup_logout .backupbtn a.cancel {
-}
-.sectionbackup_logout .backupbtn a
-{
-    font-size:14px;
-	font-weight:bold;
-	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color:#23486F;
-	border:1px solid #0C274D;
-	color:#ffffff;
-	font-family:arial;
-}
-.sectionbackup_logout .backupbtn a:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
-	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
-	background-color:#36638B;
-}
-.sectionbackup_logout .backupbtn a:active {
-}
-.sectionbackup_logout .backupbtn a:not(:target) {
-    background-image: url(button_back_off.svg);
-}
-.sectionbackup_logout .backupbtn a:hover:not(:target) {
-    background-image: url(button_back_on.svg);
-}
\ No newline at end of file

abweb/css/setting/restore.css

-@charset "utf-8";
-
-
-/* Latest Update
-   2012.11.5 write           */
-
-/* author
-   koyuki watanabe               */
-
-/* ---------- MENU ---------- */
-/*
-
-	5. .sectionrestore setting
-
-                              */
-/* ---------- MENU ---------- */
-
-/*----------------------------*/
-/*	1. .sectionrestore setting        */
-/*----------------------------*/
-
-.sectionrestore{
-	width:420px;
-	height:328px;
-	padding:0;
-	margin:0;
-	overflow:hidden;
-	-webkit-border-radius:10px 10px 10px 10px;
-	-moz-border-radius:10px 10px 10px 10px;
-	border-radius:10px 10px 10px 10px;
-
-	display:none;
-	z-index:1000;
-}
-
-.sectionrestore h1{
-	margin:0 0 38px 0;
-	padding:0;
-	height:64px;
-	line-height:62px;
-	text-align:center;
-
-	letter-spacing: 2px;
-}
-
-.sectionrestore p{
-	width:320px;
-	margin:0 50px;
-}
-
-.sectionrestore p.message{
-	margin-bottom:20px;
-
-}
-
-.sectionrestore p.notice{
-	line-height:20px;
-	font-size:12px;
-}
-
-.sectionrestore .restorebtn {
-	width:325px;
-	height:25px;
-	margin:29px auto 0;
-}
-.sectionrestore .restorebtn a.ok {
-	position:relative;
-	margin:0 98px 0 0;
-}
-.sectionrestore .restorebtn a.cancel {
-	position:relative;
-	margin:-27px 0 0 135px;
-}
-.sectionrestore .restorebtn a {
-	width:85px;
-	height:21px;
-	-moz-border-radius:6px;
-	-webkit-border-radius:6px;
-	border-radius:6px;
-	display:inline-block;
-	font-size:14px;
-	font-weight:bold;
-	padding:2px 0;
-	line-height:21px;
-	text-decoration:none;
-	text-align:center;
-	float:right;
-}
-.sectionrestore .restorebtn a:hover {
-}
-.sectionrestore .restorebtn a:active {
-	position:relative;
-	top:1px;
-}
-.sectionrestore .restorebtn a:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-.sectionrestore .restorebtn a:hover:not(:target) {
-    filter: none;
-    -ms-filter: none;
-}
-
-/* Latest Update
-   2012.11.5 write           */
-
-/* author
-   koyuki watanabe               */
-
-/* ---------- MENU ---------- */
-/*
-
-	5. .sectionrestore setting
-
-                              */
-/* ---------- MENU ---------- */
-
-/*----------------------------*/
-/*	1. .sectionrestore setting        */
-/*----------------------------*/
-
-.sectionrestore{
-	border:1px solid #cccccc;
-	-webkit-box-shadow: 0px 1px 3px 0px #666;
-	-moz-box-shadow: 0px 1px 3px 0px #666;
-	box-shadow: 0px 1px 3px 0px #666;
-	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
-	background-color:#fff;
-}
-
-.sectionrestore h1
-{
-    font-size:19px;
-    font-weight:bold;
-	color:#333;
-	text-shadow: 1px 1px 2px #999;
-	background-color:#f0f0f0;
-	-webkit-box-shadow: 0px 1px 3px 0px #999;
-	-moz-box-shadow: 0px 1px 3px 0px #999;
-	box-shadow: 0px 1px 3px 0px #999;
-}
-
-.sectionrestore p{
-}
-
-.sectionrestore p.message
-{
-    font-size:15px;
-	font-weight:bold;
-	color:#333;
-}
-
-.sectionrestore p.notice{
-	color:#333;
-}
-
-.sectionrestore .restorebtn {
-}
-.sectionrestore .restorebtn a.disabled
-{
-    cursor:default;
-    color:#9e9e9e;
-    pointer-events: none;
-}
-.sectionrestore .restorebtn a.disabled:hover
-{
-    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color:#23486F;
-}
-.sectionrestore .restorebtn a.ok {
-}
-.sectionrestore .restorebtn a.cancel {
-}
-.sectionrestore .restorebtn a {
-	-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	box-shadow:inset 0px 1px 0px 0px #86ACC7;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
-	background:-moz-linear-gradient( center top, #36638B 5%, #23486F 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
-	background-color:#23486F;
-	border:1px solid #0C274D;
-	color:#ffffff;
-	font-family:arial;
-}
-.sectionrestore .restorebtn a:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
-	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
-	background-color:#36638B;
-}
-.sectionrestore .restorebtn a:active {
-}
-.sectionrestore .restorebtn a:not(:target) {
-    background-image: url(button_back_off.svg);
-}
-.sectionrestore .restorebtn a:hover:not(:target) {
-    background-image: url(button_back_on.svg);
-}
\ No newline at end of file

abweb/css/setting/setting.css

-@charset "utf-8";
-
-/* Latest Update
-   2012.10.31 write           */
-
-/* author
-   keiki ettyuu               */
-
-/* ---------- MENU ---------- */
-/*
-
-	1. gloval setting
-	2. wrapper setting
-	3. header setting
-	4. footer setting
-	5. .section setting
-	999. clearfix
-
-                              */
-/* ---------- MENU ---------- */
-
-
-/*----------------------------*/
-/*	1. gloval setting         */
-/*----------------------------*/
-
-html,body{
-	width:100%;
-}
-
-body{
-}
-
-
-/*----------------------------*/
-/*	2. wrapper setting        */
-/*----------------------------*/
-
-#wrapper {
-	height:100%;
-}
-
-
-/*----------------------------*/
-/*	3. header setting         */
-/*----------------------------*/
-
-
-/*----------------------------*/
-/*	4. footer setting         */
-/*----------------------------*/
-
-
-
-/*----------------------------*/
-/*	5. .section setting        */
-/*----------------------------*/
-
-#main-ws{
-	width: 960px;
-	padding: 0;
-	margin-right: auto;
-	margin-left: auto;
-}
-
-#main-ws article{
-	width: 960px;
-	/*height: 900px;*/
-	padding: 0;
-	display: block;
-	overflow: hidden;
-	margin-top: 30px;
-	margin-bottom: 30px;
-}
-
-.sectionSetting{
-	width: 960px;
-	display: block;
-	margin-right: auto;
-	margin-left: auto;
-}
-
-.sectionSetting div#user_info{
-	margin-bottom: 40px;
-}
-
-.sectionSetting div#user_info h2{
-	padding-bottom: 8px;
-	margin-bottom: 25px;
-
-}
-
-.sectionSetting div#user_info dl{
-	width: inherit;
-	list-style: none;
-	text-align: left;
-}
-.sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{
-	padding: 0 20px;
-	margin: 0;
-	height:50px;
-	line-height:50px;
-}
-.sectionSetting div#user_info dl dt{
-	width: 160px;
-	float: left;
-}
-.sectionSetting div#user_info dl dd{
-	width: 720px;
-	float: left;
-}
-
-.sectionSetting div#user_info .passchgbtn {
-	clear:both;
-	padding-top:11px;
-}
-.sectionSetting div#user_info .passchgbtn a {
-	width: 125px;
-	height: 21px;
-	/* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	display: inline-block;
-
-	padding: 10px 20px;
-	line-height: 21px;
-	text-decoration: none;
-	/* [disabled]text-shadow: 1px 1px 0px #96AABE; */
-	margin: 10px 0 0 0;
-	text-align: center;
-}
-.sectionSetting div#user_info .passchgbtn a:hover {
-}
-.sectionSetting div#user_info .passchgbtn a:active {
-	position:relative;
-	top:1px;
-}
-
-.sectionSetting div#user_info .passchgbtn a:not(:target) {
-	filter: none;
-	-ms-filter: none;
-}
-
-.sectionSetting div#user_info .passchgbtn a:hover:not(:target) {
-	filter: none;
-	-ms-filter: none;
-}
-
-div#user_option{
-	width: inherit;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	padding-top: 30px;
-	/*height: 480px;*/
-	margin-top: 60px;
-}
-
-div#user_option h3{
-	padding: 10px;
-	margin: 0 30px 15px 30px;
-
-}
-
-div#user_option ul {
-	list-style:none;
-	padding:0;
-	margin:0 0 2px 30px;
-	line-height:26px;
-
-}
-div#user_option ul li label.firstview
-{
-    margin-right:20px;
-}
-
-div#user_option ul li .choice {
-	margin-right: 30px;
-}
-div#user_option ul li .notice {
-
-	margin-left:8px;
-}
-
-div#user_option ul li input {
-	display: inline;
-	vertical-align: 1px;
-	margin: 0 5px 0 0;
-	padding: 0;
-}
-
-div#user_option ul li input.chkbx {
-	margin-right:10px;
-}
-
-.sectionSetting div#user_option .backupbtn .backup{
-	margin-right:10px;
-}
-.sectionSetting div#user_option .logout_backup{
-	margin:0 0 16px 30px;
-
-}
-
-.sectionSetting div#user_option input {
-	display: inline;
-	vertical-align: 1px;
-	margin: 0 10px 0 0;
-	padding: 0;
-}
-
-
-.sectionSetting div#user_option .backupbtn {
-	margin: 0 0 20px 30px;
-}
-.sectionSetting div#user_option .backupbtn a {
-	width: 125px;
-	height: 21px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	display: inline-block;
-
-	padding: 10px 20px;
-	line-height: 21px;
-	text-decoration: none;
-	/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
-	margin: 0 0 0 0;
-	text-align: center;
-}
-.sectionSetting div#user_option .backupbtn a:hover {
-}
-.sectionSetting div#user_option .backupbtn a:active {
-	position:relative;
-	top:1px;
-}
-
-.sectionSetting div#user_option .backupbtn a:not(:target) {
-	filter: none;
-	-ms-filter: none;
-}
-
-.sectionSetting div#user_option .backupbtn a:hover:not(:target) {
-	filter: none;
-	-ms-filter: none;
-}
-
-.sectionSetting #user_option .savebtn{
-	margin-right: 30px;
-	margin-left: 30px;
-	padding-top: 30px;
-	padding-right: 0;
-	padding-bottom: 0;
-	padding-left: 30px;
-}
-
-.sectionSetting #user_option .savebtn a {
-	width: 125px;
-	height: 21px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px;
-	display: inline-block;
-
-	padding: 10px 20px;
-	line-height: 21px;
-	text-decoration: none;
-	/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
-	margin: 0 0 0 0;
-	text-align: center;
-	float: right;
-}
-.sectionSetting #user_option .savebtn a:hover {
-}
-.sectionSetting #user_option .savebtn a:active {
-	position:relative;
-	top:1px;
-}
-
-.sectionSetting #user_option .savebtn a:not(:target) {
-	filter: none;
-	-ms-filter: none;
-}
-
-.sectionSetting #user_option .savebtn a:hover:not(:target) {
-	filter: none;
-	-ms-filter: none;
-}
-.sectionSetting #user_option .savebtn .save{
-	margin: 0 175px 0 0;
-}
-
-.sectionSetting #user_option .savebtn .default{
-	margin: 0 -345px 0 0;
-	display: inline-block;
-}
-
-
-.sectionSetting .memory{
-	width:300px;
-
-	vertical-align:middle;
-	margin:50px auto 0;
-}
-.sectionSetting .memory input{
-	vertical-align:middle;
-	margin:0 5px 0;
-	padding:0;
-}
-.sectionSetting .loginbtn {
-	width:300px;
-	margin:14px auto 0;
-}
-.sectionSetting .loginbtn a {
-	width:85px;
-	height:21px;
-	-moz-border-radius:6px;
-	-webkit-border-radius:6px;
-	border-radius:6px;
-	display:inline-block;
-
-	padding:2px 0;
-	line-height:21px;
-	text-decoration:none;
-	margin:0 0 0 0;
-	text-align:center;
-	float:right;
-}
-.sectionSetting .loginbtn a:hover {
-}
-.sectionSetting .loginbtn a:active {
-	position:relative;
-	top:1px;
-}
-
-
-
-
-
-/*----------------------------*/
-/*	999. clearfix             */
-/*----------------------------*/
-
-/*clearfix*/
-.fix {
-}
-.fix:after {
-
-	content:".";
-	display:block;
-	height:0px;
-	clear:both;
-	visibility:hidden;
-}
-.fix {
-	zoom:1;
-}
-/*------------*/
-
-	#user_change article .sectionSetting #user_option ul li {
-	margin-top: 10px;
-	margin-bottom: 10px;
-}
-
-
-
-/* No.4 */
-#cboAnimation
-{
-    margin-left:120px;
-    width:140px;
-}
-.lblOptPageTransPeriod
-{
-    padding-left:20px;
-}
-#txtValueAnimation
-{
-    width:30px;
-    text-align:center;
-}
-#slidebar-animation
-{
-    display:inline-block;
-    width:200px;
-    margin:0 8px;
-}
-#slidebar-container
-{
-    display:inline-block;
-    padding:0 5px;
-}
-
-/* Latest Update
-   2012.10.31 write           */
-
-/* author
-   keiki ettyuu               */
-
-/* ---------- MENU ---------- */
-/*
-
-	1. gloval setting
-	2. wrapper setting
-	3. header setting
-	4. footer setting
-	5. .section setting
-	999. clearfix
-
-                              */
-/* ---------- MENU ---------- */
-
-
-/*----------------------------*/
-/*	1. gloval setting         */
-/*----------------------------*/
-
-html,body{
-}
-
-body{
-}
-
-
-/*----------------------------*/
-/*	2. wrapper setting        */
-/*----------------------------*/
-
-#wrapper {
-}
-
-
-/*----------------------------*/
-/*	3. header setting         */
-/*----------------------------*/
-
-
-/*----------------------------*/
-/*	4. footer setting         */
-/*----------------------------*/
-
-
-
-/*----------------------------*/
-/*	5. .section setting        */
-/*----------------------------*/
-
-#main-ws{
-	background-color: #EDF2F2;
-}
-
-#main-ws article{
-}
-
-.sectionSetting{
-}
-
-.sectionSetting div#user_info{
-}
-
-.sectionSetting div#user_info h2
-{
-    font-size: 24px;
-	font-weight: bold;
-	color: #37648C;
-	border-bottom: 3px solid #37648C;
-}
-
-.sectionSetting div#user_info dl{
-	border-top: 1px dotted #BBBBBB;
-    font-size: 16px;
-}
-.sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{
-	border-bottom: 1px dotted #BBBBBB;
-}
-.sectionSetting div#user_info dl dt{
-	background-color: #DCE6E6;
-	color: #37648C;
-	font-weight: bolder;
-}
-.sectionSetting div#user_info dl dd{
-}
-
-.sectionSetting div#user_info .passchgbtn {
-}
-.sectionSetting div#user_info .passchgbtn a
-{
-    font-size: 14px;
-	font-weight: bold;
-	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	/* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */
-	background: -moz-linear-gradient( center top,#36638B 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
-	background-color: #23486F;
-	border: 1px solid #0C274D;
-	color: #ffffff;
-	font-family: arial;
-	/* [disabled]text-shadow: 1px 1px 0px #96AABE; */
-}
-.sectionSetting div#user_info .passchgbtn a:hover {
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
-	background: -moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
-	background-color: #23486F;
-}
-.sectionSetting div#user_info .passchgbtn a:active {
-}
-
-.sectionSetting div#user_info .passchgbtn a:not(:target) {
-	background-image: url(button_back_off.svg);
-	background-repeat: repeat-x;
-}
-
-.sectionSetting div#user_info .passchgbtn a:hover:not(:target) {
-	background-image: url(button_back_on.svg);
-	background-position: bottom;
-}
-
-div#user_option{
-	background-color: #FFF;
-}
-
-div#user_option h3{
-	color: #37648C;
-	background-color: #EDF2F2;
-    font-size: 18px;
-	font-weight: bold;
-}
-
-div#user_option ul
-{
-    font-size:13px;
-}
-
-div#user_option ul li .choice {
-}
-div#user_option ul li .notice
-{
-    font-size:11px;
-}
-
-div#user_option ul li input {
-}
-
-div#user_option ul li input.chkbx {
-}
-
-.sectionSetting div#user_option .backupbtn .backup{
-}
-.sectionSetting div#user_option .logout_backup
-{
-    font-size:13px;
-}
-
-.sectionSetting div#user_option input {
-}
-
-
-.sectionSetting div#user_option .backupbtn {
-}
-.sectionSetting div#user_option .backupbtn a
-{
-    font-size: 14px;
-	font-weight: bold;
-	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
-	background: -moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
-	background-color: #23486F;
-	border: 1px solid #0C274D;
-	color: #ffffff;
-	font-family: arial;
-	/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
-}
-.sectionSetting div#user_option .backupbtn a:hover {
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
-	background: -moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
-	background-color: #23486F;
-}
-.sectionSetting div#user_option .backupbtn a:active {
-}
-
-.sectionSetting div#user_option .backupbtn a:not(:target) {
-	background-image: url(button_back_off.svg);
-	background-repeat: repeat-x;
-}
-
-.sectionSetting div#user_option .backupbtn a:hover:not(:target) {
-	background-image: url(button_back_on.svg);
-	background-position: bottom;
-	background-repeat: repeat-x;
-}
-
-
-.sectionSetting #user_option .savebtn{
-	border-top: 1px solid #CCC;
-}
-
-.sectionSetting #user_option .savebtn a
-{
-    font-size: 14px;
-	font-weight: bold;
-	-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	box-shadow: inset 0px 1px 0px 0px #86ACC7;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
-	background: -moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
-	background-color: #23486F;
-	border: 1px solid #0C274D;
-	color: #ffffff;
-	font-family: arial;
-	/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
-}
-.sectionSetting #user_option .savebtn a:hover {
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
-	background: -moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
-	background-color: #23486F;
-}
-.sectionSetting #user_option .savebtn a:active {
-}
-
-.sectionSetting #user_option .savebtn a:not(:target) {
-	background-image: url(button_back_off.svg);
-	background-repeat: repeat-x;
-}
-
-.sectionSetting #user_option .savebtn a:hover:not(:target) {
-	background-image: url(button_back_on.svg);
-	background-repeat: repeat-x;
-	background-position: bottom;
-}
-.sectionSetting #user_option .savebtn .save{
-}
-
-.sectionSetting #user_option .savebtn .default{
-}
-
-.sectionSetting .memory
-{
-    	font-size:12px;
-}
-.sectionSetting .memory input{
-}
-.sectionSetting .loginbtn {
-}
-.sectionSetting .loginbtn a
-{
-    font-size:14px;
-	font-weight:bold;
-	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-	box-shadow:inset 0px 1px 0px 0px #d6ee23;
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
-	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
-	background-color:#a4d815;
-	border:1px solid #83bd07;
-	color:#ffffff;
-	font-family:arial;
-	text-shadow:1px 1px 0px #a2d613;
-}
-.sectionSetting .loginbtn a:hover {
-	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
-	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
-	background-color:#83c008;
-}
-.sectionSetting .loginbtn a:active {
-}
-
-/*----------------------------*/
-/*	999. clearfix             */
-/*----------------------------*/
-
-/*clearfix*/
-.fix {
-}
-.fix:after
-{
-    	font-size:1px;
-}
-.fix {
-}
-/*------------*/
-
-	#user_change article .sectionSetting #user_option ul li {
-	margin-top: 10px;
-	margin-bottom: 10px;
-}
-
-
-
-/* No.4 */
-#cboAnimation
-{
-}
-.lblOptPageTransPeriod
-{
-}
-#txtValueAnimation
-{
-    border:solid 1px #222;
-}
-#slidebar-animation
-{
-}
-#slidebar-container
-{

abweb/html/account-Setting.html

+<!DOCTYPE html>
+<html lang="ja-JP">
+
+<head>
+    <meta charset="utf-8">
+    <title class="lang"  lang="account_setting"></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/appCommon/app.css">
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/header.css">
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/style.css">
+    <!-- vender css -->
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/fontawesome_relative_path.css">
+
+    <script type="text/javascript" src="../common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/web/i18n.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/constant.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/validation.js"></script>
+    <script type="text/javascript" src="../common/js/common.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../js/header/header.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../js/setting/settings.js?__UPDATEID__"></script>
+</head>
+
+<body>
+    
+    <!-- header -->
+    <div id="includedHeader"></div>
+
+    <!-- account setting -->
+    <main id="main">
+        <div class="container">
+            <!-- title -->
+            <h1 class="fs-14 font-weight-bold pt-4 pb-3 mb-0 lang" lang="account_setting">アカウント設定</h1>
+
+            <!-- content -->
+            <div class="row">
+                <div class="col-md-6 col-12 mb-4">
+                    <div class="card p-4">
+                        <h2 class="fs-10 font-weight-bold mb-3 lang" lang="accountInformation">アカウント情報</h2>
+                        <table>
+                            <colgroup>
+                                <col span="1" class="w-120px">
+                            </colgroup>
+                            <tbody>
+                                <tr class="border-bottom">
+                                    <th class="fs-9 p-2 text-secondary lang" lang="txtLoginId">ログインID</th>
+                                    <td class="p-2" lang="txtLoginId"  id="txtLoginId">login-idlogin-idlogin-id</td>
+                                </tr>
+                                <tr class="border-bottom">
+                                    <th class="fs-9 p-2 text-secondary lang" lang="txtLoginAccPath">アカウントパス</th>
+                                    <td class="p-2" lang="txtLoginAccPath"  id="txtLoginAccPath">account-textaccount</td>
+                                </tr>
+                                <tr class="border-bottom">
+                                    <th class="fs-9 p-2 text-secondary lang" lang="txtLoginDate">ログイン日時</th>
+                                    <td class="p-2" lang="txtLastLoginTime" id="txtLastLoginTime">2022/09/30 12:00:00</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <div class="col-md-6 col-12 mb-4">
+                    <div class="card p-4 password">
+                        <h2 class="fs-10 font-weight-bold mb-3 lang" lang="dspPwdUpd">パスワード変更</h2>
+                        <form>
+                            <div class="form-group mb-3">
+                                <label id="lblPwdCur" class="lang" lang="txtPwdCurr">現在のパスワード</label>
+                                <input type="password" class="form-control" id="txtPwdCur" maxlength="16" aria-describedby="current">
+                            </div>
+                            <div class="form-group mb-3">
+                                <label id="lblPwdNew" class="lang" lang="txtPwdNew">新しいパスワード</label>
+                                <input type="password" class="form-control" id="txtPwdNew" maxlength="16" aria-describedby="new">
+                            </div>
+                            <div class="form-group mb-4">
+                                <label id="lblPwdNewRe" class="lang" lang="txtPwdNewRe">新しいパスワード</label>
+                                <input type="password" class="form-control" id="txtPwdNewRe" maxlength="16" aria-describedby="confirm">
+                            </div>
+                            <p class="error lang" id="main-error-message" style="display:none;">パスワードまたはIDに誤りがあります</p>
+                            <button type="submit" class="btn btn-primary lang" lang="dspChange" id="dspPwdUpd1">変更</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+    <!-- alert -->
+    <div class="alert-overlay d-none"></div>
+    <div class="alert-area d-none">
+        <i class="text-right fas fa-times fa-2x loading-close" onclick="COMMON.alertClose();"></i>
+        <div class="fs-13 mt-4 text-left" style="padding: 15px;" id="alertMsg"></div>
+    </div>
+    
+    <!-- confirm -->
+    <div id="includedConfirmModal"></div>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></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>
+</body>
+
+</html>

abweb/common/confirm-modal.html → abweb/html/common/confirm-modal.html

 <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-content">
-        <div class="modal-header bg-dark10">
-            <h5 class="modal-title lang" lang="confirmation"></h5>
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">&times;</span>
-            </button>
-        </div>
-        <div class="modal-body" id="msgModel">
-        </div>
-        <div class="modal-footer">
-            <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>
-        </div>
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header bg-dark10">
+          <h5 class="modal-title lang" lang="confirmation"></h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+      </div>
+      <div class="modal-body" id="msgModel">
+      </div>
+      <div class="modal-footer">
+          <button type="button" class="btn btn-primary lang" id="confirmYes" lang="confirmYes"></button>
+          <button type="button" class="btn btn-tertiary lang" id="confirmNo" lang="confirmNo" data-dismiss="modal"></button>
       </div>
       </div>
     </div>
     </div>
-  </div>
+  </div>
\ No newline at end of file
+</div>
\ No newline at end of file

abweb/common/header.html → abweb/html/common/header.html

@@ -7,14 +7,14 @@
             <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">
-                      <div class="fs-7 d-sm-block d-none lang" lang="dashboard"></div>
+                    <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>
                   </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">
-                      <div class="fs-7 d-sm-block d-none lang" lang="workList"></div>
+                    <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>
                   </a>
                   </a>
                 </li>
                 </li>
             </ul>
             </ul>
@@ -24,12 +24,12 @@
                     <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" id="dspLoginId" ></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" id="btnLogout">
                     <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>

abweb/html/dashboard.html

@@ -21,7 +21,8 @@
 
 
     <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/header/header.js"></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>

abweb/html/index.html

@@ -27,6 +27,8 @@
     <script src="../common/js/footer.js?__UPDATEID__"></script>
     <script src="../common/js/footer.js?__UPDATEID__"></script>
     <script src="../common/js/app.js?__UPDATEID__" defer></script>
     <script src="../common/js/app.js?__UPDATEID__" defer></script>
 
 
+    <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>
+
 </head>
 </head>
 
 
 <body onload="TOP.init();" style="position: relative; margin-top: 53px;">
 <body onload="TOP.init();" style="position: relative; margin-top: 53px;">

abweb/html/login.html

-<!DOCTYPE html>
+<!DOCTYPE html>
+<html lang="ja-JP">
 
 
-<html>
 <head>
 <head>
     <meta charset="utf-8">
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
@@ -8,15 +8,19 @@
     <meta http-equiv="Cache-Control" content="no-store">
     <meta http-equiv="Cache-Control" content="no-store">
     <meta http-equiv="Cache-Control" content="no-cache">
     <meta http-equiv="Cache-Control" content="no-cache">
     <meta http-equiv="Expires" content="-1">
     <meta http-equiv="Expires" content="-1">
+    <title class="lang" lang="dspLogin"></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/appCommon/app.css">
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/header.css">
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/style.css">
+    <link rel="stylesheet" type="text/css" href="../css/login/login.css">
 
 
-    <title></title>
-
-    <link rel="stylesheet" type="text/css" href="../common/css/web/common.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="../common/css/jquery/jquery-ui.min.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="../common/css/jquery/jquery-ui.structure.min.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="../common/css/jquery/jquery-ui.theme.min.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="../css/login/login.css?__UPDATEID__" />
-    <link rel="stylesheet" type="text/css" href="../css/login/login_validation.css?__UPDATEID__" />
+    <!-- vender css -->
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/fontawesome_relative_path.css">
 
 
     <script type="text/javascript" src="../common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
@@ -25,95 +29,76 @@
     <script type="text/javascript" src="../common/js/validation.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../common/js/validation.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../common/js/common.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../common/js/common.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../js/login/login.js?__UPDATEID__"></script>
     <script type="text/javascript" src="../js/login/login.js?__UPDATEID__"></script>
+   
+    <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>
+    
+    <script type="text/javascript">
 
 
-    <!--[if gte IE 9]>
-      <style type="text/css">
-        .gradient {
-           filter: none;
-        }
-      </style>
-    <![endif]-->
-<script type="text/javascript">
-
-    $(document).ready(function(){
-        LOGIN.ready();
-    });
-
-</script>
+        $(document).ready(function(){
+            LOGIN.ready();
+        });
+    
+    </script>
 </head>
 </head>
-<body id="login">
-
-<div id="anonymous">
-    <img src="../img/login/logo_login.png" width="200" class="clearboth"/>
-</div>
 
 
-<div id="normalUser">
-    <!--
-    <div id="loader"><img src=".../img/login/loading_icon.gif" width="200" height="200"></div>
-    <div id="fade"></div>
-    -->
-    <div class="wrapper">
-        <div id="main-ws">
-            <ul class="floatR" id="menu-language"><li class="language"><a id="language-ja"><img src="../img/login/flg_jpn.png" width="29" height="20"></a></li><li class="language"><a id="language-en"><img src="../img/login/flg_usa.png" width="29" height="20"></a></li><li class="language"><a id="language-ko"><img src="../img/login/flg_kor.png" width="29" height="20"></a></li></ul>
-            <article>
-            <img src="../img/login/logo_login.png" width="200" class="clearboth" id="logologin">
-            <section id="formlogin" style="display:none;">
-                <table width="440" border="0" cellspacing="0">
-                <tr>
-                    <th width="33%" class="lang" lang="txtLoginAccPath">アカウントパス</th>
-                    <td width="67%"><input type="text" id="txtAccPath" maxlength="60" /></td>
-                </tr>
-                <tr>
-                    <th class="lang" lang="txtLoginId">ログインID</th>
-                    <td><input type="text" id="txtAccId" maxlength="54" /></td>
-                </tr>
-                <tr>
-                    <th class="lang" lang="txtLoginPwd">パスワード</th>
-                    <td><input type="password" id="txtPassword"/></td>
-                </tr>
-                </table>
+<body>
+    <form class="form-login card">
+        <img class="mb-4 w-100 text-center" src="../common/img/logo.svg" alt="" height="60">
+        <div class="form-group mb-2">
+            <input type="text" class="form-control lang" lang="txtLoginAccPath" placeholder="txtLoginAccPath" id="txtAccPath" maxlength="60" >
+        </div>
+        <div class="form-group mb-2">
+            <input type="text" class="form-control lang" lang="txtLoginId" placeholder="txtLoginId" id="txtAccId" maxlength="54" >
+        </div>
+        <div class="form-group mb-2">
+          <input type="password" class="form-control lang" lang="txtLoginPwd" placeholder="txtLoginPwd" id="txtPassword" >
+        </div>
+        <div class="form-group mb-2">
+            <select class="form-control" id="languageSelect">
+                <option value="ja">日本語</option>
+                <option value="en">英語</option>
+                <option value="ko">韓国語</option>
+            </select>
+        </div>
+        <div class="form-group mb-2">
+            <div class="form-check">
                 <p class="error lang" id="main-error-message" style="display:none;">パスワードまたはIDに誤りがあります</p>
                 <p class="error lang" id="main-error-message" style="display:none;">パスワードまたはIDに誤りがあります</p>
-                <p class="memory"><input type="checkbox" id="chkRemember" /><label class="lang" lang="txtLoginPwdRbr" for="chkRemember">アカウントパスとログインIDを記憶する</label></p>
-                <a class="loginbtn lang" id="btnLogin" lang="dspLogin">ログイン</a>
-            </section>
-            </article>
+                <input type="checkbox" class="form-check-input" id="chkRemember" >
+                <label class="form-check-label lang" for="exampleCheck1" lang="txtLoginPwdRbr" for="chkRemember">アカウントパスとログインIDを記憶する</label>
+            </div>
+        </div>
+        <a id="btnLogin" lang="dspLogin" class="btn btn-primary btn-block lang" lang="dspLogin">ログイン</a>
+    </form>
+    <div class="modal" id="password-reset-modal" tabindex="-1" role="dialog">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header bg-dark10">
+                <h5 class="modal-title">パスワード変更</h5>
+            </div>
+            <div class="modal-body">
+                <p class="lang" lang="txtPwdRemind" id="txtPwdRemind">
+                <form>
+                    <div class="form-group mb-3">
+                        <label for="current" class="lang" lang="txtPwdCurr">現在のパスワード</label>
+                        <input type="password" class="form-control" id="txtCurrentPass" aria-describedby="current" maxlength="16">
+                    </div>
+                    <div class="form-group mb-3">
+                        <label for="new" class="lang" lang="txtPwdNew">新しいパスワード</label>
+                        <input type="password" class="form-control" id="txtNewPass" aria-describedby="new" maxlength="16">
+                    </div>
+                    <div class="form-group mb-4">
+                        <label for="confirm" class="lang" lang="txtPwdNewRe">新しいパスワード（確認）</label>
+                        <input type="password" class="form-control" id="txtConfirmNew" aria-describedby="confirm" maxlength="16">
+                    </div>
+                </form>
+                <span id="dialog-error-message" class="alertTxtDialog lang"></span>
+            </div>
+            <div class="modal-footer">
+                <a class="btn btn-primary lang change" id="btnChange" lang="dspChange">変更</a>
+                <a class="btn btn-tertiary lang skip" data-dismiss="modal" id="btnSkip" lang="dspSkip">スキップ</a>
+            </div>
         </div>
         </div>
-    </div>
-    <!--ローディング-->
-    <div id="check_loading" style="display:none; position: relative; overflow:hidden;">
-        <p id="checkLoadingMessage"></p>
-        <div id="checkLoadingImage"><img src='########' /></div>
-    </div>
-    <footer>
-    <div class="border">
-        <div class="cnt_footer">
-            COPYRIGHT &copy; 2022 AGENTEC Co., Ltd. ALL RIGHTS RESERVED.
         </div>
         </div>
     </div>
     </div>
-    </footer>
-</div>
-
-<section id="main-password-change" class="sectionchangepassword">
-    <h1 class="title lang" lang="msgChangePassword"><!--パスワードを変更してください。--></h1>
-    <span id="dialog-error-message" class="alertTxtDialog lang"></span>
-    <dl>
-        <dt class="lang" lang="txtPwdCurr"><!--旧パスワード:--></dt>
-        <dd><input type="password" id="txtCurrentPass" maxlength="16" /></dd>
-    </dl>
-    <dl>
-        <dt class="lang" lang="txtPwdNew"><!--旧パスワード:--></dt>
-        <dd><input type="password" id="txtNewPass" maxlength="16" /></dd>
-    </dl>
-    <dl>
-        <dt class="lang" lang="txtPwdNewRe"><!--新パスワード（確認）：--></dt>
-        <dd><input type="password" id="txtConfirmNew" maxlength="16" /></dd>
-    </dl>
-    <p class="lang" lang="txtPwdRemind" id="txtPwdRemind"><!--※スキップを選択すると、30日間このメッセージは表示されません--></p>
-    <p class="loginbtn">
-        <a class="skip lang" id="btnSkip" lang="dspSkip"><!--スキップ--></a>
-        <a class="change lang" id="btnChange" lang="dspChange"><!--変更--></a>
-    </p>
-</section>
-
 </body>
 </body>
 </html>
 </html>

abweb/html/pickup.html

@@ -25,6 +25,7 @@
     
     
 
 
     <!-- main js -->
     <!-- main js -->
+    <script type="text/javascript" src="../js/header/header.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/dashboard/dashboard.js"></script>
     <script type="text/javascript" src="../js/dashboard/dashboard.js"></script>
     <script type="text/javascript" src="../js/template/template.js"></script>
     <script type="text/javascript" src="../js/template/template.js"></script>

abweb/html/push-message-detail.html

@@ -24,6 +24,7 @@
     <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/header/header.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>
 
 

abweb/html/push-message-list.html

@@ -24,6 +24,7 @@
     <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/header/header.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>
 
 

abweb/html/reportList.html

+<!DOCTYPE html>
+<html lang="ja-JP">
+
+<head>
+    <meta charset="utf-8">
+    <title class="lang" lang="reportList"></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/appCommon/app.css">
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/header.css">
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/style.css">
+    <!-- vender css -->
+    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/fontawesome_relative_path.css">
+
+    <script type="text/javascript" src="../common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/web/i18n.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/constant.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/common.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../js/header/header.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../js/reportList/reportList.js?__UPDATEID__"></script>
+</head>
+
+<body onload="RL.init();">
+    
+    <!-- header -->
+    <div id="includedHeader"></div>
+
+    <!-- report list -->
+    <main>
+        <div class="container">
+            <!-- breadcrumb -->
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb px-0 mb-0">
+                    <li class="breadcrumb-item"><a href="task-list.html" class="text-decoration-none text-underline">作業一覧</a></li>
+                    <li class="breadcrumb-item active" aria-current="page"><span>報告一覧</span></li>
+                </ol>
+            </nav>
+            <!-- title -->
+            <div class="d-flex align-items-center">
+                <h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0 mr-auto">報告一覧</h1>
+                <a href="pdf.html">
+                    <img src="../common/img/icon_pdf.svg" alt="pdf出力" class="p-1 w-40px" data-toggle="tooltip" data-placement="bottom" title="pdf出力">
+                </a>
+            </div>
+        </div>
+    </main>
+
+    <!-- ↓↓↓　ここから共通HTML　↓↓↓ -->
+    <div class="container-fluid mb-5" id="task-list"></div>
+
+    <!-- confirm -->
+    <!-- confirm -->
+    <div id="includedConfirmModal"></div>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script type="text/javascript" src="../common/js/web/app.js?__UPDATEID__"></script>
+    <script type="text/javascript" src="../common/js/web/common.js?__UPDATEID__"></script>
+</body>
+
+</html>

abweb/js/header/header.js

+// header function js
+
+var HEADER = {};
+
+HEADER.init = function() {
+    $("#dspLoginId").text(ClientData.userInfo_loginId());
+
+    $("#btnLogout").click(HEADER.logoutFunction);
+};
+
+HEADER.logoutFunction = function() {
+    console.log("clicked logout");
+    $("#msgModel").text(I18N.i18nText('msgLogoutConfirm'));
+
+    $("#confirmYes").click(HEADER.processLogout);
+}
+
+HEADER.processLogout = function() {
+
+    var params = {
+        sid: ClientData.userInfo_sid()
+    };
+    const url = CONSTANT.URL.CMS.BASE + ClientData.userInfo_accountPath() + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.LOGOUT;
+    COMMON.cmsAjax(url, params, false, 
+                    function (data) {
+                        if (data.httpStatus == CONSTANT.HTTP_STATUS.OK) {
+                            SessionStorageUtils.clear();
+                            COMMON.userSetting().remove(CONSTANT.KEYS.userInfo_sid);
+                            COMMON.userSetting().remove(CONSTANT.KEYS.userInfo_sid_local);
+                            // Move to login screen
+                            //window.location = COMMON.ScreenIds.Login;
+                            COMMON.goUrlWithCurrentParams(CONSTANT.PAGE_NAME.LOGIN);
+                        } else {
+                            if (data.errorMessage) {
+                                COMMON.displayAlert(data.errorMessage);
+                            } else {
+                                COMMON.displayAlert("errorOccured");
+                            }
+                        }
+                    },
+                    function (xmlHttpRequest, txtStatus, errorThrown) {
+                        if(xmlHttpRequest.errorMessage) {
+                            COMMON.displayAlert(xmlHttpRequest.errorMessage);
+                        } else {
+                            COMMON.displayAlert("errorOccured");
+                        }
+                    });
+
+}

abweb/js/login/login.js

@@ -29,7 +29,11 @@ LOGIN.loadLoginInfo = function() {
 LOGIN.initialScreen = function() {
 LOGIN.initialScreen = function() {
 	if (ClientData.userInfo_rememberLogin()) {
 	if (ClientData.userInfo_rememberLogin()) {
 		LOGIN.loadLoginInfo();
 		LOGIN.loadLoginInfo();
+	} else {
+		$('#txtAccPath').val("");
+		$('#txtAccId').val("");
 	}
 	}
+
 };
 };
 
 
 // check Save Login Info
 // check Save Login Info
@@ -128,14 +132,14 @@ LOGIN.checkDialogValidation = function() {
 			return false;
 			return false;
 		} else if (!ValidationUtil.CheckMinLengthForByte(newPass, 6)) {
 		} else if (!ValidationUtil.CheckMinLengthForByte(newPass, 6)) {
 			LOGIN.login_errorMessage = "";
 			LOGIN.login_errorMessage = "";
-			msgError.html(I18N.i18nText('msgMinLength'));
-			msgError.attr('lang', 'msgMinLength');
+			msgError.html(I18N.i18nText('msgInvaildLength'));
+			msgError.attr('lang', 'msgInvaildLength');
 			msgError.show();
 			msgError.show();
 			return false;
 			return false;
 		} else if (!ValidationUtil.CheckMaxLengthForByte(newPass, 16)) {
 		} else if (!ValidationUtil.CheckMaxLengthForByte(newPass, 16)) {
 			LOGIN.login_errorMessage = "";
 			LOGIN.login_errorMessage = "";
-			msgError.html(I18N.i18nText('msgMaxLength'));
-			msgError.attr('lang', 'msgMaxLength');
+			msgError.html(I18N.i18nText('msgInvaildLength'));
+			msgError.attr('lang', 'msgInvaildLength');
 			msgError.show();
 			msgError.show();
 			return false;
 			return false;
 		} else if (ValidationUtil.HasSeqChar(newPass, 3)) {
 		} else if (ValidationUtil.HasSeqChar(newPass, 3)) {
@@ -183,9 +187,9 @@ LOGIN.processLogin = function() {
 	}
 	}
 
 
 	// Get url to login
 	// Get url to login
-	url = CONSTANT.URL.CMS.BASE + ClientData.userInfo_accountPath() + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.LOGIN;
+	url = CONSTANT.URL.CMS.BASE + accountPath + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.LOGIN;
 
 
-	COMMON.callCmsApi(url, 'POST', params, true, function(data) {
+	COMMON.cmsAjax(url, params, true, function(data) {
 		LOGIN.userinfo_sid = data.sid;
 		LOGIN.userinfo_sid = data.sid;
 		LOGIN.userInfo_userName = data.userName;
 		LOGIN.userInfo_userName = data.userName;
 		LOGIN.optionList = data.serviceOptionList;
 		LOGIN.optionList = data.serviceOptionList;
@@ -201,7 +205,6 @@ LOGIN.processLogin = function() {
 			$('#main-error-message').css('display', 'none');
 			$('#main-error-message').css('display', 'none');
 
 
 			console.log("data.requirePasswordChange:" + data.requirePasswordChange);
 			console.log("data.requirePasswordChange:" + data.requirePasswordChange);
-			console.log("ClientData.serviceOpt_abook_check:" + ClientData.serviceOpt_abook_check());
 			COMMON.closeLoading();
 			COMMON.closeLoading();
 
 
 			if (data.requirePasswordChange == 0) {
 			if (data.requirePasswordChange == 0) {
@@ -300,13 +303,12 @@ LOGIN.processLogin = function() {
 
 
 		}
 		}
 
 
-	}, function(xhr, statusText, errorThrown) {
+	}, function(result) {
 		LOGIN.login_error_flag = true;
 		LOGIN.login_error_flag = true;
 		COMMON.closeLoading();
 		COMMON.closeLoading();
-		if (xhr.responseText && xhr.status != 0) {
-			LOGIN.login_errorMessage = JSON.parse(xhr.responseText).errorMessage;
-
-			$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), JSON.parse(xhr.responseText).errorMessage).toString());
+		if (result.errorMessage) {
+			LOGIN.login_errorMessage = result.errorMessage;
+			$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), result.errorMessage).toString());
 		} else {
 		} else {
 			$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), 'E001'));
 			$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), 'E001'));
 		}
 		}
@@ -329,9 +331,13 @@ LOGIN.changePasswordProcess = function() {
 		appId : 4
 		appId : 4
 	};
 	};
 
 
+	if (I18N.getCurrentLanguage()) {
+		params.language = I18N.getCurrentLanguage();
+	}
+
 	const url = CONSTANT.URL.CMS.BASE + ClientData.userInfo_accountPath() + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.PASSWORD_CHANGE;
 	const url = CONSTANT.URL.CMS.BASE + ClientData.userInfo_accountPath() + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.PASSWORD_CHANGE;
 
 
-	COMMON.callCmsApi(url, 'POST', params, false, function(result) {
+	COMMON.cmsAjax(url, params, false, function(result) {
 		if (result.httpStatus == '200') {
 		if (result.httpStatus == '200') {
 			LOGIN.CloseChangePasswordDialog();
 			LOGIN.CloseChangePasswordDialog();
 			$('#dialog-error-message').css('display', 'none');
 			$('#dialog-error-message').css('display', 'none');
@@ -341,8 +347,9 @@ LOGIN.changePasswordProcess = function() {
 				// move to home.html page
 				// move to home.html page
 				COMMON.avwScreenMove("index.html");
 				COMMON.avwScreenMove("index.html");
 			} else {
 			} else {
-				$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), 'E001'));
-				$('#main-error-message').show();
+				$('#dialog-error-message').html(I18N.i18nText('msgPwdChangeNG'));
+				$('#dialog-error-message').show();
+
 			}
 			}
 		} else if (result.httpStatus == '401') {
 		} else if (result.httpStatus == '401') {
 			COMMON.goUrlWithCurrentParams(CONSTANT.PAGE_NAME.LOGIN);	
 			COMMON.goUrlWithCurrentParams(CONSTANT.PAGE_NAME.LOGIN);	
@@ -350,39 +357,21 @@ LOGIN.changePasswordProcess = function() {
 			$('#dialog-error-message').html(data.message);
 			$('#dialog-error-message').html(data.message);
 			$('#dialog-error-message').show();
 			$('#dialog-error-message').show();
 		}
 		}
-	}, function(xhr, b, c) {
-		if (xhr.responseText && xhr.status != 0) {
-			$('#dialog-error-message').html(JSON.parse(xhr.responseText).errorMessage);
-			$('#dialog-error-message').show();
+	}, function(result) {
+		COMMON.closeLoading();
+		if (result.errorMessage) {
+			$('#dialog-error-message').html(result.errorMessage);
 		} else {
 		} else {
-			// Show systemerror
-			COMMON.closeLoading();
-            COMMON.displayAlert('errorOccurred');
+			$('#dialog-error-message').html(I18N.i18nText('msgPwdChangeNG'));
 		}
 		}
-	});
-};
-
-// Change Language Japanese
-LOGIN.changeLanguageJa = function() {
-	I18N.changeLanguage(CONSTANT.LANG.JAPAN);
-	document.title = I18N.i18nText('dspLogin') + ' | ' + I18N.i18nText('sysAppTitle');
-	if (LOGIN.login_errorMessage != "") {
-		$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), LOGIN.login_errorMessage).toString());
-	}
-};
+		$('#dialog-error-message').show();
 
 
-// Change Language Korean
-LOGIN.changeLanguageKo = function() {
-	I18N.changeLanguage(CONSTANT.LANG.KOREA);
-	document.title = I18N.i18nText('dspLogin') + ' | ' + I18N.i18nText('sysAppTitle');
-	if (LOGIN.login_errorMessage != "") {
-		$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), LOGIN.login_errorMessage).toString());
-	}
+	});
 };
 };
 
 
 // Change Language English
 // Change Language English
-LOGIN.changeLanguageEn = function() {
-	I18N.changeLanguage(CONSTANT.LANG.ENGLISH);
+LOGIN.changeLanguage = function(lang) {
+	I18N.changeLanguage(lang);
 	document.title = I18N.i18nText('dspLogin') + ' | ' + I18N.i18nText('sysAppTitle');
 	document.title = I18N.i18nText('dspLogin') + ' | ' + I18N.i18nText('sysAppTitle');
 	if (LOGIN.login_errorMessage != "") {
 	if (LOGIN.login_errorMessage != "") {
 		$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), LOGIN.login_errorMessage).toString());
 		$('#main-error-message').html(COMMON.format(I18N.i18nText('msgLoginErrWrong'), LOGIN.login_errorMessage).toString());
@@ -425,9 +414,7 @@ LOGIN.skipPassFunction = function() {
 
 
 // Open Change Password Dialog
 // Open Change Password Dialog
 LOGIN.OpenChangePasswordDialog = function() {
 LOGIN.OpenChangePasswordDialog = function() {
-	// Clear all input values
-	$("#main-password-change").show();
-	$("#main-password-change").center();
+	$("#password-reset-modal").show();
 	COMMON.showLoading();
 	COMMON.showLoading();
 	console.log("password open");
 	console.log("password open");
 };
 };
@@ -485,12 +472,16 @@ LOGIN.initLoginNormalUser = function() {
 
 
 	// Initial Screen
 	// Initial Screen
 	LOGIN.initialScreen();
 	LOGIN.initialScreen();
-	// Change language japanese
-	$('#language-ja').click(LOGIN.changeLanguageJa);
-	// Change language korean
-	$('#language-ko').click(LOGIN.changeLanguageKo);
-	// Change laguage english
-	$('#language-en').click(LOGIN.changeLanguageEn);
+	// Change language 
+	let selector = document.getElementById("languageSelect");
+	var lang = I18N.getCurrentLanguage();
+	if (lang) {
+		selector.value = lang;
+	}
+	selector.addEventListener("change", function() {
+		LOGIN.changeLanguage(this.value);
+	})
+
 	// Button login click event
 	// Button login click event
 	$('#btnLogin').click(LOGIN.loginFunction);
 	$('#btnLogin').click(LOGIN.loginFunction);
 	// Button Change click event
 	// Button Change click event

abweb/js/operationList/operationList.js

@@ -22,7 +22,7 @@ OL.operationGroupMasterId;
  */
  */
 OL.init = function () {
 OL.init = function () {
     console.log('OperationList start');
     console.log('OperationList start');
-
+    COMMON.showLoading();
     //get all data of operation list scene
     //get all data of operation list scene
     OL.getAllDataWeb(sessionStorage.OL_searchKeyWord, sessionStorage.OL_sortIndex, sessionStorage.OL_searchStartDate, sessionStorage.OL_searchEndDate, sessionStorage.OL_operationGroupMasterId);
     OL.getAllDataWeb(sessionStorage.OL_searchKeyWord, sessionStorage.OL_sortIndex, sessionStorage.OL_searchStartDate, sessionStorage.OL_searchEndDate, sessionStorage.OL_operationGroupMasterId);
 
 
@@ -31,6 +31,7 @@ OL.init = function () {
 
 
     //show category(operationGroupMaster)
     //show category(operationGroupMaster)
     OL.createCategory();
     OL.createCategory();
+    COMMON.closeLoading();
 };
 };
 
 
 /**
 /**
@@ -507,11 +508,8 @@ OL.sendOperation = function (operationId, operationType, reportType, enableAddRe
     OL.saveOperationReadingLog(operationId, operationType, reportType);
     OL.saveOperationReadingLog(operationId, operationType, reportType);
 
 
     //Transition to the report form or operation list screen
     //Transition to the report form or operation list screen
-    let params = {};
-    params.sid = COMMON.getSid();
-    params.operationId = operationId;
-    const url = OL.createUrlOfOperation(enableAddReport, reportType);
-    COMMON.postCommunication(url, params);
+    sessionStorage.OL_operationId = operationId;
+    COMMON.avwScreenMove("reportList.html");
 };
 };
 
 
 /**
 /**

abweb/js/reportList/reportList.js

+// ReportList function js
+
+var RL = {};
+
+RL.init = function() {
+    COMMON.checkAuth(false);
+    RL.loadCommon();
+    
+    RL.initTaskReportList();
+};
+
+RL.loadCommon = function() {
+    $("#includedHeader").load("../html/common/header.html" , function() {
+        I18N.initi18n();
+        HEADER.init();
+    }); 
+    $("#includedConfirmModal").load("../html/common/confirm-modal.html", function() {
+        I18N.initi18n();
+    }); 
+}
+
+RL.initTaskReportList = function() {
+    if (sessionStorage.OL_operationId) {
+        let params = {};
+        params.sid = COMMON.getSid();
+        params.operationId = sessionStorage.OL_operationId;
+        params.returnUrl = CONSTANT.URL.WEB.BASE + CONSTANT.URL.WEB.OPERATION_LIST;
+        let url = CONSTANT.URL.CMS.BASE + ClientData.userInfo_accountPath() + CONSTANT.URL.CMS.HTML.BASE + CONSTANT.URL.CMS.HTML.TASK_REPORT_LIST;
+        // COMMON.postCommunication(url, params);
+        $("#task-list").load(url, params);
+        // COMMON.cmsAjax(url, params, false, function(result) {
+        //     $("#task-list").html(result);
+
+        //     // $("#task-list").load(result);
+        // }, function(XMLHttpRequest, textStatus, errorThrown) {
+        // }, "text");
+    } else {
+        COMMON.displayAlert("error");
+        COMMON.avwScreenMove("taskList.html");
+    }
+}

abweb/js/setting/settings.js

-/// 設定変更画面
+/// Account Settings function js
 
 
-//名前空間用のオブジェクトを用意する
 var SETTINGS = {};
 var SETTINGS = {};
 
 
 // Init function of page
 // Init function of page
 $(document).ready(function () {
 $(document).ready(function () {
-
-    if (!AVWEB.avwCheckLogin(COMMON.ScreenIds.Login)) return;
-    COMMON.ToogleLogoutNortice();
-    if(ClientData.serviceOpt_encryption() != 'Y') {
-   	 COMMON.LockScreen();
-    }
-
-//    document.title = I18N.i18nText('dspSetting') + ' | ' + I18N.i18nText('sysAppTitle');
-
-    // Set bookmark screen
-    ClientData.BookmarkScreen(COMMON.ScreenIds.Setting);
-
-    if((ClientData.serviceOpt_apns() == 'Y') || (ClientData.serviceOpt_usable_push_message() == 'Y')) {
-    	$('#dspPushMessage').show();
-    }
-
+    COMMON.checkAuth(false);
     SETTINGS.initScreen();
     SETTINGS.initScreen();
-
-    $("#dspSave").click(SETTINGS.dspSave_Click);
-
-    if(ClientData.serviceOpt_encryption() == 'Y') {
-    	$("#dspPwdUpd").hide();
-    } else {
-    	$("#dspPwdUpd").click(SETTINGS.dspPwdUpd_Click);
-    }
-
-
-    $("#dspOptReset").click(SETTINGS.dspOptReset_Click);
-
-    $("#dspOptBk").click(SETTINGS.dspOptBk_Click);
-
-    $("#dspOptRes").click(SETTINGS.dspOptRes_Click);
-
     $("#dspPwdUpd1").click(SETTINGS.dspPwdUpd1_Click);
     $("#dspPwdUpd1").click(SETTINGS.dspPwdUpd1_Click);
-    $("#dspSkip").click(SETTINGS.dspSkip_Click);
-    $("#dspCancel").click(SETTINGS.dspCancel_Click);
-
-    $("#dspOptRes_OK").click(SETTINGS.dspOptRes_OK_Click);
-    $("#dspOptRes_Cancel").click(SETTINGS.dspOptRes_Cancel_Click);
-
-    $("#dspOptBk_OK").click(SETTINGS.dspOptBk_OK_Click);
-    $("#dspOptBk_Cancel").click(SETTINGS.dspOptBk_Cancel_Click);
-
-    // Check to hide/show backup button
-    if (ClientData.isChangedBookmark() == true
-        || ClientData.isChangedMarkingData() == true
-        || ClientData.isChangedMemo() == true) {
-        $("#dspOptBk").show();
-
-        // check disabled button backup
-        HEADER.checkDisabledButton('#dlgConfirmBackup .option_backup input', '#dspOptBk_OK');
-    }
-    else {
-        $("#dspOptBk").hide();
-    }
-
-
-    // Get flag to determine must change password
-    AVWEB.avwCmsApi(ClientData.userInfo_accountPath(), "requirePasswordChange", 'GET', { sid: ClientData.userInfo_sid() },
-    		SETTINGS.avwCmsApi_requirePasswordChange_success,
-    		null
-    );
-
-    // In case: user_data_backup = "Y" -> backup
-    if (ClientData.serviceOpt_user_data_backup() != "Y") {
-
-        $("#dspOptBk").css('visibility', 'hidden');
-        $("#dspOptRes").css('visibility', 'hidden');
-
-        $("#chkOptBkCfm").css('visibility', 'hidden');
-        $("#txtOptBkCfm").css('visibility', 'hidden');
-        $("#txtBkResCap").css('visibility', 'hidden');
-        $('#regionOptionBackup').css('visibility', 'hidden');
-        $('#backup_default').css('visibility', 'hidden');
-    }
-    else {
-
-        // check show restore button No.17
-
-        var isExistMarking = SETTINGS.IsExistBackupFile('Marking.json', 2);
-        var isExistContentMemo = SETTINGS.IsExistBackupFile('ContentMemo.json', 1);
-        var isExistBookmark = SETTINGS.IsExistBackupFile('Bookmark.json', 4);
-
-        if (isExistMarking || isExistContentMemo || isExistBookmark) {
-            $("#dspOptRes").css('visibility', '');
-
-            if (!isExistMarking) {
-                $('#chkopResMarking').attr('disabled', 'disabled').removeAttr('checked');
-            }
-            else {
-                $('#chkopResMarking').removeAttr('disabled');
-            }
-
-            if (!isExistContentMemo) {
-                $('#chkopResMemo').attr('disabled', 'disabled').removeAttr('checked');
-            }
-            else {
-                $('#chkopResMemo').removeAttr('disabled');
-            }
-
-            if (!isExistBookmark) {
-                $('#chkopResShiori').attr('disabled', 'disabled').removeAttr('checked');
-            }
-            else {
-                $('#chkopResShiori').removeAttr('disabled');
-            }
-
-            // check disabled button restore
-            HEADER.checkDisabledButton('#dlgConfirmRestore .option_backup input', '#dspOptRes_OK');
-
-        }
-        else {
-            $("#dspOptRes").css('visibility', 'hidden');
-        }
-    }
 });
 });
 
 
-/*
-  event of changing language
-*/
-function changeLanguageCallBackFunction() {
-//    document.title = I18N.i18nText('dspSetting') + ' | ' + I18N.i18nText('sysAppTitle');
-};
-
-
-/*
-Check backup file exists or not for No.17
-*/
-
-SETTINGS.IsExistBackupFile = function(file,type) {
-    var isExisted = false;
-    var params = { "sid": ClientData.userInfo_sid(), "filename": file, fileType: type }; //, deviceType: '4'
-    // Get list of files
-    AVWEB.avwCmsApiSync(ClientData.userInfo_accountPath(), "getBackupFile", "post", params,
-                    function (data) {
-                        if (data) {
-                            isExisted = true;
-                        }
-                    },
-                    function (xhr, b, c) {
-                        if (xhr.status != 0) {
-                            isExisted = false;
-                        }
-                        else {
-                        	AVWEB.showSystemError();
-                        }
-                    });
-    return isExisted;
-};
-
-// Event success
-SETTINGS.avwCmsApi_requirePasswordChange_success = function(data) {
-
-    ClientData.requirePasswordChange(0);
-    if (data.requirePasswordChange == 1) {
-        if (ClientData.serviceOpt_force_pw_change_on_login() == 0) { // No need to change password
-            // Skip this case
-        }
-        else if (ClientData.serviceOpt_force_pw_change_on_login() == 1) {  // Recommend to change password
-            var pwdSkipDt = ClientData.userInfo_pwdSkipDt();
-
-            if (pwdSkipDt) {
-                // Check 30 days
-                var currDate = new Date();
-                var skipDate = new Date(pwdSkipDt);
-                var numDay = currDate.subtractByDays(skipDate);
-
-                if (numDay <= 30) {
-                    // Do not show dialog to change password
-                }
-                else if (numDay > 30) {
-                    // Show dialog to change password
-                	SETTINGS.openChangePassword();
-
-                    $("#dspSkip").show();
-                    $("#dspCancel").hide();
-                }
-            }
-            else {
-
-                //alert('pwdSkipDt=null');
-            	SETTINGS.openChangePassword();
-
-                $("#dspSkip").show();
-                $("#dspCancel").hide();
-            }
-        }
-        else if (ClientData.serviceOpt_force_pw_change_on_login() == 2) {  // Force to change password
-        	ClientData.requirePasswordChange(1);
-        	SETTINGS.openChangePassword();
-
-            $("#dspSkip").hide();
-            $("#dspCancel").hide();
-            //$("#dspPwdUpd1").css('margin', $("#dspCancel").css('margin'));
-            //$("#dspPwdUpd1").css('margin', '-27px 97px 0 0');
-            $("#txtChangePassComment").css('visibility', 'hidden');
-
-        }
-
-    }
-    else if (data.requirePasswordChange == 2) {
-
-        if (ClientData.serviceOpt_force_pw_change_periodically() == 0) { // No need to change password
-            // Skip this case
-        }
-        else if (ClientData.serviceOpt_force_pw_change_periodically() == 1) {  // Recommend to change password
-            var pwdSkipDt = ClientData.userInfo_pwdSkipDt();
-
-            if (pwdSkipDt) {
-                // Check 30 days
-                var currDate = new Date();
-                var skipDate = new Date(pwdSkipDt);
-                var numDay = currDate.subtractByDays(skipDate);
-
-                if (numDay <= 30) {
-                    // Do not show dialog to change password
-                }
-                else if (numDay > 30) {
-                    // Show dialog to change password
-                	SETTINGS.openChangePassword();
-
-                    $("#dspSkip").show();
-                    $("#dspCancel").hide();
-                }
-            }
-            else {
-                //alert('pwdSkipDt=null');
-
-            	SETTINGS.openChangePassword();
-
-                $("#dspSkip").show();
-                $("#dspCancel").hide();
-            }
-
-
-        }
-        else if (ClientData.serviceOpt_force_pw_change_periodically() == 2) {  // Force to change password
-        	ClientData.requirePasswordChange(1);
-        	SETTINGS.openChangePassword();
-
-            $("#dspSkip").hide();
-            $("#dspCancel").hide();
-            //$("#dspPwdUpd1").css('margin', '-27px 97px 0 0');
-            $("#txtChangePassComment").css('visibility', 'hidden');
-        }
-    }
-    else if (data.requirePasswordChange == 0) {
-        // Skip this case
-    }
-};
-
-/*
-----------------------------------------------------------------------------
-Event groups [start]
-----------------------------------------------------------------------------
-*/
-
-// OK for backup
-SETTINGS.dspOptBk_OK_Click = function(e) {
-    e.preventDefault();
-
-    // check button is disabled
-    if ($(this).hasClass('disabled'))
-        return;
-
-    // ----------------------------
-    // Process backup here
-    // ----------------------------
-    // Bakup memo/marking/bookmark
-    // backup data for No.17
-
-    var isBackupMarking = $('#chkopBkMarking').attr('checked') == 'checked';
-    var isBackupMemo = $('#chkopBkMemo').attr('checked') == 'checked';
-    var isBackupBookmark = $('#chkopBkShiori').attr('checked') == 'checked';
-
-    if (!isBackupMarking && !isBackupMemo && !isBackupBookmark)
-    {
-    	SETTINGS.closeBackup();
-        return;
-    }
-
-    // call backup file at header
-    HEADER.DoBackup(isBackupMarking, isBackupMemo, isBackupBookmark, false,
-    function () {
-
-        // Check to hide/show backup button
-    	SETTINGS.setStatusButtonBackup();
-
-        // update check box restore
-        if (isBackupMarking && !ClientData.isChangedMarkingData()) {
-            $('#chkopResMarking').removeAttr('disabled');
-        }
-        if (isBackupMemo && !ClientData.isChangedMemo()) {
-            $('#chkopResMemo').removeAttr('disabled');
-        }
-        if (isBackupBookmark && !ClientData.isChangedBookmark()) {
-            $('#chkopResShiori').removeAttr('disabled');
-        }
-
-        SETTINGS.closeBackup();
-
-    });
-};
-
-// set status button backup and checkbox option
-SETTINGS.setStatusButtonBackup = function() {
-    if (ClientData.isChangedBookmark() == true || ClientData.isChangedMarkingData() == true || ClientData.isChangedMemo() == true) {
-
-        if (ClientData.isChangedBookmark() != true) {
-            $('#chkopBkShiori').attr('disabled', 'disabled').removeAttr('checked');
-        }
-        if (ClientData.isChangedMarkingData() != true) {
-            $('#chkopBkMarking').attr('disabled', 'disabled').removeAttr('checked');
-        }
-        if (ClientData.isChangedMemo() != true) {
-            $('#chkopBkMemo').attr('disabled', 'disabled').removeAttr('checked');
-        }
-        $("#dspOptBk").show();
-    }
-    else {
-
-        $("#dspOptBk").hide();
-    }
-};
-
-// Cancel for backup
-SETTINGS.dspOptBk_Cancel_Click = function(e) {
-    e.preventDefault();
-    SETTINGS.closeBackup(true);
-};
-
-// OK for restore
-SETTINGS.dspOptRes_OK_Click = function(e) {
-    e.preventDefault();
-    // ----------------------------
-    // Process restore
-    // ----------------------------
-
-    // check button is disabled
-    if ($(this).hasClass('disabled')){
-        return;
-    }
-
-    // Restore data for No.17
-
-    var isRestoreMarking = $('#chkopResMarking').attr('checked') == 'checked';
-    var isRestoreMemo = $('#chkopResMemo').attr('checked') == 'checked';
-    var isRestoreBookmark = $('#chkopResShiori').attr('checked') == 'checked';
-    if (!isRestoreMarking && !isRestoreMemo && !isRestoreBookmark) {
-    	SETTINGS.closeRestore();
-        return;
-    }
-
-        $().toastmessage({ position: 'middle-center' });
-        $().toastmessage('showToast', {
-            type: '',
-            sticky: true,
-            text: '',
-            customMessages: 'divResultMessage'
-        });
-        $('#divResultMessage').append("<div class='toast-item-loading'></div>"); // show item loading
-
-        setTimeout(function () {
-
-            if (isRestoreMarking) {
-
-                // restore Marking Data
-                var res = SETTINGS.restoreMarkingData();
-                if (!res) {
-                    $('#divResultMessage').append("<div class='toast-item-image-error toast-item-message'>" + I18N.i18nText('txtBkMarking') + " " + I18N.i18nText('msgRestoreFailed') + "</div>");
-                }
-                else {
-                    $('#divResultMessage').append("<div class='toast-item-image-success toast-item-message'>" + I18N.i18nText('txtBkMarking') + " " + I18N.i18nText('msgRestoreSuccess') + "</div>");
-                }
-            }
-            if (isRestoreMemo) {
-
-                // restore Memo data
-                var res = SETTINGS.restoreMemoData();
-                if (!res) {
-                    $('#divResultMessage').append("<div class='toast-item-image-error toast-item-message'>" + I18N.i18nText('txtBkMemo') + " " + I18N.i18nText('msgRestoreFailed') + "</div>");
-                }
-                else {
-                    $('#divResultMessage').append("<div class='toast-item-image-success toast-item-message'>" + I18N.i18nText('txtBkMemo') + " " + I18N.i18nText('msgRestoreSuccess') + "</div>");
-                }
-            }
-            if (isRestoreBookmark) {
-
-                // restore Bookmark data
-                var res = SETTINGS.restoreBookmarkData();
-                if (!res) {
-                    $('#divResultMessage').append("<div class='toast-item-image-error toast-item-message'>" + I18N.i18nText('txtBkShiori') + " " + I18N.i18nText('msgRestoreFailed') + "</div>");
-                }
-                else {
-                    $('#divResultMessage').append("<div class='toast-item-image-success toast-item-message'>" + I18N.i18nText('txtBkShiori') + " " + I18N.i18nText('msgRestoreSuccess') + "</div>");
-                }
-            }
-
-            // set status button backup
-            //SETTINGS.setStatusButtonBackup();
-
-            // show message result restore
-
-            // hide item loading
-            $('#divResultMessage .toast-item-loading').hide();
-
-            // active close toast button
-            $('.toast-item-close').click(function () { $().toastmessage('removeToast', $('#divResultMessage'), null); });
-        }, 1000);
-
-        SETTINGS.closeRestore();
-};
-
-/*
- * Call api to restore bookmark data
- */
-SETTINGS.restoreBookmarkData = function()
-{
-    var result = false;
-    AVWEB.avwCmsApiSync(ClientData.userInfo_accountPath(), "getBackupFile", "post",
-                { sid: ClientData.userInfo_sid(), filename: "Bookmark.json" }, // deviceType: '4',
-                    function (data) {
-                        if (data) {
-                            COMMON.getDataBookmark(data);
-                            ClientData.isChangedBookmark(false);
-                            result = true;
-                        }
-                    }
-                ,
-                function (xhr, b, c) {
-                }
-    );
-    return result;
-};
-
-/*
- * Call api to restore memo data
- */
-SETTINGS.restoreMemoData = function() {
-    var result = false;
-    AVWEB.avwCmsApiSync(ClientData.userInfo_accountPath(), "getBackupFile", "post",
-                { sid: ClientData.userInfo_sid(), filename: "ContentMemo.json" }, //deviceType: '4',
-                    function (data) {
-                        if (data) {
-                            COMMON.getDataMemo(data);
-                            //ClientData.isChangedMemo(true);
-                            result = true;
-                        }
-                    }
-                ,
-                function (xhr, b, c) {
-                }
-    );
-    return result;
-};
-
-/*
- * Call api to restore marking data
- */
-SETTINGS.restoreMarkingData = function()
-{
-    var result = false;
-    AVWEB.avwCmsApiSync(ClientData.userInfo_accountPath(), "getBackupFile", "post",
-                { sid: ClientData.userInfo_sid(), filename: "Marking.json" }, // deviceType: '4',
-                    function (data) {
-                        if (data) {
-                            COMMON.getDataMarking(data);
-                            ClientData.isChangedMarkingData(false);
-                            result = true;
-                        }
-                    }
-                ,
-                function (xhr, b, c) {
-                }
-    );
-    return result;
-};
-
-
-// Cancel for restore
-SETTINGS.dspOptRes_Cancel_Click = function(e) {
-    e.preventDefault();
-    SETTINGS.closeRestore(true);
-};
-
-// Cancel to change password
-SETTINGS.dspCancel_Click = function(e) {
-    e.preventDefault();
-    var msgError = $('#dialog-error-message');
-    msgError.html('');
-    SETTINGS.closeChangePassword(true);
-};
-
-// Save setting
-SETTINGS.dspSave_Click = function(e) {
-    e.preventDefault();
-
-    // 最初の画面を選択
-    if ($("#rdoOpt001").attr('checked') == 'checked') {
-        ClientData.sortOpt_viewMode(COMMON.Consts.ConstDisplayMode_BookShelf); // Bookshelf
-    }
-    else {
-        ClientData.sortOpt_viewMode(COMMON.Consts.ConstDisplayMode_List); // List
-    }
-    // 動画、音楽繰り返し
-    if ($("#chkOpt002").attr('checked') == 'checked') {
-        ClientData.userOpt_musicMode(1);
-        ClientData.userOpt_videoMode(1);
-    }
-    else {
-        ClientData.userOpt_musicMode(0);
-        ClientData.userOpt_videoMode(0);
-    }
-    // マーキング（コンテンツを開いた時に表示する）
-    if ($("#chkOpt003").attr('checked') == 'checked') {
-        ClientData.userOpt_makingDsp(1);
-    }
-    else {
-        ClientData.userOpt_makingDsp(0);
-    }
-    // Show/not show alert when press F5.close tab.broswer.
-    if ($("#chkOpt005").attr('checked') == 'checked') {
-        ClientData.userOpt_closeOrRefreshAlert(1);
-        COMMON.ToogleLogoutNortice();
-    }
-    else {
-        ClientData.userOpt_closeOrRefreshAlert(0);
-        COMMON.ToogleLogoutNortice();
-    }
-    // 毎回ログアウトの時、バックアップするかどうかは必ず確認する
-    if ($("#chkOptBkCfm").attr('checked') == 'checked') {
-        ClientData.userOpt_bkConfirmFlg(1);
-    }
-    else {
-        ClientData.userOpt_bkConfirmFlg(0);
-    }
-
-
-    // save options backup No.17
-    if ($("#chkBkMarking").attr('checked') == 'checked') {
-        ClientData.userOpt_bkMakingFlag(1);
-    }
-    else {
-        ClientData.userOpt_bkMakingFlag(0);
-    }
-
-    if ($("#chkBkMemo").attr('checked') == 'checked') {
-        ClientData.userOpt_bkMemoFlag(1);
-    }
-    else {
-        ClientData.userOpt_bkMemoFlag(0);
-    }
-
-    if ($("#chkBkShiori").attr('checked') == 'checked') {
-        ClientData.userOpt_bkShioriFlag(1);
-    }
-    else {
-        ClientData.userOpt_bkShioriFlag(0);
-    }
-
-    // save config page transition No.4
-
-    ClientData.userOpt_pageTransition($('#cboAnimation').val());
-
-    var timeAnimation = $('#txtValueAnimation').val();
-
-    if (isNaN(timeAnimation) || timeAnimation < 0.1 || timeAnimation.length == 2 || timeAnimation.length > 3 || timeAnimation.indexOf('.')==0) {
-        timeAnimation = 0.1;
-    }
-    else if (timeAnimation > 9.9) {
-        timeAnimation = 9.9;
-    }
-
-    ClientData.userOpt_pageTransitionPeriod(timeAnimation);
-    $('#txtValueAnimation').val(timeAnimation);
-
-
-    /* show messages */
-    $().toastmessage({ position: 'middle-center' });
-    $().toastmessage('showToast', {
-        type: 'success',
-        sticky: true,
-        text: I18N.i18nText('msgSaveOk')
-    });
-
-};
-
-// Skip to change password
-SETTINGS.dspSkip_Click = function(e) {
-    e.preventDefault();
-    var msgError = $('#dialog-error-message');
-    msgError.html('');
-    // Update パスワードスキップ日時
-    ClientData.userInfo_pwdSkipDt(new Date());
-    SETTINGS.closeChangePassword();
-};
-
-SETTINGS.openChangePassword = function() {
-    //$("#dlgChangePassword").dialog("open");
-    //$(".ui-dialog-titlebar").hide();
-
-    // Clear all input values
-    $("#txtPwdCur").val('');
-    $("#txtPwdNew").val('');
-    $("#txtPwdNewRe").val('');
-
-    COMMON.lockLayout();
-    $("#dlgChangePassword").show();
-    $("#dlgChangePassword").center();
-
-};
-
-SETTINGS.closeChangePassword = function(skip) {
-    //$("#dlgChangePassword").dialog("close");
-    $("#dlgChangePassword").hide();
-    COMMON.unlockLayout();
-};
-
-// Want to change password
-SETTINGS.dspPwdUpd_Click = function(e) {
-    e.preventDefault();
-    $("#dspCancel").show();
-    $("#dspSkip").hide();
-    $("#txtChangePassComment").css('visibility', 'hidden');
-    //$("#dspPwdUpd1").css('margin', '-27px 97px 0 0');
-
-    // Show dialog
-    SETTINGS.openChangePassword();
-};
-
-// Reset setting
-SETTINGS.dspOptReset_Click = function(e) {
-    e.preventDefault();
-
-    // 最初の画面を選択
-    $("#rdoOpt001").attr('checked', 'checked');
-    // 動画、音楽繰り返し
-	if( AVWEB.avwSysSetting().optMusicMode != undefined){
-		if(AVWEB.avwSysSetting().optMusicMode == 1){
-			$("#chkOpt002").attr('checked', 'checked');
-		} else {
-			$("#chkOpt002").removeAttr('checked');
-		}
-	} else {
-		$("#chkOpt002").attr('checked', 'checked');
-	}
-    // マーキング（コンテンツを開いた時に表示する）
-    $("#chkOpt003").attr('checked', 'checked');
-    // Show alert when press F5.close tab.broswer
-    $("#chkOpt005").attr('checked', 'checked');
-    // 毎回ログアウトの時、バックアップするかどうかは必ず確認する
-    $("#chkOptBkCfm").attr('checked', 'checked');
-
-    // set default backup marking
-    $('#chkBkMarking').attr('checked', 'checked');
-    // set default backup memo
-    $('#chkBkMemo').attr('checked', 'checked');
-    // set default backup bookmark
-    $('#chkBkShiori').attr('checked', 'checked');
-
-    // reset page transition no.4
-    $('#txtValueAnimation').val(1);
-    $('#cboAnimation').val(0);
-    $('#slidebar-animation').slider('value', 1);
-
-};
-
-// Backup
-SETTINGS.dspOptBk_Click = function(e) {
-    e.preventDefault();
-
-    // set options backup No.17
-
-    if (ClientData.userOpt_bkMakingFlag() == 0)
-    {
-        $("#chkopBkMarking").removeAttr('checked');
-    }
-    else
-    {
-        $("#chkopBkMarking").attr('checked', 'checked');
-    }
-    if (ClientData.userOpt_bkMemoFlag() == 0) {
-        $("#chkopBkMemo").removeAttr('checked');
-    }
-    else {
-        $("#chkopBkMemo").attr('checked', 'checked');
-    }
-
-    if (ClientData.userOpt_bkShioriFlag() == 0) {
-        $("#chkopBkShiori").removeAttr('checked');
-    }
-    else {
-        $("#chkopBkShiori").attr('checked', 'checked');
-    }
-
-    // check content is changed
-
-    if (!ClientData.isChangedBookmark())
-    {
-        $('#chkopBkShiori').attr('disabled', 'disabled').removeAttr('checked');
-    }
-    else {
-        $('#chkopBkShiori').removeAttr('disabled');
-    }
-
-    if (!ClientData.isChangedMemo()) {
-        $('#chkopBkMemo').attr('disabled', 'disabled').removeAttr('checked');
-    }
-    else {
-        $('#chkopBkMemo').removeAttr('disabled');
-    }
-    if (!ClientData.isChangedMarkingData()) {
-        $('#chkopBkMarking').attr('disabled', 'disabled').removeAttr('checked');
-    }
-    else {
-        $('#chkopBkMarking').removeAttr('disabled');
-    }
-
-    HEADER.setDisabledButton('#dlgConfirmBackup .option_backup input', '#dspOptBk_OK');
-
-    SETTINGS.openBackup();
-};
-
-// Restore
-SETTINGS.dspOptRes_Click = function(e) {
-    e.preventDefault();
-    SETTINGS.openRestore();
-};
-
 // Process changing password
 // Process changing password
 SETTINGS.dspPwdUpd1_Click = function(e) {
 SETTINGS.dspPwdUpd1_Click = function(e) {
     e.preventDefault();
     e.preventDefault();
     var isOK = true;
     var isOK = true;
-	var msgError = $('#dialog-error-message');
+	var msgError = $('#main-error-message');
     // Check validation
     // Check validation
     if (!ValidationUtil.CheckRequiredForText(SETTINGS.getCurrentPassword())) {
     if (!ValidationUtil.CheckRequiredForText(SETTINGS.getCurrentPassword())) {
         isOK = false;
         isOK = false;
-	    msgError.html(I18N.i18nText('msgPwdEmpty'));
+	    msgError.html(COMMON.format(I18N.i18nText('msgEssential'), I18N.i18nText('txtPwdCurr')).toString());
     	msgError.show();
     	msgError.show();
-
     }
     }
     else {
     else {
         if (!ValidationUtil.CheckRequiredForText(SETTINGS.getNewPassword())) {
         if (!ValidationUtil.CheckRequiredForText(SETTINGS.getNewPassword())) {
             isOK = false;
             isOK = false;
-    	    msgError.html(I18N.i18nText('msgPwdEmpty'));
+    	    msgError.html(COMMON.format(I18N.i18nText('msgEssential'), I18N.i18nText('txtPwdNew')).toString());
 	    	msgError.show();
 	    	msgError.show();
-        }
-        else {
+        } else if (!ValidationUtil.CheckRequiredForText(SETTINGS.getNewPasswordRe())) {
+            isOK = false;
+            msgError.html(COMMON.format(I18N.i18nText('msgEssential'), I18N.i18nText('txtPwdNewRe')).toString());
+            msgError.show();
+        } else {
             if (SETTINGS.getNewPassword() != SETTINGS.getNewPasswordRe()) {
             if (SETTINGS.getNewPassword() != SETTINGS.getNewPasswordRe()) {
                 isOK = false;
                 isOK = false;
                 msgError.html(I18N.i18nText('msgPwdNotMatch'));
                 msgError.html(I18N.i18nText('msgPwdNotMatch'));
-    			msgError.show();
+                msgError.show();
             }
             }
-
         }
         }
     }
     }
-
     if (isOK) {
     if (isOK) {
 
 
-        // Check max length
-        if (!ValidationUtil.CheckMaxLengthForByte(SETTINGS.getCurrentPassword(), 16)) {
+        // Check min length
+        if (!ValidationUtil.CheckMinLengthForByte(SETTINGS.getNewPassword(), 6)) {
             isOK = false;
             isOK = false;
+            msgError.html(I18N.i18nText('msgInvaildLength'));
+            msgError.show();
         }
         }
+        // Check max length
         if (!ValidationUtil.CheckMaxLengthForByte(SETTINGS.getNewPassword(), 16)) {
         if (!ValidationUtil.CheckMaxLengthForByte(SETTINGS.getNewPassword(), 16)) {
             isOK = false;
             isOK = false;
-        }
-        if (!ValidationUtil.CheckMaxLengthForByte(SETTINGS.getNewPasswordRe(), 16)) {
-            isOK = false;
-        }
-        // Data type
-        if (!ValidationUtil.IsAlphabetOrNumberOrSymbol(SETTINGS.getCurrentPassword())) {
-            isOK = false;
-        }
-        if (!ValidationUtil.IsAlphabetOrNumberOrSymbol(SETTINGS.getNewPassword())) {
-            isOK = false;
-        }
-        if (!ValidationUtil.IsAlphabetOrNumberOrSymbol(SETTINGS.getNewPasswordRe())) {
-            isOK = false;
+            msgError.html(I18N.i18nText('msgInvaildLength'));
+            msgError.show();
         }
         }
         // Check at least 3 consecutive characters
         // Check at least 3 consecutive characters
-        if (!ValidationUtil.HasSeqChar(SETTINGS.getNewPassword(), 3)) {
+        if (ValidationUtil.HasSeqChar(SETTINGS.getNewPassword(), 3)) {
         	isOK = false;
         	isOK = false;
+            msgError.html(I18N.i18nText('msgHasSeqChar'));
+            msgError.show();
         }
         }
         // Check 4 same characters in before password
         // Check 4 same characters in before password
-        if (!ValidationUtil.ContainSameSeqChar(SETTINGS.getCurrentPassword(), SETTINGS.getNewPassword(), 4)) {
+        if (ValidationUtil.ContainSameSeqChar(SETTINGS.getCurrentPassword(), SETTINGS.getNewPassword(), 4)) {
         	isOK = false;
         	isOK = false;
+            msgError.html(I18N.i18nText('msgContainSameSeqChar'));
+            msgError.show();
         }
         }
     }
     }
 
 
     // Do changing password
     // Do changing password
-    var params = {
-        sid: ClientData.userInfo_sid(),
-        loginId: ClientData.userInfo_loginId_session(),
-        password: SETTINGS.getCurrentPassword(),
-        newPassword: SETTINGS.getNewPassword(),
-        appId: 4
-    };
-
+    
     if (isOK) {
     if (isOK) {
-
-    	AVWEB.avwCmsApi(ClientData.userInfo_accountPath(), "passwordChange", "GET", params,
+        
+        var params = {
+            sid: ClientData.userInfo_sid(),
+            loginId: ClientData.userInfo_loginId_session(),
+            password: SETTINGS.getCurrentPassword(),
+            newPassword: SETTINGS.getNewPassword(),
+            language: I18N.getCurrentLanguage(),
+            appId: 4
+        };
+        const url = CONSTANT.URL.CMS.BASE + ClientData.userInfo_accountPath() + CONSTANT.URL.CMS.API.BASE + CONSTANT.URL.CMS.API.PASSWORD_CHANGE;
+    	COMMON.cmsAjax(url, params, false, 
     			SETTINGS.avwCmsApi_passwordChange_success,
     			SETTINGS.avwCmsApi_passwordChange_success,
     			SETTINGS.avwCmsApi_passwordChange_fail);
     			SETTINGS.avwCmsApi_passwordChange_fail);
     }
     }
@@ -816,40 +89,31 @@ SETTINGS.dspPwdUpd1_Click = function(e) {
 
 
 SETTINGS.avwCmsApi_passwordChange_success = function(data) {
 SETTINGS.avwCmsApi_passwordChange_success = function(data) {
     // OK
     // OK
-	var msgError = $('#dialog-error-message');
-    if (data.result != undefined && data.result != null) {
+	var msgError = $('#main-error-message');
 
 
-        if (data.result != COMMON.Consts.ConstAPI_SUCCESS) {
-       	    msgError.html(I18N.i18nText('msgPwdChangeNG'));
-			msgError.show();
-        }
-        else {
-        	ClientData.requirePasswordChange(0);
-        	msgError.html('');
-        	SETTINGS.closeChangePassword();
-            /* show messages */
-            $().toastmessage({ position: 'middle-center' });
-            $().toastmessage('showToast', {
-                type: 'success',
-                sticky: true,
-                text: I18N.i18nText('msgPwdChangeOK')
-            });
-        }
-    }
-};
-SETTINGS.avwCmsApi_passwordChange_fail = function(xhr, b, c) {
-    if (xhr.responseText && xhr.status != 0) {
-        /* show error messages */
-        var msgError = $('#dialog-error-message');
-
-        //msgError.html(I18N.i18nText('msgPwdChangeNG'));
-        msgError.html(JSON.parse(xhr.responseText).errorMessage);
+    if (data.httpStatus != CONSTANT.HTTP_STATUS.OK) {
+        msgError.html(I18N.i18nText('msgPwdChangeNG'));
         msgError.show();
         msgError.show();
     }
     }
     else {
     else {
-    	AVWEB.showSystemError();
+        msgError.html('');
+        $("#txtPwdCur").val("");
+        $("#txtPwdNew").val("");
+        $("#txtPwdNewRe").val("");
+        /* show messages */
+        COMMON.displayAlert('msgPwdChangeOK');
     }
     }
 };
 };
+SETTINGS.avwCmsApi_passwordChange_fail = function(xhr, b, c) {
+    /* show error messages */
+    var msgError = $('#main-error-message');
+    if (xhr.errorMessage && xhr.httpStatus != 0) {
+        msgError.html(xhr.errorMessage);
+    } else {
+        msgError.html(I18N.i18nText('msgPwdChangeNG'));
+    }
+    msgError.show();
+};
 
 
 
 
 /*
 /*
@@ -858,50 +122,6 @@ Event groups [ end ]
 ----------------------------------------------------------------------------
 ----------------------------------------------------------------------------
 */
 */
 
 
-// Setting dialog
-$(function () {
-    $('#dlgChangePassword').center();
-    $('#dlgConfirmBackup').center();
-    $('#dlgConfirmRestore').center();
-
-    $('#dlgChangePassword').hide();
-    $('#dlgConfirmBackup').hide();
-    $('#dlgConfirmRestore').hide();
-});
-
-SETTINGS.openBackup = function() {
-
-    COMMON.lockLayout();
-    $("#dlgConfirmBackup").show();
-    $("#dlgConfirmBackup").center();
-
-};
-
-SETTINGS.closeBackup = function(cancel) {
-    if (cancel != undefined || cancel == true) {
-        //alert('you cancelled');
-    }
-    //$("#dlgConfirmBackup").dialog("close");
-    $("#dlgConfirmBackup").hide();
-    COMMON.unlockLayout();
-};
-
-SETTINGS.openRestore = function() {
-    // check avaliable restore no.17
-    COMMON.lockLayout();
-    $("#dlgConfirmRestore").show();
-    $("#dlgConfirmRestore").center();
-};
-
-SETTINGS.closeRestore = function(cancel) {
-    if (cancel != undefined || cancel == true) {
-        //alert('you cancelled');
-    }
-    //$("#dlgConfirmRestore").dialog("close");
-    $("#dlgConfirmRestore").hide();
-    COMMON.unlockLayout();
-};
-
 // Get input current password
 // Get input current password
 SETTINGS.getCurrentPassword = function() {
 SETTINGS.getCurrentPassword = function() {
     return $("#txtPwdCur").val();
     return $("#txtPwdCur").val();
@@ -917,111 +137,19 @@ SETTINGS.getNewPasswordRe = function() {
 
 
 // Initalize screen
 // Initalize screen
 SETTINGS.initScreen = function() {
 SETTINGS.initScreen = function() {
-
-    // ログインID
+    $("#includedHeader").load("../html/common/header.html" , function() {
+        I18N.initi18n();
+        HEADER.init();
+    }); 
+    $("#includedConfirmModal").load("../html/common/confirm-modal.html", function() {
+        I18N.initi18n();
+    }); 
+    // Login ID
     $("#txtLoginId").text(ClientData.userInfo_loginId_session());
     $("#txtLoginId").text(ClientData.userInfo_loginId_session());
-    // アカウントパス
-    $("#txtLoginPath").text(ClientData.userInfo_accountPath_session());
+    // Account Path
+    $("#txtLoginAccPath").text(ClientData.userInfo_accountPath_session());
 
 
-    // 最終ログイン時間
+    // Recent login date
     $("#txtLastLoginTime").text(ClientData.userInfo_lastLoginTime());
     $("#txtLastLoginTime").text(ClientData.userInfo_lastLoginTime());
-    //alert(getLastLoginDate());
-
-
-    // 最初の画面を選択
-    if (ClientData.sortOpt_viewMode() == COMMON.Consts.ConstDisplayMode_List) {
-        $("#rdoOpt0011").attr('checked', 'checked');
-    }
-    else {
-        $("#rdoOpt001").attr('checked', 'checked');
-    }
-
-    // 動画、音楽繰り返し
-    if (ClientData.userOpt_musicMode() == 0) {
-        $("#chkOpt002").removeAttr('checked');
-    }
-    else {
-        $("#chkOpt002").attr('checked', 'checked');
-    }
-
-    // マーキング（コンテンツを開いた時に表示する）
-    if (ClientData.userOpt_makingDsp() == 0) {
-        $("#chkOpt003").removeAttr('checked');
-    }
-    else {
-
-        $("#chkOpt003").attr('checked', 'checked');
-    }
-	// Show alert when press F5.close tab.broswer
-	if (ClientData.userOpt_closeOrRefreshAlert() == 0) {
-        $("#chkOpt005").removeAttr('checked');
-    }
-    else {
-        $("#chkOpt005").attr('checked', 'checked');
-    }
-    // 毎回ログアウトの時、バックアップするかどうかは必ず確認する
-    if (ClientData.userOpt_bkConfirmFlg() == 0) {
-        $("#chkOptBkCfm").removeAttr('checked');
-    }
-    else {
-        $("#chkOptBkCfm").attr('checked', 'checked');
-    }
-
-    // options backup No.17
-
-    if (ClientData.userOpt_bkMakingFlag() == 0) {
-        $("#chkBkMarking").removeAttr('checked');
-    }
-    else {
-        $("#chkBkMarking").attr('checked', 'checked');
-    }
-
-    if (ClientData.userOpt_bkMemoFlag() == 0) {
-        $("#chkBkMemo").removeAttr('checked');
-    }
-    else {
-        $("#chkBkMemo").attr('checked', 'checked');
-    }
-
-    if (ClientData.userOpt_bkShioriFlag() == 0) {
-        $("#chkBkShiori").removeAttr('checked');
-    }
-    else {
-        $("#chkBkShiori").attr('checked', 'checked');
-    }
-
-    // load config page transition & page transition period  No.4
-
-    $('#cboAnimation').val(ClientData.userOpt_pageTransition());
-
-    $('#txtValueAnimation').val(ClientData.userOpt_pageTransitionPeriod());
-
-    $('#txtValueAnimation').blur(function () {
-
-        var value = $(this).val();
-        if (isNaN(value) || value < 0.1 || value.length == 2 || value.length > 3 || value.indexOf('.') == 0) {
-            value = 0.1;
-        }
-        else if (value > 9.9) {
-            value = 9.9;
-        }
-
-        $(this).val(value);
-        $('#slidebar-animation').slider('value', value);
-    });
-
-    $('#slidebar-animation').slider(
-        {
-            min: 0.1,
-            max: 9.9,
-            step: 0.1,
-            value: $('#txtValueAnimation').val(),
-            slide: SETTINGS.doChangeAnimationSlidebar
-        }
-    );
-
-};
 
 
-SETTINGS.doChangeAnimationSlidebar = function(e,obj) {
-    $('#txtValueAnimation').val(obj.value);
 };
 };

abweb/js/template/template.js

@@ -6,7 +6,7 @@ var TEMPLATE = {};
 
 
 /** template load header */
 /** template load header */
 TEMPLATE.loadHearder = function(elmentId) {
 TEMPLATE.loadHearder = function(elmentId) {
-    $(elmentId).load("../common/header.html" , function() {
+    $(elmentId).load("../html/common/header.html" , function() {
         I18N.initi18n();
         I18N.initi18n();
     }); 
     }); 
 }
 }
@@ -25,7 +25,7 @@ TEMPLATE.loadDashboardSetting = function(elmentId, changeCallback) {
 
 
 /** Template load confirm model */
 /** Template load confirm model */
 TEMPLATE.loadConfirmModal = function(elmentId) {
 TEMPLATE.loadConfirmModal = function(elmentId) {
-    $(elmentId).load("../common/confirm-modal.html", function() {
+    $(elmentId).load("../html/common/confirm-modal.html", function() {
         I18N.initi18n();
         I18N.initi18n();
     }); 
     }); 
 }
 }