jonghwan76
3 years ago
parent
4ea45c243f
commit
4d9c43a572
@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<#include "/m/include/index_top.ftl">
|
||||
|
||||
<body>
|
||||
<!-- wrap -->
|
||||
<div class="wrap" id="memory_timeline">
|
||||
|
||||
<!-- header_sub -->
|
||||
<header class="header_wrapper">
|
||||
<a href="javascript:history.back()" class="side_Lbtn hidden pre_btn">이전으로</a>
|
||||
<h1 class="header_title">메모리</h1>
|
||||
<a href="#" class="side_Rbtn hidden"></a>
|
||||
</header>
|
||||
<!-- //header_sub -->
|
||||
|
||||
<!-- 메모리 카테고리 -->
|
||||
<ul class="memory_ca">
|
||||
<li>
|
||||
<a href="memory_daily.ftl">
|
||||
일간
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="memory_week.ftl">
|
||||
주간
|
||||
</a>
|
||||
</li>
|
||||
<li class="current">
|
||||
<a href="memory_timeline.ftl">
|
||||
타임라인
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- //메모리 카테고리 -->
|
||||
|
||||
<!-- 컬러 박스 -->
|
||||
<div class="color_box">
|
||||
<button type="button" class="m_color01"></button>
|
||||
<button type="button" class="m_color02"></button>
|
||||
<button type="button" class="m_color03"></button>
|
||||
<button type="button" class="m_color04"></button>
|
||||
<button type="button" class="m_color05"></button>
|
||||
<button type="button" class="m_color06"></button>
|
||||
</div>
|
||||
<!-- //컬러 박스 -->
|
||||
|
||||
<!-- 타임라인 -->
|
||||
<div class="timeline_content">
|
||||
<#assign pre_date = ''>
|
||||
<!-- 날짜별 박스 -->
|
||||
<div class="big_day_div">
|
||||
<#list model['time_list'] as item>
|
||||
|
||||
<#if item['reg_date'] != pre_date>
|
||||
<#assign pre_date = item['reg_date']>
|
||||
<br>
|
||||
<br>
|
||||
<div class="timeline_date" style="z-index:999">${item['reg_date']!}</div>
|
||||
</#if>
|
||||
|
||||
<div class="padding">
|
||||
<div class="day_in_div">
|
||||
|
||||
<ul class="timeline_ul">
|
||||
<#if item['day_diff'] != '0'>
|
||||
<div class="time_title">
|
||||
<p> ${item['day_diff']!}d </p>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<#if item['day_diff'] == '0' && item['time_diff'] != '00:00'>
|
||||
<div class="time_title">
|
||||
<p> ${item['time_diff']!} </p>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<li>
|
||||
<div class="time">
|
||||
${item['hour_min']!}
|
||||
<span class="m_color01"></span>
|
||||
</div>
|
||||
|
||||
<div class="text">
|
||||
<p class="text_tit m_t_color${item['val_1']!}">${item['title']!}</p>
|
||||
<span>${item['time_val']!}</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</#list>
|
||||
<!-- //padding -->
|
||||
</div>
|
||||
<!-- //날짜별 박스 -->
|
||||
|
||||
</div>
|
||||
<!-- //타임라인 -->
|
||||
|
||||
<div class="fix_icon">
|
||||
<button type="button"><img src="../img/ico_image_grey_24.png" alt=""></button>
|
||||
<button type="button"><img src="../img/ico_share_grey_24.png" alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //wrap -->
|
||||
|
||||
</body>
|
||||
<#include "/m/include/index_bottom.ftl">
|
||||
</html>
|
||||
@ -1,194 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
|
||||
<title>메모리</title>
|
||||
<link rel="shortcut icon" href="../../img/favicon.ico">
|
||||
<link rel="stylesheet" href="../../css/style.css">
|
||||
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- wrap -->
|
||||
<div class="wrap" id="memory_timeline">
|
||||
|
||||
<!-- header_sub -->
|
||||
<header class="header_wrapper">
|
||||
<h1 class="header_title">메모리</h1>
|
||||
<a href="#" class="side_Rbtn hidden"></a>
|
||||
</header>
|
||||
<!-- //header_sub -->
|
||||
|
||||
<!-- 메모리 카테고리 -->
|
||||
<ul class="memory_ca">
|
||||
<li>
|
||||
<a href="../memory/memory_daily.html">
|
||||
일간
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../memory/memory_week.html">
|
||||
주간
|
||||
</a>
|
||||
</li>
|
||||
<li class="current">
|
||||
<a href="../memory/memory_timeline.html">
|
||||
타임라인
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- //메모리 카테고리 -->
|
||||
|
||||
<!-- 컬러 박스 -->
|
||||
<div class="color_box">
|
||||
<button type="button" class="m_color01"></button>
|
||||
<button type="button" class="m_color02"></button>
|
||||
<button type="button" class="m_color03"></button>
|
||||
<button type="button" class="m_color04"></button>
|
||||
<button type="button" class="m_color05"></button>
|
||||
<button type="button" class="m_color06"></button>
|
||||
</div>
|
||||
<!-- //컬러 박스 -->
|
||||
|
||||
<!-- 타임라인 -->
|
||||
<div class="timeline_content">
|
||||
<!-- 날짜별 박스 -->
|
||||
<div class="big_day_div">
|
||||
<div class="timeline_date">2022.01.02(일)</div>
|
||||
|
||||
<div class="padding">
|
||||
<div class="day_in_div">
|
||||
<div class="time_title">
|
||||
<p>26d</p>
|
||||
</div>
|
||||
|
||||
<ul class="timeline_ul">
|
||||
<li>
|
||||
<div class="time">
|
||||
01:45 PM
|
||||
<span class="m_color01"></span>
|
||||
</div>
|
||||
|
||||
<div class="text">
|
||||
<p class="text_tit m_t_color01">Water</p>
|
||||
<span>0ml</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="time">
|
||||
01:45 PM
|
||||
<span class="m_color02"></span>
|
||||
</div>
|
||||
|
||||
<div class="text">
|
||||
<p class="text_tit m_t_color02">Water</p>
|
||||
<span>0ml</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="time">
|
||||
01:45 PM
|
||||
<span class="m_color03"></span>
|
||||
</div>
|
||||
|
||||
<div class="text">
|
||||
<p class="text_tit m_t_color03">Water</p>
|
||||
<span>0ml</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- <div class="day_in_div">-->
|
||||
<!-- <div class="time_title">-->
|
||||
<!-- <p>1hr 52min</p>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <ul class="timeline_ul">-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="time">-->
|
||||
<!-- 01:45 PM-->
|
||||
<!-- <span class="m_color04"></span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="text">-->
|
||||
<!-- <p class="text_tit m_t_color04">Formula</p>-->
|
||||
<!-- <span>80ml</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
|
||||
<!-- <li>-->
|
||||
<!-- <div class="time">-->
|
||||
<!-- 01:45 PM-->
|
||||
<!-- <span class="m_color05"></span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="text">-->
|
||||
<!-- <p class="text_tit m_t_color05">Formula</p>-->
|
||||
<!-- <span>80ml</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
|
||||
</div>
|
||||
<!-- //padding -->
|
||||
</div>
|
||||
<!-- //날짜별 박스 -->
|
||||
|
||||
</div>
|
||||
<!-- //타임라인 -->
|
||||
|
||||
<div class="fix_icon">
|
||||
<button type="button"><img src="../../img/ico_image_grey_24.png" alt=""></button>
|
||||
<button type="button"><img src="../../img/ico_share_grey_24.png" alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //wrap -->
|
||||
|
||||
<!-- 하단 네비 iyu_nav -->
|
||||
<nav class="iyu_nav">
|
||||
<ul>
|
||||
<li class="nav_list01">
|
||||
<a href="../sn_nutrition/view_sn_nutrition_main.html">
|
||||
<div class="icon">영양</div>
|
||||
<div class="tit">영양</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav_list02">
|
||||
<a href="../sn_growth_body/view_sn_growth_main.html">
|
||||
<div class="icon">성장</div>
|
||||
<div class="tit">성장</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav_list03">
|
||||
<a href="../sn_index/index.html">
|
||||
<div class="icon">홈</div>
|
||||
<div class="tit">홈</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav_list04">
|
||||
<a href="../sn_food_information/view_sn_food_information_main.html">
|
||||
<div class="icon">식품정보</div>
|
||||
<div class="tit">식품정보</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav_list05">
|
||||
<a href="../sn_community/list_sn_community.html">
|
||||
<div class="icon">커뮤니티</div>
|
||||
<div class="tit">커뮤니티</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- //iyu_nav -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in new issue