|
|
|
@ -76,9 +76,9 @@
|
|
|
|
|
<#assign pre_date = model['dayList']['day1'] + ''>
|
|
|
|
|
<#list model['time_list'] as item>
|
|
|
|
|
<#if item['day'] == pre_date>
|
|
|
|
|
<#assign topP = item['hour']>
|
|
|
|
|
<#assign topP = item['hour']?string("0.####")>
|
|
|
|
|
<#assign pre_hour = item['hour'] + ''>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']?float!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
</li>
|
|
|
|
@ -86,9 +86,9 @@
|
|
|
|
|
<#assign pre_date = model['dayList']['day2'] + ''>
|
|
|
|
|
<#list model['time_list'] as item>
|
|
|
|
|
<#if item['day'] == pre_date>
|
|
|
|
|
<#assign topP = item['hour']>
|
|
|
|
|
<#assign topP = item['hour']?string("0.####")>
|
|
|
|
|
<#assign pre_hour = item['hour'] + ''>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']?float!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
</li>
|
|
|
|
@ -96,9 +96,9 @@
|
|
|
|
|
<#assign pre_date = model['dayList']['day3'] + ''>
|
|
|
|
|
<#list model['time_list'] as item>
|
|
|
|
|
<#if item['day'] == pre_date>
|
|
|
|
|
<#assign topP = item['hour']>
|
|
|
|
|
<#assign topP = item['hour']?string("0.####")>
|
|
|
|
|
<#assign pre_hour = item['hour'] + ''>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']?string("0.####")!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
</li>
|
|
|
|
@ -106,9 +106,9 @@
|
|
|
|
|
<#assign pre_date = model['dayList']['day4'] + ''>
|
|
|
|
|
<#list model['time_list'] as item>
|
|
|
|
|
<#if item['day'] == pre_date>
|
|
|
|
|
<#assign topP = item['hour']>
|
|
|
|
|
<#assign topP = item['hour']?string("0.####")>
|
|
|
|
|
<#assign pre_hour = item['hour'] + ''>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']?string("0.####")!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
</li>
|
|
|
|
@ -116,9 +116,9 @@
|
|
|
|
|
<#assign pre_date = model['dayList']['day5'] + ''>
|
|
|
|
|
<#list model['time_list'] as item>
|
|
|
|
|
<#if item['day'] == pre_date>
|
|
|
|
|
<#assign topP = item['hour']>
|
|
|
|
|
<#assign topP = item['hour']?string("0.####")>
|
|
|
|
|
<#assign pre_hour = item['hour'] + ''>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']?string("0.####")!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
</li>
|
|
|
|
@ -126,9 +126,9 @@
|
|
|
|
|
<#assign pre_date = model['dayList']['day6'] + ''>
|
|
|
|
|
<#list model['time_list'] as item>
|
|
|
|
|
<#if item['day'] == pre_date>
|
|
|
|
|
<#assign topP = item['hour']>
|
|
|
|
|
<#assign topP = item['hour']?string("0.####")>
|
|
|
|
|
<#assign pre_hour = item['hour'] + ''>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']?string("0.####")!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
</li>
|
|
|
|
@ -136,9 +136,9 @@
|
|
|
|
|
<#assign pre_date = model['dayList']['day7'] + ''>
|
|
|
|
|
<#list model['time_list'] as item>
|
|
|
|
|
<#if item['day'] == pre_date>
|
|
|
|
|
<#assign topP = item['hour']>
|
|
|
|
|
<#assign topP = item['hour']?string("0.####")>
|
|
|
|
|
<#assign pre_hour = item['hour'] + ''>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
<span key="${item['color_cd']?replace("#", "")}" name="p_timeline_color" title="${item.title}" style="top:${topP}%;height:${item['add_degree']?string("0.####")!}px;background-color: ${item['color_cd']};z-index:2;"></span>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
</li>
|
|
|
|
@ -306,21 +306,25 @@
|
|
|
|
|
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;
|
|
|
|
|
if (num < 0) num = 0;
|
|
|
|
|
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 > 331) {
|
|
|
|
|
num = 331;
|
|
|
|
|
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 + "px");
|
|
|
|
|
$(".time_bar").css("top", num-10 + "px");
|
|
|
|
|
$(".time_bar_number > p").text(hour+":"+(minute<10?"0":"")+minute);
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|