apuc/guild
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

доработан виджет, добавлен календарь отчетов всех за месяц

Browse Source
This commit is contained in:
q6q9
2021-09-15 11:26:06 +03:00
parent d642e32811
commit 2dbc33a8f3
11 changed files with 248 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
backend/widgets/Calendar.php
View File

@ -6,6 +6,7 @@ namespace backend\widgets;
use common\classes\Debug;
use yii\base\Widget;
use yii\helpers\Html;
use yii\widgets\Pjax;
class Calendar extends Widget
@ -51,8 +52,10 @@ class Calendar extends Widget
echo Html::input('date', null, date('Y-m-d'), ['class' => 'form-control', 'id' => 'date',]);
echo Html::endTag('section');
echo Html::tag('h2', date('l') . '<br>' . date('F d'), ['class' => 'sidebar__heading']);
echo Html::beginTag('ul', ['class' => 'sidebar__list']);
echo Html::endTag('ul');
echo '<div class="table-responsive" style="height: 77%">';
Pjax::begin(['enablePushState' => false, 'class' => 'sidebar__list']);
Pjax::end();
echo '</div>';
echo Html::endTag('aside');
echo Html::beginTag('section', ['class' => 'calendar__days']);
echo Html::endTag('section');

6
backend/widgets/Calendar/assets/css/style.css
View File

@ -220,6 +220,12 @@
padding-left: 1rem;
padding-right: 1rem;
}
#p0 {
list-style: none;
margin: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.sidebar__list-item {
margin: 1.2rem 0;

8
backend/widgets/Calendar/assets/js/src/CalendarHelper.js
View File

@ -46,11 +46,10 @@ class CalendarHelper {
let oldDate = datePicker.value.substr(0, 7);
let nameDateBoard = document.querySelector('.sidebar__heading');
let contentBoard = document.querySelector('.sidebar__list');
this._getMonth(datePicker.value.substr(5, 2), datePicker.value.substr(0, 4))
.then(dates => {
this.build(DateHelper.stringToDate(datePicker.value), dates)
datePicker.onchange = async function (day = null) {
@ -75,7 +74,7 @@ class CalendarHelper {
let monthName = date.toLocaleString('default', {month: 'long'});
let dayWeekName = date.toLocaleString('default', {weekday: 'long'});
nameDateBoard.innerHTML = `${dayWeekName} <br>${monthName} ${datePicker.value.substr(8, 2)}`;
contentBoard.innerHTML = CalendarHelper._getHtmlContentForDate(dates, datePicker.value)
document.querySelector('#p0').innerHTML = CalendarHelper._getHtmlContentForDate(dates, datePicker.value)
})
}
@ -85,7 +84,7 @@ class CalendarHelper {
let monthName = date.toLocaleString('default', {month: 'long'});
let dayWeekName = date.toLocaleString('default', {weekday: 'long'});
nameDateBoard.innerHTML = `${dayWeekName} <br>${monthName} ${datePicker.value.substr(8, 2)}`;
contentBoard.innerHTML = await CalendarHelper._getDayContent(date)
document.querySelector('#p0').innerHTML = await CalendarHelper._getDayContent(date)
}
let days = document.querySelectorAll('.calendar__day');
@ -111,6 +110,7 @@ class CalendarHelper {
}
}
datePicker.onchange()
})
}