|
|
|
@ -1,103 +1,101 @@
|
|
|
|
|
<#include "/m/bf_daily_nutrition/include_top.ftl">
|
|
|
|
|
|
|
|
|
|
<!-- 대소변 -->
|
|
|
|
|
<div class="kinds_tabcont">
|
|
|
|
|
<!-- 대소변 -->
|
|
|
|
|
<div class="kinds_tabcont">
|
|
|
|
|
<#include "/m/bf_daily_nutrition/include_bf_nu_tp_6.ftl">
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //대소변 -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic nutrition_kinds_toilet">
|
|
|
|
|
<h2>대변 또는 소변을 선택해주세요.</h2>
|
|
|
|
|
<ul class="nutrition_list_reason nutrition_list_reason_half li_check" id="rest_type">
|
|
|
|
|
<#if model['lm_rest_tp']? has_content>
|
|
|
|
|
<#list model['lm_rest_tp'] as item>
|
|
|
|
|
<li onclick="javascript:save.set('rest_tp', '${item['cd_no']}');" <#if model['rm']['rest_tp']?exists && model['rm']['rest_tp'] == item['cd_no']>class="active"</#if>>${item['title']}</li>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //대소변 -->
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic nutrition_kinds_toilet">
|
|
|
|
|
<h2>대변 또는 소변을 선택해주세요.</h2>
|
|
|
|
|
<ul class="nutrition_list_reason nutrition_list_reason_half li_check" id="rest_type">
|
|
|
|
|
<#if model['lm_rest_tp']? has_content>
|
|
|
|
|
<#list model['lm_rest_tp'] as item>
|
|
|
|
|
<li onclick="javascript:save.set('rest_tp', '${item['cd_no']}');" <#if model['rm']['rest_tp']?exists && model['rm']['rest_tp'] == item['cd_no']>class="active"</#if>>${item['title']}</li>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_feces 대변 -->
|
|
|
|
|
<div class="nutrition_kinds_feces">
|
|
|
|
|
<!-- nutrition_kinds_feces 대변 -->
|
|
|
|
|
<div class="nutrition_kinds_feces">
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic nutrition_kinds_toilet">
|
|
|
|
|
<h2>대변 색을 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_color_feces">
|
|
|
|
|
<#if model['lm_rest_feces_color']? has_content>
|
|
|
|
|
<#list model['lm_rest_feces_color'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic nutrition_kinds_toilet">
|
|
|
|
|
<h2>대변 색을 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_color_feces">
|
|
|
|
|
<#if model['lm_rest_feces_color']? has_content>
|
|
|
|
|
<#list model['lm_rest_feces_color'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 배변량 slider-->
|
|
|
|
|
<div id="slider2"></div>
|
|
|
|
|
<!-- //배변량 slider -->
|
|
|
|
|
<!-- 배변량 slider-->
|
|
|
|
|
<div id="slider2"></div>
|
|
|
|
|
<!-- //배변량 slider -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_feces 대변 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_pee 소변 -->
|
|
|
|
|
<div class="nutrition_kinds_pee">
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic">
|
|
|
|
|
<h2>소변 색을 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_color_pee">
|
|
|
|
|
<#if model['lm_rest_pee_color']? has_content>
|
|
|
|
|
<#list model['lm_rest_pee_color'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_feces 대변 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_pee 소변 -->
|
|
|
|
|
<div class="nutrition_kinds_pee">
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic">
|
|
|
|
|
<h2>소변 색을 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_color_pee">
|
|
|
|
|
<#if model['lm_rest_pee_color']? has_content>
|
|
|
|
|
<#list model['lm_rest_pee_color'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 배변량 slider-->
|
|
|
|
|
<div id="slider3"></div>
|
|
|
|
|
<!-- //배변량 slider -->
|
|
|
|
|
<!-- 배변량 slider-->
|
|
|
|
|
<div id="slider3"></div>
|
|
|
|
|
<!-- //배변량 slider -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_pee -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic">
|
|
|
|
|
<h2>배변량을 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_amount">
|
|
|
|
|
<#if model['lm_rest_qty']? has_content>
|
|
|
|
|
<#list model['lm_rest_qty'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 배변량 slider-->
|
|
|
|
|
<div id="slider4"></div>
|
|
|
|
|
<!-- //배변량 slider -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic nutrition_kinds_degree">
|
|
|
|
|
<h2>배변정도를 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_amount">
|
|
|
|
|
<#if model['lm_rest_feces_degree']? has_content>
|
|
|
|
|
<#list model['lm_rest_feces_degree'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 배변정도 slider-->
|
|
|
|
|
<div id="slider5"></div>
|
|
|
|
|
<!-- //배변정도 slider -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
<script>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_pee -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic">
|
|
|
|
|
<h2>배변량을 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_amount">
|
|
|
|
|
<#if model['lm_rest_qty']? has_content>
|
|
|
|
|
<#list model['lm_rest_qty'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 배변량 slider-->
|
|
|
|
|
<div id="slider4"></div>
|
|
|
|
|
<!-- //배변량 slider -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_basic -->
|
|
|
|
|
<div class="nutrition_kinds_basic nutrition_kinds_degree">
|
|
|
|
|
<h2>배변정도를 선택해주세요.</h2>
|
|
|
|
|
<div class="graph_txt_amount">
|
|
|
|
|
<#if model['lm_rest_feces_degree']? has_content>
|
|
|
|
|
<#list model['lm_rest_feces_degree'] as item>
|
|
|
|
|
<span class="graph_txt_${item['val_1']!}">${item['title'!]}</span>
|
|
|
|
|
</#list>
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 배변정도 slider-->
|
|
|
|
|
<div id="slider5"></div>
|
|
|
|
|
<!-- //배변정도 slider -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_kinds_basic -->
|
|
|
|
|
<script>
|
|
|
|
|
function init(){
|
|
|
|
|
var active = $("#rest_type").children("[class=active]").html();
|
|
|
|
|
if(active=='소변'){ // 19 : 대변 , 20: 소변
|
|
|
|
@ -128,7 +126,7 @@
|
|
|
|
|
$(".nutrition_kinds_feces").hide();
|
|
|
|
|
$(".nutrition_kinds_degree").hide();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 클래스 추가 삭제시
|
|
|
|
|
$(".li_check>li").click(function(e) {
|
|
|
|
|
e.stopPropagation();
|
|
|
|
@ -147,7 +145,7 @@
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 이미지 변경시
|
|
|
|
|
$(".li_check_img>li").click(function(e) {
|
|
|
|
|
e.stopPropagation();
|
|
|
|
@ -178,7 +176,6 @@
|
|
|
|
|
// 상단시계 am&pm on,off 효과
|
|
|
|
|
$(".nutrition_time_ampm span").click(function(e) {
|
|
|
|
|
e.stopPropagation();
|
|
|
|
|
|
|
|
|
|
if (!$(this).hasClass("active")) {
|
|
|
|
|
$(".nutrition_time_ampm span.active").removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
@ -203,13 +200,13 @@
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#slider1').slider({
|
|
|
|
|
// 슬라이더바 이하값 색 강조
|
|
|
|
|
range: 'min', // max 로 설정시 이상값 강조
|
|
|
|
|
|
|
|
|
|
min: 0,
|
|
|
|
|
max: 100,
|
|
|
|
|
value: ${model['rm']['rest_qty']!},
|
|
|
|
|
max: 100,
|
|
|
|
|
value: <#if model['rm']['rest_qty']?exists> ${model['rm']['rest_qty']!}<#else>0</#if>,
|
|
|
|
|
step: 25,
|
|
|
|
|
animate: true,
|
|
|
|
|
change: function(event,ui){
|
|
|
|
@ -218,8 +215,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//대변색
|
|
|
|
|
$('#slider2').slider({
|
|
|
|
|
// 슬라이더바 이하값 색 강조
|
|
|
|
@ -227,7 +223,7 @@
|
|
|
|
|
|
|
|
|
|
min: 0,
|
|
|
|
|
max: 100,
|
|
|
|
|
value: <#if model['rm']['rest_tp']?exists && model['rm']['rest_tp'] == 19>${model['rm']['rest_color']!}<#else>0</#if>,
|
|
|
|
|
value: <#if model['rm']['rest_color']?exists>${model['rm']['rest_color']!}<#else>0</#if>,
|
|
|
|
|
step: 25,
|
|
|
|
|
animate: true,
|
|
|
|
|
change: function(event,ui){
|
|
|
|
@ -244,7 +240,7 @@
|
|
|
|
|
|
|
|
|
|
min: 0,
|
|
|
|
|
max: 100,
|
|
|
|
|
value: <#if model['rm']['rest_tp']?exists && model['rm']['rest_tp'] == 20>${model['rm']['rest_color']!}<#else>0</#if>,
|
|
|
|
|
value: <#if model['rm']['rest_color']?exists>${model['rm']['rest_color']!}<#else>0</#if>,
|
|
|
|
|
step: 33.3333,
|
|
|
|
|
animate: true,
|
|
|
|
|
change: function(event,ui){
|
|
|
|
@ -260,7 +256,7 @@
|
|
|
|
|
|
|
|
|
|
min: 0,
|
|
|
|
|
max: 100,
|
|
|
|
|
value: <#if model['rm']['rest_tp']?exists>${model['rm']['rest_qty']!}<#else>0</#if>,
|
|
|
|
|
value: <#if model['rm']['rest_qty']?exists>${model['rm']['rest_qty']!}<#else>0</#if>,
|
|
|
|
|
step: 25,
|
|
|
|
|
animate: true,
|
|
|
|
|
change: function(event,ui){
|
|
|
|
@ -275,15 +271,15 @@
|
|
|
|
|
|
|
|
|
|
min: 0,
|
|
|
|
|
max: 100,
|
|
|
|
|
value: <#if model['rm']['rest_tp']?exists && model['rm']['rest_tp'] == 19>${model['rm']['rest_degree']!}<#else>0</#if>,
|
|
|
|
|
value: <#if model['rm']['rest_degree']?exists>${model['rm']['rest_degree']!}<#else>0</#if>,
|
|
|
|
|
step: 25,
|
|
|
|
|
animate: true,
|
|
|
|
|
change: function(event,ui){
|
|
|
|
|
var slider5 = $("#slider5").slider("value");
|
|
|
|
|
save.set('rest_degree',slider5);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<#include "/m/bf_daily_nutrition/include_bottom.ftl">
|