From 6766ef2e1f7789daeb35f76f718a0b688595f506 Mon Sep 17 00:00:00 2001
From: thisgun <thisgun@naver.com>
Date: Mon, 31 Dec 2018 19:30:49 +0900
Subject: [PATCH] =?UTF-8?q?5.4=20=EB=B2=84=EC=A0=84=20=ED=85=8C=EB=A7=88?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../skin/board/basic/view_comment.skin.php    |  2 +-
 .../skin/board/gallery/view_comment.skin.php  |  2 +-
 .../skin/latest/basic/latest.carousel.js      | 54 +++++++++++++
 .../mobile/skin/latest/basic/latest.skin.php  | 75 ++-----------------
 theme/54/mobile/skin/latest/basic/style.css   |  2 +-
 5 files changed, 65 insertions(+), 70 deletions(-)
 create mode 100644 theme/54/mobile/skin/latest/basic/latest.carousel.js

diff --git a/theme/54/mobile/skin/board/basic/view_comment.skin.php b/theme/54/mobile/skin/board/basic/view_comment.skin.php
index b9cf28d6b..ca76679a0 100644
--- a/theme/54/mobile/skin/board/basic/view_comment.skin.php
+++ b/theme/54/mobile/skin/board/basic/view_comment.skin.php
@@ -10,7 +10,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 
 <!-- 댓글 리스트 -->
 <section id="bo_vc">
-    <h2 class="bo_vc_tit">댓글목록 <span>100</span></h2>
+    <h2 class="bo_vc_tit">댓글목록 <span><?php echo $view['wr_comment']; ?></span></h2>
     <?php
     for ($i=0; $i<count($list); $i++) {
         $comment_id = $list[$i]['wr_id'];
diff --git a/theme/54/mobile/skin/board/gallery/view_comment.skin.php b/theme/54/mobile/skin/board/gallery/view_comment.skin.php
index b9cf28d6b..ca76679a0 100644
--- a/theme/54/mobile/skin/board/gallery/view_comment.skin.php
+++ b/theme/54/mobile/skin/board/gallery/view_comment.skin.php
@@ -10,7 +10,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 
 <!-- 댓글 리스트 -->
 <section id="bo_vc">
-    <h2 class="bo_vc_tit">댓글목록 <span>100</span></h2>
+    <h2 class="bo_vc_tit">댓글목록 <span><?php echo $view['wr_comment']; ?></span></h2>
     <?php
     for ($i=0; $i<count($list); $i++) {
         $comment_id = $list[$i]['wr_id'];
diff --git a/theme/54/mobile/skin/latest/basic/latest.carousel.js b/theme/54/mobile/skin/latest/basic/latest.carousel.js
new file mode 100644
index 000000000..287f6650f
--- /dev/null
+++ b/theme/54/mobile/skin/latest/basic/latest.carousel.js
@@ -0,0 +1,54 @@
+jQuery(function($){
+    $(document).ready(function(){
+        
+        var carousels = [],
+            is_loop = true;
+
+        function owl_show_page(event){
+
+            if (event.item) {
+                var count = event.item.count,
+                    item_index = event.item.index,
+                    index = 1;
+
+                if( is_loop ){
+                    index = ( 1 + ( event.property.value - Math.ceil( event.item.count / 2 ) ) % event.item.count || 0 ) || 1;
+                } else {
+                    index = event.item.index ? event.item.index + 1 : 1;
+                }
+
+                var str = "<b>"+index+"</b>/"+count;
+
+                $(event.target).next(".lt_page").find(".page_print").html(str);
+            }
+        }
+
+        $(".lt.owl-carousel-wrap").each(function(index, value) {
+
+            var $this = $(this),
+                item_loop_c = ($this.children('.latest-sel').find(".item").length > 1) ? 1 : 0 ;
+            
+            carousels['sel' + index] = $this.children('.latest-sel').addClass("owl-carousel").owlCarousel({
+                items:1,
+                loop: is_loop && item_loop_c,
+                center:true,
+                autoHeight:true,
+                dots:false,
+                onChanged:function(event){
+                    owl_show_page(event);
+                },
+            });
+
+            $this.on("click", ".lt_page_next", function(e) {
+                e.preventDefault();
+                carousels['sel' + index].trigger('next.owl.carousel');
+            });
+
+            $this.on("click", ".lt_page_prev", function(e) {
+                e.preventDefault();
+                carousels['sel' + index].trigger('prev.owl.carousel');
+            });
+
+        });     // each
+    });
+});
\ No newline at end of file
diff --git a/theme/54/mobile/skin/latest/basic/latest.skin.php b/theme/54/mobile/skin/latest/basic/latest.skin.php
index d5498d158..5d3d5bb07 100644
--- a/theme/54/mobile/skin/latest/basic/latest.skin.php
+++ b/theme/54/mobile/skin/latest/basic/latest.skin.php
@@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 
 add_javascript('<script src="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.js"></script>', 10);
+add_javascript('<script src="'.$latest_skin_url.'/latest.carousel.js"></script>', 11);
 add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.css">', 10);
 
 // add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
@@ -11,11 +12,13 @@ $thumb_width = 138;
 $thumb_height = 80;
 $list_count = count($list);
 $divisor_count = 4;
+$start_page_num = $list_count ? '1' : '0';
+$is_show_next_prev = ($list_count > 4) ? 1 : 0;
 ?>
 
 <div class="lt owl-carousel-wrap">
     <a href="<?php echo get_pretty_url($bo_table); ?>" class="lt_title"><strong><?php echo $bo_subject; ?></strong></a>
-    <div class="<?php echo $list_count ? 'owl-carousel' : ''; ?>">
+    <div class="<?php echo $list_count ? 'latest-sel' : ''; ?>">
         <ul class="item">
             <?php
             for ($i=0; $i<$list_count; $i++) {
@@ -68,74 +71,12 @@ $divisor_count = 4;
             <?php }     //end if ?>
         </ul>
     </div>
+    <?php if ($is_show_next_prev){  // $divisor_count 이상의 값이 있을경우에만 출력 ?>
 	<div class="lt_page">
 		<button class="lt_page_prev"><span class="sound_only">이전페이지</span><i class="fa fa-caret-left" aria-hidden="true"></i></button>
-		<span class="page_print"></span>
+		<span class="page_print"><b><?php echo $start_page_num; ?></b>/<?php echo $start_page_num; ?></span>
 		<button class="lt_page_next"><span class="sound_only">다음페이지</span><i class="fa fa-caret-right" aria-hidden="true"></i></button>
 	</div>
+    <?php } ?>
     <a href="<?php echo get_pretty_url($bo_table); ?>" class="lt_more"><span class="sound_only"><?php echo $bo_subject ?></span>전체보기</a>
-</div>
-
-<?php
-static $is_mobile_latest_script = 0;
-
-if( ! $is_mobile_latest_script ){
-?>
-<script>
-jQuery(function($){
-    $(document).ready(function(){
-
-        function owl_show_page(event){
-
-            if (event.item) {
-                var count = event.item.count,
-                    item_index = event.item.index,
-                    index = 1;
-
-                if( item_index >= count ){
-                    index = ( 1 + ( event.property.value - Math.ceil( event.item.count / 2 ) ) % event.item.count || 0 ) || 1;
-                } else {
-                    index = event.item.index ? event.item.index + 1 : 1;
-                }
-
-                var str = "<b>"+index+"</b>/"+count;
-
-                $(event.target).next(".lt_page").find(".page_print").html(str);
-            }
-        }
-        
-        var carousels = [];
-
-        $(".lt.owl-carousel-wrap").each(function(index, value) {
-
-            var $this = $(this);
-
-            carousels['sel' + index] = $this.find('.owl-carousel').owlCarousel({
-                items:1,
-                loop:true,
-                center:true,
-                autoHeight:true,
-                dots:false,
-                onChanged:function(event){
-                    owl_show_page(event);
-                },
-            });
-
-            $this.on("click", ".lt_page_next", function(e) {
-                e.preventDefault();
-                carousels['sel' + index].trigger('next.owl.carousel');
-            });
-
-            $this.on("click", ".lt_page_prev", function(e) {
-                e.preventDefault();
-                carousels['sel' + index].trigger('prev.owl.carousel');
-            });
-
-        });     // each
-    });
-});
-</script>
-<?php
-$is_mobile_latest_script = 1;
-} //end if
-?>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/theme/54/mobile/skin/latest/basic/style.css b/theme/54/mobile/skin/latest/basic/style.css
index 1f94b205e..9f7247806 100644
--- a/theme/54/mobile/skin/latest/basic/style.css
+++ b/theme/54/mobile/skin/latest/basic/style.css
@@ -13,7 +13,7 @@
 .lt .lt_tit {display:block;font-size:1.2em;font-weight:bold;max-height:60px;overflow:hidden;padding-bottom:10px}
 .lt .lt_info {display:inline-block;position:relative;line-height:20px;color:#828282;font-size:0.925em;vertical-align:top}
 .lt .lt_date {color:#828282}
-.lt .owl-carousel{margin-top:1px}
+.lt .latest-sel{margin-top:1px}
 
 .lt .lt_more {position:absolute;top:15px;right:15px;color:#3a8afd;background:#fff;border:1px solid #d1d7e5;font-size:0.925em;border-radius:3px;padding:4px 5px}
 .lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}