mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-06 10:11:38 +09:00
5140047b5f
## 컨텐츠 모듈 스킨 - 사이트 테마를 따르지 않고 다른 색을 선택할 수 있도록 네모의 꿈 회원 스킨 컬러셋 추가. - 탭이 많을 때 터치 환경이 아니면 좌우로 넘기기 어려운 점을 고려하여서 메뉴를 펼침. - 작은 화면에서 화면을 최대한 활용하도록, 레이아웃 햄버거 메뉴를 부드럽게 나타내고 감춥니다. ## 위젯에서 LESS/SCSS 의 사용 - 변수를 위젯 캐시에도 전달할 수 있도록 해서 LESS 나 SCSS 에 값 전달이 가능하도록 함. - LESS 나 SCSS 를 사용한 경우에 위젯 코드 캐싱 코드가 적절하게 기록되도록 해서 LESS나 SCSS 를 사용 가능하도록 수정. ## 그 외 변화 - Reduce the number of regular expressions.
79 lines
No EOL
3.2 KiB
HTML
79 lines
No EOL
3.2 KiB
HTML
<load target="./js/content_widget.js" cond="$widget_info->page_count || count($widget_info->tab)" />
|
|
<!--// Check layout. If it is Simple World, select layout primary colors as a primary color of this skin -->
|
|
{@$layout_info = Context::get('layout_info')}
|
|
{@
|
|
$material_colors = array(
|
|
'red' => '#f44336',
|
|
'crimson' => '#aa0000',
|
|
'pink' => '#e91e63',
|
|
'purple' => '#9c27b0',
|
|
'deep-purple' => '#673ab7',
|
|
'indigo' => '#3f51b5',
|
|
'deep-blue' => '#00397f',
|
|
'blue' => '#2196f3',
|
|
'light-blue' => '#03a9f4',
|
|
'cyan' => '#00bcd4',
|
|
'teal' => '#009688',
|
|
'green' => '#4caf50',
|
|
'light-green' => '#8bc34a',
|
|
'lime' => '#cddc39',
|
|
'yellow' => '#ffeb3b',
|
|
'amber' => '#ffc107',
|
|
'orange' => '#ff9800',
|
|
'deep-orange' => '#ff5722',
|
|
'brown' => '#795548',
|
|
'grey' => '#9e9e9e',
|
|
'blue-grey' => '#607d8b',
|
|
'black' => '#000000',
|
|
'white' => '#ffffff',
|
|
'customized' => $layout_info->customized_primary_color,
|
|
);
|
|
}
|
|
<block cond="$layout_info->extra_var->primary_color->type === 'select' || $layout_info->extra_var->customized_primary_color->type === 'colorpicker'">
|
|
{@
|
|
if(!$layout_info->primary_color && $layout_info->customized_primary_color)
|
|
$layout_info->primary_color = 'customized';
|
|
if(!$layout_info->primary_color)
|
|
$layout_info->primary_color = 'red';
|
|
if(!$layout_info->customized_primary_color)
|
|
$layout_info->customized_primary_color = '#f44336';
|
|
}
|
|
</block>
|
|
<block cond="$layout_info->extra_var->primary_color->type !== 'select' && $layout_info->extra_var->customized_primary_color->type !== 'colorpicker'">
|
|
{@$layout_info->primary_color = 'blue';}
|
|
</block>
|
|
<!--// Load styles -->
|
|
{@$colorset = $material_colors[$colorset];}
|
|
{@$skin_color = $material_colors[$layout_info->primary_color];}
|
|
<block cond="!$skin_color">
|
|
<!--@if(preg_match("/#([a-f0-9]{3}){1,2}/i", $layout_info->primary_color))-->
|
|
{@$skin_color = $layout_info->primary_color}
|
|
<!--@if(strlen($layout_info->primary_color) === 4)-->
|
|
{@$skin_color = $layout_info->primary_color[1].$layout_info->primary_color[1].$layout_info->primary_color[2].$layout_info->primary_color[2].$layout_info->primary_color[3].$layout_info->primary_color[3]}
|
|
<!--@endif-->
|
|
<!--@else-->
|
|
{@$skin_color = '#f44336'}
|
|
<!--@endif-->
|
|
</block>
|
|
<block cond="$colorset">
|
|
{@$skin_color = $colorset}
|
|
</block>
|
|
{@Context::set('less_color', array('red' => hexdec(substr($skin_color, 1, 2)), 'green' => hexdec(substr($skin_color, 3, 2)), 'blue' => hexdec(substr($skin_color, 5, 2)), 'thumbnail_height' => intval($widget_info->thumbnail_height), 'thumbnail_width' => intval($widget_info->thumbnail_width)))}
|
|
<load target="css/css.less" vars="$less_color" />
|
|
|
|
<div class="widgetContainer">
|
|
<div class="simple_content">
|
|
<section class="simple_content">
|
|
<!--@if($widget_info->tab_type == "tab_left" && count($widget_info->tab) > 1)-->
|
|
<!--#include("./_tab_left.html")-->
|
|
<!--@elseif($widget_info->tab_type == "tab_top" && count($widget_info->tab) > 1)-->
|
|
<!--#include("./_tab_top.html")-->
|
|
<!--@else-->
|
|
<!--@if($widget_info->tab_type == "tab_left" || $widget_info->tab_type == "tab_top")-->
|
|
{@$widget_info->content_items = $widget_info->tab[0]->content_items}
|
|
<!--@end-->
|
|
<!--#include("./_tab_none.html")-->
|
|
<!--@end-->
|
|
</section>
|
|
</div>
|
|
</div> |