jonghwan76
3 years ago
parent
ab9e63dc7f
commit
dc5ac14883
@ -0,0 +1,222 @@
|
||||
<#include "/m/include/index_top.ftl">
|
||||
|
||||
<link rel="stylesheet" href="${URL_STATIC_ROOT}/m/css/swiper.min.css">
|
||||
<script src="${URL_STATIC_ROOT}/m/js/swiper.min.js"></script>
|
||||
<script src="${URL_STATIC_ROOT}/m/js/jquery_popupoverlay.js"></script>
|
||||
<script src="${URL_STATIC_ROOT}/m/js/design.js"></script>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- wrap -->
|
||||
<div class="wrap">
|
||||
|
||||
<!-- main_nutrition -->
|
||||
<main class="main_nutrition">
|
||||
|
||||
<!-- nutrition_search_main -->
|
||||
<div class="nutrition_search_main pd0">
|
||||
|
||||
<div class="nutrition_search_fix" style="width:90%;top:40px">
|
||||
<!-- 영양검색탭 -->
|
||||
<div class="nutrition_search_tab">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide active">
|
||||
<p>홈메이드 이유식을 검색해 주세요.</p>
|
||||
</div>
|
||||
<!--<div class="swiper-slide">
|
||||
<a href="#foodInfo_subMain_list01">전체</a>
|
||||
<p>내용내용내용</p>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- //영양검색탭 -->
|
||||
|
||||
<!-- 검색input -->
|
||||
<div class="search_input_wrap">
|
||||
<p class="search_input"><input type="text" id="prd_nm" name="prd_nm" placeholder="검색"><a href="javascript:list_more('Y');">검색</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 검색결과 -->
|
||||
<div class="search_result_homemade_wrap" style="top:500px">
|
||||
<div class="search_top">
|
||||
<!-- <span><img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_search_season.png" alt="제철음식 아이콘" /> 제철음식</span> -->
|
||||
<span><img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" /> 알레르기</span>
|
||||
</div>
|
||||
<ul id="ul_board" class="search_result_homemade">
|
||||
<#if model['lm']?has_content>
|
||||
<#list model['lm'] as item>
|
||||
<li>
|
||||
<a href="javascript:fncRecipeMadePopDetail(${item['dhb_no']!})">
|
||||
<p class="search_img">
|
||||
<img src="${URL_STATIC_ROOT}/m/db/homemade/${item['dhb_cd']!}-0.png" onerror="this.src='${URL_STATIC_ROOT}/m/db/homemade/bowl.png';" alt="이유식 식재료 검색 사진"/>
|
||||
</p>
|
||||
<div class="search_txt">
|
||||
<p class="name">
|
||||
<span class="box">${item['dqi_food']!}</span>
|
||||
<span class="tit">${item['name']!}</span>
|
||||
<span class="txt">추천개월 - ${item['for_m']!}</span>
|
||||
</p>
|
||||
<p class="scope">
|
||||
<#list 1..5 as i>
|
||||
<#if i<=item['star']><img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
||||
<#else> <img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />
|
||||
</#if>
|
||||
</#list>
|
||||
</p>
|
||||
</div>
|
||||
<div class="search_display">
|
||||
<#if (item['season']?number > 0)><span><img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_search_season.png" alt="제철음식 아이콘" /></span></#if>
|
||||
<#if (item['allergy']?number > 0)> <span><img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" /></span></#if>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</#if>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //nutrition_search_main -->
|
||||
|
||||
</main>
|
||||
<!-- //main_nutrition -->
|
||||
|
||||
</div>
|
||||
<!-- //wrap -->
|
||||
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script type="text/javascript">
|
||||
var is_loading = false;
|
||||
var nowPage = 1;
|
||||
var maxPage = 0;
|
||||
var nextPage = nowPage;
|
||||
|
||||
if(nowPage >= maxPage){
|
||||
$('.more_btn_box').remove();
|
||||
}
|
||||
|
||||
$('.more_btn_box').click(function(){
|
||||
list_more('N');
|
||||
return false;
|
||||
});
|
||||
|
||||
function list_more(is_new) {
|
||||
if(is_new == 'Y'){
|
||||
nowPage = 0;
|
||||
$('#ul_board').empty();
|
||||
}
|
||||
|
||||
var prd_nm = $('#prd_nm').val();
|
||||
ajax_data(prd_nm);
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$("#prd_nm").keyup(function() { list_more('Y'); });
|
||||
});
|
||||
|
||||
function ajax_data(keyword){
|
||||
if (is_loading == false) {
|
||||
is_loading = true;
|
||||
|
||||
nextPage = (nowPage + 1);
|
||||
|
||||
$.ajax({
|
||||
url:'${URL_ROOT}/m/db/db_nutrient/ajax_list_db_home_bf.do',
|
||||
type:'get',
|
||||
data: {
|
||||
"prd_nm" : keyword ,
|
||||
"nowPage":nextPage
|
||||
},
|
||||
dataType:'json',
|
||||
error:function(request,status,error){
|
||||
is_stop_more = false;
|
||||
},
|
||||
success:function(result){
|
||||
var html = '';
|
||||
|
||||
nowPage = Number(result.page.nowPage);
|
||||
maxPage = Number(result.page.maxPage);
|
||||
|
||||
$('#nowPage').text(nowPage);
|
||||
|
||||
if(nowPage == maxPage){
|
||||
$('.more_btn_box').remove();
|
||||
}
|
||||
|
||||
if(result.list != null && result.list.length > 0) {
|
||||
for(var i=0;i<result.list.length;i++) {
|
||||
var dhb_no = result.list[i].dhb_no;
|
||||
var dhb_cd = result.list[i].dhb_cd;
|
||||
var name = result.list[i].name;
|
||||
var for_m = result.list[i].for_m;
|
||||
var star = result.list[i].star;
|
||||
var season = result.list[i].season;
|
||||
var allergy = result.list[i].allergy;
|
||||
var dqi_food = result.list[i].dqi_food;
|
||||
|
||||
var imgUrl = "${URL_STATIC_ROOT}/m/db/homemade/" + dhb_cd + "-0.png";
|
||||
|
||||
html +='<li>';
|
||||
html +='<a href="view_bf_homemade.do?return_url=list_bf_homemade&dhb_no='+dhb_no+'">';
|
||||
html +=' <p class="search_img">';
|
||||
html +='<img src="${URL_STATIC_ROOT}/m/db/homemade/'+dhb_cd+'-0.png" onerror="this.src=\'${URL_STATIC_ROOT}/m/db/homemade/bowl.png\';" alt="이유식 식재료 검색 사진"/>';
|
||||
html +=' </p>';
|
||||
html +=' <div class="search_txt">';
|
||||
html +=' <p class="name">';
|
||||
html +=' <span class="box">'+dqi_food+'</span>';
|
||||
html +=' <span class="tit">'+name+'</span>';
|
||||
html +=' <span class="txt">추천개월 - '+for_m+'</span>';
|
||||
html +=' </p>';
|
||||
html +=' <p class="scope">';
|
||||
for(var j=1; j<=5 ;j++){
|
||||
if(j<=star) html +='<img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />';
|
||||
else html +='<img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />';
|
||||
}
|
||||
html +=' </p>';
|
||||
html +='</div>';
|
||||
html +=' <div class="search_display">';
|
||||
if(season>0) html += '<span><img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_search_season.png" alt="제철음식 아이콘" /></span>';
|
||||
if(allergy>0) html += '<span><img src="${URL_STATIC_ROOT}/m/img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" /></span>';
|
||||
html +='</div>';
|
||||
html +=' </a>';
|
||||
html +='</li>';
|
||||
|
||||
}
|
||||
|
||||
ul_board.append(html);
|
||||
|
||||
}
|
||||
|
||||
is_loading = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var ul_board = $('#ul_board');
|
||||
$(window).scroll(function() {
|
||||
if ($(window).scrollTop() + 500 >= ($(document).height() - $(window).height())){
|
||||
list_more('N');
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
// 영양 검색 탭
|
||||
var swiper = new Swiper('.nutrition_search_tab', {
|
||||
slidesPerView: 5,
|
||||
slidesPerGroup: 1,
|
||||
spaceBetween: 10,
|
||||
loopFillGroupWithBlank: true,
|
||||
});
|
||||
$(".nutrition_search_tab .swiper-slide").click(function(e) {
|
||||
e.stopPropagation();
|
||||
|
||||
if (!$(this).hasClass("active")) {
|
||||
$(this).siblings().removeClass("active");
|
||||
$(this).addClass("active");
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,50 @@
|
||||
<#include "/m/include/index_top.ftl">
|
||||
<head>
|
||||
<link href="../css/style.css?1" rel="stylesheet" type="text/css" >
|
||||
</head>
|
||||
|
||||
<body class="bg_setting">
|
||||
<div class="wrap">
|
||||
<!--회원가입 상자(가입확인, 정보입력, 가입 완료) -->
|
||||
<div class="main_cont_status">
|
||||
<div>
|
||||
<p>가입 확인</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>정보 입력</p>
|
||||
</div>
|
||||
<div id="active">
|
||||
<p>가입 완료</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form id="frmJoinMember" name="frmJoinMember" method="post" action="authComplete.do" enctype="multipart/form-data" onsubmit="return false">
|
||||
|
||||
<main class="m_join_member">
|
||||
<div class="profile_wrap">
|
||||
<h1 class="l_title">[${model['member_info']['email']}]님과 계정연동이 완료 되었습니다.</h1>
|
||||
<div class="profile_cont phone_cont">
|
||||
<h2 class="p_title">함께하는 사용자</h2>
|
||||
<div class="p_list_item p_border_box">
|
||||
<#list model['member_list'] as item>
|
||||
<div class="p_input_box">${item['email']!}</div>
|
||||
</#list>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</form>
|
||||
|
||||
<button type="button" onclick="javascript:fncGoBaby()" class="btns blue_btn">가입완료</button>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
//로그인 처리 및 자녀추가 URL이동
|
||||
function fncGoBaby() {
|
||||
location.href = "${URL_ROOT}/m/bf_family_baby/list_bf_family_baby.do";
|
||||
}
|
||||
</script>
|
||||
<#include "/m/include/index_bottom.ftl">
|
||||
Loading…
Reference in new issue