From c2378e8e43d42664ab31c6b0dcb05502066bc567 Mon Sep 17 00:00:00 2001
From: chicpro <chicpro@gmail.com>
Date: Wed, 16 Oct 2013 17:48:11 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=EC=83=81=EC=84=B8=EC=97=90=EC=84=9C=20swipe=EB=A5=BC?=
 =?UTF-8?q?=20=EC=9D=B4=EC=9A=A9=ED=95=98=EC=97=AC=20=EC=9D=B4=EC=A0=84=20?=
 =?UTF-8?q?=EB=8B=A4=EC=9D=8C=20=EC=83=81=ED=92=88=20=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mobile/skin/shop/basic/img/loading.gif    | Bin 0 -> 3208 bytes
 mobile/skin/shop/basic/item.form.skin.php | 222 +++++++++++++++++-----
 mobile/skin/shop/basic/style.css          |   5 +
 3 files changed, 184 insertions(+), 43 deletions(-)
 create mode 100644 mobile/skin/shop/basic/img/loading.gif

diff --git a/mobile/skin/shop/basic/img/loading.gif b/mobile/skin/shop/basic/img/loading.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3288d1035d70bb86517e2c233f1a904e41f06b29
GIT binary patch
literal 3208
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
Bt<?Yk

literal 0
HcmV?d00001

diff --git a/mobile/skin/shop/basic/item.form.skin.php b/mobile/skin/shop/basic/item.form.skin.php
index 2a24693df..788ed0dfb 100644
--- a/mobile/skin/shop/basic/item.form.skin.php
+++ b/mobile/skin/shop/basic/item.form.skin.php
@@ -3,6 +3,8 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
 <link rel="stylesheet" href="<?php echo G5_MSHOP_SKIN_URL; ?>/style.css">
+<script src="<?php echo G5_JS_URL; ?>/jquery.event.move.js"></script>
+<script src="<?php echo G5_JS_URL; ?>/jquery.event.swipe.js"></script>
 <script src="<?php echo G5_JS_URL ?>/jquery.floatmenu.js"></script>
 
 <form name="fitem" action="<?php echo $action_url; ?>" method="post" onsubmit="return fitem_submit(this);">
@@ -36,49 +38,6 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
         }
         if ($thumb_count > 0) echo '</ul>';
         ?>
-        <script>
-        $(function() {
-            var time = 500;
-            var idx = idx2 = 0;
-            var slide_width = $("#sit_pvi_slide").width();
-            var slide_count = $("#sit_pvi_slide li").size();
-            $("#sit_pvi_slide li:first").css("display", "block");
-            if(slide_count > 1)
-                $(".sit_pvi_btn").css("display", "inline");
-
-            $("#sit_pvi_prev").click(function() {
-                if(slide_count > 1) {
-                    idx2 = (idx - 1) % slide_count;
-                    if(idx2 < 0)
-                        idx2 = slide_count - 1;
-                    $("#sit_pvi_slide li:hidden").css("left", "-"+slide_width+"px");
-                    $("#sit_pvi_slide li:eq("+idx+")").filter(":not(:animated)").animate({ left: "+="+slide_width+"px" }, time, function() {
-                        $(this).css("display", "none").css("left", "-"+slide_width+"px");
-                    });
-                    $("#sit_pvi_slide li:eq("+idx2+")").css("display", "block").filter(":not(:animated)").animate({ left: "+="+slide_width+"px" }, time,
-                        function() {
-                            idx = idx2;
-                        }
-                    );
-                }
-            });
-
-            $("#sit_pvi_next").click(function() {
-                if(slide_count > 1) {
-                    idx2 = (idx + 1) % slide_count;
-                    $("#sit_pvi_slide li:hidden").css("left", slide_width+"px");
-                    $("#sit_pvi_slide li:eq("+idx+")").filter(":not(:animated)").animate({ left: "-="+slide_width+"px" }, time, function() {
-                        $(this).css("display", "none").css("left", slide_width+"px");
-                    });
-                    $("#sit_pvi_slide li:eq("+idx2+")").css("display", "block").filter(":not(:animated)").animate({ left: "-="+slide_width+"px" }, time,
-                        function() {
-                            idx = idx2;
-                        }
-                    );
-                }
-            });
-        });
-        </script>
     </div>
 
     <section id="sit_ov">
@@ -367,7 +326,54 @@ $href = G5_SHOP_URL.'/iteminfo.php?it_id='.$it_id;
 </form>
 
 <script>
+$(window).bind("pageshow", function(event) {
+    if (event.originalEvent.persisted) {
+        document.location.reload();
+    }
+});
+
 $(function(){
+    // 상품이미지 슬라이드
+    var time = 500;
+    var idx = idx2 = 0;
+    var slide_width = $("#sit_pvi_slide").width();
+    var slide_count = $("#sit_pvi_slide li").size();
+    $("#sit_pvi_slide li:first").css("display", "block");
+    if(slide_count > 1)
+        $(".sit_pvi_btn").css("display", "inline");
+
+    $("#sit_pvi_prev").click(function() {
+        if(slide_count > 1) {
+            idx2 = (idx - 1) % slide_count;
+            if(idx2 < 0)
+                idx2 = slide_count - 1;
+            $("#sit_pvi_slide li:hidden").css("left", "-"+slide_width+"px");
+            $("#sit_pvi_slide li:eq("+idx+")").filter(":not(:animated)").animate({ left: "+="+slide_width+"px" }, time, function() {
+                $(this).css("display", "none").css("left", "-"+slide_width+"px");
+            });
+            $("#sit_pvi_slide li:eq("+idx2+")").css("display", "block").filter(":not(:animated)").animate({ left: "+="+slide_width+"px" }, time,
+                function() {
+                    idx = idx2;
+                }
+            );
+        }
+    });
+
+    $("#sit_pvi_next").click(function() {
+        if(slide_count > 1) {
+            idx2 = (idx + 1) % slide_count;
+            $("#sit_pvi_slide li:hidden").css("left", slide_width+"px");
+            $("#sit_pvi_slide li:eq("+idx+")").filter(":not(:animated)").animate({ left: "-="+slide_width+"px" }, time, function() {
+                $(this).css("display", "none").css("left", slide_width+"px");
+            });
+            $("#sit_pvi_slide li:eq("+idx2+")").css("display", "block").filter(":not(:animated)").animate({ left: "-="+slide_width+"px" }, time,
+                function() {
+                    idx = idx2;
+                }
+            );
+        }
+    });
+
     // 상품이미지 크게보기
     $(".popup_item_image").click(function() {
         var url = $(this).attr("href");
@@ -379,9 +385,139 @@ $(function(){
         return false;
     });
 
+    // 하단 플로팅 메뉴
     $("#form_btn_layer").bottomFloatMenu();
+
+    // 이전 다음상품 swipe
+    $(window)
+        .on("swipeleft", function(e) {
+            <?php if($next_href) { ?>
+            if($("#loading_message").length > 0)
+                return;
+
+            var content = $("#container").clone()
+                            .find("#form_btn_layer").remove()
+                            .end().find(".sit_pvi_btn").remove()
+                            .end().html();
+            var pos = $("#container").position();
+            var width = $("#container").width();
+            var height = $("#container").height();
+            var pad_top = $("#container").css("padding-top");
+            var duration = 500;
+
+            // 로딩 레이어
+            load_message();
+
+            $("#container")
+                .css({
+                    width: width+"px",
+                    height: height+"px"
+                })
+                .before("<div id=\"container_clone\">"+content+"</div>")
+                .find("*:visible").hide();
+
+            $("#container_clone")
+                .css({
+                    display: "block",
+                    width: width+"px",
+                    height: height+"px",
+                    position: "absolute",
+                    top: pos.top+"px",
+                    left: pos.left+"px",
+                    paddingTop: pad_top
+                })
+                .animate(
+                    { left: "-="+width+"px" }, duration,
+                    function() {
+                        $("#container_clone").remove();
+                        var str = '<?php echo $next_href; ?>';
+                        var href = str.match(/https?:\/{2}[^\"]+/gi);
+                        document.location.href = href[0];
+                    }
+                );
+            <?php } else { ?>
+            alert("다음 상품이 없습니다.");
+            <?php } ?>
+        })
+        .on("swiperight", function(e) {
+            <?php if($prev_href) { ?>
+            if($("#loading_message").length > 0)
+                return;
+
+            var content = $("#container").clone()
+                            .find("#form_btn_layer").remove()
+                            .end().find(".sit_pvi_btn").remove()
+                            .end().html();
+            var pos = $("#container").position();
+            var width = $("#container").width();
+            var height = $("#container").height();
+            var pad_top = $("#container").css("padding-top");
+            var duration = 500;
+
+            // 로딩 레이어
+            load_message();
+
+            $("#container")
+                .css({
+                    width: width+"px",
+                    height: height+"px"
+                })
+                .before("<div id=\"container_clone\">"+content+"</div>")
+                .find("*:visible").hide();
+
+            $("#container_clone")
+                .css({
+                    display: "block",
+                    width: width+"px",
+                    height: height+"px",
+                    position: "absolute",
+                    top: pos.top+"px",
+                    left: pos.left+"px",
+                    zIndex: "1000",
+                    paddingTop: pad_top
+                })
+                .animate(
+                    { left: "+="+width+"px" }, duration,
+                    function() {
+                        $("#container_clone").remove();
+                        var str = '<?php echo $prev_href; ?>';
+                        var href = str.match(/https?:\/{2}[^\"]+/gi);
+                        document.location.href = href[0];
+                    }
+                );
+            <?php } else { ?>
+            alert("이전 상품이 없습니다.");
+            <?php } ?>
+        });
+
+    // scroll event enable
+    $(window).on("movestart", function(e) {
+        if ((e.distX > e.distY && e.distX < -e.distY) ||
+        (e.distX < e.distY && e.distX > -e.distY)) {
+            e.preventDefault();
+        }
+    });
 });
 
+function load_message()
+{
+    var w = $(window).width();
+    var h = $(window).height();
+    var img_w = 32;
+    var img_h = 32;
+    var top, left;
+    var scr_top = $(window).scrollTop();
+
+    top = parseInt((h - img_h) / 2);
+    left = parseInt((w - img_w) / 2);
+
+    var img = "<div id=\"loading_message\" style=\"top:"+scr_top+"px;width:"+w+"px;height:"+h+"px;\">";
+    img += "<img src=\"<?php echo G5_MSHOP_SKIN_URL; ?>/img/loading.gif\" style=\"top:"+top+"px;left:"+left+"px;\" />";
+    img += "</div>";
+
+    $("body").append(img);
+}
+
 // 바로구매, 장바구니 폼 전송
 function fitem_submit(f)
 {
diff --git a/mobile/skin/shop/basic/style.css b/mobile/skin/shop/basic/style.css
index 067e3a654..e86be5e21 100644
--- a/mobile/skin/shop/basic/style.css
+++ b/mobile/skin/shop/basic/style.css
@@ -77,3 +77,8 @@
 .sct_13 .sct_rel_li {float:left;margin:0 0 0 10px}
 .sct_13 .sct_sns {position:absolute;top:20px;right:20px}
 /* ##### maint.(nn).skin.php, list.(nn)skin.php 공통 적용 끝 ##### */
+
+
+/* 로딩안내 레이어 */
+#loading_message {position:absolute;top:0;left:0;z-index:10000;background-color:#000;opacity:.5}
+#loading_message img {position:relative}
\ No newline at end of file