|
|
|
@ -5,77 +5,167 @@
|
|
|
|
|
<#include "/m/bf_daily_nutrition/include_bf_nu_tp_12.ftl">
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //유축 -->
|
|
|
|
|
<!-- nutrition_kinds -->
|
|
|
|
|
<div id="nutrition_kinds" class="nutrition_kinds">
|
|
|
|
|
<!-- wrap -->
|
|
|
|
|
<div class="nutrition_kinds_content">
|
|
|
|
|
<!-- 수유시간 -->
|
|
|
|
|
<div class="take_time w_div">
|
|
|
|
|
<div class="stop_ok_div">
|
|
|
|
|
<button type="button" id="btnPause" class="border_btn" onclick="pauseTime();">잠시멈춤</button>
|
|
|
|
|
<button type="button" id="btnStop" class="border_btn" onclick="stopTime();">완료</button>
|
|
|
|
|
<button type="button" id="btnStart" class="border_btn" onclick="pauseTime();startTime(0);setTimer();">다시시작</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="sound_icon">
|
|
|
|
|
<button type="button">
|
|
|
|
|
<img src="../img/nutrition/ico_sound_on_black_18.png" alt="">
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button">
|
|
|
|
|
<img src="../img/nutrition/ico_sound_off_black_18.png" alt="">
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_kinds_basic02 -->
|
|
|
|
|
<div class="nutrition_kinds_basic02">
|
|
|
|
|
<div class="profile_list">
|
|
|
|
|
<h2 class="p_title">정보입력</h2>
|
|
|
|
|
<div class="p_list_item p_border_box">
|
|
|
|
|
<label for="input_date" class="p_label">수유일자</label>
|
|
|
|
|
<div class="p_input_box">
|
|
|
|
|
<input type="text" id="input_date" name="input_date" value="${model['rm']['baseday']!}" class="required" placeholder="수유일자 입력" data-tit="수유일자" readonly>
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<div class="take_time_left">
|
|
|
|
|
<p class="time_tit" onclick="setPosition(this);">왼쪽</p>
|
|
|
|
|
<div class="time_div time_div_block">
|
|
|
|
|
<div class="border_b_input">
|
|
|
|
|
<input type="text" id="iptblm" name="iptblm" value="${model['rm']['blm']!}" readonly/>
|
|
|
|
|
<p>분</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="border_b_input">
|
|
|
|
|
<input type="text" id="iptbls" name="iptbls" value="${model['rm']['bls']!}" readonly/>
|
|
|
|
|
<p>초</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="p_list_item p_border_box">
|
|
|
|
|
<label for="child_height" class="p_label">왼쪽수유 (분)</label>
|
|
|
|
|
<div class="p_input_box">
|
|
|
|
|
<input type="number" id="iptblm" name="iptblm" value="${model['rm']['blm']!}" class="required" placeholder="왼쪽수유(분)" data-tit="왼쪽수유(분)" step="1">
|
|
|
|
|
<span class="unit">분</span>
|
|
|
|
|
<div class="bg_border" onclick="pauseTime();setTimer();" >
|
|
|
|
|
<div class="bg_full">
|
|
|
|
|
<p>수유시작</p>
|
|
|
|
|
<span id="timer">00:00</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="p_list_item p_border_box">
|
|
|
|
|
<label for="child_height" class="p_label">왼쪽수유 (초)</label>
|
|
|
|
|
<div class="p_input_box">
|
|
|
|
|
<input type="number" id="iptbls" name="iptbls" value="${model['rm']['bls']!}" class="required" placeholder="왼쪽수유(초)" data-tit="왼쪽수유(초)" step="1">
|
|
|
|
|
<span class="unit">초</span>
|
|
|
|
|
<div class="take_time_right">
|
|
|
|
|
<p class="time_tit" onclick="setPosition(this);">오른쪽</p>
|
|
|
|
|
|
|
|
|
|
<div class="time_div time_div_block">
|
|
|
|
|
<div class="border_b_input">
|
|
|
|
|
<input type="text" id="iptbrm" name="iptbrm" value="${model['rm']['brm']!}" readonly/>
|
|
|
|
|
<p>분</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="border_b_input">
|
|
|
|
|
<input type="text" id="iptbrs" name="iptbrs" value="${model['rm']['brs']!}" readonly/>
|
|
|
|
|
<p>초</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="p_list_item p_border_box">
|
|
|
|
|
<label for="child_height" class="p_label">오른쪽수유 (분)</label>
|
|
|
|
|
<div class="p_input_box">
|
|
|
|
|
<input type="number" id="iptbrm" name="iptbrm" value="${model['rm']['brm']!}" class="required" placeholder="오른쪽수유(분)" data-tit="오른쪽수유(분)" step="1">
|
|
|
|
|
<span class="unit">분</span>
|
|
|
|
|
<div class="time_btn_div" style="text-align:center;margin-top:10px;">
|
|
|
|
|
<button type="button" class="border_btn" onclick="addTime(-5);">-5분</button>
|
|
|
|
|
<button type="button" class="border_btn" onclick="addTime(-1);">-1분</button>
|
|
|
|
|
<button type="button" class="border_btn" onclick="addTime(1);">1분</button>
|
|
|
|
|
<button type="button" class="border_btn" onclick="addTime(5);">5분</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //수유시간 -->
|
|
|
|
|
|
|
|
|
|
<!-- 유축한 양 -->
|
|
|
|
|
<div class="take_amount w_div">
|
|
|
|
|
<div class="amount_div flex_amount_div">
|
|
|
|
|
<p class="record_title">섭취량</p>
|
|
|
|
|
<p class="yellow_tit">총 <span id="tEat_qty"> <#if model['rm']['eat_qty']?exists > ${model['rm']['eat_qty']!} <#else>0</#if> </span> ml</p>
|
|
|
|
|
<p class="yellow_tit">총량 입력</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="amount_input_div">
|
|
|
|
|
<!-- 왼쪽 유축양 -->
|
|
|
|
|
<div>
|
|
|
|
|
<p>왼쪽</p>
|
|
|
|
|
|
|
|
|
|
<div class="number">
|
|
|
|
|
<div class="input_flex">
|
|
|
|
|
<button type="button" class="border_btn" onclick="addLeftLac(-10);">-10</button>
|
|
|
|
|
<button type="button" class="border_btn" onclick="addLeftLac(-5);">-5</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<span id="lEat_qty">${model['rm']['blq']!}</span>
|
|
|
|
|
|
|
|
|
|
<div class="p_list_item p_border_box">
|
|
|
|
|
<label for="child_height" class="p_label">오른쪽수유 (초)</label>
|
|
|
|
|
<div class="p_input_box">
|
|
|
|
|
<input type="number" id="iptbrs" name="iptbrs" value="${model['rm']['brs']!}" class="required" placeholder="오른쪽수유(초)" data-tit="오른쪽수유(초)" step="1">
|
|
|
|
|
<span class="unit">초</span>
|
|
|
|
|
<div class="input_flex">
|
|
|
|
|
<button type="button" class="border_btn" onclick="addLeftLac(10);">+10</button>
|
|
|
|
|
<button type="button" class="border_btn" onclick="addLeftLac(5);">+5</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //왼쪽 유축양 -->
|
|
|
|
|
|
|
|
|
|
<!-- 오른쪽 유축양 -->
|
|
|
|
|
<div>
|
|
|
|
|
<p>오른쪽</p>
|
|
|
|
|
|
|
|
|
|
<div class="number">
|
|
|
|
|
<div class="input_flex">
|
|
|
|
|
<button type="button" class="border_btn" onclick="addRightLac(-10);">-10</button>
|
|
|
|
|
<button type="button" class="border_btn" onclick="addRightLac(-5);">-5</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<span id="rEat_qty">${model['rm']['brq']!}</span>
|
|
|
|
|
|
|
|
|
|
<div class="p_list_item p_border_box">
|
|
|
|
|
<label for="child_height" class="p_label">수유량(좌)</label>
|
|
|
|
|
<div class="p_input_box">
|
|
|
|
|
<input type="number" id="iptblq" name="iptblq" value="${model['rm']['blq']!}" class="required" placeholder="수유량(좌)" data-tit="수유량(좌)" step="1">
|
|
|
|
|
<span class="unit">ml</span>
|
|
|
|
|
<div class="input_flex">
|
|
|
|
|
<button type="button" class="border_btn" onclick="addRightLac(10);">+10</button>
|
|
|
|
|
<button type="button" class="border_btn" onclick="addRightLac(5);">+5</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="p_list_item p_border_box">
|
|
|
|
|
<label for="child_height" class="p_label">수유량(우)</label>
|
|
|
|
|
<div class="p_input_box">
|
|
|
|
|
<input type="number" id="iptbrq" name="iptbrq" value="${model['rm']['brq']!}" class="required" placeholder="수유량(우)" data-tit="수유량(우)" step="1">
|
|
|
|
|
<span class="unit">ml</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //오른쪽 유축양 -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //유축한 양 -->
|
|
|
|
|
|
|
|
|
|
<!-- 폐기날짜 -->
|
|
|
|
|
<div class="disposal_date w_div">
|
|
|
|
|
<p class="record_title">폐기 D-Day</p>
|
|
|
|
|
<div class="date">
|
|
|
|
|
( <span id="d_year"></span> )년 ( <span id="d_month"></span> )월 ( <span id="d_day"></span> )일
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //폐기날짜 -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var addLeftLac =function(qty) {
|
|
|
|
|
var eat_qty = parseInt($.trim($("#lEat_qty").text()) == '' ? '0': $.trim($("#lEat_qty").text())) + (qty*1) ;
|
|
|
|
|
if(eat_qty <0) eat_qty = 0;
|
|
|
|
|
$("#lEat_qty").text(eat_qty);
|
|
|
|
|
$("#tEat_qty").text(parseInt($.trim($("#tEat_qty").text()) == '' ? '0' : $.trim($("#tEat_qty").text())) + (qty*1) );
|
|
|
|
|
$("#blq").val(eat_qty);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var addRightLac =function(qty) {
|
|
|
|
|
var eat_qty = parseInt($.trim($("#rEat_qty").text()) == '' ? '0': $.trim($("#rEat_qty").text())) + (qty*1) ;
|
|
|
|
|
if(eat_qty <0) eat_qty = 0;
|
|
|
|
|
$("#rEat_qty").text(eat_qty);
|
|
|
|
|
$("#tEat_qty").text(parseInt($.trim($("#tEat_qty").text()) == '' ? '0' : $.trim($("#tEat_qty").text())) + (qty*1)) ;
|
|
|
|
|
$("#brq").val(eat_qty);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$(function(){
|
|
|
|
|
var today = moment().format('YYYY.MM.DD');
|
|
|
|
|
$("#input_date").val(today)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<#if model['rm']['baseday']?exists>
|
|
|
|
|
$("#input_date").val(${model['rm']['baseday']!});
|
|
|
|
|
$("#input_date").val('${model['rm']['baseday']!}');
|
|
|
|
|
</#if>
|
|
|
|
|
var input_date = SNUtil.makeAnyPicker('input_date', $("#input_date").val(), -80, '.');
|
|
|
|
|
$("div.nutrition_kinds_basic02>div").find(".p_input_box>input").bind('input', function(event){
|
|
|
|
|
$("#"+event.target.id.replace("ipt","")).val(this.value);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
<#include "/m/bf_daily_nutrition/include_bottom.ftl">
|