https://digital-culture.ru/local/templates/culture/build/js/page/newsPage.js

1"use strict";
2
3var today = new Date();
4var prevSevenDay = new Date();
5prevSevenDay.setDate(prevSevenDay.getDate() - 30);
6var months = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
7var getDate = function getDate(date) {
8  var month = months[date.getMonth()];
9  var onlyDate = date.getDate() >= 10 ? date.getDate() : "0".concat(date.getDate());
10  return "".concat(onlyDate, " ").concat(month, " ").concat(date.getFullYear());
11};
12
13// source https://habr.com/ru/post/150054/
14var addPrevNextYearButtons = function addPrevNextYearButtons(input) {
15  setTimeout(function () {
16    var btnPrev = $("<a title='Предыдущий год'><span></span></a>");
17    var changeYear = $.datepicker._curInst.drawYear;
18    btnPrev.addClass("ui-datepicker-prev-year ui-corner-all");
19    btnPrev.click(function () {
20      $.datepicker._adjustDate(input, -1, 'Y');
21    });
22    var btnNext = $("<a title='Следующий год'><span></span></a>");
23    btnNext.addClass("ui-datepicker-next-year ui-corner-all");
24    if (changeYear < new Date().getFullYear()) {
25      btnNext.click(function () {
26        $.datepicker._adjustDate(input, 1, 'Y');
27      });
28    } else {
29      btnNext.addClass("ui-state-disabled");
30    }
31    var datepickerHeader = $(input).datepicker("widget").find('.ui-datepicker-header');
32    datepickerHeader.append(btnPrev);
33    datepickerHeader.append(btnNext);
34  }, 1);
35};
36$(document).ready(function () {
37  var startDate = $("#dateStart"),
38    endDate = $("#dateEnd");
39  startDate.datepicker({
40    showOn: "both",
41    buttonImage: "/build/img/icons/icons.svg#calendar",
42    buttonImageOnly: true,
43    buttonText: "Календарь",
44    dateFormat: 'dd M yy',
45    maxDate: 0,
46    showOtherMonths: true,
47    showButtonPanel: true,
48    monthNamesShort: months,
49    beforeShow: function beforeShow(input) {
50      addPrevNextYearButtons(input);
51    },
52    onChangeMonthYear: function onChangeMonthYear(year, month, inst) {
53      addPrevNextYearButtons(inst.input[0]);
54    }
55  });
56  endDate.datepicker({
57    showOn: "both",
58    buttonImage: "/build/img/icons/icons.svg#calendar",
59    buttonImageOnly: true,
60    buttonText: "Календарь",
61    dateFormat: 'dd M yy',
62    maxDate: 0,
63    showOtherMonths: true,
64    showButtonPanel: true,
65    monthNamesShort: months,
66    beforeShow: function beforeShow(input) {
67      addPrevNextYearButtons(input);
68    },
69    onChangeMonthYear: function onChangeMonthYear(year, month, inst) {
70      addPrevNextYearButtons(inst.input[0], year);
71    }
72  });
73
74  //не нужный
75
76  /*let showNewsFilter = document.querySelector('#showNewsFilter')
77  const newsContainer = document.querySelector('.newsPage__content')
78  const newsEmpty = document.querySelector('.content-empty')
79  showNewsFilter.addEventListener('click', () => {
80      const dateStart = $("#dateStart").datepicker( "getDate" )
81      const dateEnd = $("#dateEnd").datepicker( "getDate" )
82      if (dateStart > dateEnd) {
83          newsContainer.classList.add('d-none')
84          newsEmpty.classList.add('d-block')
85      } else {
86          newsContainer.classList.remove('d-none')
87          newsEmpty.classList.remove('d-block')
88      }
89  })
90    let showMoreButton = document.querySelector('#showMore')
91  let newsList = document.querySelector('.newsPage__card-grid')
92    showMoreButton.addEventListener('click', () => {
93      let hiddenElements = newsList.querySelectorAll('.d-none')
94        let commentsList = Array.prototype.slice.call(hiddenElements).slice(0, 8);
95        commentsList.forEach( (item, index) => {
96          item.className = 'd-block'
97          if(index === 0){
98              item.scrollIntoView({
99                  behavior: 'smooth'
100              })
101          }
102      })
103        if(hiddenElements.length <= 8){
104          showMoreButton.className = 'hide-event'
105      }
106  })*/
107});