|
|
|
@ -60,11 +60,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
<#if (5 < model['rm_child']['m'])>
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">통곡물<span>Whole Grains</span></p>
|
|
|
|
|
<#assign dqi_food_4=model['score']['dqi_food_4']?number>
|
|
|
|
|
<p class="per">${dqi_food_4!}점</p>
|
|
|
|
|
<p class="per">${dqi_food_4?string.number!}점</p>
|
|
|
|
|
<div class="nutrient_slider">
|
|
|
|
|
<p class="base"></p>
|
|
|
|
|
<p class="move ${model['lights']['dqi_food_4']!}" style="width:${dqi_food_4!*20}%"></p>
|
|
|
|
@ -74,13 +75,61 @@
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">정제된곡물<span>Refined Grains</span></p>
|
|
|
|
|
<#assign dqi_food_5=model['score']['dqi_food_5']?number>
|
|
|
|
|
<p class="per">${dqi_food_5!}점</p>
|
|
|
|
|
<p class="tit">단백질<span>Protein</span></p>
|
|
|
|
|
<#assign dqi_food_6=model['score']['dqi_food_6']?number>
|
|
|
|
|
<p class="per">${dqi_food_6!}점</p>
|
|
|
|
|
<div class="nutrient_slider">
|
|
|
|
|
<p class="base"></p>
|
|
|
|
|
<p class="move ${model['lights']['dqi_food_5']!}" style="width:${dqi_food_5!*20}%"></p>
|
|
|
|
|
<span class="point ${model['lights']['dqi_food_5']!}" style="left:${dqi_food_5!*20}%"></span>
|
|
|
|
|
<p class="move ${model['lights']['dqi_food_6']!}" style="width:${dqi_food_6!*20}%"></p>
|
|
|
|
|
<span class="point ${model['lights']['dqi_food_6']!}" style="left:${dqi_food_6!*20}%"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">채소류<span>Vegitables</span></p>
|
|
|
|
|
<#assign dqi_food_7=model['score']['dqi_food_7']?number>
|
|
|
|
|
<p class="per">${dqi_food_7!}점</p>
|
|
|
|
|
<div class="nutrient_slider">
|
|
|
|
|
<p class="base"></p>
|
|
|
|
|
<p class="move ${model['lights']['dqi_food_7']!}" style="width:${dqi_food_7!*20}%"></p>
|
|
|
|
|
<span class="point ${model['lights']['dqi_food_7']!}" style="left:${dqi_food_7!*20}%"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">과일류<span>Fruits</span></p>
|
|
|
|
|
<#assign dqi_food_8=model['score']['dqi_food_8']?number>
|
|
|
|
|
<p class="per">${dqi_food_8!}점</p>
|
|
|
|
|
<div class="nutrient_slider">
|
|
|
|
|
<p class="base"></p>
|
|
|
|
|
<p class="move ${model['lights']['dqi_food_8']!}" style="width:${dqi_food_8!*20}%"></p>
|
|
|
|
|
<span class="point ${model['lights']['dqi_food_8']!}" style="left:${dqi_food_8!*20}%"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
</#if>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_list -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_wrap -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrient_wrap -->
|
|
|
|
|
<div class="nutrient_wrap">
|
|
|
|
|
<h2>부정 식품군</h2>
|
|
|
|
|
<!-- nutrient_list -->
|
|
|
|
|
<div class="nutrient_list">
|
|
|
|
|
<#if (model['rm_child']['m'] <= 5)>
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">통곡물<span>Whole Grains</span></p>
|
|
|
|
|
<#assign dqi_food_4=model['score']['dqi_food_4']>
|
|
|
|
|
<p class="per">${dqi_food_4?string.number!}점</p>
|
|
|
|
|
<div class="nutrient_slider">
|
|
|
|
|
<p class="base"></p>
|
|
|
|
|
<p class="move ${model['lights']['dqi_food_4']!}" style="width:${dqi_food_4!*20}%"></p>
|
|
|
|
|
<span class="point ${model['lights']['dqi_food_4']!}" style="left:${dqi_food_4!*20}%"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
@ -120,6 +169,23 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
</#if>
|
|
|
|
|
|
|
|
|
|
<#if (5 < model['rm_child']['m'])>
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">정제된곡물<span>Refined Grains</span></p>
|
|
|
|
|
<#assign dqi_food_5=model['score']['dqi_food_5']>
|
|
|
|
|
<p class="per">${dqi_food_5?string.number!}점</p>
|
|
|
|
|
<div class="nutrient_slider">
|
|
|
|
|
<p class="base"></p>
|
|
|
|
|
<p class="move ${model['lights']['dqi_food_5']!}" style="width:${dqi_food_5!*40}%"></p>
|
|
|
|
|
<span class="point ${model['lights']['dqi_food_5']!}" style="left:${dqi_food_5!*40}%"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
</#if>
|
|
|
|
|
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">100% 과일주스<span>100% Fruits Juices</span></p>
|
|
|
|
@ -132,16 +198,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_box -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_list -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrient_wrap -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrient_wrap -->
|
|
|
|
|
<div class="nutrient_wrap">
|
|
|
|
|
<h2>부정 식품군</h2>
|
|
|
|
|
<!-- nutrient_list -->
|
|
|
|
|
<div class="nutrient_list">
|
|
|
|
|
<!-- nutrient_box -->
|
|
|
|
|
<div class="nutrient_box">
|
|
|
|
|
<p class="tit">당함유 음료<span>Sugar-Sweetened Beverages</span></p>
|
|
|
|
|