퍼블리싱 수정 - 시간라인을 마우스로 클릭해서 움직일수 있도록 퍼블리싱

src/main/webapp/m/html/memory/memory_week.html

@@ -99,7 +99,7 @@
         <!-- //날짜 -->
 
         <!-- 그래프 -->
-        <div class="week_chart">
+        <div class="week_chart" onclick="moveTimeLine(event)">
           <div class="gray_box_div">
             <ul class="gray_box">
               <li></li>
@@ -153,7 +153,7 @@
           </ul>
 
           <ul class="number_right">
-            <li>01</li>
+            <li>00</li>
             <li>03</li>
             <li>06</li>
             <li>09</li>
@@ -234,6 +234,27 @@
           clickable: true
         }
       });
+
+      function moveTimeLine(event) {
+        let y = event.clientY;
+        let num = y - 270;
+        let hour = Math.floor((num + 10) / (43/3));
+        let minute = Math.floor((((num + 10) % (43/3))/(43/3.001)*60)%60);
+        if (num < -9) { 
+          num = -9;
+          hour = 0;
+          minute = 00;
+        }
+        if (num > 331) { 
+          num = 331;
+          hour = 24;
+          minute = 00;
+        }
+        let coords = "num: " + num + " hour: " + hour + " min: " + minute;
+
+        $(".time_bar").css("top", num + "px");
+        $(".time_bar_number > p").text(hour+":"+(minute<10?"0":"")+minute);
+      }
     </script>
 </body>