PageSourceSearch

https://principalcapital.co.th/frontend/js/home.js

js principalcapital.co.th collected 2026-10-04 03:11:38 UTC 8,555 bytes, 312 lines download raw bytes

1jQuery.noConflict();
2(function ($) {
3	$(function () {
4		var vm = {
5			init: function () {
6				vm.slickslide();
7				vm.scroll();
8				vm.enllax();
9				vm.mouse();
10				vm.campaign();
11			},
12			slickslide: function () {
13				var _vm = {
14					width: $(window).width(),
15					init: function () {
16						_vm.main();
17						_vm.subsidiaries();
18						_vm.highlight();
19						_vm.resize();
20					},
21					resize: function () {
22						var ww = $(window).width();
23						if (ww < 992) {
24							_vm.news();
25							_vm.blog();
26						}
27						$(window).on('resize', function () {
28							if ($(window).width() == _vm.width) return;
29							_vm.width = $(window).width();
30
31							if (_vm.width < 992) {
32								_vm.news();
33								_vm.blog();
34							} else {
35								setTimeout(function () {
36									$('.home--news .slick-initialized').each(function (e, i) {
37										$(this).slick('unslick');
38									});
39									$('.home--blog .slick-initialized').each(function (e, i) {
40										$(this).slick('unslick');
41									});
42								}, 100);
43							}
44						})
45					},
46					main: function () {
47						$('.home--slickslide .slickslide--container')
48							.on('init', function (event, slick) {
49								var ww = $(window).width();
50								if (ww > 991) {
51									var src = $('.home--slickslide .slick-active .desktop img').attr('src');
52									$('.home--slickslide .slickslide--container').css({
53										'backgroundImage': 'url(' + src + ')'
54									});
55								}
56							})
57							.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
58								var ww = $(window).width();
59								if (ww > 991) {
60									var src = $('.home--slickslide .slick-slide[data-slick-index="' + nextSlide + '"] .desktop img').attr('src');
61									$('.home--slickslide .slickslide--container').css({
62										'backgroundImage': 'url(' + src + ')'
63									});
64								}
65							})
66							.slick({
67								infinite: true,
68								speed: 1000,
69								autoplaySpeed: 7000,
70								autoplay: false,
71								easing: 'swing',
72								slidesToShow: 1,
73								slidesToScroll: 1,
74								arrows: false,
75								fade: true,
76								dots: true,
77							});
78
79					},
80					subsidiaries: function () {
81						$('.home--subsidiaries .slickslide')
82							.on('init', function (event, slick) {
83								$('.home--subsidiaries .slickslide .slick-track').addClass('loaded');
84							})
85							.slick({
86								infinite: true,
87								speed: 1000,
88								autoplaySpeed: 7000,
89								autoplay: true,
90								easing: 'swing',
91								slidesToShow: 3,
92								slidesToScroll: 3,
93								dots: true,
94								arrows: false,
95								adaptiveHeight: false,
96								responsive: [
97									{
98										breakpoint: 567,
99										settings: {
100											infinite: true,
101											speed: 1000,
102											autoplaySpeed: 7000,
103											autoplay: true,
104											easing: 'swing',
105											slidesToShow: 1,
106											slidesToScroll: 1,
107											variableWidth: true,
108											dots: true,
109											arrows: false,
110										}
111									},
112								]
113							});
114					},
115					highlight: function () {
116						$('.highlight--image .slickslide').slick({
117							infinite: true,
118							speed: 1000,
119							autoplaySpeed: 7000,
120							autoplay: true,
121							easing: 'swing',
122							slidesToShow: 1,
123							slidesToScroll: 1,
124							arrows: false,
125							dots: false,
126							asNavFor: '.highlight--content .slickslide'
127						});
128						$('.highlight--content .slickslide').slick({
129							infinite: true,
130							fade: true,
131							speed: 1000,
132							autoplaySpeed: 7000,
133							autoplay: true,
134							easing: 'swing',
135							slidesToShow: 1,
136							slidesToScroll: 1,
137							arrows: false,
138							dots: true,
139							adaptiveHeight: false,
140							asNavFor: '.highlight--image .slickslide'
141						});
142					},
143					news: function () {
144						var ele = $('.home--news .card--news');
145						var check = ele.hasClass('slick-initialized');
146						if (ele.length && !check) {
147							ele
148								.on('init', function (event, slick) {
149									$('.home--news .card--news .slick-track').addClass('loaded');
150								})
151								// .on('init', function (event, slick) {
152								// 	$('.home--news .card--news .card-title a')
153								// 		.css({
154								// 			'display': '-webkit-box !important',
155								// 			'-webkit-line-clamp': '2',
156								// 			'-webkit-box-orient': 'vertical',
157								// 			'overflow': 'hidden',
158								// 		});
159								// })
160								.slick({
161									infinite: true,
162									speed: 1000,
163									autoplaySpeed: 7000,
164									autoplay: true,
165									easing: 'swing',
166									slidesToShow: 2,
167									slidesToScroll: 2,
168									dots: true,
169									arrows: false,
170									fade: false,
171									responsive: [
172										{
173											breakpoint: 567,
174											settings: {
175												infinite: true,
176												speed: 1000,
177												autoplaySpeed: 7000,
178												autoplay: false,
179												easing: 'swing',
180												slidesToShow: 1,
181												slidesToScroll: 1,
182												arrows: false,
183												dots: true,
184											}
185										},
186									]
187								});
188						}
189					},
190					blog: function () {
191						var ele = $('.home--blog .card--blog');
192						var check = ele.hasClass('slick-initialized');
193						if (ele.length && !check) {
194							ele
195								.on('init', function (event, slick) {
196									$('.home--blog .card--blog .slick-track').addClass('loaded');
197								})
198								.slick({
199									infinite: true,
200									speed: 1000,
201									autoplaySpeed: 7000,
202									autoplay: true,
203									easing: 'swing',
204									slidesToShow: 2,
205									slidesToScroll: 2,
206									dots: true,
207									arrows: false,
208									fade: false,
209									responsive: [
210										{
211											breakpoint: 567,
212											settings: {
213												infinite: true,
214												speed: 1000,
215												autoplaySpeed: 7000,
216												autoplay: true,
217												easing: 'swing',
218												slidesToShow: 1,
219												slidesToScroll: 1,
220												arrows: false,
221												dots: true,
222											}
223										},
224									]
225								});
226						}
227					},
228				}
229				_vm.init();
230			},
231			scroll: function () {
232				var _vm = {
233					init: function () {
234						var ele = $('.home--aboutus .content').position();
235						if ($(window).width() > 767) {
236							$(window).scroll(function () {
237								var position = $(window).scrollTop();
238								if (position >= ele.top) {
239									$('.home--aboutus').addClass("animate");
240								}
241							});
242						} else {
243							$('.home--aboutus').addClass("animate");
244						}
245					},
246				}
247				_vm.init()
248			},
249			enllax: function () {
250				if ($("*[data-enllax-type]").length && $(window).width() > 1200) {
251					$(window).enllax();
252				}
253			},
254			mouse: function () {
255				$('.slickslide--mouse__item button').click(function () {
256					var position = $('.home--aboutus').offset().top;
257					var header = $(window).width() >= 1200 ? 80 : 55;
258					$('html, body').animate({ scrollTop: position - header });
259				});
260			},
261			campaign: function () {
262				var _vm = {
263					campaign: document.getElementById('modal-campaign'),
264					blessing: document.getElementById('modal-blessing'),
265					modal: {
266						campaign: document.getElementById('modal-campaign') ? new bootstrap.Modal(document.getElementById('modal-campaign')) : null,
267						blessing: document.getElementById('modal-blessing') ? new bootstrap.Modal(document.getElementById('modal-blessing')) : null,
268					},
269					init: function () {
270						if (_vm.modal.blessing) _vm.blessingModal();
271						if (!_vm.modal.blessing && _vm.modal.campaign) _vm.campaignModal();
272					},
273					blessingModal: function () {
274						_vm.modal.blessing.show();
275						_vm.blessing.addEventListener('hidden.bs.modal', function () {
276                            if(_vm.modal.campaign)
277                              _vm.campaignModal();
278						});
279					},
280					campaignModal: function () {
281						_vm.modal.campaign.show();
282						_vm.campaign.addEventListener('shown.bs.modal', function () {
283							var count = $('.modal--campaign .campaign>div').length;
284							if (count > 1) {
285								$('.modal--campaign .campaign').slick({
286									infinite: true,
287									speed: 1000,
288									autoplay: true,
289									autoplaySpeed: 7000,
290									easing: 'swing',
291									slidesToShow: 1,
292									slidesToScroll: 1,
293									dots: true,
294									arrows: false,
295									fade: false
296								});
297							}
298						});
299
300						_vm.campaign.addEventListener('hidden.bs.modal', function () {
301							$('.modal--campaign .slick-initialized').each(function () {
302								$(this).slick('unslick');
303							});
304						});
305					}
306				}
307				_vm.init();
308			}
309		}
310		vm.init();
311	});
312})(jQuery);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.