|
|
|
@ -68,7 +68,8 @@
|
|
|
|
|
<!-- //날짜 -->
|
|
|
|
|
|
|
|
|
|
<!-- 그래프 -->
|
|
|
|
|
<div class="week_chart" onclick="moveTimeLine(event)">
|
|
|
|
|
<#-- <div id="week_chart" class="week_chart" onmousemove="moveTimeLine(event)">-->
|
|
|
|
|
<div id="week_chart" class="week_chart" onclick="moveTimeLinePC(event)">
|
|
|
|
|
<div class="gray_box_div">
|
|
|
|
|
<!-- 가로열 -->
|
|
|
|
|
<ul class="gray_box">
|
|
|
|
@ -308,13 +309,46 @@
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function moveTimeLine(event) {
|
|
|
|
|
window.onload = function() {
|
|
|
|
|
let container = document.getElementById('week_chart');
|
|
|
|
|
|
|
|
|
|
container.addEventListener("touchmove", moveTimeLine, false);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function moveTimeLinePC(event) {
|
|
|
|
|
let y = event.clientY;
|
|
|
|
|
let num = y - 270;
|
|
|
|
|
if (num < 0) num = 0;
|
|
|
|
|
console.log("num: ", num);
|
|
|
|
|
// console.log("num: ", num);
|
|
|
|
|
let hour = Math.floor(num / 15);
|
|
|
|
|
// console.log("hour: ", hour);
|
|
|
|
|
let minute = Math.floor((num % 15)*4);
|
|
|
|
|
if (num < 0) {
|
|
|
|
|
num = 0;
|
|
|
|
|
hour = 0;
|
|
|
|
|
minute = 00;
|
|
|
|
|
}
|
|
|
|
|
if (num > 360) {
|
|
|
|
|
num = 360;
|
|
|
|
|
hour = 24;
|
|
|
|
|
minute = 00;
|
|
|
|
|
}
|
|
|
|
|
// let coords = "num: " + num + " hour: " + hour + " min: " + minute;
|
|
|
|
|
// console.log(coords);
|
|
|
|
|
|
|
|
|
|
$(".time_bar").css("top", num-10 + "px");
|
|
|
|
|
$(".time_bar_number > p").text(hour+":"+(minute<10?"0":"")+minute);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function moveTimeLine(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
|
|
let y = Math.round(event.targetTouches[0].pageY);
|
|
|
|
|
let num = y - 270;
|
|
|
|
|
if (num < 0) num = 0;
|
|
|
|
|
// console.log("num: ", num);
|
|
|
|
|
let hour = Math.floor(num / 15);
|
|
|
|
|
console.log("hour: ", hour);
|
|
|
|
|
// console.log("hour: ", hour);
|
|
|
|
|
let minute = Math.floor((num % 15)*4);
|
|
|
|
|
if (num < 0) {
|
|
|
|
|
num = 0;
|
|
|
|
@ -326,7 +360,7 @@
|
|
|
|
|
hour = 24;
|
|
|
|
|
minute = 00;
|
|
|
|
|
}
|
|
|
|
|
let coords = "num: " + num + " hour: " + hour + " min: " + minute;
|
|
|
|
|
// let coords = "num: " + num + " hour: " + hour + " min: " + minute;
|
|
|
|
|
// console.log(coords);
|
|
|
|
|
|
|
|
|
|
$(".time_bar").css("top", num-10 + "px");
|
|
|
|
|