@ -1,20 +1,31 @@
<#include "/m/include/index_top.ftl">
<script src="${URL_STATIC_ROOT}/m /js/jquery.bxslider.js"></script>
<script type="text/javascript" src="${URL_STATIC_ROOT}/m /js/masonry.pkgd.min.js"></script>
<#--<script src="${URL_STATIC_ROOT}/m /js/jquery.bxslider.js"></script>-->
<link rel="stylesheet" href="${URL_STATIC_ROOT}/m /css/swiper.min.css">
<script src="${URL_STATIC_ROOT}/m /js/swiper.min.js"></script>
<link href="../css/custom.css?2" rel="stylesheet" type="text/css" >
<script src=".. /js/jquery.bxslider.js"></script>
<script type="text/javascript" src=".. /js/masonry.pkgd.min.js"></script>
<!-- <#--<script src=".. /js/jquery.bxslider.js"></script>--> -->
<link rel="stylesheet" href=".. /css/swiper.min.css">
<script src=".. /js/swiper.min.js"></script>
<style>
/* main_cont_camera 이미지 불러오기 */
.main_cont_camera { padding-top:50px; background: url(../img/main/main_cont_img_camera_bg01.png)no-repeat top center/18px auto; }
.main_cont_camera li { width:100%; padding-bottom:40px; text-align:center; background: url(../img/main/main_cont_img_camera_bg02.png)no-repeat bottom center/18px auto; }
.main_cont_camera li:last-child { padding-bottom:50px; background: url(../img/main/main_cont_img_camera_bg03.png)no-repeat bottom center/18px auto; }
/* .main_cont_camera { padding-top:50px; background: url(../img/main/main_cont_img_camera_bg01.png)no-repeat top center/18px auto; } */
/* .main_cont_camera li { width:100%; padding-bottom:40px; text-align:center; background: url(../img/main/main_cont_img_camera_bg02.png)no-repeat bottom center/18px auto; } */
/* .main_cont_camera li:last-child { padding-bottom:50px; background: url(../img/main/main_cont_img_camera_bg03.png)no-repeat bottom center/18px auto; } */
.main_cont_camera input { display:none; }
.main_cont_camera .img_preview { position:relative; overflow:hidden; width:180px; height:170px; margin:0 auto; background:#fff; border:5px solid #fff; border-radius:20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
/* .main_cont_camera .img_preview { position:relative; overflow:hidden; width:180px; height:170px; margin:0 auto; background:#fff; border:5px solid #fff; border-radius:20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } */
.main_cont_camera .img_preview label { display:block; width:100%; height:auto; }
.main_cont_camera .img_preview img { position: absolute; width:100%; height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* 퍼블리싱 수정 css */
.main_cont_camera { padding-top:50px; background: none; }
.main_cont_camera li { position:relative; width:100%; padding-bottom:200px; text-align:center; background: none; display: flex; }
.main_cont_camera li:last-child { padding-bottom:50px; background: none; }
.main_cont_camera .img_preview { position:relative; overflow:hidden; width: 70px; height: 70px; margin: 0 43px 0 20px; background:#fff; border:5px solid #fff; border-radius:20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
.main_cont_camera .img_preview:after {
content: "";
display: block;
padding-bottom: 100%;
}
</style>
<body>
@ -69,23 +80,41 @@
<#list model['lm_child'] as item>
<li>
<div class="main_pofile_txt">
<h2><span name="child_nm">${item['name']!}</span></h2>
<p>${(item['m']?number/12)!}세 ${(item['m']?number%12)!}개월 (${item['gender_ko']!})</p>
<p>${(item['past_day'])!}일(${(item['past_day']?number/7)!}주 ${(item['past_day']?number%7)!}일) / (${item['past_month']!}개월 ${(item['past_day']?number%7)!}일)</p>
<#if item['day100'] gt 0>
<p>100일 D-${(item['day100'])!}일</p>
<#elseif item['day200'] gt 0>
<p>200일 D-${(item['day200'])!}일</p>
<#elseif item['day300'] gt 0>
<p>300일 D-${(item['day300'])!}일</p>
<#elseif item['day365'] gt 0>
<p>첫돌 D-${(item['day365'])!}일</p>
</#if>
<h2>${item['name']!} (${item['gender_ko']!})</h2>
<p>${(item['past_day'])!}일 (${(item['past_day']?number/7)!}주 ${(item['past_day']?number%7)!}일/${item['past_month']!}개월 ${(item['past_day']?number%7)!}일)</p>
<p class="d_day">
<#if item['day100'] gt 0>
<#if item['diff_d_day'] gt item['day100'] || item['diff_d_day'] lt 0>
100일 D-${(item['day100'])!}일,${item['day100date']!}
<#elseif item['diff_d_day'] gt 0>
${(item['d_title'])!} D-${(item['diff_d_day'])!}일,${item['d_day']!}
</#if>
<#elseif item['day200'] gt 0>
<#if item['diff_d_day'] gt item['day200'] || item['diff_d_day'] lt 0>
200일 D-${(item['day200'])!}일,${item['day200date']!}
<#elseif item['diff_d_day'] gt 0>
${(item['d_title'])!} D-${(item['diff_d_day'])!}일,${item['d_day']!}
</#if>
<#elseif item['day300'] gt 0>
<#if item['diff_d_day'] gt item['day300'] || item['diff_d_day'] lt 0>
300일 D-${(item['day300'])!}일,${item['day300date']!}
<#elseif item['diff_d_day'] gt 0>
${(item['d_title'])!} D-${(item['diff_d_day'])!}일,${item['d_day']!}
</#if>
<#elseif item['day365'] gt 0>
<#if item['diff_d_day'] gt item['day360'] || item['diff_d_day'] lt 0>
첫돌 D-${(item['day365'])!}일,${item['day365date']!}
<#elseif item['diff_d_day'] gt 0>
${(item['d_title'])!} D-${(item['diff_d_day'])!}일,${item['d_day']!}
</#if>
</#if>
</p>
</div>
<div class="main_pofile_img">
<p><a href ="${URL_ROOT}/m/bf_family_baby/view_bf_family_baby.do?smc_no=${item['smc_no']!}" ><img src="<#if item['append_300_img_file']?exists>${URL_ROOT}/file/get_img.do?mt_file_seq=${item['append_300_img_file']}<#else>${URL_STATIC_ROOT}/m/img/main/main_profile_img02.png</#if>" alt="프로필 사진" /></a></p>
<p>
<a href ="${URL_ROOT}/m/bf_family_baby/view_bf_family_baby.do?smc_no=${item['smc_no']!}" ><img src="<#if item['append_300_img_file']?exists>${URL_ROOT}/file/get_img.do?mt_file_seq=${item['append_300_img_file']}<#else>${URL_STATIC_ROOT}/m/img/main/main_profile_img02.png</#if>" alt="프로필 사진" /></a>
</p>
</div>
</li>
</#list>
@ -99,30 +128,22 @@
<!-- main_pofile_info -->
<div class="main_pofile_info main_pofile_info01">
<div class="main_pofile_info_tit">
<span class="p_a">cm</span>
<span class="p_b">kg</span>
</div>
<!-- main_pofile_info_txt -->
<div class="main_pofile_info_txt txt01 active">
<div class="main_pofile_info_txt01"><img src="${URL_STATIC_ROOT}/m/img/main/main_pofile_info_ico01.png" alt="기린 아이콘" /></div>
<div class="main_pofile_info_txt02"><strong><#if model['rm_last_h']['height']?exists>${model['rm_last_h']['height']!}cm<#else>-</#if></strong></div>
<div class="main_pofile_info_txt02"><strong><#if model['rm_last_h']['height']?exists>${model['rm_last_h']['height']!}<#else>-</#if></strong>cm</div>
</div>
<!-- main_pofile_info_txt -->
<#if model['rm_last_w']?exists == true>
<!-- main_pofile_info_txt -->
<div class="main_pofile_info_txt txt02">
<div class="main_pofile_info_txt01"><img src="${URL_STATIC_ROOT}/m/img/main/main_pofile_info_ico01.png" alt="기린 아이콘" /></div>
<div class="main_pofile_info_txt02"><strong><#if model['rm_last_w']['weight']?exists>${model['rm_last_w']['weight']!}kg<#else>-</#if></strong></div>
</div>
<div class="main_pofile_info_txt txt02">
<div class="main_pofile_info_txt02">
<strong><#if model['rm_last_w']['weight']?exists>${model['rm_last_w']['weight']!}kg<#else>-</#if></strong></div>
</div>
</#if>
<div class="main_pofile_info_tit">
<span class="txt01 active">cm</span>
<span class="txt02">kg</span>
</div>
</div>
<!-- main_pofile_info -->
@ -130,25 +151,88 @@
<!-- main_pofile_info_txt -->
<div class="main_pofile_info_txt txt01 active">
<div class="main_pofile_info_txt01"><img src="${URL_STATIC_ROOT}/m/img/main/main_pofile_info_ico02.png" alt="영양 아이콘" /></div>
<div class="main_pofile_info_txt02"><strong>-</strong></div>
<div class="main_pofile_info_txt02">
<#if model['rm_child']['totalNutrition']?exists == true>
<strong>${model['rm_child']['totalNutrition']}</strong>점
</#if>
<#if model['rm_child']['totalNutrition']?exists == false>
<strong>-</strong>
</#if>
</div>
</div>
<!-- main_pofile_info_txt -->
<div class="main_pofile_info_txt txt02">
<div class="main_pofile_info_txt01"><img src="${URL_STATIC_ROOT}/m/img/main/main_pofile_info_ico02.png" alt="영양 아이콘" /></div>
<div class="main_pofile_info_txt02"><strong>-</strong></div>
<div class="main_pofile_info_txt02">
<#if model['rm_child']['totalFood']?exists == true>
<strong>${model['rm_child']['totalFood']}</strong>%
</#if>
<#if model['rm_child']['totalFood']?exists == false>
<strong>-</strong>
</#if>
</div>
</div>
<div class="main_pofile_info_tit">
<span class="txt01 active">영양</span>
<span class="txt02">DQI</span>
<span class="txt02">식품 </span>
</div>
</div>
</div>
<!-- //main_pofile_info_wrap -->
<!-- main_cont_kinds -->
<!-- class명 active 를 넣으면 display:block 처리, 빼면 none 처리입니다. -->
<div class="main_cont_kinds active">
<div class="swiper-container">
<div class="swiper-wrapper">
<#list model['category_list'] as item>
<div class="swiper-slide">
<a href="javascript:void(0);" style="background-color:${item['color_cd']}" key="${item['val_1']!}"><span>${item['title']!}</span></a>
</div>
</#list>
<div class="swiper-slide">
<a href="${URL_ROOT}/m/member_env/setting_env_viewnm.do?return_url=setting&view_nm=view_set_record_order"><span>수정<br>설정</span></a>
</div>
</div>
</div>
</div>
<!-- //main_cont_kinds -->
<!-- main_cont_last_status -->
<div class="main_cont_last_status">
<div>
<p>마지막 식사</p>
<#if (model['lm_last_meal'])?has_content>
<span>${model['lm_last_meal']['ago']!} / ${model['lm_last_meal']['time_val']!}</span>
</#if>
<#if (model['lm_last_meal'])?has_content == false>
-
</#if>
</div>
<div>
<p>마지막 수면</p>
<#if (model['lm_last_sleep'])?has_content>
<span>${model['lm_last_sleep']['ago']!} / ${model['lm_last_sleep']['time_val']!}</span>
</#if>
<#if (model['lm_last_sleep'])?has_content == false>
-
</#if>
</div>
<div>
<p>마지막 대소변</p>
<#if (model['lm_last_bedpan'])?has_content>
<span>${model['lm_last_bedpan']['ago']!} / ${model['lm_last_bedpan']['time_val']!}</span>
</#if>
<#if (model['lm_last_bedpan'])?has_content == false>
-
</#if>
</div>
</div>
<!-- //main_cont_last_status -->
</div>
<!-- //main_pofile -->
@ -165,59 +249,56 @@
</style>
<!-- main_cont -->
<div class="main_cont">
<!-- main_cont_kinds -->
<!-- class명 active 를 넣으면 display:block 처리, 빼면 none 처리입니다. -->
<div class="main_cont_kinds active">
<div class="swiper-container">
<div class="swiper-wrapper">
<#list model['category_list'] as item>
<div class="swiper-slide">
<a href="javascript:void(0);" key="${item['val_1']!}"><span>${item['title']!}</span></a>
</div>
</#list>
<div class="swiper-slide">
<a href="${URL_ROOT}/m/member_env/setting_env_viewnm.do?return_url=setting&view_nm=view_set_record_order"><span>수정<br>설정</span></a>
</div>
</div>
</div>
</div>
<!-- //main_cont_kinds -->
<!-- 타임라인 line -->
<div class="main_cont_line"></div>
<!-- 이미지 업로드 main_cont_camera -->
<ul id="ul_photo" class="main_cont_camera">
<#assign nutirition_cd_no_title = ''>
<#assign ago = ''>
<#if (model['lm_nutrition'])?has_content>
<#list model['lm_nutrition'] as item>
<#assign nutirition_cd_no_title = ''>
<#assign ago = item['ago']>
<li name="li_img_preview" onclick="location.href='${URL_ROOT}/m/bf_daily_nutrition/view_bf_daily_nutrition.do?dn_no=${item['dn_no']}'" >
<div class="img_preview">
<#if (item['nutirition_cd_no_title'])?has_content>
<#assign nutirition_cd_no_title = item['nutirition_cd_no_title']>
<#assign memo = item['memo']!>
<#assign time_text = item['time_val']!>
</#if>
<img src="<#if item['append_300_img_file']?exists>${URL_ROOT}/file/get_img.do?mt_file_seq=${item['append_300_img_file']}<#else>${URL_STATIC_ROOT}/m/img/child/child_pic_02.png</#if>" alt="사진영역">
</div>
<div class="main_cont_circle" style="border-color: ${item['color_cd']};"></div>
<div class="main_cont_info">
<div class="info_title">
<p style="color: ${item['color_cd']};"><#if (model['lm_nutrition'])?has_content>${nutirition_cd_no_title}</#if></p>
<span class="info_time">${ago}</span>
</div>
<div class="info_amount">
<p>${time_text}</p>
</div>
<div class="info_recode" style="border-color: ${item['color_cd']};" onclick="location.href='${URL_ROOT}/m/bf_daily_nutrition/view_bf_daily_nutrition.do?dn_no=${item['dn_no']}'">
<p style="color: ${item['color_cd']};">순간의 기록</p>
<span>
${memo}<br/>
</span>
</div>
</div>
</li>
</#list>
</#if>
<li>
<div class="img_preview">
<p><label for="append_src_img_file"><img id="img_preview" src="${URL_STATIC_ROOT}/m/img/main/main_cont_img_camera.png" alt="사진영역"></label></p>
<p><label for="append_src_img_file"><img id="img_preview" src=".. /img/main/main_cont_img_camera.png" alt="사진영역"></label></p>
</div>
<input type="file" id="append_src_img_file" name="append_src_img_file">
</li>
</ul>
<!-- //main_cont_camera -->
<!-- main_cont_result -->
<div class="main_cont_result">
<p id="base_dt" class="txt">${model['base_dt']!}<br><span id="last_ago"><#if (model['lm_nutrition'])?has_content>${nutirition_cd_no_title}(${ago})</#if></span></p>
<p class="btn"><span name="child_nm">${model['rm_child']['name']!}</span> 의 하루</p>
</div>
<!-- //main_cont_result -->
</div>
<!-- //main_cont -->
</form>
@ -225,19 +306,24 @@
</div>
<!-- //main -->
<!-- float chatbot -->
<#if model[ 'rm_child']? has_content>
<a href="http://devops.lookylooks.ai:42110/browser_common_index.html?site_id=7973031d-157e-4140-914e-8f39059098d2&cb_id=31ef0fe4-3c2d-4d5a-b73b-76f7213b1737&ch_id=null&in=test_in_id&phone_num=${model['rm_mem']['phone_num']!}&name=${model['rm_child']['name']}&month=${(model['rm_child']['past_month'])}">
<div class="float_chatbot">
<img src="https://ccbot.hanaw.com/img/hana_icon.JPG">
</div>
</a>
<#else>
<a href="http://devops.lookylooks.ai:42110/browser_common_index.html?site_id=7973031d-157e-4140-914e-8f39059098d2&cb_id=31ef0fe4-3c2d-4d5a-b73b-76f7213b1737&ch_id=null&in=test_in_id&phone_num=${model['rm_mem']['phone_num']!}&name=null&month=null">
<div class="float_chatbot">
<img src="https://ccbot.hanaw.com/img/hana_icon.JPG">
</div>
</a>
</#if>
</div>
<!-- //wrap -->
<!-- 하단 네비 iyu_nav -->
<#include "/m/include/index_bottom_menu.ftl">
<!-- //iyu_nav -->
<script>
window.scrollTo(0,document.body.scrollHeight);
</script>
<script>
// main_pofile_slider 프로필 슬라이드
$(document).ready(function(){
@ -256,11 +342,9 @@
$('.bxslider-wrapper').css('visibility', 'visible').animate({opacity: 1});
},
onSlideAfter: function($slideElement, oldIndex, newIndex) {
$(".main_cont_kinds").hide();
//$(".#main_cont_kinds active").attr('class','main_cont_kinds');
ajax_child_info(newIndex);
// ajax_child_info(newIndex);
location.href = "${URL_ROOT}/m/index/index.do?smc_no=" + arr_smc_no[newIndex];
}
});
@ -362,7 +446,6 @@
</script>
<#--<script src="${URL_STATIC_ROOT}/m/js/vue.js"></script>-->
<script>
let not_h = '아이 키 성장 기록이 없습니다';
let not_w = '아이 체중 성장 기록이 없습니다';
@ -407,7 +490,7 @@
$('#base_dt_max_h').text(not_h)
$('#last_h').text( '-')
}
if(result.rm_last_w){
$('#base_dt_max_w').text(result.rm_last_w.base_dt_max)
$('#last_w').text(result.rm_last_w.height)
@ -462,4 +545,8 @@
});
</script>
<!-- 하단 네비 iyu_nav -->
<#include "/m/include/index_bottom_menu.ftl">
<!-- //iyu_nav -->
<#include "/m/include/index_bottom.ftl">
jonghwan76
3 years ago