https://www.vitra.com.tr/_ui/responsive/common/js/custom/acc.eczacibasi.blog.js

1ACC.eczacibasiBlog = {
2    el: {
3        blogFacet: '.blog-facets',
4        blogPge: '.blog-list-page',
5        blogSeeMoreBtn: '.blog-see-more',
6        blogCounterBtn: '.js-blog-counter',
7        blogBtnPre: '.js-btn-pre',
8        blogBtnNext: '.js-btn-next',
9        pageNumber: '#nextPageNumber',
10        inputSearch: '.search-input',
11        svgProgress: '#progressRect',
12        pageCount: '.js-page-count',
13        productCount: '.js-product-count',
14        searchedQuery: '#blog-searched-param',
15        increaseSpan: '.js-blog-counter[data-type="increase"] span',
16        decreaseSpan: '.js-blog-counter[data-type="decrease"] span'
17    },
18    types: {
19        increase: 'increase',
20        decrease: 'decrease',
21    },
22    var: {
23        progressInitialWidth: ''
24    },
25    init: function () {
26        this.events.loadMoreBlogs();
27        this.events.blogCounter();
28        this.events.clearSearch();
29        this.events.getProgressInitialWidth();
30    },
31    events: {
32        blogCounter: function () {
33            var _blog = ACC.eczacibasiBlog;
34            var increaseBtn = $(_blog.el.blogCounterBtn + '[data-type="increase"]');
35            var decreaseBtn = $(_blog.el.blogCounterBtn + '[data-type="decrease"]');
36            $(_blog.el.blogCounterBtn).click(function () {
37                var _t = $(this)
38                _t.prop('disabled', true);
39                var type = _t.data('type');
40                var code = _t.data('code')
41                _blog.methods.blogCounter(code, type).promise().done(function (res) {
42                    if (res.success) {
43                        if (type == _blog.types.increase) {
44                            decreaseBtn.removeClass('selected')
45                        } else {
46                            increaseBtn.removeClass('selected')
47                        }
48                        $(_blog.el.increaseSpan).html(increaseBtn.data('message').replace('{0}', res.object.likedCount));
49                        $(_blog.el.decreaseSpan).html(decreaseBtn.data('message').replace('{0}', res.object.unLikedCount));
50                        _t.toggleClass('selected');
51                    }
52                }).always(function () {
53                    _t.prop('disabled', false);
54                });
55            })
56        },
57        loadMoreBlogs: function () {
58            var _blog = ACC.eczacibasiBlog;
59            $(_blog.el.blogSeeMoreBtn).click(function () {
60                _blog.methods.loadBlogs();
61            });
62        },
63        clearSearch: function () {
64            var _blog = ACC.eczacibasiBlog;
65
66            $(window).on('load',function (){
67                $(_blog.el.inputSearch).val('');
68            })
69        },
70        getProgressInitialWidth: function () {
71            ACC.eczacibasiBlog.var.progressInitialWidth = parseInt($('#progressRect').attr('width'));
72        }
73    },
74    methods: {
75        blogCounter: function (code, type) {
76            var _apiService = ACC.eczacibasiApiService;
77            var _blog = ACC.eczacibasiBlog;
78            var url = '/blog/' + (type == _blog.types.increase ? 'increase-count' : 'decrease-count');
79            var _params = {'CSRFToken': ACC.config.CSRFToken, componentCode: code};
80            return _apiService.post(url, _params);
81        },
82        loadBlogs: function () {
83            var _blog = ACC.eczacibasiBlog;
84            var _apiService = ACC.eczacibasiApiService;
85            var _pageNumber = $(_blog.el.pageNumber).val();
86            var _totalPage = $(_blog.el.blogSeeMoreBtn).data('totalPage');
87
88            var queryParams = new URLSearchParams(window.location.search);
89            var searchedKey = queryParams.get('text');
90            var searchedQuery = queryParams.get('q');
91            queryParams.set('text', searchedKey ? searchedKey : '');
92            queryParams.set('q', searchedQuery ? searchedQuery : '');
93            queryParams.set('page', _pageNumber);
94            var _url = '/blog/ajax?' + queryParams.toString();
95
96
97            if(parseInt(_pageNumber) != _totalPage) {
98                _apiService.get(_url).promise().done(function (res){
99                    if(res) {
100                        $(_blog.el.pageNumber).val(parseInt(_pageNumber) + 1)
101                        $('.blog-content-post-list').append(res);
102                        $(_blog.el.svgProgress).attr('width', _blog.var.progressInitialWidth + parseInt($('#progressRect').attr('width')));
103                        $(_blog.el.pageCount).text((parseInt(_pageNumber) + 1) + '/' + _totalPage);

104                        $(_blog.el.productCount).text( $('.blog-content-post-list .blog-post-item').length);
105                    }
106                })
107            }else {
108                $(_blog.el.blogSeeMoreBtn).attr('disabled', true);
109            }
110
111
112        }
113
114    }
115}
116
117$(document).ready(function () {
118    with (ACC.eczacibasiBlog)
119        init();
120});