diff --git a/src/main/webapp/WEB-INF/views/ftl/m/memory/memory_week.ftl b/src/main/webapp/WEB-INF/views/ftl/m/memory/memory_week.ftl index c3e613e..ea556c9 100644 --- a/src/main/webapp/WEB-INF/views/ftl/m/memory/memory_week.ftl +++ b/src/main/webapp/WEB-INF/views/ftl/m/memory/memory_week.ftl @@ -68,7 +68,8 @@ -
+<#--
--> +
    @@ -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");