Your IP : 216.73.216.170
doctype html
html(lang="ru")
head
include blocks/head.pug
body#body
div.wrapper
include blocks/header-lk.pug
include blocks/navigation-top.pug
include blocks/crumbs.pug
main.main
section.section
div.container
h1 Онлайн-лекции
span.title-footnote Здесь вы можете посмотреть лекции по интересующей вас тематике
// section
section.section.section-item.section-hero
div.container
form.form.light-fields.form-search(action="")
div.form-group.form-column
div.form-item.flex-middle: input.form-field(type="text" value="")
div.form-item: button.button.button-icon-right.button-search Искать
div.form-group.form-column.form-column-middle
div.form-checkbox.col-25.checkbox-button
input(type="checkbox" id="check-1" name="policy")
label(for="check-1") Показать пройденные
div.form-checkbox.col-25
input(type="checkbox" id="check-2" name="policy")
label(for="check-2") Самые популярные
div.form-checkbox.col-25
input(type="checkbox" id="check-3" name="policy")
label(for="check-3") Самый высокий рейтинг
div.form-checkbox.col-25
input(type="checkbox" id="check-4" name="policy")
label(for="check-4") Рекомендуемые вам
// section
section.section.section-item
div.container
div.content.content-menu
aside.aside
h3.section-title Темы лекций
div.aside-menu-holder
ul.list.menu-list(data-show="5")
li.list-item.active: a.list-link(href="#"): span Экономика
-for (var i = 0; i < 10; i++)
li.list-item: a.list-link(href="#"): span Экономика
li.list-item: a.list-link(href="#"): span Повышение производительности
div.button-line: a.button.button-icon-right.button-arrow-down(href="#") Полный список
article.article
div.lessons-block-item
div.heading
h3.section-title.heading-title Календарь лекций
div.view-switch
a.view-switch-item.view-switch-list(href="#") Список
a.view-switch-item.view-switch-calendar.active(href="#") Календарь
div.calendar-inline
input(type="hidden" id="calendar-month")
input(type="hidden" id="calendar-year")
div#calendar
span.calendar-loader
// section
include blocks/partners-line.pug
// main
include blocks/footer.pug
include blocks/scripts.pug
script.
var dateEvents = [
{
"day" : 28,
"month" : 10,
"year" : 2017,
"countEvents" : "99"
},
{
"day" : 2,
"month" : 10,
"year" : 2017,
"countEvents" : "1"
},
{
"day" : 9,
"month" : 10,
"year" : 2017,
"countEvents" : "2"
},
{
"day" : 12,
"month" : 10,
"year" : 2017,
"countEvents" : "5"
},
{
"day" : 13,
"month" : 10,
"year" : 2017,
"countEvents" : "5"
},
{
"day" : 21,
"month" : 8,
"year" : 2017,
"countEvents" : "2"
},
{
"day" : 2,
"month" : 9,
"year" : 2017,
"countEvents" : "1"
},
{
"day" : 8,
"month" : 9,
"year" : 2017,
"countEvents" : "11"
}
]
var monthNamesShort = ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
var calendarToday = new Date();
var calendarDD = calendarToday.getDate();
var calendarM = monthNamesShort[calendarToday.getMonth()];
var calendarYYYY = calendarToday.getFullYear();
$('#calendar').datepick({
showOtherMonths: true,
firstDay: 0,
changeMonth: false,
monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
monthNamesShort: monthNamesShort,
dayNames: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
dayNamesShort: ['Вос', 'Пон', 'Вто', 'Сре', 'Чет', 'Пят', 'Суб'],
dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
firstDay: 1,
prevText: '<',
prevStatus: 'Предыдущий месяц',
prevJumpText: '<',
prevJumpStatus: 'Предыдущий год',
nextText: '>',
nextStatus: 'Слудующий месяц',
nextJumpText: '>',
nextJumpStatus: 'Слудующий год',
onSelect: function(dates) {
console.log(dates[0].getUTCDate(), dates[0].getMonth() + 1, dates[0].getFullYear());
},
onDate: function (date, currentdate) {
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
var match = false;
var index = 0;
$.each(dateEvents, function (key, value) {
if (day == value.day && month == value.month && year == value.year) {
match = true;
index = key;
return false;
}
});
if (match) {
if (parseInt(dateEvents[index].countEvents) > 1) {
return {
content: day + '<i>' + dateEvents[index].countEvents + '</i>',
dateClass: 'datepick-event datepick-event-show',
title: day + '.' + month + '.' + year,
selectable: true
};
} else {
return {
content: date.getDate(),
dateClass: 'datepick-event',
title: day + '.' + month + '.' + year,
selectable: true
};
}
} else {
return {
content: date.getDate(),
title: day + '.' + month + '.' + year,
selectable: false
};
}
},
renderer: $.extend(
{}, $.datepick.defaultRenderer,
{
picker: '<div class="datepick">{months}</div>',
monthRow: '{months}',
month: '<div class="datepick-header">' +
'<span class="datepick-today">Сегодня ' + calendarDD + ' ' + calendarM.toLocaleLowerCase() + ' ' + calendarYYYY + '</span>' +
'<div class="datepick-date"><span class="datepick-prev-year"><</span><span class="datepick-date-name" id="year-selected">{yearHeader}</span><span class="datepick-next-year">></span></div>' +
'<div class="datepick-date"><span class="datepick-prev-month"><</span><span class="datepick-date-name">{monthHeader}</span><span class="datepick-next-month">></span></div></div>' +
'<div class="datepick-calendar"><table><thead>{weekHeader}</thead><tbody>{weeks}</tbody></table></div>',
})
});
function setEvents(month, year) {
$('.calendar-loader').show();
setTimeout(function () {
dateEvents = [
{
"day": 31,
"month": 8,
"year": 2017,
"countEvents": "99"
},
{
"day": 10,
"month": 9,
"year": 2017,
"countEvents": "5"
},
{
"day": 1,
"month": 10,
"year": 2017,
"countEvents": "11"
}
]
$('#calendar').datepick('setDate', new Date(year, month - 1, 1));
$('.calendar-loader').hide();
}, 2000);
}
$d.on('click', '.datepick-prev-month', function () {
var currentMonth = parseInt($('#calendar-month').val());
var currentYear = parseInt($('#calendar-year').val());
currentMonth -= 1;
if (currentMonth < 1) {
currentMonth = 12;
currentYear -= 1;
}
setEvents(currentMonth, currentYear);
});
$d.on('click', '.datepick-next-month', function () {
var currentMonth = parseInt($('#calendar-month').val());
var currentYear = parseInt($('#calendar-year').val());
currentMonth += 1;
if (currentMonth > 12) {
currentMonth = 1;
currentYear += 1;
}
setEvents(currentMonth, currentYear);
});
$d.on('click', '.datepick-prev-year', function () {
var currentMonth = parseInt($('#calendar-month').val());
var currentYear = parseInt($('#calendar-year').val());
currentYear -= 1;
setEvents(currentMonth, currentYear);
});
$d.on('click', '.datepick-next-year', function () {
var currentMonth = parseInt($('#calendar-month').val());
var currentYear = parseInt($('#calendar-year').val());
currentYear += 1;
setEvents(currentMonth, currentYear);
});