menu1.html 12.1 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<sc>, initial-scale=1.0">
    <link rel="stylesheet" href="../assets/css/menu1.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
    <title>Document</title>
</head>
<body>
	<div class="title">
        <h1 id="cc" onclick="location.href='menu.html'">CallLog Analysis</h1>
    </div>
    <div id="grid">
    	<div id="menu_bar">
    		<ul id="menu">
    			<li class="menu1">통계 분석</li>
    			<li class="menu2" id="analysis1">최근 6개월 통계</li>
    			<li class="menu2" id="analysis2">전체 통계</li>
    			<li class="menu2" id="analysis3">특정 기간 통계</li>
                <form name="dateForm" method="post" id="dateForm">
                    <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();" />
                </form>
    			<li class="menu2" id="analysis4">특정 연락처 통계</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();" />
                </form>
                <li class="menu2" id="analysis4_list"></li>
    			<li class="menu1">목록 분석</li>
    			<li class="menu2" id="list1">최근 1달 목록</li>
                <li class="menu2" id="list2">전체 목록</li>
    			<li class="menu2" id="list4">특정 기간 목록</li>
                <form name="dateForm" method="post" id="dateForm">
                    <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();" />
                </form>
    			<li class="menu1">상세 분석</li>
    			<li class="menu2" id="more1">전체 연락 순위</li>
    			<li class="menu2" id="more2">특정 기간 연락 순위</li>
                <form name="dateForm" method="post" id="dateForm">
                    <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();" />
                </form>
    			<li class="menu2" id="more3">전체 연락 시간대</li>
                <li class="menu2" id="more4">특정 기간 연락 시간대</li>
                <form name="dateForm" method="post" id="dateForm">
                    <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();" />
                </form>
                <li class="menu2" id="more5">특정 연락처 연락 시간대</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();" />
                </form>
                <li class="menu2" id="more5_list"></li>
    			<li class="menu2" id="more6">전체 답장 시간</li>
                <li class="menu2" id="more7">특정 연락처 답장 시간</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();" />
                <li class="menu2" id="more7_list"></li>
                </form>
    		</ul>
    	</div>
    	<div id="content">
    		<div id="choice">
    			<ul id="choiceul">
    				<li class="cr" id="type1"></li>
					<li class="cr" id="type2"></li>
					<li class="cr" id="type3"></li>
					<li class="cr" id="type4"></li>
    				<li class="cr" id="type5"></li>
					<li class="cr" id="type6"></li>
					<li class="cr" id="type7"></li>
					<li class="cr" id="type8"></li>
    			</ul>
    		</div>
    		<div id="chart" style="display:none">
    			<div>
    				<canvas id="myChart"></canvas>
    			</div>
			</div>
            <div id="listspace" style="display:none">
                <div id="myList">
                    <input class="search" placeholder="Search" />
                    <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>
                    </div>
                </div>
                <ol class="list"></ol>
            </div>
            <div id="listspace2" style="display:none">
                <div id="myList">
                    <input class="search" placeholder="Search" />
                    <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>
                    </div>
                </div>
                <ol class="list"></ol>
            </div>
            <div id="listspace3" style="display:none">
                <div id="myList">
                    <input class="search" placeholder="Search" />
                    <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>
                    </div>
                </div>
                <ol class="list"></ol>
            </div>
            <div id="listspace4" style="display:none">
                <div id="myList">
                    <input class="search" placeholder="Search" />
                    <li class="sort" data-sort="get_date"># 시간순</li>
                </div>
                <ol class="list"></ol>
            </div>
            <div id="listspace5" style="display:none">
                <div id="myList">
                    <input class="search" placeholder="Search" />
                    <li class="sort" data-sort="get_date"># 시간순</li>
                </div>
                <ol class="list"></ol>
            </div>
    	</div>
    </div>
    <script src="menu1.js"></script>
    <script>
    	var myChart = new Chart(ctx, options_main_stacked);
        window.myChart.destroy();
	</script>
</body>
</html>