2020-1-capstone-design2 / 2016104137

Go to a project
Toggle navigation Toggle navigation pinning
김예미
7b933275 1 parent fe58bc9b

update menu1 & menu2 design, update menu2-payment6~9 onclick

Inline Side-by-side
Showing 7 changed files with 1243 additions and 2065 deletions
......@@ -37,7 +37,7 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: "Born Ready Slanted","제주고딕", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-sans-serif: "제주고딕", "Born Ready Slanted",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
......@@ -59,7 +59,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
body {
margin: 0;
font-family: "Born Ready Slanted","제주고딕", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "제주고딕","Born Ready Slanted", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
color: #858796;
text-align: left;
......@@ -67,10 +67,13 @@ body {
}
.title{
font-family:"Born Ready Slanted";
padding-bottom:20px;
padding-bottom:10px;
padding-top:20px;
padding-left:20px;
}
#cc{
color:#000000 !important;
}
[tabindex="-1"]:focus {
outline: 0 !important;
......@@ -232,7 +235,6 @@ th {
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
......@@ -620,7 +622,7 @@ pre code {
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
width: 750px;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
......@@ -801,574 +803,6 @@ pre code {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 100%;
max-width: 100%;
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
flex: 0 0 100%;
max-width: 100%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
......@@ -1653,54 +1087,6 @@ pre code {
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
......@@ -2164,13 +1550,6 @@ textarea.form-control {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
......@@ -2906,64 +2285,20 @@ input[type="button"].btn-block {
color: #858796;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e3e6f0;
border-radius: 0.35rem;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0;
}
.dropdown-menu-md-right {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e3e6f0;
border-radius: 0.35rem;
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
}
.dropdown-menu-right {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu {
......@@ -4041,150 +3376,6 @@ input[type="button"].btn-block {
background-size: 100% 100%;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
......@@ -4443,22 +3634,6 @@ input[type="button"].btn-block {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-deck {
flex-flow: row wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 0.75rem;
margin-bottom: 0;
margin-left: 0.75rem;
}
}
.card-group {
display: flex;
flex-direction: column;
......@@ -4468,63 +3643,10 @@ input[type="button"].btn-block {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-group {
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.accordion > .card {
overflow: hidden;
}
......@@ -4841,12 +3963,6 @@ a.badge-dark:focus, a.badge-dark.focus {
border-radius: 0.3rem;
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
......@@ -5143,90 +4259,6 @@ a.badge-dark:focus, a.badge-dark.focus {
border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.35rem;
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.35rem;
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.35rem;
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.35rem;
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0;
}
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
......@@ -5622,41 +4654,6 @@ a.close.disabled {
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
......@@ -9673,7 +8670,7 @@ a:focus {
.bg-gradient-primary {
background-color: #4e73df;
background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
background-image: linear-gradient(180deg, #4e73df 20%, #001B81 100%);
background-size: cover;
}
......@@ -10228,6 +9225,9 @@ a:focus {
margin: 1rem 1rem 1rem;
}
hr.sidebar-divider2 {
margin: 1rem 1.5rem 0.2rem;
}
.sidebar .sidebar-heading {
text-align: center;
padding: 0 1rem;
......@@ -10264,7 +9264,7 @@ a:focus {
width: 100%;
text-align: left;
padding-top:7px;
padding-bottom:7px;
padding-bottom:2px;
padding-left:1rem;
width: 14rem;
}
......@@ -10359,7 +9359,7 @@ a:focus {
color: #6e707e;
}
.sidebar-light hr.sidebar-divider {
.sidebar-light hr.sidebar-divider hr.sidebar-divider2{
border-top: 1px solid #eaecf4;
}
......@@ -10411,7 +9411,7 @@ a:focus {
color: #fff;
}
.sidebar-dark hr.sidebar-divider {
.sidebar-dark hr.sidebar-divider hr.sidebar-divider2{
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
......@@ -11007,7 +10007,7 @@ body.sidebar-toggled footer.sticky-footer {
#dateForm{
display:grid;
grid-template-columns: 130px 23px;
grid-template-columns: 80px 13px 80px 23px;
margin-left:1rem;
}
#between_date_start, #between_date_end,#between_list_date_start, #between_list_date_end, #between_rank_date_start, #between_rank_date_end, #between_timeline_date_start, #between_timeline_date_end{
......@@ -11040,6 +10040,7 @@ body.sidebar-toggled footer.sticky-footer {
font-size:10px;
color:#fff;
margin-left:1.2rem;
margin-top:6px;
}
ul{
list-style: none;
......@@ -11048,16 +10049,17 @@ ul{
font-size:12px;
}
#choice{
width:50%;
margin: 0 auto;
width:750px;
padding-right:160px;
padding-left:160px;
padding-bottom:30px;
}
#choiceul{
width: 100%;
margin: 0 auto;
padding-left:0px;
padding-bottom:10px;
display:grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap:6px;
}
.sort, .filterlabel{
width:100%;
......@@ -11067,14 +10069,22 @@ ul{
#myList{
padding-right:160px;
padding-left:160px;
padding-bottom:10px;
padding-bottom:30px;
display:grid;
grid-template-columns: 1fr;
width: 750px;
}
#myList_in{
line-height: 1em;
display:grid;
grid-template-columns: repeat(5,1fr);
grid-row-gap:6px;
}
#myList_in2{
line-height: 1em;
display:grid;
grid-template-columns: repeat(4,1fr);
grid-row-gap:6px;
}
.search{
margin-bottom:10px;
......@@ -11100,4 +10110,13 @@ input[type="checkbox"]{
float:right;
margin-right:1.5px;
margin-top: 3px;
display:none;
}
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.menu_icon{
margin-right:5px;
}
\ No newline at end of file
......
......@@ -37,7 +37,7 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: "Born Ready Slanted","제주고딕", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-sans-serif: "제주고딕", "Born Ready Slanted",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
......@@ -59,7 +59,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
body {
margin: 0;
font-family: "Born Ready Slanted","제주고딕", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: "제주고딕", "Born Ready Slanted",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
color: #858796;
text-align: left;
......@@ -67,10 +67,13 @@ body {
}
.title{
font-family:"Born Ready Slanted";
padding-bottom:20px;
padding-bottom:10px;
padding-top:20px;
padding-left:20px;
}
#cc{
color:#000000 !important;
}
[tabindex="-1"]:focus {
outline: 0 !important;
......@@ -232,7 +235,6 @@ th {
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
......@@ -598,8 +600,8 @@ pre code {
.row {
display: flex;
flex-wrap: wrap;
margin-right: 1rem;
margin-left: 1rem;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.no-gutters {
......@@ -620,11 +622,10 @@ pre code {
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
width: 750px;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.col {
flex-basis: 0;
flex-grow: 1;
......@@ -801,574 +802,6 @@ pre code {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 100%;
max-width: 100%;
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
flex: 0 0 100%;
max-width: 100%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
......@@ -9673,7 +9106,7 @@ a:focus {
.bg-gradient-primary {
background-color: #4e73df;
background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
background-image: linear-gradient(180deg, #4e73df 20%, #001B81 100%);
background-size: cover;
}
......@@ -10228,6 +9661,10 @@ a:focus {
margin: 1rem 1rem 1rem;
}
hr.sidebar-divider2 {
margin: 1rem 1.5rem 0.2rem;
}
.sidebar .sidebar-heading {
text-align: center;
padding: 0 1rem;
......@@ -10264,7 +9701,7 @@ a:focus {
width: 100%;
text-align: left;
padding-top:7px;
padding-bottom:7px;
padding-bottom:2px;
padding-left:1rem;
width: 14rem;
}
......@@ -10359,7 +9796,7 @@ a:focus {
color: #6e707e;
}
.sidebar-light hr.sidebar-divider {
.sidebar-light hr.sidebar-divider hr.sidebar-divider2{
border-top: 1px solid #eaecf4;
}
......@@ -10411,7 +9848,7 @@ a:focus {
color: #fff;
}
.sidebar-dark hr.sidebar-divider {
.sidebar-dark hr.sidebar-divider hr.sidebar-divider2 {
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
......@@ -11007,19 +10444,14 @@ body.sidebar-toggled footer.sticky-footer {
#dateForm{
display:grid;
grid-template-columns: 130px 23px;
grid-template-columns: 80px 13px 80px 23px;
margin-left:1rem;
}
#between_date_start, #between_date_end,#between_payment_date_start, #between_payment_date_end, #between_amount_date_start, #between_amount_date_end, #between_payment_date_start, #between_payment_date_end, #between_card_date_start, #between_card_date_end, #between_store_date_start, #between_store_date_end{
#between_paylist_date_start, #between_paylist_date_end, #between_date_start, #between_date_end,#between_payment_date_start, #between_payment_date_end, #between_amount_date_start, #between_amount_date_end, #between_payment_date_start, #between_payment_date_end, #between_card_date_start, #between_card_date_end, #between_store_date_start, #between_store_date_end{
font-size:10px;
margin-top:2px;
margin-right:2px;
}
#between_date_submit, #between_amount_date_submit, #between_payment_date_submit, #between_card_date_submit, #between_store_date_submit{
margin-top:2px;
font-size:8px;
height:24px;
}
#numberForm{
display:grid;
......@@ -11031,7 +10463,7 @@ body.sidebar-toggled footer.sticky-footer {
margin-top:2px;
margin-right:2px;
}
#number_push, #number_pop, #number_submit{
#number_push, #number_pop{
margin-top:2px;
font-size:8px;
height:24px;
......@@ -11040,6 +10472,7 @@ body.sidebar-toggled footer.sticky-footer {
font-size:10px;
color:#fff;
margin-left:1.2rem;
margin-top:6px;
}
ul{
list-style: none;
......@@ -11048,16 +10481,17 @@ ul{
font-size:12px;
}
#choice{
width:30%;
margin: 0 auto;
width:750px;
padding-right:160px;
padding-left:160px;
padding-bottom:30px;
}
#choiceul{
width: 100%;
margin: 0 auto;
padding-left:0px;
padding-bottom:10px;
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(4, 1fr);
grid-row-gap:6px;
}
.sort, .filterlabel{
width:100%;
......@@ -11067,14 +10501,16 @@ ul{
#myList{
padding-right:160px;
padding-left:160px;
padding-bottom:10px;
padding-bottom:30px;
display:grid;
grid-template-columns: 1fr;
width: 750px;
}
#myList_in{
line-height: 1em;
display:grid;
grid-template-columns: repeat(4,1fr);
grid-row-gap:6px;
}
.search{
margin-bottom:10px;
......@@ -11096,7 +10532,15 @@ input[type="checkbox"]{
float:right;
margin-right:1.5px;
margin-top: 3px;
display:none;
}
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#paymentspace{
width:720px !important;
.menu_icon{
margin-right:5px;
}
\ No newline at end of file
......
......@@ -14,6 +14,7 @@
"dependencies": {
"@google-cloud/vision": "^2.0.0",
"appium-adb": "^7.27.1",
"bootstrap-icons": "^1.0.0-alpha4",
"chart.js": "^2.9.3",
"jQuery": "^1.7.4",
"jquery": "^3.5.0",
......
......@@ -30,49 +30,73 @@
<!-- Heading -->
<div class="sidebar-heading">
<svg class="bi bi-graph-up menu_icon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h1v16H0V0zm1 15h15v1H1v-1z"/>
<path fill-rule="evenodd" d="M14.39 4.312L10.041 9.75 7 6.707l-3.646 3.647-.708-.708L7 5.293 9.959 8.25l3.65-4.563.781.624z"/>
<path fill-rule="evenodd" d="M10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4h-3.5a.5.5 0 0 1-.5-.5z"/>
</svg>
통계 분석
</div>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="analysis1">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>최근 6개월 통계</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="analysis2">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 통계</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="analysis3">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 통계</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_date_start" />
~
<input type="date" id="between_date_end" />
<input type="button" id="between_date_submit" value="》" onclick="get_date_analysis();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_date_analysis();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="analysis4">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 연락처 통계</span></a>
</li>
<form name="numberForm" method="post" id="numberForm">
<input type="text" id="number" />
<input type="button" id="number_push" value="+" onclick="get_number_push();" />
<input type="button" id="number_pop" value="-" onclick="get_number_pop();" />
<input type="button" id="number_submit" value="》" onclick="get_number_analysis();" />
<svg class="bi bi-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_push();">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5z"/>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8z"/>
</svg>
<svg class="bi bi-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_pop();">
<path fill-rule="evenodd" d="M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z"/>
</svg>
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_analysis();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<li class="nav-item active" id="analysis4_list"></li>
......@@ -81,35 +105,47 @@
<!-- Heading -->
<div class="sidebar-heading">
<svg class="bi bi-list-ul menu_icon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg>
목록 분석
</div>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="list1">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>최근 1개월 목록</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="list2">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 목록</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="list4">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 목록</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_list_date_start" />
~
<input type="date" id="between_list_date_end" />
<input type="button" id="between_date_submit" value="》" onclick="get_date_list();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;margin-top:6px;" onclick="get_date_list();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Divider -->
......@@ -117,87 +153,133 @@
<!-- Heading -->
<div class="sidebar-heading">
<svg class="bi bi-pencil menu_icon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M11.293 1.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-.39.242l-3 1a1 1 0 0 1-1.266-1.265l1-3a1 1 0 0 1 .242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z"/>
<path fill-rule="evenodd" d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 0 0 .5.5H4v.5a.5.5 0 0 0 .5.5H5v.5a.5.5 0 0 0 .5.5H6v-1.5a.5.5 0 0 0-.5-.5H5v-.5a.5.5 0 0 0-.5-.5H3z"/>
</svg>
상세 분석
</div>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="more1">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 연락 순위</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="more2">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 연락 순위</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_rank_date_start" />
~
<input type="date" id="between_rank_date_end" />
<input type="button" id="between_rank_submit" value="》" onclick="get_date_rank();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_date_rank();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Divider -->
<hr class="sidebar-divider2">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="more3">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 연락 시간대</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="more4">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 연락 시간대</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_timeline_date_start" />
~
<input type="date" id="between_timeline_date_end" />
<input type="button" id="between_timeline_submit" value="》" onclick="get_date_timeline();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_date_timeline();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="more5">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 연락처 연락 시간대</span></a>
</li>
<form name="numberForm" method="post" id="numberForm">
<input type="text" id="timeline_number" />
<input type="button" id="number_push" value="+" onclick="get_number_timeline_push();" />
<input type="button" id="number_pop" value="-" onclick="get_number_timeline_pop();" />
<input type="button" id="number_submit" value="》" onclick="get_number_timeline();" />
<svg class="bi bi-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_timeline_push();">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5z"/>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8z"/>
</svg>
<svg class="bi bi-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_timeline_pop();">
<path fill-rule="evenodd" d="M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z"/>
</svg>
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_timeline();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<li class="nav-item active" id="more5_list"></li>
<!-- Divider -->
<hr class="sidebar-divider2">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="more6">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 답장 시간</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="more7">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 연락처 답장 시간</span></a>
</li>
<form name="numberForm" method="post" id="numberForm">
<input type="text" id="restime_number" />
<input type="button" id="number_push" value="+" onclick="get_number_restime_push();" />
<input type="button" id="number_pop" value="-" onclick="get_number_restime_pop();" />
<input type="button" id="number_submit" value="》" onclick="get_number_restime();" />
<svg class="bi bi-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_restime_push();">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5z"/>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8z"/>
</svg>
<svg class="bi bi-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_restime_pop();">
<path fill-rule="evenodd" d="M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z"/>
</svg>
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_restime();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<li class="nav-item active" id="more7_list"></li>
<li class="nav-item active" id="more7_list" style="margin-bottom:7rem;"></li>
</ul>
<!-- End of Sidebar -->
......@@ -234,7 +316,7 @@
<div class="row">
<!-- Area Chart -->
<div class="col-xl-8 col-lg-7" id="chart" style="display:none">
<div class="col-xl-8 col-lg-7" id="chart" style="display:none;">
<div class="card shadow mb-4">
<!-- Card Header - Dropdown -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
......@@ -254,8 +336,8 @@
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area">
<canvas id="myChart" width="710" height="350" style="margin-left:4px; margin-top:4px;"></canvas>
<div class="chart-area" id="chart-area">
<canvas id="myChart" width="700" style="margin-left:4px; margin-top:4px;"></canvas>
</div>
</div>
</div>
......@@ -272,29 +354,61 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 통화
<input type="checkbox" class="filter1" id="filter1" data_filter="type_cs" data_value="call" />
</li>
<li class="filterlabel"># 문자
<input type="checkbox" class="filter1" id="filter1" data_filter="type_cs" data_value="sms" />
</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter1" id="filter1" data_filter="type_gs" data_value="get" />
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter1" id="filter1" data_filter="type_gs" data_value="send" />
</li>
<li class="filterlabel"># 부재중
<input type="checkbox" class="filter1" id="filter1" data_filter="type_gs" data_value="missed" />
</li>
<li class="filterlabel"># 10분 이하
<input type="checkbox" class="filter1" id="filter1" data_filter="duration" data_value="less10" />
</li>
<li class="filterlabel"># 1시간 이상
<input type="checkbox" class="filter1" id="filter1" data_filter="duration" data_value="more60" />
</li>
<li class="filterlabel"># 삭제된 문자
<input type="checkbox" class="filter1" id="filter1" data_filter="delete" data_value="true" />
<li class="filterlabel">
<label for="filter1_1" class="filter1_label"># 통화 </label>
<svg class="bi bi-check2" id="filter1_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_1" icon="filter1_icon1" data_filter="type_cs" data_value="call" />
</li>
<li class="filterlabel">
<label for="filter1_2" class="filter1_label"># 문자 </label>
<svg class="bi bi-check2" id="filter1_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_2" icon="filter1_icon2" data_filter="type_cs" data_value="sms" />
</li>
<li class="filterlabel">
<label for="filter1_3" class="filter1_label"># 수신 </label>
<svg class="bi bi-check2" id="filter1_icon3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_3" icon="filter1_icon3" data_filter="type_gs" data_value="get" />
</li>
<li class="filterlabel">
<label for="filter1_4" class="filter1_label"># 발신 </label>
<svg class="bi bi-check2" id="filter1_icon4" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_4" icon="filter1_icon4" data_filter="type_gs" data_value="send" />
</li>
<li class="filterlabel">
<label for="filter1_5" class="filter1_label"># 부재중 </label>
<svg class="bi bi-check2" id="filter1_icon5" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_5" icon="filter1_icon5" data_filter="type_gs" data_value="missed" />
</li>
<li class="filterlabel">
<label for="filter1_6" class="filter1_label"># 10분 이하 </label>
<svg class="bi bi-check2" id="filter1_icon6" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_6" icon="filter1_icon6" data_filter="duration" data_value="less10" />
</li>
<li class="filterlabel">
<label for="filter1_7" class="filter1_label"># 1시간 이상 </label>
<svg class="bi bi-check2" id="filter1_icon7" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_7" icon="filter1_icon7" data_filter="duration" data_value="more60" />
</li>
<li class="filterlabel">
<label for="filter1_8" class="filter1_label"># 삭제된 문자 </label>
<svg class="bi bi-check2" id="filter1_icon8" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_8" icon="filter1_icon8" data_filter="delete" data_value="true" />
</li>
</div>
</div>
......@@ -310,29 +424,61 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 통화
<input type="checkbox" class="filter2" id="filter2" data_filter="type_cs" data_value="call"/>
</li>
<li class="filterlabel"># 문자
<input type="checkbox" class="filter2" id="filter2" data_filter="type_cs" data_value="sms"/>
</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter2" id="filter2" data_filter="type_gs" data_value="get"/>
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter2" id="filter2" data_filter="type_gs" data_value="send"/>
</li>
<li class="filterlabel"># 부재중
<input type="checkbox" class="filter2" id="filter2" data_filter="type_gs" data_value="missed"/>
</li>
<li class="filterlabel"># 10분 이하
<input type="checkbox" class="filter2" id="filter2" data_filter="duration" data_value="less10"/>
</li>
<li class="filterlabel"># 1시간 이상
<input type="checkbox" class="filter2" id="filter2" data_filter="duration" data_value="more60"/>
</li>
<li class="filterlabel"># 삭제된 문자
<input type="checkbox" class="filter2" id="filter2" data_filter="delete" data_value="true"/>
<li class="filterlabel">
<label for="filter2_1" class="filter2_label"># 통화 </label>
<svg class="bi bi-check2" id="filter2_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_1" icon="filter2_icon1" data_filter="type_cs" data_value="call"/>
</li>
<li class="filterlabel">
<label for="filter2_2" class="filter2_label"># 문자 </label>
<svg class="bi bi-check2" id="filter2_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_2" icon="filter2_icon2" data_filter="type_cs" data_value="sms"/>
</li>
<li class="filterlabel">
<label for="filter2_3" class="filter2_label"># 수신 </label>
<svg class="bi bi-check2" id="filter2_icon3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_3" icon="filter2_icon3" data_filter="type_gs" data_value="get"/>
</li>
<li class="filterlabel">
<label for="filter2_4" class="filter2_label"># 발신 </label>
<svg class="bi bi-check2" id="filter2_icon4" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_4" icon="filter2_icon4" data_filter="type_gs" data_value="send"/>
</li>
<li class="filterlabel">
<label for="filter2_5" class="filter2_label"># 부재중 </label>
<svg class="bi bi-check2" id="filter2_icon5" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_5" icon="filter2_icon5" data_filter="type_gs" data_value="missed"/>
</li>
<li class="filterlabel">
<label for="filter2_6" class="filter2_label"># 10분 이하 </label>
<svg class="bi bi-check2" id="filter2_icon6" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_6" icon="filter2_icon6" data_filter="duration" data_value="less10"/>
</li>
<li class="filterlabel">
<label for="filter2_7" class="filter2_label"># 1시간 이상 </label>
<svg class="bi bi-check2" id="filter2_icon7" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_7" icon="filter2_icon7" data_filter="duration" data_value="more60"/>
</li>
<li class="filterlabel">
<label for="filter2_8" class="filter2_label"># 삭제된 문자 </label>
<svg class="bi bi-check2" id="filter2_icon8" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_8" icon="filter2_icon8" data_filter="delete" data_value="true"/>
</li>
</div>
</div>
......@@ -348,29 +494,61 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 통화
<input type="checkbox" class="filter3" id="filter3" data_filter="type_cs" data_value="call"/>
</li>
<li class="filterlabel"># 문자
<input type="checkbox" class="filter3" id="filter3" data_filter="type_cs" data_value="sms"/>
</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter3" id="filter3" data_filter="type_gs" data_value="get"/>
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter3" id="filter3" data_filter="type_gs" data_value="send"/>
</li>
<li class="filterlabel"># 부재중
<input type="checkbox" class="filter3" id="filter3" data_filter="type_gs" data_value="missed"/>
</li>
<li class="filterlabel"># 10분 이하
<input type="checkbox" class="filter3" id="filter3" data_filter="duration" data_value="less10"/>
</li>
<li class="filterlabel"># 1시간 이상
<input type="checkbox" class="filter3" id="filter3" data_filter="duration" data_value="more60"/>
</li>
<li class="filterlabel"># 삭제된 문자
<input type="checkbox" class="filter3" id="filter3" data_filter="delete" data_value="true"/>
<li class="filterlabel">
<label for="filter3_1" class="filter3_label"># 통화 </label>
<svg class="bi bi-check2" id="filter3_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_1" icon="filter3_icon1" data_filter="type_cs" data_value="call"/>
</li>
<li class="filterlabel">
<label for="filter3_2" class="filter3_label"># 문자 </label>
<svg class="bi bi-check2" id="filter3_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_2" icon="filter3_icon2" data_filter="type_cs" data_value="sms"/>
</li>
<li class="filterlabel">
<label for="filter3_3" class="filter3_label"># 수신 </label>
<svg class="bi bi-check2" id="filter3_icon3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_3" icon="filter3_icon3" data_filter="type_gs" data_value="get"/>
</li>
<li class="filterlabel">
<label for="filter3_4" class="filter3_label"># 발신 </label>
<svg class="bi bi-check2" id="filter3_icon4" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_4" icon="filter3_icon4" data_filter="type_gs" data_value="send"/>
</li>
<li class="filterlabel">
<label for="filter3_5" class="filter3_label"># 부재중 </label>
<svg class="bi bi-check2" id="filter3_icon5" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_5" icon="filter3_icon5" data_filter="type_gs" data_value="missed"/>
</li>
<li class="filterlabel">
<label for="filter3_6" class="filter3_label"># 10분 이하 </label>
<svg class="bi bi-check2" id="filter3_icon6" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_6" icon="filter3_icon6" data_filter="duration" data_value="less10"/>
</li>
<li class="filterlabel">
<label for="filter3_7" class="filter3_label"># 1시간 이상 </label>
<svg class="bi bi-check2" id="filter3_icon7" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_7" icon="filter3_icon7" data_filter="duration" data_value="more60"/>
</li>
<li class="filterlabel">
<label for="filter3_8" class="filter3_label"># 삭제된 문자 </label>
<svg class="bi bi-check2" id="filter3_icon8" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_8" icon="filter3_icon8" data_filter="delete" data_value="true"/>
</li>
</div>
</div>
......@@ -384,7 +562,7 @@
<input type="text" class="search form-control bg-light border-0 small" placeholder="Search">
</div>
</form>
<div id="myList_in">
<div id="myList_in2">
<li class="sort" data-sort="get_date"># 보낸 시간순</li>
<li class="sort" data-sort="send_date"># 받은 시간순</li>
<li class="sort" data-sort="ttttt"># 빠른 답장순</li>
......@@ -400,7 +578,7 @@
<input type="text" class="search form-control bg-light border-0 small" placeholder="Search">
</div>
</form>
<div id="myList_in">
<div id="myList_in2">
<li class="sort" data-sort="get_date"># 보낸 시간순</li>
<li class="sort" data-sort="send_date"># 받은 시간순</li>
<li class="sort" data-sort="ttttt"># 빠른 답장순</li>
......
......@@ -296,7 +296,7 @@ var options = {
display:true,
text:title_text
},
maintainAspectRatio: true,
maintainAspectRatio: false,
scales: {
yAxes: [{
ticks: {
......@@ -312,6 +312,7 @@ var options_stacked = {
display:true,
text:title_text
},
maintainAspectRatio: false,
Legend:{display:false},
scales: {
xAxes: [{
......@@ -397,7 +398,6 @@ var options_main_stacked={
options: options_stacked
};
var options_main_nu_2={
type: 'bar',
data: {
......@@ -501,8 +501,10 @@ function change_type_title(type_number){
}
}
function changeLabelText(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r){
function changeLabelText(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s){
options_main_stacked.type="bar";
options_main_stacked.data.labels=a;
options_main_stacked.data.datasets[0].type="line";
options_main_stacked.data.datasets[0].label=b;
options_main_stacked.data.datasets[0].data=c;
options_main_stacked.data.datasets[1].label=d;
......@@ -510,12 +512,15 @@ function changeLabelText(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r){
options_main_stacked.data.datasets[2].label=f;
options_main_stacked.data.datasets[2].data=g;
options_main_2.type="bar";
options_main_2.data.labels=a;
options_main_2.data.datasets[0].label=d;
options_main_2.data.datasets[0].data=e
options_main_3.type="bar";
options_main_3.data.labels=a;
options_main_3.data.datasets[0].label=f;
options_main_3.data.datasets[0].data=g;
options_main_4.type="bar";
options_main_4.data.labels=a;
options_main_4.data.datasets[0].label=h;
options_main_4.data.datasets[0].data=i;
......@@ -539,6 +544,7 @@ function changeLabelText(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r){
options_main_nu_4.data.datasets[0].data=q;
menu_name.innerHTML=r;
box_name.innerHTML=s;
options.title.text=r;
options_stacked.title.text=r;
options_main_2.options=options;
......@@ -551,8 +557,10 @@ function changeLabelText(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r){
options_main_nu_stacked.options=options_stacked;
}
function changeLabelText2(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r){
function changeLabelText_hor(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s){
options_main_stacked.type="horizontalBar";
options_main_stacked.data.labels=a;
options_main_stacked.data.datasets[0].type="horizontalBar";
options_main_stacked.data.datasets[0].label=b;
options_main_stacked.data.datasets[0].data=c;
options_main_stacked.data.datasets[1].label=d;
......@@ -560,16 +568,20 @@ function changeLabelText2(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r){
options_main_stacked.data.datasets[2].label=f;
options_main_stacked.data.datasets[2].data=g;
options_main_2.type="horizontalBar";
options_main_2.data.labels=h;
options_main_2.data.datasets[0].label=i;
options_main_2.data.datasets[0].data=j;
options_main_3.type="horizontalBar";
options_main_3.data.labels=k;
options_main_3.data.datasets[0].label=l;
options_main_3.data.datasets[0].data=m;
options_main_4.type="horizontalBar";
options_main_4.data.labels=n;
options_main_4.data.datasets[0].label=o;
options_main_4.data.datasets[0].data=p;
box_name.innerHTML=s;
menu_name.innerHTML=r;
options.title.text=r;
options_stacked.title.text=r;
......@@ -601,10 +613,11 @@ var analysis1 = document.getElementById('analysis1');
analysis1.addEventListener('click', function(){
chartView();
change_type_title(1);
changeLabelText(month_6, "연락 수", logcount_6, "통화 수", callcount_6, "문자 수", smscount_6, "통화 시간", durationsum_6, "누적 연락 수", logcount_6nu, "누적 통화 수", callcount_6nu, "누적 문자 수",smscount_6nu, "누적 통화 시간", durationsum_6nu,"최근 6개월의 통계");
changeLabelText(month_6, "연락 수", logcount_6, "통화 수", callcount_6, "문자 수", smscount_6, "통화 시간", durationsum_6, "누적 연락 수", logcount_6nu, "누적 통화 수", callcount_6nu, "누적 문자 수",smscount_6nu, "누적 통화 시간", durationsum_6nu,"최근 6개월의 통계","# 연락 수");
choosed_menu="analysis1";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -612,10 +625,11 @@ var analysis2 = document.getElementById('analysis2');
analysis2.addEventListener('click', function(){
chartView();
change_type_title(1);
changeLabelText(month, "연락 수", logcount, "통화 수", callcount, "문자 수", smscount, "통화 시간", durationsum, "누적 연락 수", logcount_nu, "누적 통화 수", callcount_nu, "누적 문자 수",smscount_nu, "누적 통화 시간", durationsum_nu,"전체 기간의 통계");
changeLabelText(month, "연락 수", logcount, "통화 수", callcount, "문자 수", smscount, "통화 시간", durationsum, "누적 연락 수", logcount_nu, "누적 통화 수", callcount_nu, "누적 문자 수",smscount_nu, "누적 통화 시간", durationsum_nu,"전체 기간의 통계","# 연락 수");
choosed_menu="analysis2";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -623,10 +637,11 @@ var analysis3 = document.getElementById('analysis3');
analysis3.addEventListener('click', function(){
chartView();
change_type_title(1);
changeLabelText(month_b, "연락 수", logcount_b, "통화 수", callcount_b, "문자 수", smscount_b, "통화 시간", durationsum_b, "누적 연락 수", logcount_bnu, "누적 통화 수", callcount_bnu, "누적 문자 수",smscount_bnu, "누적 통화 시간", durationsum_bnu,"특정 기간의 통계");
changeLabelText(month_b, "연락 수", logcount_b, "통화 수", callcount_b, "문자 수", smscount_b, "통화 시간", durationsum_b, "누적 연락 수", logcount_bnu, "누적 통화 수", callcount_bnu, "누적 문자 수",smscount_bnu, "누적 통화 시간", durationsum_bnu,"특정 기간의 통계 / "+date_start.split(' ')[0]+" ~ "+date_end.split(' ')[0],"# 연락 수");
choosed_menu="analysis3";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -634,10 +649,11 @@ var analysis4 = document.getElementById('analysis4');
analysis4.addEventListener('click', function(){
chartView();
change_type_title(1);
changeLabelText(month_w, "연락 수", logcount_w, "통화 수", callcount_w, "문자 수", smscount_w, "통화 시간", durationsum_w, "누적 연락 수", logcount_wnu, "누적 통화 수", callcount_wnu, "누적 문자 수",smscount_wnu, "누적 통화 시간", durationsum_wnu,"특정 연락처와의 통계");
changeLabelText(month_w, "연락 수", logcount_w, "통화 수", callcount_w, "문자 수", smscount_w, "통화 시간", durationsum_w, "누적 연락 수", logcount_wnu, "누적 통화 수", callcount_wnu, "누적 문자 수",smscount_wnu, "누적 통화 시간", durationsum_wnu,"특정 연락처와의 통계","# 연락 수");
choosed_menu="analysis4";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -679,7 +695,7 @@ list4.addEventListener('click', function(){
chartspace.style="display:none";
choicespace.style="display:none";
choosed_menu="list4";
menu_name.innerHTML="특정 기간 목록";
menu_name.innerHTML="특정 기간의 목록 / "+list_date_start.split(' ')[0]+" ~ "+list_date_end.split(' ')[0];
window.myChart.destroy();
});
......@@ -687,10 +703,11 @@ var more1 = document.getElementById('more1');
more1.addEventListener('click', function(){
chartView();
change_type_title(4);
changeLabelText2(ranking_rnu, "누적 연락 수", logcount_rnu, "누적 통화 수", callcount_rnu, "누적 문자 수", smscount_rnu, ranking_rnuc, "누적 통화 수", callcount_rnuc, ranking_rnus, "누적 문자 수", smscount_rnus, ranking_rnud, "누적 통화 시간", durationsum_rnud, [],"전체 기간의 연락 순위");
changeLabelText_hor(ranking_rnu, "누적 연락 수", logcount_rnu, "누적 통화 수", callcount_rnu, "누적 문자 수", smscount_rnu, ranking_rnuc, "누적 통화 수", callcount_rnuc, ranking_rnus, "누적 문자 수", smscount_rnus, ranking_rnud, "누적 통화 시간", durationsum_rnud, [],"전체 기간의 연락 순위","# 연락 수");
choosed_menu="more1";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -698,10 +715,11 @@ var more2 = document.getElementById('more2');
more2.addEventListener('click', function(){
chartView();
change_type_title(4);
changeLabelText2(ranking_brnu, "누적 연락 수", logcount_brnu, "누적 통화 수", callcount_brnu, "누적 문자 수", smscount_brnu, ranking_brnuc, "누적 통화 수", callcount_brnuc, ranking_brnus, "누적 문자 수", smscount_brnus, ranking_brnud, "누적 통화 시간", durationsum_brnud, [],"특정 기간의 연락 순위");
changeLabelText_hor(ranking_brnu, "누적 연락 수", logcount_brnu, "누적 통화 수", callcount_brnu, "누적 문자 수", smscount_brnu, ranking_brnuc, "누적 통화 수", callcount_brnuc, ranking_brnus, "누적 문자 수", smscount_brnus, ranking_brnud, "누적 통화 시간", durationsum_brnud, [],"특정 기간의 연락 순위 / "+rank_date_start.split(' ')[0]+" ~ "+rank_date_end.split(' ')[0],"# 연락 수");
choosed_menu="more2";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -709,10 +727,11 @@ var more3 = document.getElementById('more3');
more3.addEventListener('click', function(){
chartView();
change_type_title(5);
changeLabelText(timeline, "누적 연락 수", logcount_t, "누적 통화 수", callcount_t, "누적 문자 수", smscount_t, "수", [], "수", [], "수",[] , "수",[], "수", [],"전체 기간의 선호 연락 시간대");
changeLabelText(timeline, "누적 연락 수", logcount_t, "누적 통화 수", callcount_t, "누적 문자 수", smscount_t, "수", [], "수", [], "수",[] , "수",[], "수", [],"전체 기간의 선호 연락 시간대","# 연락 수");
choosed_menu="more3";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -720,10 +739,11 @@ var more4 = document.getElementById('more4');
more4.addEventListener('click', function(){
chartView();
change_type_title(5);
changeLabelText(timeline, "누적 연락 수", logcount_tb, "누적 통화 수", callcount_tb, "누적 문자 수", smscount_tb, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 기간의 선호 연락 시간대");
changeLabelText(timeline, "누적 연락 수", logcount_tb, "누적 통화 수", callcount_tb, "누적 문자 수", smscount_tb, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 기간의 선호 연락 시간대 / "+timeline_date_start.split(' ')[0]+" ~ "+timeline_date_end.split(' ')[0],"# 연락 수");
choosed_menu="more4";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -731,10 +751,11 @@ var more5 = document.getElementById('more5');
more5.addEventListener('click', function(){
chartView();
change_type_title(5);
changeLabelText(timeline, "누적 연락 수", logcount_tw, "누적 통화 수", callcount_tw, "누적 문자 수", smscount_tw, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 연락처와의 선호 연락 시간대");
changeLabelText(timeline, "누적 연락 수", logcount_tw, "누적 통화 수", callcount_tw, "누적 문자 수", smscount_tw, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 연락처와의 선호 연락 시간대","# 연락 수");
choosed_menu="more5";
box_name.innerHTML="# 연락 수"
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
});
......@@ -869,13 +890,14 @@ type8.addEventListener('click', function(){
function get_date_analysis(){
chartView();
change_type_title(1);
choosed_menu="analysis3";
date_start=document.getElementById('between_date_start').value+' 00:00:00';
date_end=document.getElementById('between_date_end').value+' 23:59:59';
chartView();
change_type_title(1);
choosed_menu="analysis3";
connection.query('drop table IF EXISTS calllog_between; create table calllog_between(date datetime not null, logcount int, callcount int, smscount int, durationsum int, primary key(date)); insert into calllog_between(date, callcount, durationsum) (select date_format(date, "%Y-%m-02 00:00:00"), count(*), sum(duration) from calllog where type in (1,2,3) and date between ? and ? group by date_format(date, "%Y-%m-02 00:00:00")); update calllog_between cb left join (select date_format(date, "%Y-%m-02 00:00:00") "date", count(*) "count" from calllog where date between ? and ? group by date_format(date, "%Y-%m-02 00:00:00")) temp on cb.date=temp.date set cb.logcount=temp.count, cb.smscount=cb.logcount-cb.callcount;',[date_start, date_end,date_start, date_end], function(err, rows){
if(!err){
connection.query('select * from calllog_between order by date;', function(err, rows, fields){
......@@ -910,6 +932,12 @@ function get_date_analysis(){
smscount_bnu.push(rows[i].smscount);
durationsum_bnu.push(rows[i].durationsum);
}
changeLabelText(month_b, "연락 수", logcount_b, "통화 수", callcount_b, "문자 수", smscount_b, "통화 시간", durationsum_b, "누적 연락 수", logcount_bnu, "누적 통화 수", callcount_bnu, "누적 문자 수",smscount_bnu, "누적 통화 시간", durationsum_bnu,"특정 기간의 통계 / "+date_start.split(' ')[0]+" ~ "+date_end.split(' ')[0],"# 연락 수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
}
else
cc.innerHTML='Error-#15';
......@@ -918,21 +946,16 @@ function get_date_analysis(){
else
cc.innerHTML='Error-#13'+err;
});
menu_name.innerHTML="특정 기간의 통계";
changeLabelText(month_b, "연락 수", logcount_b, "통화 수", callcount_b, "문자 수", smscount_b, "통화 시간", durationsum_b, "누적 연락 수", logcount_bnu, "누적 통화 수", callcount_bnu, "누적 문자 수",smscount_bnu, "누적 통화 시간", durationsum_bnu,"특정 기간의 통계");
window.myChart.destroy();
//connection.end();
}
function get_number_push(){
number.push(document.getElementById('number').value);
analysis4_list.innerHTML=number;
analysis4_list.innerHTML=number.join('<br>');
}
function get_number_pop(){
number.splice(number.indexOf(document.getElementById('number').value),1);
analysis4_list.innerHTML=number;
analysis4_list.innerHTML=number.join('<br>');
}
function get_number_analysis(){
chartView();
......@@ -973,6 +996,11 @@ function get_number_analysis(){
smscount_wnu.push(rows[i].smscount);
durationsum_wnu.push(rows[i].durationsum);
}
changeLabelText(month_w, "연락 수", logcount_w, "통화 수", callcount_w, "문자 수", smscount_w, "통화 시간", durationsum_w, "누적 연락 수", logcount_wnu, "누적 통화 수", callcount_wnu, "누적 문자 수",smscount_wnu, "누적 통화 시간", durationsum_wnu,"특정 연락처와의 통계","# 연락 수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
}
else
cc.innerHTML='Error-#18';
......@@ -981,10 +1009,6 @@ function get_number_analysis(){
else
cc.innerHTML='Error-#16'+err;
});
menu_name.innerHTML="특정 연락처와의 통계";
changeLabelText(month_w, "연락 수", logcount_w, "통화 수", callcount_w, "문자 수", smscount_w, "통화 시간", durationsum_w, "누적 연락 수", logcount_wnu, "누적 통화 수", callcount_wnu, "누적 문자 수",smscount_wnu, "누적 통화 시간", durationsum_wnu,"특정 연락처와의 통계");
window.myChart.destroy();
//connection.end();
}
......@@ -1071,15 +1095,17 @@ function get_date_rank(){
ranking_brnud.push(rows[i].number+" ("+name+")");
durationsum_brnud.push(rows[i].durationsum);
}
changeLabelText_hor(ranking_brnu, "누적 연락 수", logcount_brnu, "누적 통화 수", callcount_brnu, "누적 문자 수", smscount_brnu, ranking_brnuc, "누적 통화 수", callcount_brnuc, ranking_brnus, "누적 문자 수", smscount_brnus, ranking_brnud, "누적 통화 시간", durationsum_brnud, [],"특정 기간의 연락 순위 / "+rank_date_start.split(' ')[0]+" ~ "+rank_date_end.split(' ')[0],"# 연락 수");
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_main_stacked);
}
else
cc.innerHTML='Error-#23';
});
}
})
menu_name.innerHTML="특정 기간의 연락 순위";
changeLabelText2(ranking_brnu, "누적 연락 수", logcount_brnu, "누적 통화 수", callcount_brnu, "누적 문자 수", smscount_brnu, ranking_brnuc, "누적 통화 수", callcount_brnuc, ranking_brnus, "누적 문자 수", smscount_brnus, ranking_brnud, "누적 통화 시간", durationsum_brnud, [],"특정 기간의 연락 순위");
window.myChart.destroy();
//connection.end();
}
......@@ -1104,6 +1130,11 @@ function get_date_timeline(){
smscount_tb.push(rows[i].smscount);
logcount_tb.push(rows[i].callcount+rows[i].smscount);
}
changeLabelText(timeline, "누적 연락 수", logcount_tb, "누적 통화 수", callcount_tb, "누적 문자 수", smscount_tb, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 기간의 선호 연락 시간대 / "+timeline_date_start.split(' ')[0]+" ~ "+timeline_date_end.split(' ')[0],"# 연락 수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
}
else
cc.innerHTML='Error-#25';
......@@ -1112,20 +1143,16 @@ function get_date_timeline(){
else
cc.innerHTML='Error-#24'+err;
});
menu_name.innerHTML="특정 기간의 선호 연락 시간대";
changeLabelText(timeline, "누적 연락 수", logcount_tb, "누적 통화 수", callcount_tb, "누적 문자 수", smscount_tb, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 기간의 선호 연락 시간대");
window.myChart.destroy();
//connection.end();
}
function get_number_timeline_push(){
timeline_number.push(document.getElementById('timeline_number').value);
more5_list.innerHTML=timeline_number;
more5_list.innerHTML=timeline_number.join('<br>');
}
function get_number_timeline_pop(){
timeline_number.splice(timeline_number.indexOf(document.getElementById('timeline_number').value),1);
more5_list.innerHTML=timeline_number;
more5_list.innerHTML=timeline_number.join('<br>');
}
function get_number_timeline(){
chartView();
......@@ -1145,6 +1172,11 @@ function get_number_timeline(){
smscount_tw.push(rows[i].smscount);
logcount_tw.push(rows[i].callcount+rows[i].smscount);
}
changeLabelText(timeline, "누적 연락 수", logcount_tw, "누적 통화 수", callcount_tw, "누적 문자 수", smscount_tw, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 연락처와의 선호 연락 시간대","# 연락 수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_main_stacked);
}
else
cc.innerHTML='Error-#27';
......@@ -1153,10 +1185,6 @@ function get_number_timeline(){
else
cc.innerHTML='Error-#26'+err;
});
menu_name.innerHTML="특정 연락처와의 선호 연락 시간대";
changeLabelText(timeline, "누적 연락 수", logcount_tw, "누적 통화 수", callcount_tw, "누적 문자 수", smscount_tw, "수", [], "수", [], "수",[] , "수",[], "수", [],"특정 연락처와의 선호 연락 시간대");
window.myChart.destroy();
//connection.end();
}
......@@ -1486,7 +1514,7 @@ function get_date_list(){
}
values_list_between.push({type:type_temp, type_cs:type_cs_temp ,type_gs:type_gs_temp,number:number_temp,date:date_temp, body:body_temp, duration:duration_temp, delete:delete_temp});
}
menu_name.innerHTML="특정 기간의 목록";
menu_name.innerHTML="특정 기간의 목록 / "+list_date_start.split(' ')[0]+" ~ "+list_date_end.split(' ')[0];
myList3 = new List('listspace3', options_list, values_list_between);
}
else
......@@ -1505,22 +1533,25 @@ var filter3_element=document.getElementsByClassName("filter3");
function filter_listener(event){
var data_filter_temp=event.target.getAttribute('data_filter');
var data_value_temp=event.target.getAttribute('data_value');
var icon_temp=event.target.getAttribute('icon');
var checked_temp=event.target.checked;
switch(event.target.id){
switch(event.target.id.slice(0,7)){
case "filter1":
filter_action(filter1List, checked_temp, data_filter_temp, data_value_temp, myList);
filter_action(filter1List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList);
break;
case "filter2":
filter_action(filter2List, checked_temp, data_filter_temp, data_value_temp, myList2);
filter_action(filter2List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList2);
break;
case "filter3":
filter_action(filter3List, checked_temp, data_filter_temp, data_value_temp, myList3);
filter_action(filter3List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList3);
break;
}
}
function filter_action(paramlist, checked_temp, filter_temp, value_temp, myList_temp){
function filter_action(paramlist, checked_temp, filter_temp, value_temp, icon_temp, myList_temp){
if (checked_temp){
document.getElementById(icon_temp).style="display:inline";
paramlist.push(filter_temp);
paramlist.push(value_temp);
......@@ -1537,6 +1568,8 @@ function filter_action(paramlist, checked_temp, filter_temp, value_temp, myList_
});
}
else{
document.getElementById(icon_temp).style="display:none";
paramlist.splice(paramlist.indexOf(value_temp)-1,2);
myList_temp.filter(function (item) {
......@@ -1643,11 +1676,11 @@ connection.query('drop table if exists sms_response; create table sms_response (
function get_number_restime_push(){
restime_number.push(document.getElementById('restime_number').value);
more7_list.innerHTML=restime_number;
more7_list.innerHTML=restime_number.join('<br>');
}
function get_number_restime_pop(){
restime_number.splice(restime_number.indexOf(document.getElementById('restime_number').value),1);
more7_list.innerHTML=restime_number;
more7_list.innerHTML=restime_number.join('<br>');
}
function get_number_restime(){
listspace.style="display:none";
......
......@@ -30,56 +30,81 @@
<!-- Heading -->
<div class="sidebar-heading">
키워드 분석
<svg class="bi bi-envelope menu_icon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
<path d="M.05 3.555C.017 3.698 0 3.847 0 4v.697l5.803 3.546L0 11.801V12c0 .306.069.596.192.856l6.57-4.027L8 9.586l1.239-.757 6.57 4.027c.122-.26.191-.55.191-.856v-.2l-5.803-3.557L16 4.697V4c0-.153-.017-.302-.05-.445L8 8.414.05 3.555z"/>
</svg>
문자 키워드 분석
</div>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="keyword" style="text-decoration:line-through">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 문자 키워드 목록</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="keyword1" style="text-decoration:line-through">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>최근 키워드 순위</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="keyword2" style="text-decoration:line-through">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 키워드 순위</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="keyword3" style="text-decoration:line-through">
<i class="fas fa-fw"></i>
<span>특정 기간 키워드</span></a>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 키워드 순위</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_date_start" />
~
<input type="date" id="between_date_end" />
<input type="button" id="between_date_submit" value="》" onclick="get_date_keyword();" />
<svg class="bi bi-arrow-right-short" id="between_date_submit" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_date_keyword();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="keyword4" style="text-decoration:line-through">
<i class="fas fa-fw"></i>
<span>특정 연락처 키워드</span></a>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 연락처 키워드 순위</span></a>
</li>
<form name="numberForm" method="post" id="numberForm">
<input type="text" id="number" />
<input type="button" id="number_push" value="+" onclick="get_number_push();" />
<input type="button" id="number_pop" value="-" onclick="get_number_pop();" />
<input type="button" id="number_submit" value="》" onclick="get_number_keyword();" />
<svg class="bi bi-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_push();">
<path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5z"/>
<path fill-rule="evenodd" d="M7.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8z"/>
</svg>
<svg class="bi bi-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_pop();">
<path fill-rule="evenodd" d="M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z"/>
</svg>
<svg class="bi bi-arrow-right-short" id="number_submit" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white; margin-top:6px;" onclick="get_number_keyword();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<li class="nav-item active" id="keyword4_list"></li>
......@@ -88,97 +113,163 @@
<!-- Heading -->
<div class="sidebar-heading">
<svg class="bi bi-credit-card menu_icon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
<rect width="3" height="3" x="2" y="9" rx="1"/>
<path d="M1 5h14v2H1z"/>
</svg>
결제문자 분석
</div>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment1">
<i class="fas fa-fw"></i>
<a class="nav-link" id="payment0">
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>결제문자 목록</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment1">
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 결제문자 목록</span></a>
</li>
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_paylist_date_start" />
~
<input type="date" id="between_paylist_date_end" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;margin-top:6px;" onclick="get_paylist_date_payment();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Divider -->
<hr class="sidebar-divider2">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment2">
<i class="fas fa-fw"></i>
<span>전체 사용 금액 통계</span></a>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>전체 결제 금액 통계</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment3">
<i class="fas fa-fw"></i>
<span>특정 기간 사용 금액 통계</span></a>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 결제 금액 통계</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_amount_date_start" />
~
<input type="date" id="between_amount_date_end" />
<input type="button" id="between_amount_date_submit" value="》" onclick="get_amount_date_payment();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;margin-top:6px;" onclick="get_amount_date_payment();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Divider -->
<hr class="sidebar-divider2">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment4">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>결제 시간대</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment5">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 결제 시간대</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_payment_date_start" />
~
<input type="date" id="between_payment_date_end" />
<input type="button" id="between_payment_date_submit" value="》" onclick="get_payment_date_payment();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;margin-top:6px;" onclick="get_payment_date_payment();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Divider -->
<hr class="sidebar-divider2">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment6">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>카드 이용 순위</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment7">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 카드 이용 순위</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white;">
<input type="date" id="between_card_date_start" />
~
<input type="date" id="between_card_date_end" />
<input type="button" id="between_card_date_submit" value="》" onclick="get_card_date_payment();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;margin-top:6px;" onclick="get_card_date_payment();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
<!-- Divider -->
<hr class="sidebar-divider2">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment8">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>사용처 순위</span></a>
</li>
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" id="payment9">
<i class="fas fa-fw"></i>
<svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;">
<path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
</svg>
<span>특정 기간 사용처 순위</span></a>
</li>
<form name="dateForm" method="post" id="dateForm">
<form name="dateForm" method="post" id="dateForm" style="color:white; margin-bottom:7rem;">
<input type="date" id="between_store_date_start" />
~
<input type="date" id="between_store_date_end" />
<input type="button" id="between_store_date_submit" value="》" onclick="get_store_date_payment();" />
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:white;margin-top:6px;" onclick="get_store_date_payment();">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</form>
</ul>
<!-- End of Sidebar -->
......@@ -200,6 +291,7 @@
<div class="row">
<div id="choice" style="display:none;">
<ul id="choiceul">
<li class="cr" id="type0"></li>
<li class="cr" id="type1"></li>
<li class="cr" id="type2"></li>
</ul>
......@@ -230,8 +322,8 @@
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area">
<canvas id="myChart" width="710" height="350" style="margin-left:4px; margin-top:4px;"></canvas>
<div class="chart-area" id="chart-area">
<canvas id="myChart" width="700" style="margin-left:4px; margin-top:4px;"></canvas>
</div>
</div>
</div>
......@@ -248,11 +340,19 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter0" id="filter0" data_value=" get" />
<li class="filterlabel">
<label for="filter0_1" class="filter0_label"># 수신 </label>
<svg class="bi bi-check2" id="filter0_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter0" id="filter0_1" icon="filter0_icon1" data_value=" get"/>
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter0" id="filter0" data_value=" send" />
<li class="filterlabel">
<label for="filter0_2" class="filter0_label"># 발신 </label>
<svg class="bi bi-check2" id="filter0_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter0" id="filter0_2" icon="filter0_icon2" data_value=" send"/>
</li>
</div>
</div>
......@@ -267,12 +367,19 @@
</div>
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter1" id="filter1" data_value=" get" />
<li class="filterlabel">
<label for="filter1_1" class="filter1_label"># 수신 </label>
<svg class="bi bi-check2" id="filter1_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_1" icon="filter1_icon1" data_value=" get"/>
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter1" id="filter1" data_value=" send" />
<li class="filterlabel">
<label for="filter1_2" class="filter1_label"># 발신 </label>
<svg class="bi bi-check2" id="filter1_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter1" id="filter1_2" icon="filter1_icon2" data_value=" send"/>
</li>
</div>
</div>
......@@ -288,11 +395,19 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter2" id="filter2" data_value=" get" />
<li class="filterlabel">
<label for="filter2_1" class="filter2_label"># 수신 </label>
<svg class="bi bi-check2" id="filter2_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_1" icon="filter2_icon1" data_value=" get"/>
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter2" id="filter2" data_value=" send" />
<li class="filterlabel">
<label for="filter2_2" class="filter2_label"># 발신 </label>
<svg class="bi bi-check2" id="filter2_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter2" id="filter2_2" icon="filter2_icon2" data_value=" send"/>
</li>
</div>
</div>
......@@ -308,11 +423,19 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter3" id="filter3" data_value=" get" />
<li class="filterlabel">
<label for="filter3_1" class="filter3_label"># 수신 </label>
<svg class="bi bi-check2" id="filter3_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_1" icon="filter3_icon1" data_value=" get"/>
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter3" id="filter3" data_value=" send" />
<li class="filterlabel">
<label for="filter3_2" class="filter3_label"># 발신 </label>
<svg class="bi bi-check2" id="filter3_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter3" id="filter3_2" icon="filter3_icon2" data_value=" send"/>
</li>
</div>
</div>
......@@ -328,16 +451,80 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 수신
<input type="checkbox" class="filter4" id="filter4" data_value=" get" />
<li class="filterlabel">
<label for="filter4_1" class="filter4_label"># 수신 </label>
<svg class="bi bi-check2" id="filter4_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter4" id="filter4_1" icon="filter4_icon1" data_value=" get"/>
</li>
<li class="filterlabel"># 발신
<input type="checkbox" class="filter4" id="filter4" data_value=" send" />
<li class="filterlabel">
<label for="filter4_2" class="filter4_label"># 발신 </label>
<svg class="bi bi-check2" id="filter4_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter4" id="filter4_2" icon="filter4_icon2" data_value=" send"/>
</li>
</div>
</div>
<ol class="list"></ol>
</div>
<div id="payment6space" style="display:none;">
<div id="myList">
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="search form-control bg-light border-0 small" placeholder="Search">
</div>
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="sort" data-sort="price"># 금액순</li>
</div>
</div>
<ol class="list"></ol>
</div>
<div id="payment7space" style="display:none;">
<div id="myList">
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="search form-control bg-light border-0 small" placeholder="Search">
</div>
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="sort" data-sort="price"># 금액순</li>
</div>
</div>
<ol class="list"></ol>
</div>
<div id="payment8space" style="display:none;">
<div id="myList">
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="search form-control bg-light border-0 small" placeholder="Search">
</div>
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="sort" data-sort="price"># 금액순</li>
</div>
</div>
<ol class="list"></ol>
</div>
<div id="payment9space" style="display:none;">
<div id="myList">
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="search form-control bg-light border-0 small" placeholder="Search">
</div>
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="sort" data-sort="price"># 금액순</li>
</div>
</div>
<ol class="list"></ol>
</div>
<div id="paymentspace" style="display:none;">
<div id="myList">
......@@ -348,23 +535,106 @@
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel"># 체크
<input type="checkbox" class="filter5" id="filter5" data_filter="payment_" data_value="체크" />
<li class="filterlabel">
<label for="filter5_1" class="filter5_label"># 체크 </label>
<svg class="bi bi-check2" id="filter5_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter5" id="filter5_1" icon="filter5_icon1" data_filter="payment_" data_value="체크"/>
</li>
<li class="filterlabel">
<label for="filter5_2" class="filter5_label"># 일시불 </label>
<svg class="bi bi-check2" id="filter5_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter5" id="filter5_2" icon="filter5_icon2" data_filter="payment_" data_value="일시불"/>
</li>
<li class="filterlabel">
<label for="filter5_3" class="filter5_label"># 할부 </label>
<svg class="bi bi-check2" id="filter5_icon3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter5" id="filter5_3" icon="filter5_icon3" data_filter="payment_" data_value="할부"/>
</li>
<li class="sort" data-sort="price"># 금액순</li>
<li class="filterlabel">
<label for="filter5_4" class="filter5_label"># ~5만원 </label>
<svg class="bi bi-check2" id="filter5_icon4" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter5" id="filter5_4" icon="filter5_icon4" data_filter="amount" data_value="less5"/>
</li>
<li class="filterlabel">
<label for="filter5_5" class="filter5_label"># 5~10만원 </label>
<svg class="bi bi-check2" id="filter5_icon5" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter5" id="filter5_5" icon="filter5_icon5" data_filter="amount" data_value="5to10"/>
</li>
<li class="filterlabel">
<label for="filter5_6" class="filter5_label"># 10만원~ </label>
<svg class="bi bi-check2" id="filter5_icon6" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter5" id="filter5_6" icon="filter5_icon6" data_filter="amount" data_value="more10"/>
</li>
</div>
</div>
<ol class="list"></ol>
</div>
</div>
</div>
<div id="payment1space" style="display:none;">
<div id="myList">
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="search form-control bg-light border-0 small" placeholder="Search">
</div>
</form>
<div id="myList_in">
<li class="sort" data-sort="date"># 시간순</li>
<li class="filterlabel">
<label for="filter6_1" class="filter6_label"># 체크 </label>
<svg class="bi bi-check2" id="filter6_icon1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter6" id="filter6_1" icon="filter6_icon1" data_filter="payment_" data_value="체크"/>
</li>
<li class="filterlabel"># 일시불
<input type="checkbox" class="filter5" id="filter5" data_filter="payment_" data_value="일시불" />
<li class="filterlabel">
<label for="filter6_2" class="filter6_label"># 일시불 </label>
<svg class="bi bi-check2" id="filter6_icon2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter6" id="filter6_2" icon="filter6_icon2" data_filter="payment_" data_value="일시불"/>
</li>
<li class="filterlabel"># 할부
<input type="checkbox" class="filter5" id="filter5" data_filter="payment_" data_value="할부" />
<li class="filterlabel">
<label for="filter6_3" class="filter6_label"># 할부 </label>
<svg class="bi bi-check2" id="filter6_icon3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter6" id="filter6_3" icon="filter6_icon3" data_filter="payment_" data_value="할부"/>
</li>
<li class="filterlabel"># ~5만원
<input type="checkbox" class="filter5" id="filter5" data_filter="amount" data_value="less5" />
<li class="sort" data-sort="price"># 금액순</li>
<li class="filterlabel">
<label for="filter6_4" class="filter6_label"># ~5만원 </label>
<svg class="bi bi-check2" id="filter6_icon4" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter6" id="filter6_4" icon="filter6_icon4" data_filter="amount" data_value="less5"/>
</li>
<li class="filterlabel"># 5~10만원
<input type="checkbox" class="filter5" id="filter5" data_filter="amount" data_value="5to10" />
<li class="filterlabel">
<label for="filter6_5" class="filter6_label"># 5~10만원 </label>
<svg class="bi bi-check2" id="filter6_icon5" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter6" id="filter6_5" icon="filter6_icon5" data_filter="amount" data_value="5to10"/>
</li>
<li class="filterlabel"># 10만원~
<input type="checkbox" class="filter5" id="filter5" data_filter="amount" data_value="more10" />
<li class="filterlabel">
<label for="filter6_6" class="filter6_label"># 10만원~ </label>
<svg class="bi bi-check2" id="filter6_icon6" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="display:none;">
<path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<input type="checkbox" class="filter6" id="filter6_6" icon="filter6_icon6" data_filter="amount" data_value="more10"/>
</li>
</div>
</div>
......
......@@ -9,9 +9,18 @@ var label_data_text_2="";
var label_data_1=[];
var label_data_2=[];
var paylist_date_start="";
var paylist_date_end="";
var date_start="";
var date_end="";
var payment_date_start="";
var payment_ate_end="";
var card_date_start="";
var card_date_end="";
var store_date_start="";
var store_date_end="";
var keyword_date_start="";
var keyword_date_end="";
var number=[];
var keyword_1_list=[];
......@@ -61,14 +70,20 @@ const keyword1space = document.getElementById("keyword1space");
const keyword2space = document.getElementById("keyword2space");
const keyword3space = document.getElementById("keyword3space");
const keyword4space = document.getElementById("keyword4space");
const payment6space = document.getElementById("payment6space");
const payment7space = document.getElementById("payment7space");
const payment8space = document.getElementById("payment8space");
const payment9space = document.getElementById("payment9space");
const between_submit = document.getElementById("between_date_submit");
const with_submit = document.getElementById("number_submit");
const paymentspace = document.getElementById("paymentspace");
const payment1space = document.getElementById("payment1space");
var keyword0 = document.getElementById('keyword');
var keyword1 = document.getElementById('keyword1');
var keyword2 = document.getElementById('keyword2');
var keyword3 = document.getElementById('keyword3');
var keyword4 = document.getElementById('keyword4');
var payment0 = document.getElementById('payment0');
var payment1 = document.getElementById('payment1');
var payment2 = document.getElementById('payment2');
var payment3 = document.getElementById('payment3');
......@@ -85,8 +100,14 @@ var options_charts_1 = {
display:true,
text:title_text
},
maintainAspectRatio: true,
maintainAspectRatio: false,
scales: {
xAxes: [{
stacked:true,
ticks: {
beginAtZero:true
}
}],
yAxes: [{
ticks: {
beginAtZero:true
......@@ -101,8 +122,14 @@ var options_charts_2 = {
display:true,
text:title_text
},
maintainAspectRatio: true,
maintainAspectRatio: false,
scales: {
xAxes: [{
stacked:true,
ticks: {
beginAtZero:true
}
}],
yAxes: [{
ticks: {
beginAtZero:true
......@@ -139,6 +166,10 @@ var options_chart_2={
options: options_charts_2
};
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
var mysql = require('mysql');
var connection = mysql.createConnection({
host:'localhost',
......@@ -156,6 +187,10 @@ connection.query('select MIN(date) "min", MAX(date) "max" from calllog;', functi
document.getElementById('between_date_start').max=(rows[0].max.toISOString().split("T")[0]);
document.getElementById('between_date_end').min=(rows[0].min.toISOString().split("T")[0]);
document.getElementById('between_date_end').max=(rows[0].max.toISOString().split("T")[0]);
document.getElementById('between_paylist_date_start').min=(rows[0].min.toISOString().split("T")[0]);
document.getElementById('between_paylist_date_start').max=(rows[0].max.toISOString().split("T")[0]);
document.getElementById('between_paylist_date_end').min=(rows[0].min.toISOString().split("T")[0]);
document.getElementById('between_paylist_date_end').max=(rows[0].max.toISOString().split("T")[0]);
document.getElementById('between_amount_date_start').min=(rows[0].min.toISOString().split("T")[0]);
document.getElementById('between_amount_date_start').max=(rows[0].max.toISOString().split("T")[0]);
document.getElementById('between_amount_date_end').min=(rows[0].min.toISOString().split("T")[0]);
......@@ -195,6 +230,11 @@ var values_list_all = [];
var values_list_between = [];
var values_list_with = [];
var values_payment_list_all = [];
var values_payment_list_between = [];
var values_list_card_rank=[];
var values_list_card_rank_between=[];
var values_list_store_rank=[];
var values_list_store_rank_between=[];
var myList;
var myList1 = new List("keyword1space", options_list, values_list_1);
......@@ -202,6 +242,11 @@ var myList2 = new List("keyword2space", options_list, values_list_all);
var myList3 = new List("keyword3space", options_list, values_list_between);
var myList4 = new List("keyword4space", options_list, values_list_with);
var myList5;
var myList5_1 = new List("payment1space", options_list_pay, values_payment_list_between);
var myList6 = new List("payment6space", options_list, values_list_card_rank);
var myList7 = new List("payment7space", options_list, values_list_card_rank_between);
var myList8 = new List("payment8space", options_list, values_list_store_rank);
var myList9 = new List("payment9space", options_list, values_list_store_rank_between);
connection.query('update contact set number=replace(number,"-","");', function(err, rows, fields){
if(err)
......@@ -290,7 +335,7 @@ PythonShell.run('src/analysis_message_bank.py', option, function(err, result){
if (price_temp < 50000){amount_temp="less5";}
else if (price_temp >=50000 && price_temp <100000){amount_temp="5to10";}
else{amount_temp="more10";}
values_payment_list_all.push({bname:bname_temp, payment:payplan_temp ,payment_:payplan__temp ,price:price_temp+"원",amount:amount_temp,sname:sname_temp, date:date_temp});
values_payment_list_all.push({bname:bname_temp, payment:payplan_temp ,payment_:payplan__temp ,price:numberWithCommas(price_temp)+"원",amount:amount_temp,sname:sname_temp, date:date_temp});
}
myList5 = new List("paymentspace", options_list_pay, values_payment_list_all);
}
......@@ -399,7 +444,54 @@ function chartspaceview(){
keyword2space.style="display:none";
keyword3space.style="display:none";
keyword4space.style="display:none";
payment6space.style="display:none";
payment7space.style="display:none";
payment8space.style="display:none";
payment9space.style="display:none";
paymentspace.style="display:none";
payment1space.style="display:none";
}
function changeLabelText(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s){
options_chart_1.type="bar";
options_chart_1.data.labels=a;
options_chart_1.data.datasets[0].label=b;
options_chart_1.data.datasets[0].data=c;
options_chart_2.type="bar";
options_chart_2.data.labels=d;
options_chart_2.data.datasets[0].label=e;
options_chart_2.data.datasets[0].data=f;
box_name.innerHTML=i;
menu_name.innerHTML=h;
options_charts_1.title.text=g;
options_charts_2.title.text=g;
options_chart_1.options=options_charts_1;
options_chart_2.options=options_charts_2;
}
function changeLabelText_hor(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s){
options_chart_1.type="horizontalBar";
options_chart_1.data.labels=a;
options_chart_1.data.datasets[0].label=b;
options_chart_1.data.datasets[0].data=c;
options_chart_2.type="horizontalBar";
options_chart_2.data.labels=d;
options_chart_2.data.datasets[0].label=e;
options_chart_2.data.datasets[0].data=f;
box_name.innerHTML=i;
menu_name.innerHTML=h;
options_charts_1.title.text=g;
options_charts_2.title.text=g;
options_chart_1.options=options_charts_1;
options_chart_2.options=options_charts_2;
}
keyword0.addEventListener('click', function(){
......@@ -410,63 +502,64 @@ keyword0.addEventListener('click', function(){
keyword2space.style="display:none";
keyword3space.style="display:none";
keyword4space.style="display:none";
payment6space.style="display:none";
payment7space.style="display:none";
payment8space.style="display:none";
payment9space.style="display:none";
paymentspace.style="display:none";
menu_name.innerHTML="전체 문자의 키워드 목록";
payment1space.style="display:none";
menu_name.innerHTML="전체 기간의 문자의 키워드 목록";
});
keyword1.addEventListener('click', function(){
choosed_menu="keyword1";
chartspaceview();
menu_name.innerHTML="최근 1개월 문자 키워드 순위";
box_name.innerHTML="# 언급 횟수";
options_chart_1.options.title.text="최근 1개월 문자 키워드";
options_chart_1.data.labels=keyword_1_list;
options_chart_1.data.datasets[0].label="언급 횟수";
options_chart_1.data.datasets[0].data=keyword_1_count;
changeLabelText(keyword_1_list,"언급 횟수",keyword_1_count,[],"",[],"최근 1개월의 문자 키워드","최근 1개월의 문자 키워드 순위","# 언급 횟수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
keyword2.addEventListener('click', function(){
choosed_menu="keyword2";
chartspaceview();
menu_name.innerHTML="전체 문자 키워드 순위";
box_name.innerHTML="# 언급 횟수";
options_chart_1.options.title.text="전체 문자 키워드";
options_chart_1.data.labels=keyword_all_list;
options_chart_1.data.datasets[0].label="언급 횟수";
options_chart_1.data.datasets[0].data=keyword_all_count;
changeLabelText(keyword_all_list,"언급 횟수",keyword_all_count,[],"",[],"전체 기간의 문자 키워드","전체 기간의 문자 키워드 순위","# 언급 횟수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
keyword3.addEventListener('click', function(){
choosed_menu="keyword3";
chartspaceview();
menu_name.innerHTML="특정 기간의 문자 키워드 순위";
box_name.innerHTML="# 언급 횟수";
options_chart_1.options.title.text="특정 기간의 문자 키워드";
options_chart_1.data.labels=keyword_between_list;
options_chart_1.data.datasets[0].label="언급 횟수";
options_chart_1.data.datasets[0].data=keyword_between_count;
changeLabelText(keyword_between_list,"언급 횟수",keyword_between_count,[],"",[],"특정 기간의 문자 키워드","특정 기간의 문자 키워드 순위 / "+keyword_date_start.split(' ')[0]+" ~ "+keyword_date_end.split(' ')[0],"# 언급 횟수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
keyword4.addEventListener('click', function(){
choosed_menu="keyword4";
chartspaceview();
menu_name.innerHTML="특정 연락처와의 문자 키워드 순위";
box_name.innerHTML="# 언급 횟수";
options_chart_1.options.title.text="특정 연락처와의 문자 키워드";
options_chart_1.data.labels=keyword_with_list;
options_chart_1.data.datasets[0].label="언급 횟수";
options_chart_1.data.datasets[0].data=keyword_with_count;
changeLabelText(keyword_with_list,"언급 횟수",keyword_with_count,[],"",[],"특정 연락처와의 문자 키워드","특정 연락처와의 문자 키워드 순위","# 언급 횟수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
payment1.addEventListener('click', function(){
payment0.addEventListener('click', function(){
keywordspace.style="display:none";
choicespace.style="display:none";
chartspace.style="display:none";
......@@ -474,28 +567,44 @@ payment1.addEventListener('click', function(){
keyword2space.style="display:none";
keyword3space.style="display:none";
keyword4space.style="display:none";
payment6space.style="display:none";
payment7space.style="display:none";
payment8space.style="display:none";
payment9space.style="display:none";
paymentspace.style="display:inline";
payment1space.style="display:none";
menu_name.innerHTML="결제문자 목록";
});
payment1.addEventListener('click', function(){
keywordspace.style="display:none";
choicespace.style="display:none";
chartspace.style="display:none";
keyword1space.style="display:none";
keyword2space.style="display:none";
keyword3space.style="display:none";
keyword4space.style="display:none";
payment6space.style="display:none";
payment7space.style="display:none";
payment8space.style="display:none";
payment9space.style="display:none";
paymentspace.style="display:none";
payment1space.style="display:inline";
menu_name.innerHTML="특정 기간의 결제문자 목록 / "+paylist_date_start.split(' ')[0]+" ~ "+paylist_date_end.split(' ')[0];
});
payment2.addEventListener('click', function(){
chartspaceview();
type1.innerHTML="# 결제 금액";
type2.innerHTML="# 누적 결제 금액";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 금액";
choosed_menu="payment2";
menu_name.innerHTML="전체 기간의 결제 금액 통계";
options_chart_1.options.title.text="전체 기간의 결제 금액 통계";
options_chart_1.data.labels=payment_1_list;
options_chart_1.data.datasets[0].label="결제 금액";
options_chart_1.data.datasets[0].data=payment_1_count;
options_charts_2.title.text="전체 기간의 누적 결제 금액 통계";
options_chart_2.data.labels=payment_2_list;
options_chart_2.data.datasets[0].label="누적 결제 금액";
options_chart_2.data.datasets[0].data=payment_2_count;
changeLabelText(payment_1_list,"결제 금액",payment_1_count,payment_2_list,"누적 결제 금액",payment_2_count, "전체 기간의 결제 금액 통계","전체 기간의 결제 금액 통계","# 결제 금액");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
......@@ -504,136 +613,102 @@ payment3.addEventListener('click', function(){
type1.innerHTML="# 결제 금액";
type2.innerHTML="# 누적 결제 금액";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 금액";
choosed_menu="payment3";
menu_name.innerHTML="특정 기간의 결제 금액 통계";
options_chart_1.options.title.text="특정 기간의 결제 금액 통계";
options_chart_1.data.labels=payment_3_list;
options_chart_1.data.datasets[0].label="결제 금액";
options_chart_1.data.datasets[0].data=payment_3_count;
options_charts_2.title.text="특정 기간의 누적 결제 금액 통계";
options_chart_2.data.labels=payment_4_list;
options_chart_2.data.datasets[0].label="누적 결제 금액";
options_chart_2.data.datasets[0].data=payment_4_count;
changeLabelText(payment_3_list,"결제 금액",payment_3_count,payment_4_list,"누적 결제 금액",payment_4_count,"특정 기간의 결제 금액 통계","특정 기간의 결제 금액 통계 / "+date_start.split(' ')[0]+" ~ "+date_end.split(' ')[0],"# 결제 금액");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
payment4.addEventListener('click', function(){
chartspaceview();
choosed_menu="payment4";
changeLabelText(payment_5_list,"결제 횟수",payment_5_count,[],"",[],"전체 기간의 결제 시간대","전체 기간의 결제 시간대","# 결제 횟수");
menu_name.innerHTML="전체 기간의 결제 시간대";
box_name.innerHTML="# 결제 횟수";
options_chart_1.options.title.text="전체 기간의 결제 시간대";
options_chart_1.data.labels=payment_5_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_5_count;
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
payment5.addEventListener('click', function(){
chartspaceview();
choosed_menu="payment5";
changeLabelText(payment_6_list,"결제 횟수",payment_6_count,[],"",[],"특정 기간의 결제 시간대","특정 기간의 결제 시간대 / "+payment_date_start.split(' ')[0]+" ~ "+payment_date_end.split(' ')[0],"# 결제 횟수");
menu_name.innerHTML="특정 기간의 결제 시간대";
box_name.innerHTML="# 결제 횟수";
options_chart_1.options.title.text="특정 기간의 결제 시간대";
options_chart_1.data.labels=payment_6_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_6_count;
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
});
payment6.addEventListener('click', function(){
chartspaceview();
choosed_menu="payment6";
type1.innerHTML="# 결제 횟수 기준";
type2.innerHTML="# 결제 금액 기준";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 횟수 기준";
choosed_menu="payment6";
menu_name.innerHTML="전체 기간의 카드 이용 순위";
options_chart_1.options.title.text="전체 기간의 카드 이용 순위";
options_chart_1.data.labels=payment_7_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_7_count;
options_charts_2.title.text="전체 기간의 카드 이용 순위";
options_chart_2.data.labels=payment_8_list;
options_chart_2.data.datasets[0].label="결제 금액";
options_chart_2.data.datasets[0].data=payment_8_count;
changeLabelText_hor(payment_7_list,"결제 횟수",payment_7_count,payment_8_list,"결제 금액",payment_8_count,"전체 기간의 카드 이용 순위", "전체 기간의 카드 이용 순위", "# 결제 횟수 기준");
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_chart_1);
});
payment7.addEventListener('click', function(){
chartspaceview();
choosed_menu="payment7";
type1.innerHTML="# 결제 횟수 기준";
type2.innerHTML="# 결제 금액 기준";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 횟수 기준";
choosed_menu="payment7";
menu_name.innerHTML="특정 기간의 카드 이용 순위";
options_chart_1.options.title.text="특정 기간의 카드 이용 순위";
options_chart_1.data.labels=payment_9_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_9_count;
options_charts_2.title.text="특정 기간의 카드 이용 순위";
options_chart_2.data.labels=payment_10_list;
options_chart_2.data.datasets[0].label="결제 금액";
options_chart_2.data.datasets[0].data=payment_10_count;
changeLabelText_hor(payment_9_list,"결제 횟수",payment_9_count,payment_10_list,"결제 금액",payment_10_count,"특정 기간의 카드 이용 순위","특정 기간의 카드 이용 순위 / "+card_date_start.split(' ')[0]+" ~ "+card_date_end.split(' ')[0],"# 결제 횟수 기준");
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_chart_1);
});
payment8.addEventListener('click', function(){
chartspaceview();
choosed_menu="payment8";
type1.innerHTML="# 결제 횟수 기준";
type2.innerHTML="# 결제 금액 기준";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 횟수 기준";
choosed_menu="payment8";
menu_name.innerHTML="전체 기간의 사용처 순위";
options_chart_1.options.title.text="전체 기간의 사용처 순위";
options_chart_1.data.labels=payment_11_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_11_count;
options_charts_2.title.text="전체 기간의 사용처 순위";
options_chart_2.data.labels=payment_12_list;
options_chart_2.data.datasets[0].label="결제 금액";
options_chart_2.data.datasets[0].data=payment_12_count;
changeLabelText_hor(payment_11_list,"결제 횟수",payment_11_count,payment_12_list,"결제 금액",payment_12_count,"전체 기간의 사용처 순위","전체 기간의 사용처 순위","# 결제 횟수 기준");
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_chart_1);
});
payment9.addEventListener('click', function(){
chartspaceview();
choosed_menu="payment9";
type1.innerHTML="# 결제 횟수 기준";
type2.innerHTML="# 결제 금액 기준";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 횟수 기준";
choosed_menu="payment9";
menu_name.innerHTML="특정 기간의 사용처 순위";
options_chart_1.options.title.text="특정 기간의 사용처 순위";
options_chart_1.data.labels=payment_13_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_13_count;
options_charts_2.title.text="특정 기간의 사용처 순위";
options_chart_2.data.labels=payment_14_list;
options_chart_2.data.datasets[0].label="결제 금액";
options_chart_2.data.datasets[0].data=payment_14_count;
changeLabelText_hor(payment_13_list,"결제 횟수",payment_13_count,payment_14_list,"결제 금액",payment_14_count,"특정 기간의 사용처 순위","특정 기간의 사용처 순위 / "+store_date_start.split(' ')[0]+" ~ "+store_date_end.split(' ')[0],"# 결제 횟수 기준");
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_chart_1);
});
var type1 = document.getElementById('type1');
type1.addEventListener('click', function(){
window.myChart.destroy();
window.myChart = new Chart(ctx, options_chart_1);
switch(choosed_menu){
case 'payment2':
case 'payment3':
......@@ -646,12 +721,12 @@ type1.addEventListener('click', function(){
box_name.innerHTML="# 결제 횟수 기준";
break;
}
window.myChart.destroy();
window.myChart = new Chart(ctx, options_chart_1);
});
var type2 = document.getElementById('type2');
type2.addEventListener('click', function(){
window.myChart.destroy();
window.myChart = new Chart(ctx, options_chart_2);
switch(choosed_menu){
case 'payment2':
case 'payment3':
......@@ -664,33 +739,42 @@ type2.addEventListener('click', function(){
box_name.innerHTML="# 결제 금액 기준";
break;
}
window.myChart.destroy();
window.myChart = new Chart(ctx, options_chart_2);
});
function get_date_keyword(){
menu_name.innerHTML="특정 기간의 문자 키워드 추출 중...";
keyword3.style="text-decoration:line-through";
choosed_menu="keyword3";
keywordspace.style="display:none";
choicespace.style="display:none";
chartspace.style="display:none";
keyword1space.style="display:none";
keyword2space.style="display:none";
keyword3space.style="display:none";
between_submit.disabled=true;
keyword4space.style="display:none";
payment6space.style="display:none";
payment7space.style="display:none";
payment8space.style="display:none";
payment9space.style="display:none";
paymentspace.style="display:none";
payment1space.style="display:none";
myList3.clear();
keyword_between_list.length=0;
keyword_between_count.length=0;
date_start=document.getElementById('between_date_start').value+' 00:00:00';
date_end=document.getElementById('between_date_end').value+' 23:59:59';
keyword_date_start=document.getElementById('between_date_start').value+' 00:00:00';
keyword_date_end=document.getElementById('between_date_end').value+' 23:59:59';
let option_between = {
mode: 'text',
pythonPath: 'py',
pythonOptions: ['-3.6'],
scriptPath: '',
args: [date_start, date_end],
args: [keyword_date_start, keyword_date_end],
encoding: 'utf8'
};
......@@ -703,12 +787,11 @@ function get_date_keyword(){
keyword_between_list.push(data_temp[0]);
keyword_between_count.push(data_temp[1]);
}
menu_name.innerHTML="특정 기간의 문자 키워드";
options_chart_1.options.title.text="특정 기간의 문자 키워드";
options_chart_1.data.labels=keyword_between_list;
options_chart_1.data.datasets[0].label="언급 횟수";
options_chart_1.data.datasets[0].data=keyword_between_count;
changeLabelText(keyword_between_list,"언급 횟수",keyword_between_count,[],"",[],"특정 기간의 문자 키워드","특정 기간의 문자 키워드 순위 / "+keyword_date_start.split(' ')[0]+" ~ "+keyword_date_end.split(' ')[0],"# 언급 횟수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
chartspace.style="display:inline";
//cc.innerHTML="[done] recent Keyword";
......@@ -720,23 +803,30 @@ function get_date_keyword(){
function get_number_push(){
number.push(document.getElementById('number').value);
keyword4_list.innerHTML=number;
keyword4_list.innerHTML=number.join('<br>');
}
function get_number_pop(){
number.splice(number.indexOf(document.getElementById('number').value),1);
keyword4_list.innerHTML=number;
keyword4_list.innerHTML=number.join('<br>');
}
function get_number_keyword(){
menu_name.innerHTML="특정 연락처와의 문자 키워드 추출 중...";
keyword4.style="text-decoration:line-through";
choosed_menu="keyword4";
keywordspace.style="display:none";
choicespace.style="display:none";
chartspace.style="display:none";
keyword1space.style="display:none";
keyword2space.style="display:none";
keyword3space.style="display:none";
keyword4space.style="display:none";
payment6space.style="display:none";
payment7space.style="display:none";
payment8space.style="display:none";
payment9space.style="display:none";
with_submit.disabled=true;
paymentspace.style="display:none";
payment1space.style="display:none";
myList4.clear();
keyword_with_list.length=0;
......@@ -760,12 +850,11 @@ function get_number_keyword(){
keyword_with_list.push(data_temp[0]);
keyword_with_count.push(data_temp[1]);
}
menu_name.innerHTML="특정 연락처와의 문자 키워드";
options_chart_1.options.title.text="특정 연락처와의 문자 키워드";
options_chart_1.data.labels=keyword_with_list;
options_chart_1.data.datasets[0].label="언급 횟수";
options_chart_1.data.datasets[0].data=keyword_with_count;
changeLabelText(keyword_with_list,"언급 횟수",keyword_with_count,[],"",[],"특정 연락처와의 문자 키워드","특정 연락처와의 문자 키워드 순위", "# 언급 횟수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
chartspace.style="display:inline";
//cc.innerHTML="[done] recent Keyword";
......@@ -775,17 +864,57 @@ function get_number_keyword(){
//connection.end();
}
function get_paylist_date_payment(){
keywordspace.style="display:none";
choicespace.style="display:none";
chartspace.style="display:none";
keyword1space.style="display:none";
keyword2space.style="display:none";
keyword3space.style="display:none";
keyword4space.style="display:none";
payment6space.style="display:none";
payment7space.style="display:none";
payment8space.style="display:none";
payment9space.style="display:none";
paymentspace.style="display:none";
payment1space.style="display:inline";
myList5_1.clear();
values_payment_list_between.length=0;
paylist_date_start=document.getElementById('between_paylist_date_start').value+' 00:00:00';
paylist_date_end=document.getElementById('between_paylist_date_end').value+' 23:59:59';
for(var i=0;i<values_payment_list_all.length;i++){
if(values_payment_list_all[i].date>paylist_date_end||values_payment_list_all[i].date<paylist_date_start)
continue;
else{
var data_temp=[];
data_temp.push(values_payment_list_all[i].bname);
data_temp.push(values_payment_list_all[i].price);
data_temp.push(values_payment_list_all[i].sname);
data_temp.push(values_payment_list_all[i].payment);
data_temp.push(values_payment_list_all[i].payment_);
data_temp.push(values_payment_list_all[i].amount);
data_temp.push(values_payment_list_all[i].date);
values_payment_list_between.push({bname:data_temp[0], price:data_temp[1], sname:data_temp[2], payment:data_temp[3], payment_:data_temp[4], amount:data_temp[5], date:data_temp[6]});
}
}
menu_name.innerHTML="특정 기간의 결제문자 목록 / "+paylist_date_start.split(' ')[0]+" ~ "+paylist_date_end.split(' ')[0];
myList5_1 = new List("payment1space", options_list_pay, values_payment_list_between);
}
function get_amount_date_payment(){
chartspaceview();
type1.innerHTML="# 결제 금액";
type2.innerHTML="# 누적 결제 금액";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 금액";
choosed_menu="payment3";
date_start=document.getElementById('between_amount_date_start').value+' 00:00:00';
date_end=document.getElementById('between_amount_date_end').value+' 23:59:59';
console.log(date_start, date_end);
payment_3_list.length=0;
payment_3_count.length=0;
......@@ -813,33 +942,30 @@ function get_amount_date_payment(){
payment_4_list.push(date);
payment_4_count.push(sum);
}
changeLabelText(payment_3_list,"결제 금액",payment_3_count,payment_4_list,"누적 결제 금액",payment_4_count,"특정 기간의 결제 금액 통계","특정 기간의 결제 금액 통계 / "+date_start.split(' ')[0]+" ~ "+date_end.split(' ')[0],"# 결제 금액");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
}
else
cc.innerHTML='Error-query-#payment_3-2'+err;
})
menu_name.innerHTML="특정 기간의 결제 금액 통계";
options_chart_1.options.title.text="특정 기간의 결제 금액 통계";
options_chart_1.data.labels=payment_3_list;
options_chart_1.data.datasets[0].label="결제 금액";
options_chart_1.data.datasets[0].data=payment_3_count;
options_charts_2.title.text="특정 기간의 누적 결제 금액 통계";
options_chart_2.data.labels=payment_4_list;
options_chart_2.data.datasets[0].label="누적 결제 금액";
options_chart_2.data.datasets[0].data=payment_4_count;
window.myChart.destroy();
}
function get_payment_date_payment(){
chartspaceview();
choosed_menu="payment5";
date_start=document.getElementById('between_payment_date_start').value+' 00:00:00';
date_end=document.getElementById('between_payment_date_end').value+' 23:59:59';
payment_date_start=document.getElementById('between_payment_date_start').value+' 00:00:00';
payment_date_end=document.getElementById('between_payment_date_end').value+' 23:59:59';
payment_6_list.length=0;
payment_6_count.length=0;
connection.query("drop table if exists sms_bank_hour; create table sms_bank_hour(hour int not null, smscount int, primary key(hour)); set @hour:=-1; insert into sms_bank_hour(hour, smscount) (select (@hour:=@hour+1) 'hour', (select count(*) 'smscount' from sms_bank where date between ? and ? and hour(date)=@hour) 'count' from sms where @hour<23);",[date_start, date_end], function(err, rows, fields){
connection.query("drop table if exists sms_bank_hour; create table sms_bank_hour(hour int not null, smscount int, primary key(hour)); set @hour:=-1; insert into sms_bank_hour(hour, smscount) (select (@hour:=@hour+1) 'hour', (select count(*) 'smscount' from sms_bank where date between ? and ? and hour(date)=@hour) 'count' from sms where @hour<23);",[payment_date_start, payment_date_end], function(err, rows, fields){
if(!err){
connection.query("select * from sms_bank_hour order by hour;",function(err, rows, fields){
if(!err){
......@@ -849,6 +975,13 @@ function get_payment_date_payment(){
payment_6_list.push(hour);
payment_6_count.push(count);
}
changeLabelText(payment_6_list,"결제 횟수",payment_6_count,[],"",[],"특정 기간의 결제 시간대","특정 기간의 결제 시간대 / "+payment_date_start.split(' ')[0]+" ~ "+payment_date_end.split(' ')[0],"# 결제 횟수");
window.myChart.destroy();
document.getElementById("myChart").height="350";
document.getElementById("chart-area").style="height:380px;";
window.myChart = new Chart(ctx, options_chart_1);
}
else
cc.innerHTML='Error-quert-#payment_5-1';
......@@ -857,32 +990,26 @@ function get_payment_date_payment(){
else
cc.innerHTML='Error-query-#payment_5';
})
menu_name.innerHTML="특정 기간의 결제 시간대";
options_chart_1.options.title.text="특정 기간의 결제 시간대";
options_chart_1.data.labels=payment_6_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_6_count;
window.myChart.destroy();
}
function get_card_date_payment(){
chartspaceview();
choosed_menu="payment7";
type1.innerHTML="# 결제 횟수 기준";
type2.innerHTML="# 결제 금액 기준";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 횟수 기준";
choosed_menu="payment7";
date_start=document.getElementById('between_card_date_start').value+' 00:00:00';
date_end=document.getElementById('between_card_date_end').value+' 23:59:59';
card_date_start=document.getElementById('between_card_date_start').value+' 00:00:00';
card_date_end=document.getElementById('between_card_date_end').value+' 23:59:59';
payment_9_list.length=0;
payment_9_count.length=0;
payment_10_list.length=0;
payment_10_count.length=0;
connection.query("select bname, count(*) 'count' from sms_bank where date between ? and ? group by bname order by count(*) desc;",[date_start, date_end], function(err, rows, fields){
connection.query("select bname, count(*) 'count' from sms_bank where date between ? and ? group by bname order by count(*) desc;",[card_date_start, card_date_end], function(err, rows, fields){
if(!err){
for(var i=0;i<rows.length;i++){
var bname=rows[i].bname;
......@@ -895,7 +1022,7 @@ function get_card_date_payment(){
cc.innerHTML='Error-query-#payment_7-1';
})
connection.query("select bname, sum(price) 'sum' from sms_bank where date between ? and ? group by bname order by sum(price) desc;",[date_start, date_end], function(err, rows, fields){
connection.query("select bname, sum(price) 'sum' from sms_bank where date between ? and ? group by bname order by sum(price) desc;",[card_date_start, card_date_end], function(err, rows, fields){
if(!err){
for(var i=0;i<rows.length;i++){
var bname=rows[i].bname;
......@@ -903,40 +1030,37 @@ function get_card_date_payment(){
payment_10_list.push(bname);
payment_10_count.push(sum);
}
changeLabelText_hor(payment_9_list,"결제 횟수",payment_9_count,payment_10_list,"결제 금액",payment_10_count,"특정 기간의 카드 이용 순위","특정 기간의 카드 이용 순위 / "+card_date_start.split(' ')[0]+" ~ "+card_date_end.split(' ')[0],"# 결제 횟수 기준");
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_chart_1);
}
else
cc.innerHTML='Error-query-#payment_7-2';
})
menu_name.innerHTML="특정 기간의 카드 이용 순위";
options_chart_1.options.title.text="특정 기간의 카드 이용 순위";
options_chart_1.data.labels=payment_9_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_9_count;
options_charts_2.title.text="특정 기간의 카드 이용 순위";
options_chart_2.data.labels=payment_10_list;
options_chart_2.data.datasets[0].label="결제 금액";
options_chart_2.data.datasets[0].data=payment_10_count;
window.myChart.destroy();
}
function get_store_date_payment(){
chartspaceview();
choosed_menu="payment9";
type1.innerHTML="# 결제 횟수 기준";
type2.innerHTML="# 결제 금액 기준";
choicespace.style="display:inline";
box_name.innerHTML="# 결제 횟수 기준";
choosed_menu="payment9";
date_start=document.getElementById('between_store_date_start').value+' 00:00:00';
date_end=document.getElementById('between_store_date_end').value+' 23:59:59';
store_date_start=document.getElementById('between_store_date_start').value+' 00:00:00';
store_date_end=document.getElementById('between_store_date_end').value+' 23:59:59';
payment_13_list.length=0;
payment_13_count.length=0;
payment_14_list.length=0;
payment_14_count.length=0;
connection.query("select sname, count(*) 'count' from sms_bank where date between ? and ? group by sname order by count(*) desc;",[date_start, date_end], function(err, rows, fields){
connection.query("select sname, count(*) 'count' from sms_bank where date between ? and ? group by sname order by count(*) desc;",[store_date_start, store_date_end], function(err, rows, fields){
if(!err){
for(var i=0;i<rows.length;i++){
var sname=rows[i].sname;
......@@ -949,7 +1073,7 @@ function get_store_date_payment(){
cc.innerHTML='Error-query-#payment_9-1';
})
connection.query("select sname, sum(price) 'sum' from sms_bank where date between ? and ? group by sname order by sum(price) desc;",[date_start, date_end], function(err, rows, fields){
connection.query("select sname, sum(price) 'sum' from sms_bank where date between ? and ? group by sname order by sum(price) desc;",[store_date_start, store_date_end], function(err, rows, fields){
if(!err){
for(var i=0;i<rows.length;i++){
var sname=rows[i].sname;
......@@ -957,21 +1081,17 @@ function get_store_date_payment(){
payment_14_list.push(sname);
payment_14_count.push(sum);
}
changeLabelText_hor(payment_13_list,"결제 횟수",payment_13_count,payment_14_list,"결제 금액",payment_14_count,"특정 기간의 사용처 순위","특정 기간의 사용처 순위 / "+store_date_start.split(' ')[0]+" ~ "+store_date_end.split(' ')[0],"# 결제 횟수 기준");
window.myChart.destroy();
document.getElementById("myChart").height="1000";
document.getElementById("chart-area").style="height:1030px;";
window.myChart = new Chart(ctx, options_chart_1);
}
else
cc.innerHTML='Error-query-#payment_9-2';
})
menu_name.innerHTML="특정 기간의 사용처 순위";
options_chart_1.options.title.text="특정 기간의 사용처 순위";
options_chart_1.data.labels=payment_13_list;
options_chart_1.data.datasets[0].label="결제 횟수";
options_chart_1.data.datasets[0].data=payment_13_count;
options_charts_2.title.text="특정 기간의 사용처 순위";
options_chart_2.data.labels=payment_14_list;
options_chart_2.data.datasets[0].label="결제 금액";
options_chart_2.data.datasets[0].data=payment_14_count;
window.myChart.destroy();
}
/*
......@@ -995,11 +1115,10 @@ canvas.onclick=function(event){
var idx=activePoints[0]['_index'];
var label=chartData.labels[idx];
var value=chartData.datasets[0].data[idx];
console.log(chartData);
if(choosed_menu=="keyword1"){
chartspace.style="display:none";
keyword1space.style="display:inline";
keyword2space.style="display:none";
myList1.clear();
values_list_1.length=0;
......@@ -1019,12 +1138,11 @@ canvas.onclick=function(event){
}
}
}
menu_name.innerHTML="최근 1개월 키워드 순위 / "+label;
menu_name.innerHTML="최근 1개월의 문자 키워드 순위 / "+label;
myList1 = new List("keyword1space", options_list, values_list_1);
}
else if(choosed_menu=="keyword2"){
chartspace.style="display:none";
keyword1space.style="display:none";
keyword2space.style="display:inline";
myList2.clear();
values_list_all.length=0;
......@@ -1045,22 +1163,18 @@ canvas.onclick=function(event){
}
}
}
menu_name.innerHTML="전체 기간의 키워드 순위 / "+label;
menu_name.innerHTML="전체 기간의 문자 키워드 순위 / "+label;
myList2 = new List("keyword2space", options_list, values_list_all);
}
else if(choosed_menu=="keyword3"){
chartspace.style="display:none";
keyword1space.style="display:none";
keyword2space.style="display:none";
keyword3space.style="display:inline";
keyword4space.style="display:none";
myList3.clear();
values_list_between.length=0;
for(var i=0;i<values_list.length;i++){
var keyword_str=values_list[i].keyword;
if(!keyword_str||values_list[i].date>date_end||values_list[i].date<date_start)
if(!keyword_str||values_list[i].date>keyword_date_end||values_list[i].date<keyword_date_start)
continue;
else{
if(keyword_str.includes(label)){
......@@ -1074,14 +1188,11 @@ canvas.onclick=function(event){
}
}
}
menu_name.innerHTML="특정 기간의 키워드 순위 / "+label;
menu_name.innerHTML="특정 기간의 문자 키워드 순위 / "+label;
myList3 = new List("keyword3space", options_list, values_list_between);
}
else if(choosed_menu=="keyword4"){
chartspace.style="display:none";
keyword1space.style="display:none";
keyword2space.style="display:none";
keyword3space.style="display:none";
keyword4space.style="display:inline";
myList4.clear();
......@@ -1105,9 +1216,117 @@ canvas.onclick=function(event){
}
}
}
menu_name.innerHTML="특정 연락처와의 키워드 순위 / "+label;
menu_name.innerHTML="특정 연락처와의 문자 키워드 순위 / "+label;
myList4 = new List("keyword4space", options_list, values_list_with);
}
else if(choosed_menu=="payment6"){
choicespace.style="display:none";
chartspace.style="display:none";
payment6space.style="display:inline";
myList6.clear();
values_list_card_rank.length=0;
for(var i=0;i<values_payment_list_all.length;i++){
var card_str=values_payment_list_all[i].bname.replace(" ","");
if(!card_str)
continue;
else{
if(card_str==label){
var data_temp=[];
data_temp.push(values_payment_list_all[i].bname);
data_temp.push(values_payment_list_all[i].price);
data_temp.push(values_payment_list_all[i].sname);
data_temp.push(values_payment_list_all[i].payment);
data_temp.push(values_payment_list_all[i].date);
values_list_card_rank.push({bname:data_temp[0], price:data_temp[1], sname:data_temp[2], payment:data_temp[3], date:data_temp[4]});
}
}
}
menu_name.innerHTML="전체 기간의 카드 이용 순위 / "+label;
myList6 = new List("payment6space", options_list_pay, values_list_card_rank);
}
else if(choosed_menu=="payment7"){
choicespace.style="display:none";
chartspace.style="display:none";
payment7space.style="display:inline";
myList7.clear();
values_list_card_rank_between.length=0;
for(var i=0;i<values_payment_list_all.length;i++){
var card_str=values_payment_list_all[i].bname.replace(" ","");
if(!card_str||values_payment_list_all[i].date>card_date_end||values_payment_list_all[i].date<card_date_start)
continue;
else{
if(card_str==label){
var data_temp=[];
data_temp.push(values_payment_list_all[i].bname);
data_temp.push(values_payment_list_all[i].price);
data_temp.push(values_payment_list_all[i].sname);
data_temp.push(values_payment_list_all[i].payment);
data_temp.push(values_payment_list_all[i].date);
values_list_card_rank_between.push({bname:data_temp[0], price:data_temp[1], sname:data_temp[2], payment:data_temp[3], date:data_temp[4]});
}
}
}
menu_name.innerHTML="특정 기간의 카드 이용 순위 / "+label;
myList7 = new List("payment7space", options_list_pay, values_list_card_rank_between);
}
else if(choosed_menu=="payment8"){
choicespace.style="display:none";
chartspace.style="display:none";
payment8space.style="display:inline";
myList8.clear();
values_list_store_rank.length=0;
for(var i=0;i<values_payment_list_all.length;i++){
var store_str=values_payment_list_all[i].sname.replace(" ","");
if(!store_str)
continue;
else{
if(store_str==label.replace(" ","")){
var data_temp=[];
data_temp.push(values_payment_list_all[i].bname);
data_temp.push(values_payment_list_all[i].price);
data_temp.push(values_payment_list_all[i].sname);
data_temp.push(values_payment_list_all[i].payment);
data_temp.push(values_payment_list_all[i].date);
values_list_store_rank.push({bname:data_temp[0], price:data_temp[1], sname:data_temp[2], payment:data_temp[3], date:data_temp[4]});
}
}
}
menu_name.innerHTML="전체 기간의 사용처 순위 / "+label;
myList8 = new List("payment8space", options_list_pay, values_list_store_rank);
}
else if(choosed_menu=="payment9"){
choicespace.style="display:none";
chartspace.style="display:none";
payment9space.style="display:inline";
myList9.clear();
values_list_store_rank_between.length=0;
for(var i=0;i<values_payment_list_all.length;i++){
var store_str=values_payment_list_all[i].sname.replace(" ","");
if(!store_str||values_payment_list_all[i].date>store_date_end||values_payment_list_all[i].date<store_date_start)
continue;
else{
if(store_str==label.replace(" ","")){
var data_temp=[];
data_temp.push(values_payment_list_all[i].bname);
data_temp.push(values_payment_list_all[i].price);
data_temp.push(values_payment_list_all[i].sname);
data_temp.push(values_payment_list_all[i].payment);
data_temp.push(values_payment_list_all[i].date);
values_list_store_rank_between.push({bname:data_temp[0], price:data_temp[1], sname:data_temp[2], payment:data_temp[3], date:data_temp[4]});
}
}
}
menu_name.innerHTML="특정 기간의 사용처 순위 / "+label;
myList9 = new List("payment9space", options_list_pay, values_list_store_rank_between);
}
};
var filter0List=[];
......@@ -1116,49 +1335,58 @@ var filter2List=[];
var filter3List=[];
var filter4List=[];
var filter5List=[];
var filter6List=[];
var filter0_element=document.getElementsByClassName("filter0");
var filter1_element=document.getElementsByClassName("filter1");
var filter2_element=document.getElementsByClassName("filter2");
var filter3_element=document.getElementsByClassName("filter3");
var filter4_element=document.getElementsByClassName("filter4");
var filter5_element=document.getElementsByClassName("filter5");
var filter6_element=document.getElementsByClassName("filter6");
function filter_listener(event){
var data_value_temp=event.target.getAttribute('data_value');
var data_filter_temp="type_cs";
var icon_temp=event.target.getAttribute('icon');
var checked_temp=event.target.checked;
switch(event.target.id){
switch(event.target.id.slice(0,7)){
case "filter0":
filter_action(filter0List, checked_temp, data_filter_temp, data_value_temp, myList);
filter_action(filter0List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList);
break;
case "filter1":
filter_action(filter1List, checked_temp, data_filter_temp, data_value_temp, myList1);
filter_action(filter1List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList1);
break;
case "filter2":
filter_action(filter2List, checked_temp, data_filter_temp, data_value_temp, myList2);
filter_action(filter2List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList2);
break;
case "filter3":
filter_action(filter3List, checked_temp, data_filter_temp, data_value_temp, myList3);
filter_action(filter3List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList3);
break;
case "filter4":
filter_action(filter4List, checked_temp, data_filter_temp, data_value_temp, myList4);
filter_action(filter4List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList4);
break;
case "filter5":
data_filter_temp=event.target.getAttribute('data_filter');
filter_action(filter5List, checked_temp, data_filter_temp, data_value_temp, myList5);
filter_action(filter5List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList5);
break;
case "filter6":
data_filter_temp=event.target.getAttribute('data_filter');
filter_action(filter6List, checked_temp, data_filter_temp, data_value_temp, icon_temp, myList5_1);
break;
}
}
function filter_action(paramlist, checked_temp, filter_temp, value_temp, myList_temp){
var _filter_temp=filter_temp;
function filter_action(paramlist, checked_temp, filter_temp, value_temp, icon_temp, myList_temp){
if (checked_temp){
document.getElementById(icon_temp).style="display:inline";
paramlist.push(filter_temp);
paramlist.push(value_temp);
myList_temp.filter(function (item) {
var check_all=true;
for(var i=0;i<paramlist.length;i++){
if(item.values()[_filter_temp] !== paramlist[i])
for(var i=0;i<paramlist.length;i=i+2){
if(item.values()[paramlist[i]] !== paramlist[i+1])
check_all=false;
}
if(check_all)
......@@ -1168,12 +1396,14 @@ function filter_action(paramlist, checked_temp, filter_temp, value_temp, myList_
});
}
else{
paramlist.splice(paramlist.indexOf(value_temp),1);
document.getElementById(icon_temp).style="display:none";
paramlist.splice(paramlist.indexOf(value_temp)-1,2);
myList_temp.filter(function (item) {
var check_all=true;
for(var i=0;i<paramlist.length;i++){
if(item.values()[_filter_temp] !== paramlist[i])
for(var i=0;i<paramlist.length;i=i+2){
if(item.values()[paramlist[i]] !== paramlist[i+1])
check_all=false;
}
if(check_all)
......@@ -1202,3 +1432,6 @@ for (var i = 0; i < filter4_element.length; i++) {
for (var i = 0; i < filter5_element.length; i++) {
filter5_element[i].addEventListener('click', filter_listener, false);
}
for (var i = 0; i < filter6_element.length; i++) {
filter6_element[i].addEventListener('click', filter_listener, false);
}
\ No newline at end of file
......