https://heatness.co.kr/thema/Miso-Basic4/widget/miso-sidebar/sidebar.js

1// Sidebar
2var sidebar_id;
3var sidebar_size = "-400px";
4var sidebar_hide = "-420px";
5
6function is_sidebar() {
7	var side;
8	var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
9	if(width < 480) {
10		side = 'top';
11	} else {
12		side = 'left';
13	}
14	return side;
15}
16
17function ani_sidebar(div, type, val) {
18	if(type == "left") {
19		div.animate({ left : val }); 
20	} else {
21		div.animate({ top : val }); 
22	}
23}
24
25function sidebar_mask(opt) {
26	var mask = $("#sidebar-box-mask");
27	if(opt == 'show') {
28		mask.show();
29		$('html, body').css({'overflow': 'hidden', 'height': '100%'});
30	} else {
31		mask.hide();
32		$('html, body').css({'overflow': '', 'height': ''});
33	}
34}
35
36function sidebar_open(id) {
37
38	var div = $("#sidebar-box");
39	var side = is_sidebar();
40	var is_div = div.css(side);
41	var is_size;
42	var is_open;
43	var is_show;
44
45	if(side == "left") {
46		if(is_div === sidebar_size) {
47			is_show = true;
48			ani_sidebar(div, side, '0px'); 
49			sidebar_mask('show');
50			if(side == "left") {
51				is_show = true;
52				ani_sidebar(div, side, '0px');
53			} else {
54				is_show = true;
55			}
56		} else {
57			is_show = false;			
58			sidebar_mask('hide');
59
60			if(side == "left") {
61				is_show = true;
62				ani_sidebar(div, side, '0px');
63			} else {
64				is_show = true;
65			}
66		}
67	} else {
68			is_show = true;
69			ani_sidebar(div, side, '0px'); 
70		
71		if(side == "left") {
72			is_show = true;
73			ani_sidebar(div, side, '0px');
74		} else {
75			is_show = true;
76		}
77	}
78
79	// Show
80	if(is_show) {
81		$('.sidebar-item').hide();
82
83		if(id == "sidebar-user") {
84			$('.sidebar-common').hide();
85		} else {
86			$('.sidebar-common').show();
87		}
88
89		switch(id) {
90			case 'sidebar-response'	: $('#' + id + '-list').load(sidebar_url + '/response.php'); break;
91			case 'sidebar-cart'		: $('#' + id + '-list').load(sidebar_url + '/cart.php'); break;
92		}
93
94		$('#' + id).show();
95		$('#sidebar-content').scrollTop(0);
96	}
97
98	// Save id
99	sidebar_id = id;
100
101	return false;
102}
103
104// sidebar Empty
105function sidebar_empty(id) {
106
107	// Ajax
108	switch(id) {
109		case 'sidebar-cart' : $('#' + id + '-list').load(sidebar_url + '/cart.php?del=1'); break;
110	}
111
112	return false;
113}
114
115// sidebar Read
116function sidebar_read(id) {
117
118	$('#sidebar-response-list').load(sidebar_url + '/response.php?read=1&id=' + id);
119
120	return false;
121}
122
123// sidebar Href
124function sidebar_href(url) {
125
126	$('.sidebar-menu .panel-collapse').hide();
127
128	document.location.href = decodeURIComponent(url);
129
130	return false;
131}
132
133// sidebar Login
134function sidebar_login(f) {
135	if (f.mb_id.value == '') {
136		alert('아이디를 입력해 주세요.');
137		f.mb_id.focus();
138		return false;
139	}
140	if (f.mb_password.value == '') {
141		alert('비밀번호를 입력해 주세요.');
142		f.mb_password.focus();
143		return false;
144	}
145	return true;
146}
147
148// sidebar Search
149function sidebar_search(f) {
150
151	if (f.stx.value.length < 2) {
152		alert("검색어는 두글자 이상 입력하십시오.");
153		f.stx.select();
154		f.stx.focus();
155		return false;
156	}
157
158	f.action = f.url.value;
159
160	return true;
161}
162
163// sidebar Response Count
164function sidebar_response() {
165
166	var $labels = $('.sidebarLabel');
167	var $counts = $('.sidebarCount');
168	var url = sidebar_url + '/response.php?count=1';
169
170	$.get(url, function(data) {
171		if (data.count > 0) {
172			$counts.text(number_format(data.count));
173			$labels.show();
174		} else {
175			$labels.hide();
176		}
177	}, "json");
178	return false;
179}
180
181// Response Auto Check
182if(g5_is_member && sidebar_time > 0) {
183	setInterval(function() {
184		sidebar_response();
185	}, sidebar_time * 1000); // Time = 1000ms ex) 10sec = 10 * 1000
186}
187
188$(document).ready(function () {
189
190	// Sidebar Close
191	$('.sidebar-close').on('click', function () {
192		var div = $("#sidebar-box");
193		var side = is_sidebar();
194		if(side == 'left') {
195			div.animate({ left : sidebar_hide }); 
196		} else {
197			div.animate({ top : '-110vh' }); 
198		}
199		sidebar_mask('hide');
200		return false;
201    });
202
203	// Sidebar Menu
204	$('.sidebar-menu .ca-head').on('click', function () {
205		var clicked_toggle = $(this);
206
207		if(clicked_toggle.hasClass('active')) {
208			clicked_toggle.parents('.sidebar-menu').find('.ca-head').removeClass('active');
209		} else {
210			clicked_toggle.parents('.sidebar-menu').find('.ca-head').removeClass('active');
211			clicked_toggle.addClass('active');
212		}
213	});
214
215	// Sidebar Goto Top
216	$('.sidebar-scrollup').on('click', function () {
217        $("html, body").animate({
218            scrollTop: 0
219        }, 500);
220        return false;

221    });
222
223	// Sidebar Change
224	$(window).resize(function() {
225		var side = is_sidebar(); 
226		if(side == 'left') {
227			side = 'right';
228		} else {
229			side = 'left';
230		}
231		if($("#sidebar-box").css(side) != '') {
232			$("#sidebar-box").css(side, '');
233			sidebar_mask('hide');
234		}
235	});
236});