78 lines
2.1 KiB
Twig
78 lines
2.1 KiB
Twig
{% extends 'layouts/base.twig' %}
|
|
|
|
{% block title %}{{ title }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<div>
|
|
<h1 class="h3 mb-0">{{ title }}</h1>
|
|
<p class="text-muted mb-0">План закрытия сделок</p>
|
|
</div>
|
|
<a href="{{ site_url('/crm/deals/new') }}" class="btn btn-primary">
|
|
<i class="fa-solid fa-plus me-2"></i>Новая сделка
|
|
</a>
|
|
</div>
|
|
|
|
{# Переключатель видов #}
|
|
<ul class="nav nav-tabs mb-4">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ site_url('/crm/deals') }}">
|
|
<i class="fa-solid fa-list me-2"></i>Список
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ site_url('/crm/deals/kanban') }}">
|
|
<i class="fa-solid fa-columns me-2"></i>Канбан
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="{{ site_url('/crm/deals/calendar') }}">
|
|
<i class="fa-solid fa-calendar me-2"></i>Календарь
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
{# Календарь #}
|
|
{{ include('@components/calendar/calendar.twig', {
|
|
eventsByDate: eventsByDate,
|
|
currentMonth: currentMonth,
|
|
monthName: monthName,
|
|
daysInMonth: daysInMonth,
|
|
firstDayOfWeek: firstDayOfWeek,
|
|
today: today,
|
|
prevMonth: site_url('/crm/deals/calendar?month=' ~ prevMonth),
|
|
nextMonth: site_url('/crm/deals/calendar?month=' ~ nextMonth),
|
|
showNavigation: true,
|
|
showLegend: true,
|
|
legend: calendarLegend,
|
|
eventComponent: '@Deals/calendar_event.twig'
|
|
}) }}
|
|
{% endblock %}
|
|
|
|
{% block stylesheets %}
|
|
{{ parent() }}
|
|
<style>
|
|
.calendar-event {
|
|
display: block;
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: 0.75rem;
|
|
background-color: #f3f4f6;
|
|
border-left: 3px solid #6b7280;
|
|
border-radius: 0.25rem;
|
|
text-decoration: none;
|
|
color: #374151;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.calendar-event:hover {
|
|
background-color: #e5e7eb;
|
|
}
|
|
|
|
.calendar-events-more {
|
|
padding: 0.125rem 0.5rem;
|
|
}
|
|
</style>
|
|
{% endblock %}
|