https://img.armypedia.net/assets/js/nowonpuzzle.js

1var NowOnPuzzle = (function(){
2    var $popBg = $('.pop_bg'),
3        isFristZommIn = true;
4
5    function init(){
6        setBtns();
7        puzzleInit();
8    }
9
10    function setBtns(){
11        $('body').height(window.innerHeight);
12        $(window).resize(function(){
13            $('body').height(window.innerHeight);
14        });
15
16        var $zoomBtn = $(".nowpuzzle_total_view .btn_zoom");
17
18        $popBg.click(function(){
19            hidePop();
20        });
21
22        $('.pop .pop_close').click(function(){
23            hidePop();
24        });
25
26        /* zoom in out */
27        $zoomBtn.on("click", function(){
28            if(!$zoomBtn.hasClass("active")){
29                $zoomBtn.addClass("active");
30                window.BTS_JIGSAW.scaleUp();
31
32                if(isFristZommIn){
33                    isFristZommIn = false;
34
35                    showPop("pop_guide");
36                    setTimeout(hidePop, 2000);
37                }
38                var eventProps = {'status': 'in' };
39                amplitudeLog('NOW ON PUZZLE : Zoom Click', eventProps);
40            }else{
41                $zoomBtn.removeClass("active");
42                window.BTS_JIGSAW.scaleDown();
43                var eventProps = {'status': 'out'};
44                amplitudeLog('NOW ON PUZZLE : Zoom Click', eventProps);
45            }
46        })
47    }
48
49    function puzzleInit(){
50        window.BTS_JIGSAW.create();
51
52        window.addEventListener('bts_jigsaw_inited', function(e){
53            $(".loading").removeClass("on");
54        });
55
56
57
58        window.addEventListener("bts_jigsaw_click_jigsaw_puzzle", function(e){
59            var id = e.detail.id,
60                slotData = window.BTS_JIGSAW.sortData[id-1],
61                date = slotData.date.split("."),
62                paramDate = slotData.date.replace(/\./gi, "");
63
64            $(".pop_puzzle .user").html(slotData.openerName);
65            $(".pop_puzzle .count").html(slotData.id);
66            $(".pop_puzzle .puzzleNum").html(slotData.id);
67            $(".pop_puzzle .year").html(date[0]);
68            $(".pop_puzzle .month").html(date[1]);
69            $(".pop_puzzle .day").html(date[2]);
70            $(".pop_puzzle .btn_day_view").attr("href", "slot.jsp?date="+paramDate);
71
72            //console.log('bts_jigsaw_click_jigsaw_puzzle', slotData )
73
74            showPop("pop_puzzle");
75            var eventProps = {'puzzleNumber':slotData.id, 'date':(date[0]+date[1]+date[2])};
76            amplitudeLog('NOW ON PUZZLE : Puzzle Click', eventProps);
77        })
78    }
79
80    function showPop(_class){
81        hidePop();
82        $('.'+_class).addClass("on");
83    }
84
85    function hidePop(){
86        $('.pop').removeClass("on");
87    }
88
89    init();
90
91    return {
92        showPop:showPop
93    }
94})();