<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}ПОЗ Маркетплейс{% endblock %}</title>
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('https://cdn.jsdelivr.net/npm/uikit@3.6.14/dist/css/uikit.min.css') }}"/>
<link rel="stylesheet"
href="{{ asset('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/main.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('css/notyf.min.css') }}" type="text/css">
<style>
html {
scroll-padding-top: 100px;
}
option[value="#"][disabled] {
display: none;
}
option {
color: black;
}
.rate {
float: left;
height: 46px;
padding: 0 10px;
}
.rate:not(:checked) > input {
position: absolute;
top: -9999px;
}
.rate:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
}
.rate:not(:checked) > label:before {
content: '★ ';
}
.rate > input:checked ~ label {
color: #ffc700;
}
.create-card input[type="checkbox"] {
float: left;
margin-right: 7px;
margin-top: 5px;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #c59b08;
}
.calendar-td {
position: relative;
color: black;
width: 50px;
height: 50px;
text-align: center;
}
.calendar__date {
color: black;
text-align: center;
}
.calendar__date--pointer {
cursor: pointer;
}
.calendar-td .uk-inline,
.calendar-td .uk-button {
border: none !important;
}
.calendar__table--bed-places:after {
content: '*';
position: absolute;
top: 10px;
width: 10px;
height: 10px;
}
.calendar__table--mixed:after {
content: '!';
position: absolute;
top: 10px;
width: 10px;
height: 10px;
}
.booked {
background-color: #e05f5f;
}
.available {
background-color: #3dc763;
}
.in_confirmation {
background-color: rgb(205, 20, 248);
}
.empty {
background-color: #6c757d
}
.in_work {
background-color: #1e87f0;
}
.pagination {
text-align: center;
font-size: 20px;
font-family: 'Arial', sans-serif;
}
.table-wrapper {
position: relative;
}
.calendar-button svg {
color: #1e87f0;
}
.calendar-button-back {
position: absolute;
top: 335px;
left: -14%;
}
.calendar-button-forward {
position: absolute;
top: 335px;
right: 13%;
}
#calendar {
display: none;
}
.category-title {
display: inline;
}
.appeals-count {
margin-left: 8px;
color: white;
display: inline-block;
min-width: 24px;
min-height: 15px;
background: #2d87f0;
border-radius: 50%;
text-align: center;
}
.sidebar__desktop > a {
display: inline !important;
margin-right: 5px;
}
.sidebar__apps-count {
color: white;
display: inline-block;
min-width: 20px;
min-height: 15px;
background: #2d87f0;
border-radius: 50%;
text-align: center;
}
.table-wrapper__pass {
height: 50px;
}
.table-wrapper__month {
text-align: center;
font-size: 23px;
color: #1e87f0;
}
.error-message {
padding: 17px;
}
.resources-warning-icon {
margin-left: 7px;
}
.reserve-select option {
color: #FFFFFF;
}
.status-item {
white-space: nowrap;
}
.uk-notification-message-warning {
color: red;
border: 1px solid red;
}
.uk-notification-message-success {
color: green;
border: 1px solid green;
}
#appeals_attributes_other_features,
#resource_attributes_other_features,
#resource_description,
#appeals_comment {
resize: vertical;
}
.delete-available, .delete-additional-feature {
height: 23px;
border-radius: 50%;
cursor: pointer;
}
ul.available {
background: none;
}
ul.available > li {
display: flex;
justify-content: space-between;
align-items: center;
}
ul.available > li > div {
width: 90%;
}
[class*=uk-list] > ::before {
content: none;
}
.buttons-wrapper {
display: flex;
justify-content: space-between;
}
.buttons-wrapper > button,
.buttons-wrapper > a {
width: 150px;
}
.appeal-description,
.resource-description {
max-width: 180px;
word-wrap: break-word;
}
.appeal-id,
.resource-id {
font-size: 20px;
}
.gantt {
width: 1540px;
padding-top: 10px;
}
.gantt__line {
display: flex;
height: 65px;
border: 1px solid #e8eaed;
}
.gantt__bars-scale {
display: flex;
position: relative;
height: inherit;
width: 83%;
}
.gantt__empty-bar {
display: inline-block;
height: 100%;
width: 7.14%;
border-right: 1px solid #e8eaed;
}
.gantt__line--first {
background-color: #ffffff;
}
.gantt__line--second {
background-color: #e8eaed;
}
.gantt__bar {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
height: 96%;
top: 1%;
text-align: center;
text-overflow: clip;
}
.gantt__timeline {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 17.7%;
}
.gantt__date {
width: 7.14%;
height: 100%;
padding: 0;
margin: 0;
}
.gantt__line-name {
width: 17%;
padding-top: 13px;
padding-right: 10px;
display: inline-block;
text-align: end;
border-right: 2px solid #e8eaed;
}
.gantt__bar--in_work {
background-color: #1e87f0;
}
.gantt__bar--in_confirmation {
background-color: #cd14f8;
}
.gantt__bar--booked {
background-color: #e05f5f;
}
.gantt__bar span {
color: #ffffff;
}
.date-form {
min-height: 110px;
justify-content: center;
align-items: center;
text-align: center;
}
.date-form button {
height: 50px;
margin-left: 20px;
margin-top: 15px;
}
.gantt__dates {
margin-top: 13px;
}
.gantt__empty-message {
font-size: 20px;
}
.appeal-description {
word-wrap: break-word;
}
.resource-show-description {
word-wrap: break-word;
}
.filter__search-button {
padding-top: 23px;
}
.resource-table .resource-description {
word-break: break-word;
}
.calendar__tags-information {
margin: 20px 0;
}
.calendar__tag-information {
margin: 0;
font-size: 18px;
}
.calendar__tag-information span {
font-weight: bold;
}
.multiselect {
width: 200px;
}
.selectBox {
position: relative;
}
.selectBox select {
width: 100%;
font-weight: bold;
}
.overSelect {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#checkboxes {
display: none;
border: 1px #dadada solid;
}
#checkboxes label {
display: block;
}
#checkboxes label:hover {
background-color: #1e90ff;
}
</style>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('https://code.jquery.com/jquery-3.5.1.min.js') }}"></script>
<script src="{{ asset('https://cdn.jsdelivr.net/npm/uikit@3.6.14/dist/js/uikit.min.js') }}"></script>
<script src="{{ asset('https://cdn.jsdelivr.net/npm/uikit@3.6.14/dist/js/uikit-icons.min.js') }}"></script>
<script
src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/js/components/datepicker.min.js') }}"></script>
<script src="{{ asset('js/uikit-icons.min.js') }}"></script>
<script src="{{ asset('js/main.js') }}"></script>
<script
src="//cdn.polyfill.io/v3/polyfill.js?version=3.52.1&features=default,es5,es6,es7,es2015,es2016,es2017,es2018,es2019 ">
</script>
{% endblock %}
</head>
<body>
<div uk-sticky="media: 960" class="uk-navbar-container tm-navbar-container uk-sticky uk-active"
style="position: fixed; top: 0px; width: 1903px;">
<div class="uk-container uk-container-expand">
<nav uk-navbar>
<div class="uk-navbar-left">
<a href="{{ path('desktop') }}" class="uk-navbar-item uk-logo">
ПОЗ Маркетплейс
</a>
</div>
{% if app.user %}
<div class="uk-navbar-right uk-light">
<ul class="uk-navbar-nav">
<li class="uk-active">
<a href="#">Настройки <span class="ion-ios-arrow-down"></span></a>
<div uk-dropdown="pos: bottom-right; mode: click; offset: -17;">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="{{ path('profile') }}">Профиль</a></li>
<li><a href="{{ path('support') }}">Техподдержка</a></li>
<hr>
<li><a href="{{ path('app_logout') }}">Выход</a></li>
</ul>
</div>
</li>
</ul>
</div>
{% endif %}
</nav>
</div>
</div>
{% if app.user %}
<div id="sidebar" class="tm-sidebar-left uk-background-default">
<div class="user">
<div class="uk-text-truncate">{{ app.user.name }}</div>
<div class="uk-text-truncate">{{ app.user.username }}</div>
<span id="status" data-enabled="true" data-online-text="Online" data-away-text="Away" data-interval="10000"
class="uk-margin-top uk-label uk-label-success"></span>
</div>
<ul class="uk-nav uk-nav-default">
<li class="sidebar__desktop"><a href="{{ path('desktop') }}">Рабочий стол</a></li>
<li><a href="{{ path('my-appeals') }}">Мои заявки</a></li>
<li><a href="{{ path('my-resources') }}">Мои ресурсы</a></li>
<li><a href="{{ path('show_appeals_to_resources') }}">Заявки на мои ресурсы</a></li>
<li><a href="{{ path('appeals') }}">Каталог заявок</a></li>
<li><a href="{{ path('resources') }}">Каталог ресурсов</a></li>
{% if is_granted('ROLE_ADMIN') %}
<li><a href="{{ path('locations') }}">Пункты</a></li> {% endif %}
<li class="uk-nav-header">
Отчеты
</li>
{% if is_granted('ROLE_ADMIN') or is_granted('ROLE_APPLICANT') %}
<li><a href="{{ path('reports_appeals') }}">Статистика заявок</a></li>
{% endif %}
{% if is_granted('ROLE_ADMIN') or is_granted('ROLE_PROVIDER') %}
<li><a href="{{ path('reports_resources') }}">Статистика ресурсов</a></li>
{% endif %}
{% if is_granted('ROLE_ADMIN') %}
<li><a href="{{ path('reports_activity') }}">Активность в системе</a></li>
{% endif %}
<li><a href="{{ path('availability_schedule') }}">График доступности ресурсов</a></li>
</ul>
</div>
{% endif %}
{% for key, messages in app.flashes() %}
{% for message in messages %}
<script>
UIkit.notification('{{ message }}', {status: '{{ key }}'});
</script>
{% endfor %}
{% endfor %}
{% block body %}
{% endblock %}
<script>
$(document).ready(function () {
$.getJSON('{{ path('get_executions_count') }}', function (data) {
$('.sidebar__desktop').append('<span class="sidebar__apps-count">' + data['sum'] + '</span>');
})
$('.uk-card').on('submit', function () {
$('button[type="submit"]').attr('disabled', true);
})
});
</script>
</body>
</html>