204 lines
9.7 KiB
PHP
204 lines
9.7 KiB
PHP
|
<?php
|
||
|
|
|
||
|
|
namespace backend\widgets;
|
||
|
|
|
||
|
|
|
||
|
|
use yii\base\Widget;
|
||
|
|
use yii\helpers\Html;
|
||
|
|
use yii\helpers\Url;
|
||
|
|
|
||
|
|
|
||
|
|
class Calendar extends Widget
|
||
|
|
{
|
||
|
|
public $button;
|
||
|
|
public $runBuild = 'function (date, content){
|
||
|
|
this.build(date, content)
|
||
|
|
}';
|
||
|
|
public $updateContent = "function(){
|
||
|
|
let monthNumber = date.substr(5, 2);
|
||
|
|
return fetch('../ajax/get-birthday-by-month?' +
|
||
|
|
'month=' + monthNumber)
|
||
|
|
.then((res) => {
|
||
|
|
return res.json()
|
||
|
|
})
|
||
|
|
}";
|
||
|
|
public $getColor = "function (date, dates = null) {
|
||
|
|
for (let contentDate of dates) {
|
||
|
|
if (contentDate['dob'].substr(8, 2) == DateHelper.intToDate(date.getDate())) {
|
||
|
|
return 'success';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}";
|
||
|
|
public $getHtmlContentForDate = 'function (content, date) {
|
||
|
|
console.log(content)
|
||
|
|
let flag = false
|
||
|
|
let html = `<table class="table table-striped table-bordered">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>#</th>
|
||
|
|
<th>ФИО</th>
|
||
|
|
<th>Дата рождения</th>
|
||
|
|
<th class="action-column"> </th>
|
||
|
|
</tr>
|
||
|
|
</thead><tbody>`;
|
||
|
|
for (let i = 1; i <= content.length; i++) {
|
||
|
|
let model = content[i - 1];
|
||
|
|
if (model["dob"].substr(8, 2) == date.substr(8, 2)) {
|
||
|
|
flag = true;
|
||
|
|
html += `<tr data-key="${model["id"]}">`
|
||
|
|
html += `<td>${i}</td>`
|
||
|
|
html += `<td>${model["fio"]}</td>`
|
||
|
|
html += `<td>${model["dob"]}</td>`
|
||
|
|
html += `<td><a href="/secure/calendar/calendar/view?id=${model["id"]}" title="Просмотр" aria-label="Просмотр" data-pjax="0">
|
||
|
|
<svg aria-hidden="true"
|
||
|
|
style="display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;width:1.125em"
|
||
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
|
||
|
|
<path fill="currentColor"
|
||
|
|
d="M573 241C518 136 411 64 288 64S58 136 3 241a32 32 0 000 30c55 105 162 177 285 177s230-72 285-177a32 32 0 000-30zM288 400a144 144 0 11144-144 144 144 0 01-144 144zm0-240a95 95 0 00-25 4 48 48 0 01-67 67 96 96 0 1092-71z"></path>
|
||
|
|
</svg>
|
||
|
|
</a> <a href="/secure/calendar/calendar/update?id=${model["id"]}" title="Редактировать" aria-label="Редактировать"
|
||
|
|
data-pjax="0">
|
||
|
|
<svg aria-hidden="true"
|
||
|
|
style="display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;width:1em"
|
||
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||
|
|
<path fill="currentColor"
|
||
|
|
d="M498 142l-46 46c-5 5-13 5-17 0L324 77c-5-5-5-12 0-17l46-46c19-19 49-19 68 0l60 60c19 19 19 49 0 68zm-214-42L22 362 0 484c-3 16 12 30 28 28l122-22 262-262c5-5 5-13 0-17L301 100c-4-5-12-5-17 0zM124 340c-5-6-5-14 0-20l154-154c6-5 14-5 20 0s5 14 0 20L144 340c-6 5-14 5-20 0zm-36 84h48v36l-64 12-32-31 12-65h36v48z"></path>
|
||
|
|
</svg>
|
||
|
|
</a> <a href="/secure/calendar/calendar/delete?id=${model["id"]}" title="Удалить" aria-label="Удалить" data-pjax="0"
|
||
|
|
data-confirm="Вы уверены, что хотите удалить этот элемент?" data-method="post">
|
||
|
|
<svg aria-hidden="true"
|
||
|
|
style="display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;width:.875em"
|
||
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||
|
|
<path fill="currentColor"
|
||
|
|
d="M32 464a48 48 0 0048 48h288a48 48 0 0048-48V128H32zm272-256a16 16 0 0132 0v224a16 16 0 01-32 0zm-96 0a16 16 0 0132 0v224a16 16 0 01-32 0zm-96 0a16 16 0 0132 0v224a16 16 0 01-32 0zM432 32H312l-9-19a24 24 0 00-22-13H167a24 24 0 00-22 13l-9 19H16A16 16 0 000 48v32a16 16 0 0016 16h416a16 16 0 0016-16V48a16 16 0 00-16-16z"></path>
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</td>`
|
||
|
|
html += `</tr>`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
html += `</tbody></table>`
|
||
|
|
if (flag) return html;
|
||
|
|
return "empty"
|
||
|
|
}';
|
||
|
|
|
||
|
|
/*
|
||
|
|
|
||
|
|
CalendarHelper._updateContent = async function(){
|
||
|
|
let monthNumber = date.substr(5, 2);
|
||
|
|
return fetch('../ajax/get-birthday-by-month?' +
|
||
|
|
'month=' + monthNumber)
|
||
|
|
.then((res) => {
|
||
|
|
return res.json()
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
CalendarHelper._getColor = function (date, dates = null) {
|
||
|
|
for (let contentDate of dates) {
|
||
|
|
if (contentDate['dob'].substr(8, 2) == DateHelper.intToDate(date.getDate())) {
|
||
|
|
return 'success';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
CalendarHelper._getHtmlContentForDate = function (content, date) {
|
||
|
|
console.log(content)
|
||
|
|
let flag = false
|
||
|
|
|
||
|
|
let html = `<table class="table table-striped table-bordered">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>#</th>
|
||
|
|
<th>ФИО<th>
|
||
|
|
<a href="/secure/calendar/calendar/index?UserCardSearch%5Bfio%5D=&UserCardSearch%5Bdob%5D=2003-07-18&sort=dob"
|
||
|
|
data-sort="dob">Дата рождения</a></th>
|
||
|
|
<th class="action-column"> </th>
|
||
|
|
</tr>
|
||
|
|
</thead><tbody>`;
|
||
|
|
for (let i = 1; i <= content.length; i++) {
|
||
|
|
|
||
|
|
let model = content[i - 1];
|
||
|
|
if (model['dob'].substr(8, 2) == date.substr(8, 2)) {
|
||
|
|
flag = true;
|
||
|
|
html += `<tr data-key="${model['id']}">`
|
||
|
|
html += `<td>${i}</td>`
|
||
|
|
html += `<td>${model['fio']}</td>`
|
||
|
|
html += `<td>${model['dob']}</td>`
|
||
|
|
html += `<td><a href="/secure/calendar/calendar/view?id=${model['id']}" title="Просмотр" aria-label="Просмотр" data-pjax="0">
|
||
|
|
<svg aria-hidden="true"
|
||
|
|
style="display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;width:1.125em"
|
||
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
|
||
|
|
<path fill="currentColor"
|
||
|
|
d="M573 241C518 136 411 64 288 64S58 136 3 241a32 32 0 000 30c55 105 162 177 285 177s230-72 285-177a32 32 0 000-30zM288 400a144 144 0 11144-144 144 144 0 01-144 144zm0-240a95 95 0 00-25 4 48 48 0 01-67 67 96 96 0 1092-71z"></path>
|
||
|
|
</svg>
|
||
|
|
</a> <a href="/secure/calendar/calendar/update?id=${model['id']}" title="Редактировать" aria-label="Редактировать"
|
||
|
|
data-pjax="0">
|
||
|
|
<svg aria-hidden="true"
|
||
|
|
style="display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;width:1em"
|
||
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||
|
|
<path fill="currentColor"
|
||
|
|
d="M498 142l-46 46c-5 5-13 5-17 0L324 77c-5-5-5-12 0-17l46-46c19-19 49-19 68 0l60 60c19 19 19 49 0 68zm-214-42L22 362 0 484c-3 16 12 30 28 28l122-22 262-262c5-5 5-13 0-17L301 100c-4-5-12-5-17 0zM124 340c-5-6-5-14 0-20l154-154c6-5 14-5 20 0s5 14 0 20L144 340c-6 5-14 5-20 0zm-36 84h48v36l-64 12-32-31 12-65h36v48z"></path>
|
||
|
|
</svg>
|
||
|
|
</a> <a href="/secure/calendar/calendar/delete?id=${model['id']}" title="Удалить" aria-label="Удалить" data-pjax="0"
|
||
|
|
data-confirm="Вы уверены, что хотите удалить этот элемент?" data-method="post">
|
||
|
|
<svg aria-hidden="true"
|
||
|
|
style="display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;width:.875em"
|
||
|
|
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||
|
|
<path fill="currentColor"
|
||
|
|
d="M32 464a48 48 0 0048 48h288a48 48 0 0048-48V128H32zm272-256a16 16 0 0132 0v224a16 16 0 01-32 0zm-96 0a16 16 0 0132 0v224a16 16 0 01-32 0zm-96 0a16 16 0 0132 0v224a16 16 0 01-32 0zM432 32H312l-9-19a24 24 0 00-22-13H167a24 24 0 00-22 13l-9 19H16A16 16 0 000 48v32a16 16 0 0016 16h416a16 16 0 0016-16V48a16 16 0 00-16-16z"></path>
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</td>`
|
||
|
|
html += `</tr>`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
html += `</tbody></table>`
|
||
|
|
if (flag) return html;
|
||
|
|
return "empty"
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
public function init()
|
||
|
|
{
|
||
|
|
parent::init();
|
||
|
|
$view = $this->getView();
|
||
|
|
AppAsset::register($view);
|
||
|
|
}
|
||
|
|
|
||
|
|
public function run()
|
||
|
|
{
|
||
|
|
|
||
|
|
echo Html::beginTag('section', ['class' => 'calendar-contain']);
|
||
|
|
echo Html::beginTag('aside', ['class' => 'calendar__sidebar']);
|
||
|
|
echo Html::beginTag('section', ['class' => 'title-bar']);
|
||
|
|
echo $this->button;
|
||
|
|
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 Html::endTag('aside');
|
||
|
|
echo Html::beginTag('section', ['class' => 'calendar__days']);
|
||
|
|
echo Html::endTag('section');
|
||
|
|
echo Html::endTag('section');
|
||
|
|
|
||
|
|
$this->view->registerJs('
|
||
|
|
CalendarHelper._runBuild = ' . $this->runBuild . ';
|
||
|
|
CalendarHelper._getHtmlContentForDate = ' . $this->getHtmlContentForDate . ';
|
||
|
|
CalendarHelper._updateContent = async ' . $this->updateContent . ';
|
||
|
|
CalendarHelper._getColor = ' . $this->getColor . ';
|
||
|
|
|
||
|
|
CalendarHelper.main()'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
?>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|