리빌더 부분 추가
This commit is contained in:
919
rb/rb.config/ajax.config_set.php
Normal file
919
rb/rb.config/ajax.config_set.php
Normal file
@ -0,0 +1,919 @@
|
||||
<?php
|
||||
include_once('../../common.php');
|
||||
|
||||
$mod_type = isset($_POST['mod_type']) ? $_POST['mod_type'] : '';
|
||||
$is_shop = isset($_POST['is_shop']) ? $_POST['is_shop'] : '';
|
||||
|
||||
if(isset($is_shop) && $is_shop == 1) {
|
||||
$rb_module_tables = "rb_module_shop";
|
||||
} else {
|
||||
$rb_module_tables = "rb_module";
|
||||
}
|
||||
|
||||
if($mod_type == 1) { //환경설정
|
||||
$co_color = isset($_POST['co_color']) ? $_POST['co_color'] : 'AA20FF';
|
||||
$co_header = isset($_POST['co_header']) ? $_POST['co_header'] : '0';
|
||||
|
||||
$co_layout = isset($_POST['co_layout']) ? $_POST['co_layout'] : 'basic';
|
||||
$co_layout_hd = isset($_POST['co_layout_hd']) ? $_POST['co_layout_hd'] : 'basic';
|
||||
$co_layout_ft = isset($_POST['co_layout_ft']) ? $_POST['co_layout_ft'] : 'basic';
|
||||
|
||||
$co_layout_shopp = isset($_POST['co_layout_shop']) ? $_POST['co_layout_shop'] : 'basic';
|
||||
$co_layout_hd_shop = isset($_POST['co_layout_hd_shop']) ? $_POST['co_layout_hd_shop'] : 'basic';
|
||||
$co_layout_ft_shop = isset($_POST['co_layout_ft_shop']) ? $_POST['co_layout_ft_shop'] : 'basic';
|
||||
|
||||
$co_font = isset($_POST['co_font']) ? $_POST['co_font'] : 'Pretendard';
|
||||
$co_sub_width = isset($_POST['co_sub_width']) ? $_POST['co_sub_width'] : '1024';
|
||||
$co_main_width = isset($_POST['co_main_width']) ? $_POST['co_main_width'] : '1400';
|
||||
$co_tb_width = isset($_POST['co_tb_width']) ? $_POST['co_tb_width'] : '1400';
|
||||
$co_main_padding_top = isset($_POST['co_main_padding_top']) ? $_POST['co_main_padding_top'] : '0';
|
||||
$co_main_padding_top_shop = isset($_POST['co_main_padding_top_shop']) ? $_POST['co_main_padding_top_shop'] : '0';
|
||||
|
||||
$co_gap_pc = isset($_POST['co_gap_pc']) ? $_POST['co_gap_pc'] : '0';
|
||||
$co_inner_padding_pc = isset($_POST['co_inner_padding_pc']) ? $_POST['co_inner_padding_pc'] : '0';
|
||||
|
||||
}
|
||||
|
||||
if($mod_type == 2) { //모듈설정
|
||||
$set_title = isset($_POST['set_title']) ? $_POST['set_title'] : '';
|
||||
$set_layout = isset($_POST['set_layout']) ? $_POST['set_layout'] : '';
|
||||
$set_id = isset($_POST['set_id']) ? $_POST['set_id'] : '';
|
||||
$set_type = isset($_POST['set_type']) ? $_POST['set_type'] : '';
|
||||
$theme_name = isset($_POST['theme_name']) ? $_POST['theme_name'] : '';
|
||||
}
|
||||
|
||||
if($mod_type == "del") { //모듈삭제
|
||||
$set_layout = isset($_POST['set_layout']) ? $_POST['set_layout'] : '';
|
||||
$set_id = isset($_POST['set_id']) ? $_POST['set_id'] : '';
|
||||
$theme_name = isset($_POST['theme_name']) ? $_POST['theme_name'] : '';
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
|
||||
|
||||
<?php if(isset($mod_type) && $mod_type == 1) { ?>
|
||||
<?php
|
||||
|
||||
if($is_admin) {
|
||||
$sql = " update rb_config set co_layout = '{$co_layout}', co_layout_hd = '{$co_layout_hd}', co_layout_ft = '{$co_layout_ft}', co_layout_shop = '{$co_layout_shop}', co_layout_hd_shop = '{$co_layout_hd_shop}', co_layout_ft_shop = '{$co_layout_ft_shop}', co_color = '{$co_color}', co_header = '{$co_header}', co_font = '{$co_font}', co_gap_pc = '{$co_gap_pc}', co_inner_padding_pc = '{$co_inner_padding_pc}', co_sub_width = '{$co_sub_width}', co_main_width = '{$co_main_width}', co_tb_width = '{$co_tb_width}', co_main_padding_top = '{$co_main_padding_top}', co_main_padding_top_shop = '{$co_main_padding_top_shop}', co_datetime = '".G5_TIME_YMDHIS."', co_ip = '{$_SERVER['REMOTE_ADDR']}' ";
|
||||
sql_query($sql);
|
||||
}
|
||||
|
||||
$data = array(
|
||||
'co_color' => $co_color,
|
||||
'co_header' => $co_header,
|
||||
'co_layout' => $co_layout,
|
||||
'co_layout_hd' => $co_layout_hd,
|
||||
'co_layout_ft' => $co_layout_ft,
|
||||
'co_layout_shop' => $co_layout_shop,
|
||||
'co_layout_hd_shop' => $co_layout_hd_shop,
|
||||
'co_layout_ft_shop' => $co_layout_ft_shop,
|
||||
'co_font' => $co_font,
|
||||
'co_gap_pc' => $co_gap_pc,
|
||||
'co_inner_padding_pc' => $co_inner_padding_pc,
|
||||
'co_sub_width' => $co_sub_width,
|
||||
'co_main_width' => $co_main_width,
|
||||
'co_tb_width' => $co_tb_width,
|
||||
'co_main_padding_top' => $co_main_padding_top,
|
||||
'co_main_padding_top_shop' => $co_main_padding_top_shop,
|
||||
'status' => 'ok',
|
||||
);
|
||||
echo json_encode($data);
|
||||
?>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($mod_type) && $mod_type == 2) { ?>
|
||||
<h2 class="font-B"><?php if($set_title) { ?><span><?php echo $set_title ?></span> 모듈설정<?php } else { ?>모듈추가<?php } ?></h2>
|
||||
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
공식 배포되는 스킨 외에 커스텀 된 스킨의 경우<br>
|
||||
갯수, 간격, 스와이프, 출력항목 등이 작동하지 않을 수 있습니다.
|
||||
</h6>
|
||||
|
||||
<?php if($set_layout == "") { ?>
|
||||
|
||||
<div class="rb_config_sec">
|
||||
<div class="no_data">
|
||||
변경할 모듈을 선택해주세요.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php } else { ?>
|
||||
|
||||
<?php if($set_layout && $set_id && $theme_name) { ?>
|
||||
|
||||
<?php
|
||||
|
||||
$rb_module = sql_fetch(" select * from {$rb_module_tables} where md_theme = '{$theme_name}' and md_id = '{$set_id}' and md_layout = '{$set_layout}' ");
|
||||
$rb_module_is = sql_fetch(" select COUNT(*) as cnt from {$rb_module_tables} where md_theme = '{$theme_name}' and md_id = '{$set_id}' and md_layout = '{$set_layout}' ");
|
||||
|
||||
$md_id = isset($rb_module['md_id']) ? $rb_module['md_id'] : '';
|
||||
$md_theme = isset($rb_module['md_theme']) ? $rb_module['md_theme'] : '';
|
||||
$md_type = isset($rb_module['md_type']) ? $rb_module['md_type'] : '';
|
||||
$md_title = isset($rb_module['md_title']) ? $rb_module['md_title'] : '';
|
||||
$md_skin = isset($rb_module['md_skin']) ? $rb_module['md_skin'] : '';
|
||||
$md_bo_table = isset($rb_module['md_bo_table']) ? $rb_module['md_bo_table'] : '';
|
||||
$md_sca = isset($rb_module['md_sca']) ? $rb_module['md_sca'] : '';
|
||||
$md_widget = isset($rb_module['md_widget']) ? $rb_module['md_widget'] : '';
|
||||
$md_banner = isset($rb_module['md_banner']) ? $rb_module['md_banner'] : '';
|
||||
$md_banner_id = isset($rb_module['md_banner_id']) ? $rb_module['md_banner_id'] : '';
|
||||
$md_banner_bg = isset($rb_module['md_banner_bg']) ? $rb_module['md_banner_bg'] : '';
|
||||
$md_banner_skin = isset($rb_module['md_banner_skin']) ? $rb_module['md_banner_skin'] : '';
|
||||
$md_poll = isset($rb_module['md_poll']) ? $rb_module['md_poll'] : '';
|
||||
$md_poll_id = isset($rb_module['md_poll_id']) ? $rb_module['md_poll_id'] : '';
|
||||
$md_cnt = isset($rb_module['md_cnt']) ? $rb_module['md_cnt'] : '';
|
||||
$md_col = isset($rb_module['md_col']) ? $rb_module['md_col'] : '';
|
||||
$md_row = isset($rb_module['md_row']) ? $rb_module['md_row'] : '';
|
||||
$md_col_mo = isset($rb_module['md_col_mo']) ? $rb_module['md_col_mo'] : '';
|
||||
$md_row_mo = isset($rb_module['md_row_mo']) ? $rb_module['md_row_mo'] : '';
|
||||
$md_width = isset($rb_module['md_width']) ? $rb_module['md_width'] : '';
|
||||
$md_height = isset($rb_module['md_height']) ? $rb_module['md_height'] : '';
|
||||
$md_subject_is = isset($rb_module['md_subject_is']) ? $rb_module['md_subject_is'] : '';
|
||||
$md_thumb_is = isset($rb_module['md_thumb_is']) ? $rb_module['md_thumb_is'] : '';
|
||||
$md_nick_is = isset($rb_module['md_nick_is']) ? $rb_module['md_nick_is'] : '';
|
||||
$md_date_is = isset($rb_module['md_date_is']) ? $rb_module['md_date_is'] : '';
|
||||
$md_content_is = isset($rb_module['md_content_is']) ? $rb_module['md_content_is'] : '';
|
||||
$md_icon_is = isset($rb_module['md_icon_is']) ? $rb_module['md_icon_is'] : '';
|
||||
$md_comment_is = isset($rb_module['md_comment_is']) ? $rb_module['md_comment_is'] : '';
|
||||
$md_ca_is = isset($rb_module['md_ca_is']) ? $rb_module['md_ca_is'] : '';
|
||||
$md_gap = isset($rb_module['md_gap']) ? $rb_module['md_gap'] : '';
|
||||
$md_gap_mo = isset($rb_module['md_gap_mo']) ? $rb_module['md_gap_mo'] : '';
|
||||
$md_swiper_is = isset($rb_module['md_swiper_is']) ? $rb_module['md_swiper_is'] : '';
|
||||
$md_auto_is = isset($rb_module['md_auto_is']) ? $rb_module['md_auto_is'] : '';
|
||||
$md_auto_time = isset($rb_module['md_auto_time']) ? $rb_module['md_auto_time'] : '';
|
||||
$md_order = isset($rb_module['md_order']) ? $rb_module['md_order'] : '';
|
||||
$md_border = isset($rb_module['md_border']) ? $rb_module['md_border'] : '';
|
||||
$md_module = isset($rb_module['md_module']) ? $rb_module['md_module'] : '';
|
||||
$md_radius = empty($rb_module['md_radius']) ? '0' : $rb_module['md_radius'];
|
||||
$md_padding = empty($rb_module['md_padding']) ? '0' : $rb_module['md_padding'];
|
||||
|
||||
?>
|
||||
|
||||
<?php } else { ?>
|
||||
|
||||
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<ul class="rb_config_sec">
|
||||
<h6 class="font-B">모듈 타이틀 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">모듈 타이틀의 워딩 및 컬러를 설정할 수 있습니다.</h6>
|
||||
<div class="config_wrap">
|
||||
<ul>
|
||||
<input type="text" name="md_title" class="input w100" value="<?php echo isset($md_title) ? $md_title : ''; ?>" placeholder="타이틀을 입력하세요." autocomplete="off">
|
||||
<input type="hidden" name="md_layout" value="<?php echo isset($set_layout) ? $set_layout : ''; ?>">
|
||||
<input type="hidden" name="md_theme" value="<?php echo isset($theme_name) ? $theme_name : ''; ?>">
|
||||
<input type="hidden" name="md_id" value="<?php echo isset($md_id) ? $md_id : ''; ?>">
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul class="rb_config_sec">
|
||||
<h6 class="font-B">출력 설정</h6>
|
||||
<div class="config_wrap">
|
||||
<ul>
|
||||
<select class="select w100" name="md_type" id="md_type">
|
||||
<option value="">출력타입을 선택하세요.</option>
|
||||
<option value="latest" <?php if (isset($md_type) && $md_type == "latest") { ?>selected<?php } ?>>최신글</option>
|
||||
<option value="widget" <?php if (isset($md_type) && $md_type == "widget") { ?>selected<?php } ?>>위젯</option>
|
||||
<option value="banner" <?php if (isset($md_type) && $md_type == "banner") { ?>selected<?php } ?>>배너</option>
|
||||
<option value="poll" <?php if (isset($md_type) && $md_type == "poll") { ?>selected<?php } ?>>투표</option>
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
<option value="item" <?php if (isset($md_type) && $md_type == "item") { ?>selected<?php } ?>>상품</option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="mt-5 selected_poll selected_select">
|
||||
<select class="select w100" name="md_poll">
|
||||
<option value="">출력 스킨을 선택하세요.</option>
|
||||
<?php echo rb_skin_select('poll', $md_poll); ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
<ul class="mt-5 selected_poll selected_select">
|
||||
<select class="select w100" name="md_poll_id">
|
||||
<option value="">출력할 투표를 선택하세요.</option>
|
||||
<?php echo rb_poll_list($md_poll_id); ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul class="mt-5 selected_widget selected_select">
|
||||
<select class="select w100" name="md_widget">
|
||||
<option value="">출력할 위젯을 선택하세요.</option>
|
||||
<?php echo rb_widget_select('rb.widget', $md_widget); ?>
|
||||
</select>
|
||||
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
신규 위젯 추가는 빌더가이드를 참고해주세요.<br>
|
||||
해당 파일의 경로를 참고하셔서 코드를 직접 수정해주세요.
|
||||
</h6>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul class="mt-5 selected_banner selected_select">
|
||||
<select class="select w100" name="md_banner" id="md_banner">
|
||||
<option value="">출력할 배너그룹을 선택하세요.</option>
|
||||
<?php echo rb_banner_list($md_banner); ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
<ul class="mt-5 selected_banner2">
|
||||
<select class="select w100" name="md_banner_id">
|
||||
<option value="">출력할 배너를 선택하세요.</option>
|
||||
<?php echo rb_banner_id_list($md_banner_id); ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
<ul class="mt-5 selected_banner selected_select">
|
||||
<select class="select w100" name="md_banner_skin">
|
||||
<option value="">출력 스킨을 선택하세요.</option>
|
||||
<?php echo rb_banner_skin_select('rb.mod/banner/skin', $md_banner_skin); ?>
|
||||
</select>
|
||||
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
배너를 먼저 등록해주셔야 하며<br>
|
||||
개별출력의 경우 출력할 배너를 선택해주세요.
|
||||
</h6>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul class="mt-5 selected_latest selected_select" id="board_send">
|
||||
<select class="select w100" name="md_bo_table">
|
||||
<option value="">연결할 게시판을 선택하세요.</option>
|
||||
<?php echo rb_board_list($md_bo_table); ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
<div id="res_cates">
|
||||
<ul class="mt-5 selected_latest selected_select">
|
||||
<select class="select w100" name="md_sca" id="md_sca">
|
||||
<option value="">전체 카테고리</option>
|
||||
<?php echo rb_sca_list($md_bo_table, $md_sca); ?>
|
||||
</select>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="mt-5 selected_latest selected_select">
|
||||
<select class="select w100" name="md_skin" id="md_skin">
|
||||
<option value="">출력 스킨을 선택하세요.</option>
|
||||
<?php echo rb_skin_select('latest', $md_skin); ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
<?php
|
||||
if($is_shop == 1) {
|
||||
// 분류리스트
|
||||
$category_select = '';
|
||||
$sql = " select * from {$g5['g5_shop_category_table']} ";
|
||||
if ($is_admin != 'super')
|
||||
$sql .= " where ca_mb_id = '{$member['mb_id']}' ";
|
||||
$sql .= " order by ca_order, ca_id ";
|
||||
$result = sql_query($sql);
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++)
|
||||
{
|
||||
$len = strlen($row['ca_id']) / 2 - 1;
|
||||
|
||||
$nbsp = "";
|
||||
for ($i=0; $i<$len; $i++)
|
||||
$nbsp .= " ";
|
||||
|
||||
$category_select .= "<option value=\"{$row['ca_id']}\">$nbsp{$row['ca_name']}</option>\n";
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
<ul class="mt-5 selected_item selected_select">
|
||||
<select class="select w100" name="md_module" id="md_module_shop">
|
||||
<option value="">상품 타입을 선택하세요.</option>
|
||||
<option value="0" <?php if (isset($md_module) && $md_module == "0") { ?>selected<?php } ?>>전체상품</option>
|
||||
<option value="1" <?php if (isset($md_module) && $md_module == "1") { ?>selected<?php } ?>>히트상품</option>
|
||||
<option value="2" <?php if (isset($md_module) && $md_module == "2") { ?>selected<?php } ?>>추천상품</option>
|
||||
<option value="3" <?php if (isset($md_module) && $md_module == "3") { ?>selected<?php } ?>>최신상품</option>
|
||||
<option value="4" <?php if (isset($md_module) && $md_module == "4") { ?>selected<?php } ?>>인기상품</option>
|
||||
<option value="5" <?php if (isset($md_module) && $md_module == "5") { ?>selected<?php } ?>>할인상품</option>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
<ul class="mt-5 selected_item selected_select">
|
||||
<select class="select w100" name="md_sca" id="md_sca_shop">
|
||||
<option value="">전체 카테고리</option>
|
||||
<?php echo conv_selected_option($category_select, $md_sca); ?>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
<ul class="mt-5 selected_item selected_select">
|
||||
<select class="select w100" name="md_order" id="md_order_shop">
|
||||
<option value="">출력 옵션을 선택하세요.</option>
|
||||
<option value="it_id desc" <?php if (isset($md_order) && $md_order == "it_id desc") { ?>selected<?php } ?>>기본순</option>
|
||||
<option value="it_time desc" <?php if (isset($md_order) && $md_order == "it_time desc") { ?>selected<?php } ?>>최근등록순</option>
|
||||
<option value="it_hit desc" <?php if (isset($md_order) && $md_order == "it_hit desc") { ?>selected<?php } ?>>조회수높은순</option>
|
||||
<option value="it_stock_qty asc" <?php if (isset($md_order) && $md_order == "it_stock_qty asc") { ?>selected<?php } ?>>품절임박순</option>
|
||||
<option value="it_price desc" <?php if (isset($md_order) && $md_order == "it_price desc") { ?>selected<?php } ?>>판매가높은순</option>
|
||||
<option value="it_price asc" <?php if (isset($md_order) && $md_order == "it_price asc") { ?>selected<?php } ?>>판매가낮은순</option>
|
||||
<option value="it_use_avg desc" <?php if (isset($md_order) && $md_order == "it_use_avg desc") { ?>selected<?php } ?>>평점높은순</option>
|
||||
<option value="it_use_cnt desc" <?php if (isset($md_order) && $md_order == "it_use_cnt desc") { ?>selected<?php } ?>>리뷰많은순</option>
|
||||
<option value="rand()" <?php if (isset($md_order) && $md_order == "rand()") { ?>selected<?php } ?>>랜덤</option>
|
||||
</select>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="mt-5 selected_item selected_select">
|
||||
<select class="select w100" name="md_skin" id="md_skin_shop">
|
||||
<?php echo rb_list_skin_options("^main.[0-9]+\.skin\.php", G5_SHOP_SKIN_PATH, $md_skin); ?>
|
||||
</select>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
<script>
|
||||
|
||||
$('#board_send').change(function() {
|
||||
scaAjax();
|
||||
});
|
||||
|
||||
// 해당게시판의 카테고리를 얻는다
|
||||
function scaAjax() {
|
||||
|
||||
var md_bo_table = $('select[name="md_bo_table"]').val();
|
||||
var mod_type = 'ca_name';
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo G5_URL ?>/rb/rb.lib/ajax.res.php',
|
||||
method: 'POST', // POST 방식으로 전송
|
||||
dataType: 'html',
|
||||
data: {
|
||||
"md_bo_table":md_bo_table,
|
||||
"mod_type":mod_type,
|
||||
},
|
||||
success: function(response) {
|
||||
$("#res_cates").html(response); //성공
|
||||
},
|
||||
error: function(xhr, status, error) {
|
||||
console.error('처리에 문제가 있습니다. 잠시 후 이용해주세요.');
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
var md_type = $('select[name="md_type"]').val();
|
||||
$('.selected_select').hide();
|
||||
$('.selected_all').hide();
|
||||
$('.selected_style').hide();
|
||||
|
||||
if(md_type == "latest") {
|
||||
$('.selected_latest').show();
|
||||
$('.selected_all').show();
|
||||
$('.selected_style').show();
|
||||
} else if(md_type == "widget") {
|
||||
$('.selected_widget').show();
|
||||
$('.selected_all').show();
|
||||
$('.selected_style').show();
|
||||
} else if(md_type == "banner") {
|
||||
$('.selected_banner').show();
|
||||
$('.selected_all').show();
|
||||
} else if(md_type == "poll") {
|
||||
$('.selected_poll').show();
|
||||
$('.selected_all').show();
|
||||
$('.selected_style').show();
|
||||
} else if(md_type == "item") {
|
||||
$('.selected_item').show();
|
||||
$('.selected_all').show();
|
||||
$('.selected_style').show();
|
||||
} else {
|
||||
$('.selected_select').hide();
|
||||
$('.selected_all').hide();
|
||||
$('.selected_style').hide();
|
||||
}
|
||||
|
||||
$('#md_type').change(function() {
|
||||
var selectedValue = $(this).val();
|
||||
|
||||
$('input[name="md_border"]').prop('checked', false);
|
||||
$('input[name="md_border_shop"]').prop('checked', false);
|
||||
|
||||
$('input[name="md_radius"]').val('0');
|
||||
$('input[name="md_radius_shop"]').val('0');
|
||||
$("#md_radius_shop").val('0');
|
||||
$("#md_radius").val('0');
|
||||
$("#md_radius_range .ui-slider-handle").html("0");
|
||||
$("#md_radius_range .ui-slider-handle").css("left", "0");
|
||||
$("#md_radius_range .ui-slider-range").css("width", "0");
|
||||
|
||||
$('input[name="md_padding"]').val('0');
|
||||
$('input[name="md_padding_shop"]').val('0');
|
||||
$("#md_padding_shop").val('0');
|
||||
$("#md_padding").val('0');
|
||||
$("#md_padding_range .ui-slider-handle").html("0");
|
||||
$("#md_padding_range .ui-slider-handle").css("left", "0");
|
||||
$("#md_padding_range .ui-slider-range").css("width", "0");
|
||||
|
||||
$('.selected_select').hide();
|
||||
$('.selected_all').hide();
|
||||
$('.selected_style').hide();
|
||||
|
||||
if (selectedValue !== "banner") {
|
||||
$('.selected_style').show();
|
||||
}
|
||||
|
||||
if (selectedValue !== "none") {
|
||||
$('.selected_' + selectedValue).show();
|
||||
$('.selected_all').show();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.selected_banner2').hide();
|
||||
|
||||
var md_banner = $('select[name="md_banner"]').val();
|
||||
|
||||
if(md_banner == "개별출력") {
|
||||
$('.selected_banner2').show();
|
||||
} else {
|
||||
$('.selected_banner2').hide();
|
||||
}
|
||||
|
||||
$('#md_banner').change(function() {
|
||||
var selectedValue = $(this).val();
|
||||
if (selectedValue == "개별출력") {
|
||||
$('.selected_banner2').show();
|
||||
} else {
|
||||
$('.selected_banner2').hide();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<?php if(isset($md_skin) && $md_skin) { ?>
|
||||
|
||||
<ul class="skin_path_url mt-5">
|
||||
<li class="skin_path_url_img"><img src="<?php echo G5_URL ?>/rb/rb.config/image/icon_fd.svg"></li>
|
||||
<li class="skin_path_url_txt">
|
||||
<?php echo str_replace('theme','/theme/'.$theme_name.'/skin/latest',$md_skin); ?>/
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($md_widget) && $md_widget) { ?>
|
||||
<ul class="skin_path_url mt-5">
|
||||
<li class="skin_path_url_img"><img src="<?php echo G5_URL ?>/rb/rb.config/image/icon_fd.svg"></li>
|
||||
<li class="skin_path_url_txt">
|
||||
<?php echo str_replace('rb.widget','/rb/rb.widget',$md_widget); ?>/
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($md_poll) && $md_poll) { ?>
|
||||
<ul class="skin_path_url mt-5">
|
||||
<li class="skin_path_url_img"><img src="<?php echo G5_URL ?>/rb/rb.config/image/icon_fd.svg"></li>
|
||||
<li class="skin_path_url_txt">
|
||||
<?php echo str_replace('theme','/theme/'.$theme_name.'/skin/poll',$md_poll); ?>/
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($md_banner) && $md_banner) { ?>
|
||||
<ul class="skin_path_url mt-5">
|
||||
<li class="skin_path_url_img"><img src="<?php echo G5_URL ?>/rb/rb.config/image/icon_fd.svg"></li>
|
||||
<li class="skin_path_url_txt">
|
||||
<?php echo str_replace('rb.mod','/rb/rb.mod',$md_banner_skin); ?>/
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
<ul class="rb_config_sec selected_banner selected_select">
|
||||
<h6 class="font-B">백그라운드 컬러 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
배너영역의 백그라운드 컬러를 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<ul class="flex_left">
|
||||
<input type="text" name="md_banner_bg" class="input w50 h40 text-center" value="<?php echo isset($md_banner_bg) ? $md_banner_bg : ''; ?>" placeholder="컬러코드(16진수)" autocomplete="off">
|
||||
<span class="bn_bg_color_label" style="background-color:<?php echo $md_banner_bg?>"></span>
|
||||
<span>예) #FFFFFF</span>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_style selected_select">
|
||||
<h6 class="font-B">모듈 스타일 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">모듈 박스의 스타일을 설정할 수 있습니다.</h6>
|
||||
<div class="config_wrap">
|
||||
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">테두리 스타일</span><br>
|
||||
박스 테두리
|
||||
</li>
|
||||
<li class="rows_inp_r mt-5">
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
<input type="radio" name="md_border_shop" id="md_border_shop_1" class="magic-radio" value="" <?php if (isset($md_border) && $md_border == "") { ?>checked<?php } ?>><label for="md_border_shop_1">없음</label>
|
||||
<input type="radio" name="md_border_shop" id="md_border_shop_2" class="magic-radio" value="solid" <?php if (isset($md_border) && $md_border == "solid") { ?>checked<?php } ?>><label for="md_border_shop_2">실선</label>
|
||||
<input type="radio" name="md_border_shop" id="md_border_shop_3" class="magic-radio" value="dashed" <?php if (isset($md_border) && $md_border == "dashed") { ?>checked<?php } ?>><label for="md_border_shop_3">점선</label>
|
||||
<?php } else { ?>
|
||||
<input type="radio" name="md_border" id="md_border_1" class="magic-radio" value="" <?php if (isset($md_border) && $md_border == "") { ?>checked<?php } ?>><label for="md_border_1">없음</label>
|
||||
<input type="radio" name="md_border" id="md_border_2" class="magic-radio" value="solid" <?php if (isset($md_border) && $md_border == "solid") { ?>checked<?php } ?>><label for="md_border_2">실선</label>
|
||||
<input type="radio" name="md_border" id="md_border_3" class="magic-radio" value="dashed" <?php if (isset($md_border) && $md_border == "dashed") { ?>checked<?php } ?>><label for="md_border_3">점선</label>
|
||||
<?php } ?>
|
||||
</li>
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">모서리 라운드</span><br>
|
||||
0~30px
|
||||
</li>
|
||||
<li class="rows_inp_r mt-15">
|
||||
<div id="md_radius_range" class="rb_range_item"></div>
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
<input type="hidden" id="md_radius_shop" class="co_range_send" name="md_radius_shop" value="<?php echo isset($md_radius) ? $md_radius : '0'; ?>">
|
||||
<?php } else { ?>
|
||||
<input type="hidden" id="md_radius" class="co_range_send" name="md_radius" value="<?php echo isset($md_radius) ? $md_radius : '0'; ?>">
|
||||
<?php } ?>
|
||||
</li>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$("#md_radius_range").slider({
|
||||
range: "min",
|
||||
min: 0,
|
||||
max: 30,
|
||||
value: <?php echo isset($md_radius) ? $md_radius : '0'; ?>,
|
||||
step: 5,
|
||||
slide: function(e, ui) {
|
||||
$("#md_radius_range .ui-slider-handle").html(ui.value);
|
||||
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
$("#md_radius_shop").val(ui.value); // hidden input에 값 업데이트
|
||||
<?php } else { ?>
|
||||
$("#md_radius").val(ui.value); // hidden input에 값 업데이트
|
||||
<?php } ?>
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
$("#md_radius_range .ui-slider-handle").html("<?php echo isset($md_radius) ? $md_radius : '0'; ?>");
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
$("#md_radius_shop").val("<?php echo isset($md_radius) ? $md_radius : '0'; ?>"); // 초기값 설정
|
||||
<?php } else { ?>
|
||||
$("#md_radius").val("<?php echo isset($md_radius) ? $md_radius : '0'; ?>"); // 초기값 설정
|
||||
<?php } ?>
|
||||
</script>
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">내부 여백 (PC)</span><br>
|
||||
0~30px
|
||||
</li>
|
||||
<li class="rows_inp_r mt-15">
|
||||
<div id="md_padding_range" class="rb_range_item"></div>
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
<input type="hidden" id="md_padding_shop" class="co_range_send" name="md_padding_shop" value="<?php echo isset($md_padding) ? $md_padding : '0'; ?>">
|
||||
<?php } else { ?>
|
||||
<input type="hidden" id="md_padding" class="co_range_send" name="md_padding" value="<?php echo isset($md_padding) ? $md_padding : '0'; ?>">
|
||||
<?php } ?>
|
||||
</li>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$("#md_padding_range").slider({
|
||||
range: "min",
|
||||
min: 0,
|
||||
max: 30,
|
||||
value: <?php echo isset($md_padding) ? $md_padding : '0'; ?>,
|
||||
step: 5,
|
||||
slide: function(e, ui) {
|
||||
$("#md_padding_range .ui-slider-handle").html(ui.value);
|
||||
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
$("#md_padding_shop").val(ui.value); // hidden input에 값 업데이트
|
||||
<?php } else { ?>
|
||||
$("#md_padding").val(ui.value); // hidden input에 값 업데이트
|
||||
<?php } ?>
|
||||
}
|
||||
});
|
||||
|
||||
$("#md_padding_range .ui-slider-handle").html("<?php echo isset($md_padding) ? $md_padding : '0'; ?>");
|
||||
<?php if($is_shop == 1) { // 영카트?>
|
||||
$("#md_padding_shop").val("<?php echo isset($md_padding) ? $md_padding : '0'; ?>"); // 초기값 설정
|
||||
<?php } else { ?>
|
||||
$("#md_padding").val("<?php echo isset($md_padding) ? $md_padding : '0'; ?>"); // 초기값 설정
|
||||
<?php } ?>
|
||||
|
||||
</script>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<?php
|
||||
if($is_shop == 1) {
|
||||
?>
|
||||
|
||||
<ul class="rb_config_sec selected_item selected_select">
|
||||
<h6 class="font-B">출력갯수 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
열(가로)X행(세로) 출력갯수를 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<ul class="rows_inp_lr">
|
||||
<li class="rows_inp_l">
|
||||
<input type="number" name="md_cnt" id="md_cnt_shop" class="input w60 h40 text-center" value="<?php echo isset($md_cnt) ? $md_cnt : ''; ?>" placeholder="갯수" autocomplete="off" autocomplete="off"> <span>개</span>
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_col" id="md_col_shop" class="input w30 h40 text-center" value="<?php echo isset($md_col) ? $md_col : ''; ?>" placeholder="열" autocomplete="off"> <span>X</span>
|
||||
<input type="number" name="md_row" id="md_row_shop" class="input w30 h40 text-center" value="<?php echo isset($md_row) ? $md_row : ''; ?>" placeholder="행" autocomplete="off">
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">모바일 버전</span><br>
|
||||
1024px 이하
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_col_mo" id="md_col_mo_shop" class="input w30 h40 text-center" value="<?php echo isset($md_col_mo) ? $md_col_mo : ''; ?>" placeholder="열" autocomplete="off"> <span>X</span>
|
||||
<input type="number" name="md_row_mo" id="md_row_mo_shop" class="input w30 h40 text-center" value="<?php echo isset($md_row_mo) ? $md_row_mo : ''; ?>" placeholder="행" autocomplete="off">
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="rb_config_sec selected_item selected_select">
|
||||
<h6 class="font-B">간격 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
상품간의 간격(여백)을 설정할 수 있습니다.
|
||||
</h6>
|
||||
|
||||
<div class="config_wrap">
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">PC 버전</span><br>
|
||||
1024px 이상
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_gap" id="md_gap_shop" class="input w40 h40 text-center" value="<?php echo isset($md_gap) ? $md_gap : ''; ?>" placeholder="간격(px)" autocomplete="off"> <span>px (PC)</span>
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">모바일 버전</span><br>
|
||||
1024px 이하
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_gap_mo" id="md_gap_mo_shop" class="input w40 h40 text-center" value="<?php echo isset($md_gap_mo) ? $md_gap_mo : ''; ?>" placeholder="간격(px)" autocomplete="off"> <span>px (Mobile)</span>
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_item selected_select">
|
||||
<h6 class="font-B">스와이프 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
행X열 보다 출력갯수가 많을 경우<br>
|
||||
스와이프 처리 유무를 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<input type="checkbox" name="md_swiper_is" class="md_swiper_is_shop" id="md_swiper_is_shop" class="magic-checkbox" value="1" <?php if (isset($md_swiper_is) && $md_swiper_is == 1) { ?>checked<?php } ?>><label for="md_swiper_is_shop">스와이프 사용</label>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_item selected_select">
|
||||
<h6 class="font-B">자동롤링 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
행X열 보다 출력갯수가 많을 경우<br>
|
||||
자동롤링 유무를 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<input type="checkbox" name="md_auto_is" id="md_auto_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_auto_is) && $md_auto_is == 1) { ?>checked<?php } ?>><label for="md_auto_is_shop">자동롤링 사용</label>
|
||||
<input type="number" name="md_auto_time" id="md_auto_time_shop" class="input w30 h40 text-center" value="<?php echo isset($md_auto_time) ? $md_auto_time : ''; ?>" placeholder="밀리초" autocomplete="off"> <span>3000=3초</span>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_item selected_select">
|
||||
<h6 class="font-B">출력항목 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
선택하신 항목이 출력됩니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<ul>
|
||||
<input type="checkbox" name="md_ca_is" id="md_ca_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_ca_is) && $md_ca_is == 1) { ?>checked<?php } ?>><label for="md_ca_is_shop">카테고리</label>
|
||||
<input type="checkbox" name="md_thumb_is" id="md_thumb_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_thumb_is) && $md_thumb_is == 1) { ?>checked<?php } ?>><label for="md_thumb_is_shop">상품이미지</label>
|
||||
<input type="checkbox" name="md_subject_is" id="md_subject_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_subject_is) && $md_subject_is == 1) { ?>checked<?php } ?>><label for="md_subject_is_shop">상품명</label><br>
|
||||
<input type="checkbox" name="md_content_is" id="md_content_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_content_is) && $md_content_is == 1) { ?>checked<?php } ?>><label for="md_content_is_shop">상품설명</label>
|
||||
<input type="checkbox" name="md_date_is" id="md_date_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_date_is) && $md_date_is == 1) { ?>checked<?php } ?>><label for="md_date_is_shop">등록일</label>
|
||||
<input type="checkbox" name="md_comment_is" id="md_comment_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_comment_is) && $md_comment_is == 1) { ?>checked<?php } ?>><label for="md_comment_is_shop">찜갯수</label>
|
||||
<input type="checkbox" name="md_icon_is" id="md_icon_is_shop" class="magic-checkbox" value="1" <?php if(isset($md_icon_is) && $md_icon_is == 1) { ?>checked<?php } ?>><label for="md_icon_is_shop">아이콘</label>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="rb_config_sec selected_latest selected_select">
|
||||
<h6 class="font-B">출력갯수 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
열(가로)X행(세로) 출력갯수를 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<ul class="rows_inp_lr">
|
||||
<li class="rows_inp_l">
|
||||
<input type="number" name="md_cnt" id="md_cnt" class="input w60 h40 text-center" value="<?php echo isset($md_cnt) ? $md_cnt : ''; ?>" placeholder="갯수" autocomplete="off" autocomplete="off"> <span>개</span>
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_col" id="md_col" class="input w30 h40 text-center" value="<?php echo isset($md_col) ? $md_col : ''; ?>" placeholder="열" autocomplete="off"> <span>X</span>
|
||||
<input type="number" name="md_row" id="md_row" class="input w30 h40 text-center" value="<?php echo isset($md_row) ? $md_row : ''; ?>" placeholder="행" autocomplete="off">
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">모바일 버전</span><br>
|
||||
1024px 이하
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_col_mo" id="md_col_mo" class="input w30 h40 text-center" value="<?php echo isset($md_col_mo) ? $md_col_mo : ''; ?>" placeholder="열" autocomplete="off"> <span>X</span>
|
||||
<input type="number" name="md_row_mo" id="md_row_mo" class="input w30 h40 text-center" value="<?php echo isset($md_row_mo) ? $md_row_mo : ''; ?>" placeholder="행" autocomplete="off">
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_latest selected_select">
|
||||
<h6 class="font-B">간격 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
게시물간의 간격(여백)을 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">PC 버전</span><br>
|
||||
1024px 이상
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_gap" id="md_gap" class="input w40 h40 text-center" value="<?php echo $md_gap ?>" placeholder="간격(px)" autocomplete="off"> <span>px (PC)</span>
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<ul class="rows_inp_lr mt-10">
|
||||
<li class="rows_inp_l rows_inp_l_span">
|
||||
<span class="font-B">모바일 버전</span><br>
|
||||
1024px 이하
|
||||
</li>
|
||||
<li class="rows_inp_r">
|
||||
<input type="number" name="md_gap_mo" id="md_gap_mo" class="input w40 h40 text-center" value="<?php echo $md_gap_mo ?>" placeholder="간격(px)" autocomplete="off"> <span>px (Mobile)</span>
|
||||
</li>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_latest selected_select">
|
||||
<h6 class="font-B">스와이프 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
행X열 보다 출력갯수가 많을 경우<br>
|
||||
스와이프 처리 유무를 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<div class="config_wrap">
|
||||
<input type="checkbox" name="md_swiper_is" class="md_swiper_is" id="md_swiper_is" class="magic-checkbox" value="1" <?php if (isset($md_swiper_is) && $md_swiper_is == 1) { ?>checked<?php } ?>><label for="md_swiper_is">스와이프 사용</label>
|
||||
</div>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_latest selected_select">
|
||||
<h6 class="font-B">자동롤링 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
행X열 보다 출력갯수가 많을 경우<br>
|
||||
자동롤링 유무를 설정할 수 있습니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<input type="checkbox" name="md_auto_is" id="md_auto_is" class="magic-checkbox" value="1" <?php if(isset($md_auto_is) && $md_auto_is == 1) { ?>checked<?php } ?>><label for="md_auto_is">자동롤링 사용</label>
|
||||
<input type="number" name="md_auto_time" id="md_auto_time" class="input w30 h40 text-center" value="<?php echo isset($md_auto_time) ? $md_auto_time : ''; ?>" placeholder="밀리초" autocomplete="off"> <span>3000=3초</span>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_all">
|
||||
<h6 class="font-B">사이즈 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
모듈의 가로, 세로 사이즈를 설정할 수 있습니다.<br>
|
||||
숫자로만 입력해주세요.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<ul>
|
||||
<input type="number" name="md_width" class="input w50 h40 text-center" value="<?php echo isset($md_width) ? $md_width : ''; ?>" placeholder="숫자만 입력 (%)" autocomplete="off"> <span>% (가로사이즈)</span>
|
||||
</ul>
|
||||
<ul class="mt-5">
|
||||
<input type="text" name="md_height" class="input w50 h40 text-center" value="auto" placeholder="auto" readonly autocomplete="off"> <span>% (세로사이즈)</span>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec selected_latest selected_select">
|
||||
<h6 class="font-B">출력항목 설정</h6>
|
||||
<h6 class="font-R rb_config_sub_txt">
|
||||
선택하신 항목이 출력됩니다.
|
||||
</h6>
|
||||
<div class="config_wrap">
|
||||
<ul>
|
||||
<input type="checkbox" name="md_subject_is" id="md_subject_is" class="magic-checkbox" value="1" <?php if(isset($md_subject_is) && $md_subject_is == 1) { ?>checked<?php } ?>><label for="md_subject_is">제목</label>
|
||||
<input type="checkbox" name="md_thumb_is" id="md_thumb_is" class="magic-checkbox" value="1" <?php if(isset($md_thumb_is) && $md_thumb_is == 1) { ?>checked<?php } ?>><label for="md_thumb_is">썸네일</label>
|
||||
<input type="checkbox" name="md_nick_is" id="md_nick_is" class="magic-checkbox" value="1" <?php if(isset($md_nick_is) && $md_nick_is == 1) { ?>checked<?php } ?>><label for="md_nick_is">닉네임</label>
|
||||
<input type="checkbox" name="md_date_is" id="md_date_is" class="magic-checkbox" value="1" <?php if(isset($md_date_is) && $md_date_is == 1) { ?>checked<?php } ?>><label for="md_date_is">작성일</label>
|
||||
<input type="checkbox" name="md_ca_is" id="md_ca_is" class="magic-checkbox" value="1" <?php if(isset($md_ca_is) && $md_ca_is == 1) { ?>checked<?php } ?>><label for="md_ca_is">카테고리</label>
|
||||
<input type="checkbox" name="md_comment_is" id="md_comment_is" class="magic-checkbox" value="1" <?php if(isset($md_comment_is) && $md_comment_is == 1) { ?>checked<?php } ?>><label for="md_comment_is">댓글</label>
|
||||
<input type="checkbox" name="md_content_is" id="md_content_is" class="magic-checkbox" value="1" <?php if(isset($md_content_is) && $md_content_is == 1) { ?>checked<?php } ?>><label for="md_content_is">본문내용</label>
|
||||
<input type="checkbox" name="md_icon_is" id="md_icon_is" class="magic-checkbox" value="1" <?php if(isset($md_icon_is) && $md_icon_is == 1) { ?>checked<?php } ?>><label for="md_icon_is">아이콘</label>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="rb_config_sec">
|
||||
<button type="button" class="rb_config_save font-B" onclick="executeAjax_module()">저장하기</button>
|
||||
<button type="button" class="rb_config_close font-B" onclick="toggleSideOptions_close()">취소</button>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if(isset($mod_type) && $mod_type == "del") { ?>
|
||||
<h2 class="font-B"><span><?php echo isset($set_title) ? $set_title : ''; ?></span> 모듈삭제</h2>
|
||||
<input type="hidden" name="md_layout" value="<?php echo isset($set_layout) ? $set_layout : ''; ?>">
|
||||
<input type="hidden" name="md_theme" value="<?php echo isset($theme_name) ? $theme_name : ''; ?>">
|
||||
<input type="hidden" name="md_id" value="<?php echo isset($set_id) ? $set_id : ''; ?>">
|
||||
|
||||
<ul class="rb_config_sec">
|
||||
<div class="no_data">
|
||||
모듈을 삭제합니다.<br>
|
||||
삭제하신 모듈은 복구할 수 없습니다.
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="rb_config_sec">
|
||||
<button type="button" class="rb_config_save font-B" onclick="executeAjax_module_del()">삭제하기</button>
|
||||
<button type="button" class="rb_config_close font-B" onclick="toggleSideOptions_close()">취소</button>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
|
||||
290
rb/rb.config/ajax.layout_set.php
Normal file
290
rb/rb.config/ajax.layout_set.php
Normal file
@ -0,0 +1,290 @@
|
||||
<?php
|
||||
include_once('../../common.php');
|
||||
include_once(G5_LIB_PATH.'/latest.lib.php');
|
||||
include_once(G5_LIB_PATH.'/poll.lib.php');
|
||||
|
||||
$layout_no = isset($_POST['layout']) ? $_POST['layout'] : ''; // 기본값을 빈 문자열로 설정
|
||||
$layout_name = isset($rb_core['layout']) ? $rb_core['layout'] : ''; // 기본값을 빈 문자열로 설정
|
||||
$theme_name = isset($rb_core['theme']) ? $rb_core['theme'] : ''; // 기본값을 빈 문자열로 설정
|
||||
?>
|
||||
|
||||
|
||||
<?php
|
||||
$sql = "SELECT * FROM rb_module WHERE md_layout = '{$layout_no}' AND md_theme = '{$theme_name}' AND md_layout_name = '{$layout_name}' ORDER BY md_order_id, md_id ASC";
|
||||
$sql_cnts = sql_fetch("SELECT COUNT(*) as cnt FROM rb_module WHERE md_layout = '{$layout_no}' AND md_theme = '{$theme_name}' AND md_layout_name = '{$layout_name}'");
|
||||
$result = sql_query($sql);
|
||||
$rb_module_table = "rb_module";
|
||||
|
||||
if ($result) { // 결과가 유효한지 확인
|
||||
for ($i = 0; $row_mod = sql_fetch_array($result); $i++) {
|
||||
?>
|
||||
|
||||
|
||||
<ul class="content_box rb_module_<?php echo $row_mod['md_id'] ?> rb_module_border_<?php echo $row_mod['md_border'] ?> rb_module_radius_<?php echo $row_mod['md_radius'] ?> <?php if(isset($row_mod['md_padding']) && $row_mod['md_padding'] > 0) { ?>rb_module_padding_<?php echo $row_mod['md_padding'] ?><?php } ?>" style="width:<?php echo $row_mod['md_width'] ?>%; height:<?php echo $row_mod['md_height'] ?>;" data-layout="<?php echo $row_mod['md_layout'] ?>" data-title="<?php echo $row_mod['md_title'] ?>" data-id="<?php echo $row_mod['md_id'] ?>" data-order-id="<?php echo $row_mod['md_id'] ?>">
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "latest") { ?>
|
||||
|
||||
<div class="module_latest_wrap">
|
||||
<?php echo rb_latest($row_mod['md_skin'], $row_mod['md_bo_table'], $row_mod['md_cnt'], 999, 1, $row_mod['md_id'], $row_mod['md_sca']); ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if(rb_skin_select_is('latest', $row_mod['md_skin']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="./theme/rb.basic/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">출력 스킨이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo $row_mod['md_title'] ?>의 스킨폴더가 삭제 되었거나<br>출력스킨이 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "widget") { ?>
|
||||
|
||||
<div class="module_widget_wrap">
|
||||
<?php include(G5_PATH.'/rb/'.$row_mod['md_widget'].'/widget.php'); ?>
|
||||
</div>
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if(rb_widget_select_is('rb.widget', $row_mod['md_widget']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="./theme/rb.basic/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">출력 위젯이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?>의 위젯폴더가 삭제 되었거나<br>출력위젯이 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "banner") { ?>
|
||||
|
||||
<div class="module_banner_wrap">
|
||||
<?php echo rb_banners($row_mod['md_banner'], $row_mod['md_banner_id'], $row_mod['md_banner_skin']); ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
|
||||
<?php if(rb_banner_select_is($row_mod['md_banner']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="./theme/rb.basic/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">배너 출력이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?>의 배너가 삭제 되었거나<br>배너가 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "poll") { ?>
|
||||
<?php
|
||||
$md_poll_id = isset($row_mod['md_poll_id']) ? $row_mod['md_poll_id'] : '';
|
||||
?>
|
||||
|
||||
<div class="module_poll_wrap">
|
||||
<?php echo poll($row_mod['md_poll'], $md_poll_id); ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if(rb_skin_select_is('poll', $row_mod['md_poll']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="./theme/rb.basic/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">출력 스킨이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo $row_mod['md_title'] ?>의 스킨폴더가 삭제 되었거나<br>출력스킨이 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if (!isset($sql_cnts['cnt']) || !$sql_cnts['cnt']) { ?>
|
||||
<div class="no_data_section"><ul><img src="./theme/rb.basic/rb.img/icon/icon_error.svg" style="width:50px;"></ul><ul class="no_data_section_ul1 font-B">추가된 모듈이 없습니다.</ul><?php if($is_admin) { ?><ul class="no_data_section_ul2">모듈추가 버튼을 클릭하셔서 모듈을 추가해주세요.<br>모듈은 계속 추가할 수 있습니다.</ul><?php } ?></div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="add_module_wrap adm_co_gap_pc_<?php echo $rb_core['gap_pc'] ?>">
|
||||
<button type="button" class="add_module_btns font-B" onclick="set_module_send(this);">모듈추가</button>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// DOM이 준비되면 모든 슬라이더 초기화
|
||||
initializeAllSliders();
|
||||
});
|
||||
|
||||
function initializeAllSliders() {
|
||||
$('.rb_swiper').each(function () {
|
||||
const $slider = $(this);
|
||||
setupResponsiveSlider($slider);
|
||||
});
|
||||
}
|
||||
|
||||
function setupResponsiveSlider($rb_slider) {
|
||||
let swiperInstance = null; // Swiper 인스턴스 저장
|
||||
let currentMode = ''; // 현재 모드 ('pc' 또는 'mo')
|
||||
|
||||
// 초기 설정
|
||||
function initSlider(mode) {
|
||||
const isMobile = mode === 'mo';
|
||||
const rows = parseInt($rb_slider.data(isMobile ? 'mo-h' : 'pc-h'), 10) || 1;
|
||||
const cols = parseInt($rb_slider.data(isMobile ? 'mo-w' : 'pc-w'), 10) || 1;
|
||||
const gap = parseInt($rb_slider.data(isMobile ? 'mo-gap' : 'pc-gap'), 10) || 0;
|
||||
const swap = $rb_slider.data(isMobile ? 'mo-swap' : 'pc-swap') == 1;
|
||||
const slidesPerView = rows * cols;
|
||||
|
||||
// 슬라이드 재구성 및 간격 설정
|
||||
configureSlides($rb_slider, slidesPerView, cols, gap);
|
||||
|
||||
// Swiper 초기화
|
||||
if (swiperInstance) {
|
||||
swiperInstance.destroy(true, true); // 기존 Swiper 삭제
|
||||
}
|
||||
|
||||
swiperInstance = new Swiper($rb_slider.find('.rb_swiper_inner')[0], {
|
||||
slidesPerView: 1,
|
||||
initialSlide: 0,
|
||||
spaceBetween: gap,
|
||||
resistanceRatio: 0,
|
||||
touchRatio: swap ? 1 : 0,
|
||||
autoplay: $rb_slider.data('autoplay') == 1
|
||||
? {
|
||||
delay: parseInt($rb_slider.data('autoplay-time'), 10) || 3000,
|
||||
disableOnInteraction: false,
|
||||
}
|
||||
: false,
|
||||
navigation: {
|
||||
nextEl: $rb_slider.find('.rb-swiper-next')[0],
|
||||
prevEl: $rb_slider.find('.rb-swiper-prev')[0],
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// 슬라이드 구성 및 재구성
|
||||
function configureSlides($rb_slider, view, cols, gap) {
|
||||
const widthPercentage = `calc(${100 / cols}% - ${(gap * (cols - 1)) / cols}px)`;
|
||||
|
||||
$rb_slider.find('.rb_swiper_list').css('width', widthPercentage);
|
||||
|
||||
// 기존 슬라이드 그룹화 제거
|
||||
if ($rb_slider.find('.rb_swiper_list').parent().hasClass('rb-swiper-slide')) {
|
||||
$rb_slider.find('.swiper-slide-duplicate').remove();
|
||||
$rb_slider.find('.rb_swiper_list').unwrap('.rb-swiper-slide');
|
||||
}
|
||||
|
||||
// 슬라이드 그룹화
|
||||
let groupIndex = 0;
|
||||
$rb_slider.find('.rb_swiper_list').each(function (index) {
|
||||
$(this).addClass('rb_swiper_group' + Math.floor(index / view));
|
||||
groupIndex = Math.floor(index / view);
|
||||
}).promise().done(function () {
|
||||
for (let i = 0; i <= groupIndex; i++) {
|
||||
$rb_slider.find('.rb_swiper_group' + i).wrapAll('<div class="rb-swiper-slide swiper-slide"></div>');
|
||||
$rb_slider.find('.rb_swiper_group' + i).removeClass('rb_swiper_group' + i);
|
||||
}
|
||||
});
|
||||
|
||||
// 간격 설정
|
||||
$rb_slider.find('.rb-swiper-slide').css({
|
||||
'gap': `${gap}px`,
|
||||
});
|
||||
|
||||
// 마지막 요소 오른쪽 간격 제거
|
||||
$rb_slider.find('.rb_swiper_list').each(function (index) {
|
||||
if ((index + 1) % cols === 0) {
|
||||
$(this).css('margin-right', '0');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 반응형 설정
|
||||
function checkModeAndInit() {
|
||||
const winWidth = window.innerWidth;
|
||||
const mode = winWidth <= 1024 ? 'mo' : 'pc';
|
||||
|
||||
if (currentMode !== mode) {
|
||||
currentMode = mode;
|
||||
initSlider(mode); // 모드 변경 시 재초기화
|
||||
}
|
||||
}
|
||||
|
||||
// 초기 실행 및 이벤트 등록
|
||||
$(window).on('load resize', checkModeAndInit);
|
||||
checkModeAndInit(); // 첫 실행
|
||||
}
|
||||
</script>
|
||||
374
rb/rb.config/ajax.layout_set.shop.php
Normal file
374
rb/rb.config/ajax.layout_set.shop.php
Normal file
@ -0,0 +1,374 @@
|
||||
<?php
|
||||
include_once('../../common.php');
|
||||
include_once(G5_LIB_PATH.'/latest.lib.php');
|
||||
include_once(G5_LIB_PATH.'/poll.lib.php');
|
||||
|
||||
$layout_no = isset($_POST['layout']) ? $_POST['layout'] : ''; // 기본값을 빈 문자열로 설정
|
||||
$layout_name = isset($rb_core['layout_shop']) ? $rb_core['layout_shop'] : ''; // 기본값을 빈 문자열로 설정
|
||||
$theme_name = isset($rb_core['theme']) ? $rb_core['theme'] : ''; // 기본값을 빈 문자열로 설정
|
||||
?>
|
||||
|
||||
<?php
|
||||
$sql = "SELECT * FROM rb_module_shop WHERE md_layout = '{$layout_no}' AND md_theme = '{$theme_name}' AND md_layout_name = '{$layout_name}' ORDER BY md_order_id, md_id ASC";
|
||||
$sql_cnts = sql_fetch("SELECT COUNT(*) as cnt FROM rb_module_shop WHERE md_layout = '{$layout_no}' AND md_theme = '{$theme_name}' AND md_layout_name = '{$layout_name}'");
|
||||
$result = sql_query($sql);
|
||||
$rb_module_table = "rb_module_shop";
|
||||
|
||||
if ($result) { // 결과가 유효한지 확인
|
||||
for ($i = 0; $row_mod = sql_fetch_array($result); $i++) {
|
||||
?>
|
||||
|
||||
<ul class="content_box rb_module_shop_<?php echo $row_mod['md_id'] ?> rb_module_border_<?php echo $row_mod['md_border'] ?> rb_module_radius_<?php echo $row_mod['md_radius'] ?> <?php if(isset($row_mod['md_padding']) && $row_mod['md_padding'] > 0) { ?>rb_module_padding_<?php echo $row_mod['md_padding'] ?><?php } ?>" style="width:<?php echo $row_mod['md_width'] ?>%; height:<?php echo $row_mod['md_height'] ?>;" data-layout="<?php echo $row_mod['md_layout'] ?>" data-title="<?php echo $row_mod['md_title'] ?>" data-id="<?php echo $row_mod['md_id'] ?>" data-order-id="<?php echo $row_mod['md_id'] ?>">
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "latest") { ?>
|
||||
|
||||
<div class="module_latest_wrap">
|
||||
<?php echo rb_latest_shop($row_mod['md_skin'], $row_mod['md_bo_table'], $row_mod['md_cnt'], 999, 1, $row_mod['md_id'], $row_mod['md_sca']); ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if(rb_skin_select_is('latest', $row_mod['md_skin']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">출력 스킨이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo $row_mod['md_title'] ?>의 스킨폴더가 삭제 되었거나<br>출력스킨이 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "widget") { ?>
|
||||
|
||||
<div class="module_widget_wrap">
|
||||
<?php include(G5_PATH.'/rb/'.$row_mod['md_widget'].'/widget.php'); ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if(rb_widget_select_is('rb.widget', $row_mod['md_widget']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">출력 위젯이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?>의 위젯폴더가 삭제 되었거나<br>출력위젯이 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "banner") { ?>
|
||||
|
||||
<div class="module_banner_wrap">
|
||||
<?php echo rb_banners($row_mod['md_banner'], $row_mod['md_banner_id'], $row_mod['md_banner_skin']); ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
|
||||
<?php if(rb_banner_select_is($row_mod['md_banner']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">배너 출력이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?>의 배너가 삭제 되었거나<br>배너가 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "poll") { ?>
|
||||
<?php
|
||||
$md_poll_id = isset($row_mod['md_poll_id']) ? $row_mod['md_poll_id'] : '';
|
||||
?>
|
||||
<div class="module_poll_wrap">
|
||||
<?php echo poll($row_mod['md_poll'], $md_poll_id); ?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if(rb_skin_select_is('poll', $row_mod['md_poll']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">출력 스킨이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo $row_mod['md_title'] ?>의 스킨폴더가 삭제 되었거나<br>출력스킨이 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if(isset($row_mod['md_type']) && $row_mod['md_type'] == "item") { ?>
|
||||
|
||||
<?php
|
||||
|
||||
$item_where = " where it_use = '1' and it_stock_qty > 0 and it_soldout = 0";
|
||||
|
||||
if(isset($row_mod['md_module']) && $row_mod['md_module'] > 0) {
|
||||
$item_where .= " and it_type".$row_mod['md_module']." = '1' ";
|
||||
}
|
||||
|
||||
if(isset($row_mod['md_sca']) && $row_mod['md_sca']) {
|
||||
$item_where .= " AND (ca_id = '".$row_mod['md_sca']."' OR ca_id LIKE '".$row_mod['md_sca']."%') "; //카테고리
|
||||
}
|
||||
|
||||
if(isset($row_mod['md_order']) && $row_mod['md_order']) {
|
||||
$item_order = " order by ".$row_mod['md_order'].""; //기본
|
||||
} else {
|
||||
$item_order = " order by it_id desc"; //기본
|
||||
}
|
||||
|
||||
/*
|
||||
$item_order = " order by it_time desc"; //최근등록순
|
||||
$item_order = " order by it_hit desc"; //조회수높은순
|
||||
$item_order = " order by it_stock_qty asc"; //품절임박순
|
||||
$item_order = " order by it_price desc"; //판매가높은순
|
||||
$item_order = " order by it_price asc"; //판매가낮은순
|
||||
$item_order = " order by it_use_avg desc"; //평점높은순
|
||||
$item_order = " order by it_use_cnt desc"; //리뷰많은순
|
||||
$item_order = " order by rand()"; //랜덤
|
||||
*/
|
||||
|
||||
$item_limit = " limit ".$row_mod['md_cnt'].""; //갯수(필수)
|
||||
$item_sql = " select * from {$g5['g5_shop_item_table']} {$item_where} {$item_order} {$item_limit} ";
|
||||
?>
|
||||
|
||||
<div class="module_item_wrap">
|
||||
<?php
|
||||
$list = new item_list();
|
||||
$list->set_img_size(300, 300);
|
||||
$list->set_list_skin(G5_SHOP_SKIN_PATH.'/'.$row_mod['md_skin']);
|
||||
$list->set_view('it_cust_price', true);
|
||||
$list->set_view('it_price', true);
|
||||
$list->set_view('sns', true);
|
||||
$list->set_view('md_table', $rb_module_table);
|
||||
$list->set_view('md_id', $row_mod['md_id']);
|
||||
$list->set_query($item_sql);
|
||||
echo $list->run();
|
||||
?>
|
||||
</div>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
|
||||
<?php if(rb_list_skin_options_chk("^main.[0-9]+\.skin\.php", G5_SHOP_SKIN_PATH, $row_mod['md_skin']) != "true") { ?>
|
||||
|
||||
<div class="no_data_section">
|
||||
<ul><img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_error.svg" style="width:50px;"></ul>
|
||||
<ul class="no_data_section_ul1 font-B">출력 스킨이 잘못되었습니다.</ul>
|
||||
<ul class="no_data_section_ul2"><?php echo $row_mod['md_title'] ?>의 스킨파일이 삭제 되었거나<br>출력스킨이 지정되지 않았습니다.</ul>
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<!-- 설정 { -->
|
||||
<span class="admin_ov">
|
||||
<div class="mod_edit">
|
||||
<ul class="middle_y text-center">
|
||||
<h2 class="font-B"><?php echo isset($row_mod['md_title']) ? $row_mod['md_title'] : ''; ?> <span>모듈 설정</span></h2>
|
||||
<h6 class="font-R">해당 모듈의 설정을 변경할 수 있습니다.</h6>
|
||||
<button type="button" alt="설정열기" class="btn_round btn_round_bg admin_set_btn" onclick="set_module_send(this);">설정</button>
|
||||
<button type="button" alt="모듈삭제" class="btn_round admin_set_btn" onclick="set_module_del(this);">삭제</button>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
<!-- } -->
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if (!isset($sql_cnts['cnt']) || !$sql_cnts['cnt']) { ?>
|
||||
<div class="no_data_section"><ul><img src="<?php echo G5_THEME_URL ?>/rb.img/icon/icon_error.svg" style="width:50px;"></ul><ul class="no_data_section_ul1 font-B">추가된 모듈이 없습니다.</ul><?php if($is_admin) { ?><ul class="no_data_section_ul2">모듈추가 버튼을 클릭하셔서 모듈을 추가해주세요.<br>모듈은 계속 추가할 수 있습니다.</ul><?php } ?></div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="add_module_wrap adm_co_gap_pc_<?php echo $rb_core['gap_pc'] ?>">
|
||||
<button type="button" class="add_module_btns font-B" onclick="set_module_send(this);">모듈추가</button>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// DOM이 준비되면 모든 슬라이더 초기화
|
||||
initializeAllSliders();
|
||||
});
|
||||
|
||||
function initializeAllSliders() {
|
||||
$('.rb_swiper').each(function () {
|
||||
const $slider = $(this);
|
||||
setupResponsiveSlider($slider);
|
||||
});
|
||||
}
|
||||
|
||||
function setupResponsiveSlider($rb_slider) {
|
||||
let swiperInstance = null; // Swiper 인스턴스 저장
|
||||
let currentMode = ''; // 현재 모드 ('pc' 또는 'mo')
|
||||
|
||||
// 초기 설정
|
||||
function initSlider(mode) {
|
||||
const isMobile = mode === 'mo';
|
||||
const rows = parseInt($rb_slider.data(isMobile ? 'mo-h' : 'pc-h'), 10) || 1;
|
||||
const cols = parseInt($rb_slider.data(isMobile ? 'mo-w' : 'pc-w'), 10) || 1;
|
||||
const gap = parseInt($rb_slider.data(isMobile ? 'mo-gap' : 'pc-gap'), 10) || 0;
|
||||
const swap = $rb_slider.data(isMobile ? 'mo-swap' : 'pc-swap') == 1;
|
||||
const slidesPerView = rows * cols;
|
||||
|
||||
// 슬라이드 재구성 및 간격 설정
|
||||
configureSlides($rb_slider, slidesPerView, cols, gap);
|
||||
|
||||
// Swiper 초기화
|
||||
if (swiperInstance) {
|
||||
swiperInstance.destroy(true, true); // 기존 Swiper 삭제
|
||||
}
|
||||
|
||||
swiperInstance = new Swiper($rb_slider.find('.rb_swiper_inner')[0], {
|
||||
slidesPerView: 1,
|
||||
initialSlide: 0,
|
||||
spaceBetween: gap,
|
||||
resistanceRatio: 0,
|
||||
touchRatio: swap ? 1 : 0,
|
||||
autoplay: $rb_slider.data('autoplay') == 1
|
||||
? {
|
||||
delay: parseInt($rb_slider.data('autoplay-time'), 10) || 3000,
|
||||
disableOnInteraction: false,
|
||||
}
|
||||
: false,
|
||||
navigation: {
|
||||
nextEl: $rb_slider.find('.rb-swiper-next')[0],
|
||||
prevEl: $rb_slider.find('.rb-swiper-prev')[0],
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// 슬라이드 구성 및 재구성
|
||||
function configureSlides($rb_slider, view, cols, gap) {
|
||||
const widthPercentage = `calc(${100 / cols}% - ${(gap * (cols - 1)) / cols}px)`;
|
||||
|
||||
$rb_slider.find('.rb_swiper_list').css('width', widthPercentage);
|
||||
|
||||
// 기존 슬라이드 그룹화 제거
|
||||
if ($rb_slider.find('.rb_swiper_list').parent().hasClass('rb-swiper-slide')) {
|
||||
$rb_slider.find('.swiper-slide-duplicate').remove();
|
||||
$rb_slider.find('.rb_swiper_list').unwrap('.rb-swiper-slide');
|
||||
}
|
||||
|
||||
// 슬라이드 그룹화
|
||||
let groupIndex = 0;
|
||||
$rb_slider.find('.rb_swiper_list').each(function (index) {
|
||||
$(this).addClass('rb_swiper_group' + Math.floor(index / view));
|
||||
groupIndex = Math.floor(index / view);
|
||||
}).promise().done(function () {
|
||||
for (let i = 0; i <= groupIndex; i++) {
|
||||
$rb_slider.find('.rb_swiper_group' + i).wrapAll('<div class="rb-swiper-slide swiper-slide"></div>');
|
||||
$rb_slider.find('.rb_swiper_group' + i).removeClass('rb_swiper_group' + i);
|
||||
}
|
||||
});
|
||||
|
||||
// 간격 설정
|
||||
$rb_slider.find('.rb-swiper-slide').css({
|
||||
'gap': `${gap}px`,
|
||||
});
|
||||
|
||||
// 마지막 요소 오른쪽 간격 제거
|
||||
$rb_slider.find('.rb_swiper_list').each(function (index) {
|
||||
if ((index + 1) % cols === 0) {
|
||||
$(this).css('margin-right', '0');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 반응형 설정
|
||||
function checkModeAndInit() {
|
||||
const winWidth = window.innerWidth;
|
||||
const mode = winWidth <= 1024 ? 'mo' : 'pc';
|
||||
|
||||
if (currentMode !== mode) {
|
||||
currentMode = mode;
|
||||
initSlider(mode); // 모드 변경 시 재초기화
|
||||
}
|
||||
}
|
||||
|
||||
// 초기 실행 및 이벤트 등록
|
||||
$(window).on('load resize', checkModeAndInit);
|
||||
checkModeAndInit(); // 첫 실행
|
||||
}
|
||||
</script>
|
||||
213
rb/rb.config/ajax.module_set.php
Normal file
213
rb/rb.config/ajax.module_set.php
Normal file
@ -0,0 +1,213 @@
|
||||
<?php
|
||||
include_once('../../common.php');
|
||||
|
||||
$md_id = isset($_POST['md_id']) ? $_POST['md_id'] : '';
|
||||
$md_title = isset($_POST['md_title']) ? $_POST['md_title'] : '';
|
||||
$md_layout = isset($_POST['md_layout']) ? $_POST['md_layout'] : '';
|
||||
$md_skin = isset($_POST['md_skin']) ? $_POST['md_skin'] : '';
|
||||
$md_type = isset($_POST['md_type']) ? $_POST['md_type'] : '';
|
||||
$md_bo_table = isset($_POST['md_bo_table']) ? $_POST['md_bo_table'] : '';
|
||||
$md_sca = isset($_POST['md_sca']) ? $_POST['md_sca'] : '';
|
||||
$md_widget = isset($_POST['md_widget']) ? $_POST['md_widget'] : '';
|
||||
$md_banner = isset($_POST['md_banner']) ? $_POST['md_banner'] : '';
|
||||
$md_banner_id = isset($_POST['md_banner_id']) ? $_POST['md_banner_id'] : '';
|
||||
$md_banner_bg = isset($_POST['md_banner_bg']) ? $_POST['md_banner_bg'] : '';
|
||||
$md_banner_skin = isset($_POST['md_banner_skin']) ? $_POST['md_banner_skin'] : '';
|
||||
$md_poll = isset($_POST['md_poll']) ? $_POST['md_poll'] : '';
|
||||
$md_poll_id = isset($_POST['md_poll_id']) ? $_POST['md_poll_id'] : '';
|
||||
$md_theme = isset($_POST['md_theme']) ? $_POST['md_theme'] : '';
|
||||
$md_layout_name = isset($_POST['md_layout_name']) ? $_POST['md_layout_name'] : '';
|
||||
$md_cnt = isset($_POST['md_cnt']) ? $_POST['md_cnt'] : '1';
|
||||
$md_col = isset($_POST['md_col']) ? $_POST['md_col'] : '1';
|
||||
$md_row = isset($_POST['md_row']) ? $_POST['md_row'] : '1';
|
||||
$md_col_mo = isset($_POST['md_col_mo']) ? $_POST['md_col_mo'] : '1';
|
||||
$md_row_mo = isset($_POST['md_row_mo']) ? $_POST['md_row_mo'] : '1';
|
||||
$md_width = isset($_POST['md_width']) ? $_POST['md_width'] : '100%';
|
||||
$md_height = isset($_POST['md_height']) ? $_POST['md_height'] : '';
|
||||
$md_subject_is = isset($_POST['md_subject_is']) ? $_POST['md_subject_is'] : '';
|
||||
$md_thumb_is = isset($_POST['md_thumb_is']) ? $_POST['md_thumb_is'] : '';
|
||||
$md_nick_is = isset($_POST['md_nick_is']) ? $_POST['md_nick_is'] : '';
|
||||
$md_date_is = isset($_POST['md_date_is']) ? $_POST['md_date_is'] : '';
|
||||
$md_comment_is = isset($_POST['md_comment_is']) ? $_POST['md_comment_is'] : '';
|
||||
$md_content_is = isset($_POST['md_content_is']) ? $_POST['md_content_is'] : '';
|
||||
$md_icon_is = isset($_POST['md_icon_is']) ? $_POST['md_icon_is'] : '';
|
||||
$md_ca_is = isset($_POST['md_ca_is']) ? $_POST['md_ca_is'] : '';
|
||||
$md_gap = isset($_POST['md_gap']) ? $_POST['md_gap'] : '40';
|
||||
$md_gap_mo = isset($_POST['md_gap_mo']) ? $_POST['md_gap_mo'] : '20';
|
||||
$md_swiper_is = isset($_POST['md_swiper_is']) ? $_POST['md_swiper_is'] : '';
|
||||
$md_auto_is = isset($_POST['md_auto_is']) ? $_POST['md_auto_is'] : '';
|
||||
$md_auto_time = isset($_POST['md_auto_time']) ? $_POST['md_auto_time'] : '';
|
||||
$md_module = isset($_POST['md_module']) ? $_POST['md_module'] : '';
|
||||
$md_order = isset($_POST['md_order']) ? $_POST['md_order'] : '';
|
||||
$md_border = isset($_POST['md_border']) ? $_POST['md_border'] : '';
|
||||
$md_radius = isset($_POST['md_radius']) ? $_POST['md_radius'] : '0';
|
||||
$md_padding = isset($_POST['md_padding']) ? $_POST['md_padding'] : '0';
|
||||
$del = isset($_POST['del']) ? $_POST['del'] : '';
|
||||
$is_shop = isset($_POST['is_shop']) ? $_POST['is_shop'] : '';
|
||||
|
||||
if(isset($is_shop) && $is_shop == 1) {
|
||||
$rb_module_tables = "rb_module_shop";
|
||||
} else {
|
||||
$rb_module_tables = "rb_module";
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<?php
|
||||
if(isset($del) && $del == "true") {
|
||||
|
||||
if($is_admin) {
|
||||
$sql = " delete from {$rb_module_tables} where md_id = '{$md_id}' and md_layout = '{$md_layout}' and md_theme = '{$md_theme}' and md_layout_name = '{$md_layout_name}' ";
|
||||
sql_query($sql);
|
||||
}
|
||||
$data = array(
|
||||
'status' => 'ok',
|
||||
);
|
||||
echo json_encode($data);
|
||||
|
||||
|
||||
} else {
|
||||
if(isset($md_id) && $md_id == "new") {
|
||||
|
||||
// rb_module 테이블에 md_sca 컬럼이 있는지 검사
|
||||
$checkColumnQuery = "SHOW COLUMNS FROM `rb_module` LIKE 'md_sca'";
|
||||
$result = sql_query($checkColumnQuery);
|
||||
|
||||
if (sql_num_rows($result) == 0) {
|
||||
// md_sca 컬럼이 없으면 추가
|
||||
$addColumnQuery = "ALTER TABLE {$rb_module_tables} ADD `md_sca` varchar(255) COLLATE 'utf8_general_ci' NOT NULL AFTER `md_bo_table`";
|
||||
sql_query($addColumnQuery);
|
||||
}
|
||||
|
||||
// rb_module 테이블에 md_order_id 컬럼이 있는지 검사
|
||||
$checkColumnQuery2 = "SHOW COLUMNS FROM {$rb_module_tables} LIKE 'md_order_id'";
|
||||
$result2 = sql_query($checkColumnQuery2);
|
||||
|
||||
if (sql_num_rows($result2) == 0) {
|
||||
// md_order_id 컬럼이 없으면 추가
|
||||
$addColumnQuery2 = "ALTER TABLE {$rb_module_tables} ADD `md_order_id` INT(4) COLLATE 'utf8_general_ci' NOT NULL AFTER `md_ip`";
|
||||
sql_query($addColumnQuery2);
|
||||
}
|
||||
|
||||
|
||||
if($is_admin) {
|
||||
|
||||
//컬럼의 가장 큰 숫자를 얻는다
|
||||
$mod_num = sql_fetch( " SELECT MAX(md_order_id) AS max_value FROM {$rb_module_tables} " );
|
||||
$md_order_id = isset($mod_num['max_value']) ? $mod_num['max_value'] + 1 : '0';
|
||||
|
||||
$sql = " insert {$rb_module_tables} set
|
||||
md_title = '{$md_title}',
|
||||
md_layout = '{$md_layout}',
|
||||
md_skin = '{$md_skin}',
|
||||
md_type = '{$md_type}',
|
||||
md_bo_table = '{$md_bo_table}',
|
||||
md_sca = '{$md_sca}',
|
||||
md_widget = '{$md_widget}',
|
||||
md_banner = '{$md_banner}',
|
||||
md_banner_id = '{$md_banner_id}',
|
||||
md_banner_bg = '{$md_banner_bg}',
|
||||
md_banner_skin = '{$md_banner_skin}',
|
||||
md_poll = '{$md_poll}',
|
||||
md_poll_id = '{$md_poll_id}',
|
||||
md_theme = '{$md_theme}',
|
||||
md_layout_name = '{$md_layout_name}',
|
||||
md_cnt = '{$md_cnt}',
|
||||
md_col = '{$md_col}',
|
||||
md_row = '{$md_row}',
|
||||
md_col_mo = '{$md_col_mo}',
|
||||
md_row_mo = '{$md_row_mo}',
|
||||
md_width = '{$md_width}',
|
||||
md_height = '{$md_height}',
|
||||
md_subject_is = '{$md_subject_is}',
|
||||
md_thumb_is = '{$md_thumb_is}',
|
||||
md_nick_is = '{$md_nick_is}',
|
||||
md_date_is = '{$md_date_is}',
|
||||
md_comment_is = '{$md_comment_is}',
|
||||
md_content_is = '{$md_content_is}',
|
||||
md_icon_is = '{$md_icon_is}',
|
||||
md_ca_is = '{$md_ca_is}',
|
||||
md_gap = '{$md_gap}',
|
||||
md_gap_mo = '{$md_gap_mo}',
|
||||
md_swiper_is = '{$md_swiper_is}',
|
||||
md_auto_is = '{$md_auto_is}',
|
||||
md_auto_time = '{$md_auto_time}',
|
||||
md_module = '{$md_module}',
|
||||
md_order = '{$md_order}',
|
||||
md_border = '{$md_border}',
|
||||
md_radius = '{$md_radius}',
|
||||
md_padding = '{$md_padding}',
|
||||
md_datetime = '".G5_TIME_YMDHIS."',
|
||||
md_ip = '{$_SERVER['REMOTE_ADDR']}',
|
||||
md_order_id = '{$md_order_id}' ";
|
||||
sql_query($sql);
|
||||
}
|
||||
|
||||
$data = array(
|
||||
'md_title' => $md_title,
|
||||
'status' => 'ok',
|
||||
);
|
||||
echo json_encode($data);
|
||||
|
||||
} else {
|
||||
|
||||
if($is_admin) {
|
||||
$sql = " update {$rb_module_tables}
|
||||
set md_title = '{$md_title}',
|
||||
md_layout = '{$md_layout}',
|
||||
md_skin = '{$md_skin}',
|
||||
md_type = '{$md_type}',
|
||||
md_bo_table = '{$md_bo_table}',
|
||||
md_sca = '{$md_sca}',
|
||||
md_widget = '{$md_widget}',
|
||||
md_banner = '{$md_banner}',
|
||||
md_banner_id = '{$md_banner_id}',
|
||||
md_banner_bg = '{$md_banner_bg}',
|
||||
md_banner_skin = '{$md_banner_skin}',
|
||||
md_poll = '{$md_poll}',
|
||||
md_poll_id = '{$md_poll_id}',
|
||||
md_theme = '{$md_theme}',
|
||||
md_layout_name = '{$md_layout_name}',
|
||||
md_cnt = '{$md_cnt}',
|
||||
md_col = '{$md_col}',
|
||||
md_row = '{$md_row}',
|
||||
md_col_mo = '{$md_col_mo}',
|
||||
md_row_mo = '{$md_row_mo}',
|
||||
md_width = '{$md_width}',
|
||||
md_height = '{$md_height}',
|
||||
md_subject_is = '{$md_subject_is}',
|
||||
md_thumb_is = '{$md_thumb_is}',
|
||||
md_nick_is = '{$md_nick_is}',
|
||||
md_date_is = '{$md_date_is}',
|
||||
md_comment_is = '{$md_comment_is}',
|
||||
md_content_is = '{$md_content_is}',
|
||||
md_icon_is = '{$md_icon_is}',
|
||||
md_ca_is = '{$md_ca_is}',
|
||||
md_gap = '{$md_gap}',
|
||||
md_gap_mo = '{$md_gap_mo}',
|
||||
md_swiper_is = '{$md_swiper_is}',
|
||||
md_auto_is = '{$md_auto_is}',
|
||||
md_auto_time = '{$md_auto_time}',
|
||||
md_module = '{$md_module}',
|
||||
md_order = '{$md_order}',
|
||||
md_border = '{$md_border}',
|
||||
md_radius = '{$md_radius}',
|
||||
md_padding = '{$md_padding}',
|
||||
md_datetime = '".G5_TIME_YMDHIS."',
|
||||
md_ip = '{$_SERVER['REMOTE_ADDR']}'
|
||||
where md_id = '{$md_id}'";
|
||||
sql_query($sql);
|
||||
}
|
||||
|
||||
$data = array(
|
||||
'md_title' => $md_title,
|
||||
'status' => 'ok',
|
||||
);
|
||||
echo json_encode($data);
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
584
rb/rb.config/coloris/coloris.css
Normal file
584
rb/rb.config/coloris/coloris.css
Normal file
@ -0,0 +1,584 @@
|
||||
.clr-picker {
|
||||
display: none;
|
||||
flex-wrap: wrap;
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
z-index: 1000;
|
||||
border-radius: 10px;
|
||||
background-color: #fff;
|
||||
justify-content: flex-end;
|
||||
direction: ltr;
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.05), 0 5px 20px rgba(0,0,0,.1);
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.clr-picker.clr-open,
|
||||
.clr-picker[data-inline="true"] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.clr-picker[data-inline="true"] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.clr-gradient {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
margin-bottom: 15px;
|
||||
border-radius: 3px 3px 0 0;
|
||||
background-image: linear-gradient(rgba(0,0,0,0), #000), linear-gradient(90deg, #fff, currentColor);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.clr-marker {
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: -6px 0 0 -6px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
background-color: currentColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.clr-picker input[type="range"]::-webkit-slider-runnable-track {
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.clr-picker input[type="range"]::-webkit-slider-thumb {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.clr-picker input[type="range"]::-moz-range-track {
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.clr-picker input[type="range"]::-moz-range-thumb {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.clr-hue {
|
||||
background-image: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
|
||||
}
|
||||
|
||||
.clr-hue,
|
||||
.clr-alpha {
|
||||
position: relative;
|
||||
width: calc(100% - 40px);
|
||||
height: 8px;
|
||||
margin: 5px 20px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.clr-alpha span {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: inherit;
|
||||
background-image: linear-gradient(90deg, rgba(0,0,0,0), currentColor);
|
||||
}
|
||||
|
||||
.clr-hue input[type="range"],
|
||||
.clr-alpha input[type="range"] {
|
||||
position: absolute;
|
||||
width: calc(100% + 32px);
|
||||
height: 16px;
|
||||
left: -16px;
|
||||
top: -4px;
|
||||
margin: 0;
|
||||
background-color: transparent;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.clr-hue div,
|
||||
.clr-alpha div {
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-left: -8px;
|
||||
transform: translateY(-50%);
|
||||
border: 2px solid #fff;
|
||||
border-radius: 50%;
|
||||
background-color: currentColor;
|
||||
box-shadow: 0 0 1px #888;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.clr-alpha div:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 50%;
|
||||
background-color: currentColor;
|
||||
}
|
||||
|
||||
.clr-format {
|
||||
display: none;
|
||||
order: 1;
|
||||
width: calc(100% - 40px);
|
||||
margin: 0 20px 20px;
|
||||
}
|
||||
|
||||
.clr-segmented {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 15px;
|
||||
box-sizing: border-box;
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.clr-segmented input,
|
||||
.clr-segmented legend {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.clr-segmented label {
|
||||
flex-grow: 1;
|
||||
margin: 0;
|
||||
padding: 4px 0;
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
line-height: initial;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.clr-segmented label:first-of-type {
|
||||
border-radius: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
.clr-segmented label:last-of-type {
|
||||
border-radius: 0 10px 10px 0;
|
||||
}
|
||||
|
||||
.clr-segmented input:checked + label {
|
||||
color: #fff;
|
||||
background-color: #666;
|
||||
}
|
||||
|
||||
.clr-swatches {
|
||||
order: 2;
|
||||
width: calc(100% - 32px);
|
||||
margin: 0 16px;
|
||||
}
|
||||
|
||||
.clr-swatches div {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 12px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.clr-swatches button {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 4px 6px 4px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
color: inherit;
|
||||
text-indent: -1000px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.clr-swatches button:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: inherit;
|
||||
background-color: currentColor;
|
||||
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
input.clr-color {
|
||||
order: 1;
|
||||
width: calc(100% - 80px);
|
||||
height: 32px;
|
||||
margin: 15px 20px 20px auto;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 16px;
|
||||
color: #444;
|
||||
background-color: #fff;
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input.clr-color:focus {
|
||||
outline: none;
|
||||
border: 1px solid #1e90ff;
|
||||
}
|
||||
|
||||
.clr-close,
|
||||
.clr-clear {
|
||||
display: none;
|
||||
order: 2;
|
||||
height: 24px;
|
||||
margin: 0 20px 20px;
|
||||
padding: 0 20px;
|
||||
border: 0;
|
||||
border-radius: 12px;
|
||||
color: #fff;
|
||||
background-color: #666;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.clr-close {
|
||||
display: block;
|
||||
margin: 0 20px 20px auto;
|
||||
}
|
||||
|
||||
.clr-preview {
|
||||
position: relative;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 15px 0 20px 20px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.clr-preview:before,
|
||||
.clr-preview:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.clr-preview:after {
|
||||
border: 0;
|
||||
background-color: currentColor;
|
||||
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.clr-preview button {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
outline-offset: -2px;
|
||||
background-color: transparent;
|
||||
text-indent: -9999px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.clr-marker,
|
||||
.clr-hue div,
|
||||
.clr-alpha div,
|
||||
.clr-color {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.clr-field {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.clr-field input {
|
||||
margin: 0;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.clr-field.clr-rtl input {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.clr-field button {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
color: inherit;
|
||||
text-indent: -1000px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.clr-field.clr-rtl button {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.clr-field button:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: inherit;
|
||||
background-color: currentColor;
|
||||
box-shadow: inset 0 0 1px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.clr-alpha,
|
||||
.clr-alpha div,
|
||||
.clr-swatches button,
|
||||
.clr-preview:before,
|
||||
.clr-field button {
|
||||
background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
|
||||
background-position: 0 0, 4px 4px;
|
||||
background-size: 8px 8px;
|
||||
}
|
||||
|
||||
.clr-marker:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.clr-keyboard-nav .clr-marker:focus,
|
||||
.clr-keyboard-nav .clr-hue input:focus + div,
|
||||
.clr-keyboard-nav .clr-alpha input:focus + div,
|
||||
.clr-keyboard-nav .clr-segmented input:focus + label {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px #1e90ff, 0 0 2px 2px #fff;
|
||||
}
|
||||
|
||||
.clr-picker[data-alpha="false"] .clr-alpha {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.clr-picker[data-minimal="true"] {
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.clr-picker[data-minimal="true"] .clr-gradient,
|
||||
.clr-picker[data-minimal="true"] .clr-hue,
|
||||
.clr-picker[data-minimal="true"] .clr-alpha,
|
||||
.clr-picker[data-minimal="true"] .clr-color,
|
||||
.clr-picker[data-minimal="true"] .clr-preview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/** Dark theme **/
|
||||
|
||||
.clr-dark {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.clr-dark .clr-segmented {
|
||||
border-color: #777;
|
||||
}
|
||||
|
||||
.clr-dark .clr-swatches button:after {
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
|
||||
}
|
||||
|
||||
.clr-dark input.clr-color {
|
||||
color: #fff;
|
||||
border-color: #777;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.clr-dark input.clr-color:focus {
|
||||
border-color: #1e90ff;
|
||||
}
|
||||
|
||||
.clr-dark .clr-preview:after {
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
|
||||
}
|
||||
|
||||
.clr-dark .clr-alpha,
|
||||
.clr-dark .clr-alpha div,
|
||||
.clr-dark .clr-swatches button,
|
||||
.clr-dark .clr-preview:before {
|
||||
background-image: repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888);
|
||||
}
|
||||
|
||||
/** Polaroid theme **/
|
||||
|
||||
.clr-picker.clr-polaroid {
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.1), 0 5px 30px rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
.clr-picker.clr-polaroid:before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 10px;
|
||||
left: 20px;
|
||||
top: -10px;
|
||||
border: solid transparent;
|
||||
border-width: 0 8px 10px 8px;
|
||||
border-bottom-color: currentColor;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
filter: drop-shadow(0 -4px 3px rgba(0,0,0,.1));
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.clr-picker.clr-polaroid.clr-dark:before {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.clr-picker.clr-polaroid.clr-left:before {
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.clr-picker.clr-polaroid.clr-top:before {
|
||||
top: auto;
|
||||
bottom: -10px;
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-gradient {
|
||||
width: calc(100% - 20px);
|
||||
height: 120px;
|
||||
margin: 10px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-hue,
|
||||
.clr-polaroid .clr-alpha {
|
||||
width: calc(100% - 30px);
|
||||
height: 10px;
|
||||
margin: 6px 15px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-hue div,
|
||||
.clr-polaroid .clr-alpha div {
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-format {
|
||||
width: calc(100% - 20px);
|
||||
margin: 0 10px 15px;
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-swatches {
|
||||
width: calc(100% - 12px);
|
||||
margin: 0 6px;
|
||||
}
|
||||
.clr-polaroid .clr-swatches div {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-swatches button {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
.clr-polaroid input.clr-color {
|
||||
width: calc(100% - 60px);
|
||||
margin: 10px 10px 15px auto;
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-clear {
|
||||
margin: 0 10px 15px 10px;
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-close {
|
||||
margin: 0 10px 15px auto;
|
||||
}
|
||||
|
||||
.clr-polaroid .clr-preview {
|
||||
margin: 10px 0 15px 10px;
|
||||
}
|
||||
|
||||
/** Large theme **/
|
||||
|
||||
.clr-picker.clr-large {
|
||||
width: 275px;
|
||||
}
|
||||
|
||||
.clr-large .clr-gradient {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.clr-large .clr-swatches button {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
/** Pill (horizontal) theme **/
|
||||
|
||||
.clr-picker.clr-pill {
|
||||
width: 380px;
|
||||
padding-left: 180px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.clr-pill .clr-gradient {
|
||||
position: absolute;
|
||||
width: 180px;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.clr-pill .clr-hue {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.square .clr-field button {width: 22px;height: 22px;left: 5px;right: auto;border-radius: 5px;}
|
||||
.square .clr-field input{padding-left: 35px;}
|
||||
.clr-picker {z-index: 92345678902; position:absolute;}
|
||||
.square .clr-field input {height:35px !important; border-radius: 6px !important; width: 238px !important;}
|
||||
.color_set_wrap {position: relative;}
|
||||
.color_set_wrap span {position: absolute; top:9px; left: 30px;}
|
||||
1263
rb/rb.config/coloris/coloris.js
Normal file
1263
rb/rb.config/coloris/coloris.js
Normal file
File diff suppressed because it is too large
Load Diff
1
rb/rb.config/image/arr_down_w.svg
Normal file
1
rb/rb.config/image/arr_down_w.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
|
||||
|
After Width: | Height: | Size: 264 B |
3
rb/rb.config/image/icon_check.svg
Normal file
3
rb/rb.config/image/icon_check.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7749 0.391876C16.2979 0.391876 20.7749 4.86888 20.7749 10.3919C20.7749 15.9149 16.2979 20.3919 10.7749 20.3919C5.2519 20.3919 0.774902 15.9149 0.774902 10.3919C0.774902 4.86888 5.2519 0.391876 10.7749 0.391876ZM14.3099 6.77288L9.3599 11.7229L7.2399 9.60188C7.14706 9.50897 7.03682 9.43525 6.91549 9.38494C6.79416 9.33464 6.6641 9.30872 6.53276 9.30867C6.26749 9.30858 6.01304 9.41387 5.8254 9.60138C5.63776 9.78888 5.53229 10.0433 5.5322 10.3085C5.53211 10.5738 5.63739 10.8282 5.8249 11.0159L8.5829 13.7739C8.68505 13.8761 8.80634 13.9571 8.93983 14.0125C9.07332 14.0678 9.21641 14.0962 9.3609 14.0962C9.5054 14.0962 9.64848 14.0678 9.78197 14.0125C9.91547 13.9571 10.0368 13.8761 10.1389 13.7739L15.7249 8.18788C15.9125 8.00024 16.018 7.74574 16.018 7.48038C16.018 7.21501 15.9125 6.96052 15.7249 6.77288C15.5373 6.58524 15.2828 6.47982 15.0174 6.47982C14.752 6.47982 14.4975 6.58524 14.3099 6.77288Z" fill="#09244B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
3
rb/rb.config/image/icon_close.svg
Normal file
3
rb/rb.config/image/icon_close.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.37629 8.76571L13.0333 14.4227C13.2219 14.6049 13.4745 14.7057 13.7367 14.7034C13.9989 14.7011 14.2497 14.5959 14.4351 14.4105C14.6205 14.2251 14.7257 13.9743 14.728 13.7121C14.7302 13.4499 14.6294 13.1973 14.4473 13.0087L8.79029 7.35171L14.4473 1.69471C14.6294 1.50611 14.7302 1.25351 14.728 0.991311C14.7257 0.729114 14.6205 0.478302 14.4351 0.292894C14.2497 0.107485 13.9989 0.00231622 13.7367 3.78026e-05C13.4745 -0.00224062 13.2219 0.0985537 13.0333 0.280712L7.37629 5.93771L1.71929 0.280712C1.52984 0.103057 1.2787 0.0060773 1.01902 0.0102941C0.759336 0.0145109 0.51148 0.119593 0.327898 0.303306C0.144315 0.487018 0.0394078 0.734948 0.0353747 0.994633C0.0313417 1.25432 0.128499 1.50539 0.306288 1.69471L5.96229 7.35171L0.305288 13.0087C0.209778 13.101 0.133596 13.2113 0.0811869 13.3333C0.0287779 13.4553 0.00119157 13.5865 3.7757e-05 13.7193C-0.00111606 13.8521 0.0241854 13.9838 0.0744663 14.1067C0.124747 14.2296 0.199 14.3412 0.292893 14.4351C0.386786 14.529 0.498438 14.6033 0.621334 14.6535C0.74423 14.7038 0.87591 14.7291 1.00869 14.728C1.14147 14.7268 1.27269 14.6992 1.39469 14.6468C1.5167 14.5944 1.62704 14.5182 1.71929 14.4227L7.37629 8.76571Z" fill="#09244B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
3
rb/rb.config/image/icon_error.svg
Normal file
3
rb/rb.config/image/icon_error.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="103" height="91" viewBox="0 0 103 91" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M51.501 31.9809V50.3207M51.501 68.6604H51.5465M43.7258 8.41412L5.2185 73.2452C4.42457 74.6318 4.00448 76.2038 4.00004 77.805C3.99559 79.4061 4.40694 80.9806 5.19316 82.3716C5.97938 83.7627 7.11306 84.9219 8.48143 85.7339C9.84979 86.5459 11.4051 86.9824 12.9927 87H90.0073C91.5949 86.9824 93.1502 86.5459 94.5186 85.7339C95.8869 84.9219 97.0206 83.7627 97.8068 82.3716C98.5931 80.9806 99.0044 79.4061 99 77.805C98.9955 76.2038 98.5754 74.6318 97.7815 73.2452L59.2742 8.41412C58.4637 7.06664 57.3226 5.95256 55.9608 5.17937C54.5991 4.40619 53.0627 4 51.5 4C49.9373 4 48.4009 4.40619 47.0392 5.17937C45.6774 5.95256 44.5363 7.06664 43.7258 8.41412Z" stroke="#F1F1F1" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 844 B |
3
rb/rb.config/image/icon_fd.svg
Normal file
3
rb/rb.config/image/icon_fd.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.26667 3.24661e-09C6.4911 -1.40043e-05 6.71322 0.0452993 6.91971 0.133222C7.1262 0.221145 7.3128 0.349867 7.46833 0.511667L7.56833 0.625833L8.73333 2.08333H15C15.4205 2.0832 15.8255 2.24201 16.1338 2.52791C16.4421 2.81382 16.631 3.2057 16.6625 3.625L16.6667 3.75V13.3333C16.6668 13.7538 16.508 14.1588 16.2221 14.4671C15.9362 14.7754 15.5443 14.9643 15.125 14.9958L15 15H1.66667C1.24619 15.0001 0.841195 14.8413 0.532877 14.5554C0.224559 14.2695 0.0357029 13.8776 0.00416685 13.4583L8.35568e-08 13.3333V1.66667C-0.000132983 1.24619 0.158672 0.841194 0.444581 0.532877C0.73049 0.224559 1.12237 0.0357028 1.54167 0.00416677L1.66667 3.24661e-09H6.26667ZM6.26667 1.66667H1.66667V13.3333H15V3.75H8.73333C8.5089 3.75001 8.28678 3.7047 8.08029 3.61678C7.8738 3.52885 7.6872 3.40013 7.53167 3.23833L7.43167 3.12417L6.26667 1.66667ZM5.83333 7.5C6.05435 7.5 6.26631 7.5878 6.42259 7.74408C6.57887 7.90036 6.66667 8.11232 6.66667 8.33333C6.66667 8.55435 6.57887 8.76631 6.42259 8.92259C6.26631 9.07887 6.05435 9.16667 5.83333 9.16667C5.61232 9.16667 5.40036 9.07887 5.24408 8.92259C5.0878 8.76631 5 8.55435 5 8.33333C5 8.11232 5.0878 7.90036 5.24408 7.74408C5.40036 7.5878 5.61232 7.5 5.83333 7.5ZM8.33333 7.5C8.55435 7.5 8.76631 7.5878 8.92259 7.74408C9.07887 7.90036 9.16667 8.11232 9.16667 8.33333C9.16667 8.55435 9.07887 8.76631 8.92259 8.92259C8.76631 9.07887 8.55435 9.16667 8.33333 9.16667C8.11232 9.16667 7.90036 9.07887 7.74408 8.92259C7.5878 8.76631 7.5 8.55435 7.5 8.33333C7.5 8.11232 7.5878 7.90036 7.74408 7.74408C7.90036 7.5878 8.11232 7.5 8.33333 7.5ZM10.8333 7.5C11.0543 7.5 11.2663 7.5878 11.4226 7.74408C11.5789 7.90036 11.6667 8.11232 11.6667 8.33333C11.6667 8.55435 11.5789 8.76631 11.4226 8.92259C11.2663 9.07887 11.0543 9.16667 10.8333 9.16667C10.6123 9.16667 10.4004 9.07887 10.2441 8.92259C10.0878 8.76631 10 8.55435 10 8.33333C10 8.11232 10.0878 7.90036 10.2441 7.74408C10.4004 7.5878 10.6123 7.5 10.8333 7.5Z" fill="#D6DCE0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
3
rb/rb.config/image/icon_mod.svg
Normal file
3
rb/rb.config/image/icon_mod.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.559 5.75094L17.581 5.94094L17.588 6.13494V13.4029C17.5879 13.8115 17.4877 14.2138 17.2961 14.5747C17.1045 14.9356 16.8274 15.244 16.489 15.4729L16.339 15.5679L10.044 19.2019L9.92 19.2689L9.794 19.3289V10.3389L17.559 5.75094ZM0.0289998 5.75094L7.794 10.3399V19.3279C7.70839 19.2906 7.62493 19.2485 7.544 19.2019L1.25 15.5679C0.869961 15.3485 0.554373 15.0329 0.334952 14.6529C0.115532 14.2729 1.1148e-05 13.8418 0 13.4029V6.13494C0 6.00494 0.00999997 5.87694 0.03 5.75094H0.0289998ZM10.044 0.335936L16.338 3.96994C16.388 3.99994 16.438 4.02994 16.486 4.06194L8.794 8.60894L1.102 4.06094C1.15 4.02894 1.199 3.99794 1.25 3.96894L7.544 0.334936C7.92405 0.115516 8.35516 0 8.794 0C9.23284 0 9.66395 0.116515 10.044 0.335936Z" fill="#09244B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 854 B |
3
rb/rb.config/image/icon_module.svg
Normal file
3
rb/rb.config/image/icon_module.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="17" height="22" viewBox="0 0 17 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.00959 4.37262L7.56359 8.07562C7.83761 8.2582 8.06231 8.50561 8.21774 8.79589C8.37317 9.08618 8.45453 9.41034 8.45459 9.73962V20.2046C8.45462 20.3857 8.4055 20.5633 8.31246 20.7186C8.21943 20.8739 8.08599 21.0011 7.92636 21.0865C7.76673 21.1719 7.5869 21.2124 7.40607 21.2036C7.22524 21.1948 7.05019 21.1371 6.89959 21.0366L1.34559 17.3346C1.07143 17.1519 0.846645 16.9044 0.691205 16.6139C0.535765 16.3234 0.454486 15.9991 0.45459 15.6696V5.20462C0.454563 5.02357 0.503685 4.84592 0.596716 4.69061C0.689746 4.5353 0.823195 4.40815 0.982825 4.32274C1.14245 4.23733 1.32228 4.19686 1.50311 4.20565C1.68394 4.21443 1.85899 4.27214 2.00959 4.37262ZM4.98259 2.32262C5.14226 2.23718 5.32213 2.19671 5.50301 2.20551C5.68388 2.21432 5.85898 2.27207 6.00959 2.37262L11.5636 6.07562C11.8376 6.2582 12.0623 6.50561 12.2177 6.7959C12.3732 7.08618 12.4545 7.41034 12.4546 7.73962V18.2046C12.4546 18.3857 12.4055 18.5633 12.3125 18.7186C12.2194 18.8739 12.086 19.0011 11.9264 19.0865C11.7667 19.1719 11.5869 19.2124 11.4061 19.2036C11.2252 19.1948 11.0502 19.1371 10.8996 19.0366L9.95459 18.4066V9.73962C9.95451 9.16341 9.81217 8.59613 9.54021 8.08814C9.26825 7.58015 8.87507 7.14717 8.39559 6.82762L4.45459 4.19962V3.20462C4.45452 3.02358 4.50359 2.84591 4.59658 2.69058C4.68957 2.53525 4.82298 2.40807 4.98259 2.32262ZM10.0096 0.372618L15.5636 4.07562C15.8376 4.2582 16.0623 4.50561 16.2177 4.7959C16.3732 5.08618 16.4545 5.41034 16.4546 5.73962V16.2046C16.4546 16.3857 16.4055 16.5633 16.3125 16.7186C16.2194 16.8739 16.086 17.0011 15.9264 17.0865C15.7667 17.1719 15.5869 17.2124 15.4061 17.2036C15.2252 17.1948 15.0502 17.1371 14.8996 17.0366L13.9546 16.4066V7.73962C13.9545 7.16341 13.8122 6.59613 13.5402 6.08814C13.2682 5.58015 12.8751 5.14717 12.3956 4.82762L8.45459 2.19962V1.20462C8.45456 1.02357 8.50368 0.845921 8.59671 0.690609C8.68975 0.535296 8.82319 0.408153 8.98282 0.322744C9.14245 0.237334 9.32228 0.196862 9.50311 0.205646C9.68394 0.214429 9.85899 0.272139 10.0096 0.372618Z" fill="#09244B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
3
rb/rb.config/image/icon_set.svg
Normal file
3
rb/rb.config/image/icon_set.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C15.523 0 20 4.477 20 10C20 10.649 19.938 11.284 19.82 11.9C19.447 13.835 17.56 14.691 15.913 14.495L15.738 14.47L13.998 14.18C13.7955 14.1462 13.5879 14.1613 13.3924 14.2239C13.1969 14.2865 13.0192 14.3949 12.874 14.54C12.504 14.91 12.327 15.419 12.576 15.916C12.999 16.762 13.005 17.728 12.631 18.519C12.131 19.58 11.11 20 10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0ZM5.5 9C5.30302 9 5.10796 9.0388 4.92597 9.11418C4.74399 9.18956 4.57863 9.30005 4.43934 9.43934C4.30005 9.57863 4.18956 9.74399 4.11418 9.92597C4.0388 10.108 4 10.303 4 10.5C4 10.697 4.0388 10.892 4.11418 11.074C4.18956 11.256 4.30005 11.4214 4.43934 11.5607C4.57863 11.6999 4.74399 11.8104 4.92597 11.8858C5.10796 11.9612 5.30302 12 5.5 12C5.89782 12 6.27936 11.842 6.56066 11.5607C6.84196 11.2794 7 10.8978 7 10.5C7 10.1022 6.84196 9.72064 6.56066 9.43934C6.27936 9.15804 5.89782 9 5.5 9ZM12.5 5C12.1022 5 11.7206 5.15804 11.4393 5.43934C11.158 5.72064 11 6.10218 11 6.5C11 6.89782 11.158 7.27936 11.4393 7.56066C11.7206 7.84196 12.1022 8 12.5 8C12.8978 8 13.2794 7.84196 13.5607 7.56066C13.842 7.27936 14 6.89782 14 6.5C14 6.10218 13.842 5.72064 13.5607 5.43934C13.2794 5.15804 12.8978 5 12.5 5ZM7.5 5C7.10218 5 6.72064 5.15804 6.43934 5.43934C6.15804 5.72064 6 6.10218 6 6.5C6 6.89782 6.15804 7.27936 6.43934 7.56066C6.72064 7.84196 7.10218 8 7.5 8C7.89782 8 8.27936 7.84196 8.56066 7.56066C8.84196 7.27936 9 6.89782 9 6.5C9 6.10218 8.84196 5.72064 8.56066 5.43934C8.27936 5.15804 7.89782 5 7.5 5Z" fill="#09244B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
3
rb/rb.config/image/icon_setting.svg
Normal file
3
rb/rb.config/image/icon_setting.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.58597 1.1C9.93996 0.746476 10.4136 0.538456 10.9134 0.516981C11.4132 0.495507 11.903 0.662139 12.286 0.984002L12.414 1.101L14.314 3H17C17.5044 3.00009 17.9901 3.19077 18.3599 3.53384C18.7297 3.8769 18.9561 4.34702 18.994 4.85L19 5V7.686L20.9 9.586C21.2538 9.94004 21.462 10.4139 21.4834 10.9139C21.5049 11.414 21.3381 11.9039 21.016 12.287L20.899 12.414L18.999 14.314V17C18.9991 17.5046 18.8086 17.9906 18.4655 18.3605C18.1224 18.7305 17.6521 18.9572 17.149 18.995L17 19H14.315L12.415 20.9C12.0609 21.2538 11.5871 21.462 11.087 21.4835C10.587 21.505 10.097 21.3382 9.71397 21.016L9.58697 20.9L7.68697 19H4.99997C4.49539 19.0002 4.0094 18.8096 3.63942 18.4665C3.26944 18.1234 3.04281 17.6532 3.00497 17.15L2.99997 17V14.314L1.09997 12.414C0.746165 12.06 0.537968 11.5861 0.516492 11.0861C0.495016 10.586 0.661821 10.0961 0.98397 9.713L1.09997 9.586L2.99997 7.686V5C3.00006 4.4956 3.19074 4.00986 3.53381 3.64009C3.87687 3.27032 4.34699 3.04383 4.84997 3.006L4.99997 3H7.68597L9.58597 1.1ZM11 8C10.2043 8 9.44126 8.31607 8.87865 8.87868C8.31604 9.44129 7.99997 10.2044 7.99997 11C7.99997 11.7957 8.31604 12.5587 8.87865 13.1213C9.44126 13.6839 10.2043 14 11 14C11.7956 14 12.5587 13.6839 13.1213 13.1213C13.6839 12.5587 14 11.7957 14 11C14 10.2044 13.6839 9.44129 13.1213 8.87868C12.5587 8.31607 11.7956 8 11 8Z" fill="#09244B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
1404
rb/rb.config/right.php
Normal file
1404
rb/rb.config/right.php
Normal file
File diff suppressed because it is too large
Load Diff
256
rb/rb.config/style.css
Normal file
256
rb/rb.config/style.css
Normal file
@ -0,0 +1,256 @@
|
||||
.sh-side-options {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 12345678902;
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
padding: 0 0;
|
||||
width: 400px;
|
||||
transform: translateX(400px);
|
||||
}
|
||||
|
||||
.sh-side-options.open {
|
||||
transform: translateX(0px);
|
||||
box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.05);
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
}
|
||||
|
||||
.sh-side-options-container {
|
||||
position: absolute;
|
||||
bottom: 50px;
|
||||
left: -125px;
|
||||
width: 60px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border-radius: 5px;
|
||||
margin-right: 15px;
|
||||
box-shadow: -10px 0px 20px 2px rgba(0, 0, 0, .06);
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
}
|
||||
|
||||
|
||||
.sh-side-options-item {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0px;
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
position: relative;
|
||||
padding: 7px;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.sh-side-options-item:not(:last-child) {
|
||||
border-bottom: 1px solid #f1f3fc;
|
||||
}
|
||||
|
||||
.sh-side-options-item-container {
|
||||
border-radius: 4px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.sh-side-options-item:hover .sh-side-options-item-container,
|
||||
.sh-side-options-item:focus .sh-side-options-item-container,
|
||||
.setting_set_btn.open .sh-side-options-item-container {
|
||||
background-color: #f3f5fd;
|
||||
}
|
||||
|
||||
.mobule_set_btn.open .sh-side-options-item-container {
|
||||
background-color: #f3f5fd;
|
||||
}
|
||||
|
||||
|
||||
.sh-side-options-item i {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.sh-side-options-item:not(:hover):not(:focus) {
|
||||
color: #9396a5 !important;
|
||||
}
|
||||
|
||||
.sh-side-options-item:hover .sh-side-options-hover {
|
||||
opacity: 1;
|
||||
transform: translateX(-97%);
|
||||
}
|
||||
|
||||
.sh-side-options-hover {
|
||||
position: absolute;
|
||||
background-color: #ffffff;
|
||||
color: #32343d;
|
||||
padding: 20px 26px;
|
||||
transform: translateX(-70%);
|
||||
left: 0px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
z-index: -100;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
font-size: 13px;
|
||||
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.sh-side-options-hover span {
|
||||
padding: 0px 3px;
|
||||
}
|
||||
|
||||
.sh-side-options-item i {
|
||||
color: #9396a5 !important;
|
||||
}
|
||||
|
||||
.sh-side-options.open .sh-side-options-item-trigger-demos i,
|
||||
.sh-side-options-item:hover i,
|
||||
.sh-side-options-item:focus i {
|
||||
color: #294cff !important;
|
||||
}
|
||||
|
||||
.sh-side-demos-container {
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0px;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
overflow-y: scroll;
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
padding: 30px;
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
}
|
||||
|
||||
|
||||
.sh-side-demos-container::-webkit-scrollbar {display: none;}
|
||||
.sh-side-demos-container {-ms-overflow-style: none; scrollbar-width: none;}
|
||||
|
||||
|
||||
.sh-side-demos-container-close {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
cursor: pointer;
|
||||
z-index: 97;
|
||||
}
|
||||
|
||||
.sh-side-demos-container-close i {
|
||||
color: #c5c5c5;
|
||||
font-size: 18px;
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
}
|
||||
|
||||
.sh-side-demos-container-close:hover i,
|
||||
.sh-side-demos-container-close:focus i {
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
|
||||
/* Demo Items */
|
||||
.sh-side-demos-loop-container {
|
||||
position: relative;
|
||||
margin: 0 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.sh-side-demos-item {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: -4px;
|
||||
margin-bottom: 25px;
|
||||
width: 50%;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.sh-side-demos-item:hover {
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
.sh-side-demos-item .sh-image-lazy-loading {
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 20px 1px rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.sh-side-demos-item img {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.sh-side-demos-item-name {
|
||||
font-size: 12px;
|
||||
color: #32343d;
|
||||
font-weight: 600;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.rb_config {padding:0px; box-sizing: border-box;}
|
||||
.rb_config h2 {color:#25282B; font-size: 20px;}
|
||||
.rb_config h2 span {color:#AA20FF;}
|
||||
.rb_config h6 {font-size: 14px; color:#999;}
|
||||
.rb_config_sec {margin-top: 30px;}
|
||||
.rb_config .config_wrap {margin-top: 10px;}
|
||||
.rb_config_sub_txt {color:#999; font-weight: normal; margin-top: 5px; font-size: 12px !important; line-height: 140%;}
|
||||
.rb_config .no_data {background-color: #f9f9f9; border-radius: 10px; padding-top: 50px; padding-bottom: 50px; text-align: center; font-size: 14px; color:#999;}
|
||||
.rb_config .rb_config_reload {width:49%; background-color: #25282B; color:#fff; height:47px; border-radius: 10px; border:0px; float:left;}
|
||||
.rb_config .rb_config_save {width:49%; background-color: #25282B; color:#fff; height:47px; border-radius: 10px; border:0px; float:left;}
|
||||
.rb_config .rb_config_close {width:49%; background-color: #f1f1f1; color:#25282B; height:47px; border-radius: 10px; border:0px; float:right;}
|
||||
.rb_config .skin_path_url {}
|
||||
.rb_config .skin_path_url_img {float:left; width: 7%}
|
||||
.rb_config .skin_path_url_txt {float:left; width: 93%; font-size: 12px; color:#999; margin-top: 4px;}
|
||||
.rb_config .rows_inp_lr {}
|
||||
.rb_config .rows_inp_l {float:left; width: 35%;}
|
||||
.rb_config .rows_inp_l_span {color:#999; font-size: 12px; margin-top: 6px;}
|
||||
.rb_config .rows_inp_l_span span {color:#000}
|
||||
.rb_config .rows_inp_r {float:left; width: 65%;}
|
||||
|
||||
.sh-side-demos-container .input {padding-left: 15px; padding-right: 10px;}
|
||||
.sh-side-demos-container .select {padding-left: 15px; padding-right: 15px; background-position: right 15px center;}
|
||||
.flex_box .add_module_wrap {display: none;}
|
||||
.sh-side-options-container {
|
||||
position: fixed !important;
|
||||
top: auto !important;
|
||||
bottom: 40px !important;
|
||||
right: auto !important;
|
||||
left: 50% !important;
|
||||
transform: translateX(-50%);
|
||||
width: auto;
|
||||
margin-right: 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
border-radius: 6px !important;
|
||||
z-index: 999999;
|
||||
}
|
||||
.sh-side-options-item-container {padding-left: 10px; padding-right: 10px; min-width: 42px; min-height: 38px; position:relative; text-align: center; border-radius: 6px;}
|
||||
.sh-side-options-item-container img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
|
||||
.sh-side-options-item {border-bottom: 0px !important; padding: 2px;}
|
||||
.add_module_btns {background-color: #fff; border:1px dashed #ccc; color:#888;}
|
||||
.add_module_btns:hover {border-color:#25282B; color:#25282B;}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
.sh-side-options {
|
||||
/*display: none;*/
|
||||
}
|
||||
|
||||
.sh-side-options {
|
||||
width: 370px;
|
||||
transform: translateX(370px);
|
||||
}
|
||||
|
||||
.sh-side-options-container {
|
||||
bottom:20px;
|
||||
left: -70px;
|
||||
margin-right: 0px;
|
||||
width: 50px;
|
||||
display: none;}
|
||||
}
|
||||
|
||||
.sh-side-options-item {padding-bottom: 5px; padding-top: 5px;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user