KRBL/passesFrontend
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
438dd59762
passesFrontend/static/templates/account/account.html

294 lines
26 KiB
HTML
Raw Normal View History

initial commit
2024-05-15 13:27:22 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../styles/main.css">
<script src="../scripts/jquery.min.js"></script>
<script src="../scripts/helpPopup.js"></script>
<title>Личный кабинет</title>
<style>
body {
background-color: #EEEFF5;
}
</style>
</head>
<body>
<header>
<a href="/account"><h1>Бюро пропусков / Личный кабинет</h1></a>
<nav>
<div class="dropdown">
<a class="help-button" onclick="toggleDropdown('dropdownHelp-1')">Техническая поддержка</a>
<div id="dropdownHelp-1" class="dropdown-help">
<a href="tel:83477527706">8 (34775) 2-77-06</a>
<a href="tel:89174023516">8 (917) 402-35-16</a>
</div>
</div>
<div class="dropdown">
<a class="help-button" onclick="toggleDropdown('dropdownHelp-2')">Инструкции</a>
<div id="dropdownHelp-2" class="dropdown-help dropdown-manual">
<a href="/docs/manual.pdf" target="_blank">Текст</a>
<a href="https://drive.google.com/file/d/1CxrAgr2brQclZqtbbreSUU9tN-jsNTwf/view?usp=sharing" target="_blank">Видео</a>
</div>
</div>
{{#if (eq Role 'legal')}}
<span>{{User.Наименование}}</span>
{{else}}
<span>{{User.Фамилия}} {{User.Имя}} {{User.Отчество}}</span>
{{/if}}
<a class="exit-button" href="/logout"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="none" viewBox="0 0 20 16">
<path fill="#6B7A99" d="m4.016 7.13 2.608-2.606-1.226-1.226L.696 8l4.702 4.702 1.226-1.226L4.016 8.87h4.858V7.131H4.016ZM8.874.179v6.953h5.215V8.87H8.874v6.953h10.43V.178H8.873Z"/>
</svg>
</a>
</nav>
</header>
<section class="main-content">
#1 #2 : new bg, new hub naming
2024-05-17 09:02:21 +00:00
{{#if (eq Role 'Дирекция')}}
<h1>АРМ служба безопасности предприятия</h1>
{{else}}
initial commit
2024-05-15 13:27:22 +00:00
<h1>Хаб услуг</h1>
#1 #2 : new bg, new hub naming
2024-05-17 09:02:21 +00:00
{{/if}}
initial commit
2024-05-15 13:27:22 +00:00
<div class="hub-bg">
<div onclick="location.href='/account/newform'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка на пропуск</h1>
<h2>Оставить заявку на пропуск для сотрудника</h2>
</div>
<div onclick="location.href='/account/settings'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="26" fill="none" viewBox="0 0 28 26">
<path fill="#292D32" d="M24.8 9.295c-2.413 0-3.4-1.706-2.2-3.8a2.529 2.529 0 0 0-.933-3.453L19.36.722c-1.053-.627-2.413-.253-3.04.8l-.147.253c-1.2 2.094-3.173 2.094-4.386 0l-.147-.253a2.188 2.188 0 0 0-3.013-.8L6.32 2.042c-1.213.693-1.627 2.253-.933 3.467C6.6 7.589 5.613 9.295 3.2 9.295A2.54 2.54 0 0 0 .667 11.83v2.346A2.54 2.54 0 0 0 3.2 16.71c2.413 0 3.4 1.706 2.187 3.8a2.529 2.529 0 0 0 .933 3.453l2.307 1.32c1.053.627 2.413.253 3.04-.8l.146-.253c1.2-2.094 3.174-2.094 4.387 0l.147.253c.626 1.053 1.986 1.427 3.04.8l2.306-1.32a2.532 2.532 0 0 0 .934-3.453c-1.214-2.094-.227-3.8 2.186-3.8a2.54 2.54 0 0 0 2.534-2.534v-2.347c-.014-1.386-1.147-2.533-2.547-2.533ZM14 17.335a4.342 4.342 0 0 1-4.333-4.333A4.342 4.342 0 0 1 14 8.669a4.342 4.342 0 0 1 4.333 4.333A4.342 4.342 0 0 1 14 17.335Z"/>
</svg>
</div>
<h1>Настройки</h1>
<h2>Изменить информацию профиля</h2>
</div>
#3: new passes type, user applications page, bug fixes
2024-06-09 23:53:32 +00:00
<div onclick="location.href='/myapplications'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="32" fill="none" viewBox="0 0 20 32">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M19.424 8.188v17.507c0 2.425-1.19 3.626-3.58 3.626H3.58C1.19 29.32 0 28.12 0 25.695V8.188c0-2.425 1.19-3.626 3.58-3.626h.153a2.71 2.71 0 0 0-.014.288v1.213c0 .123.007.243.023.358h-.07c-1.2 0-1.813.646-1.813 1.79v17.46c0 1.155.612 1.79 1.813 1.79h12.08c1.2 0 1.813-.635 1.813-1.79V8.212c0-1.144-.612-1.79-1.813-1.79h-.07a2.5 2.5 0 0 0 .024-.358V4.85c0-.098-.005-.195-.015-.288h.153c2.39 0 3.58 1.2 3.58 3.626Z"/>
<path fill="#000" fill-opacity=".85" d="M6.144 7.206h7.136c.67 0 1.074-.427 1.074-1.143V4.85c0-.716-.404-1.143-1.074-1.143h-1.062c-.08-1.305-1.166-2.367-2.506-2.367-1.34 0-2.425 1.062-2.506 2.367H6.144c-.67 0-1.074.427-1.074 1.143v1.213c0 .716.404 1.143 1.074 1.143Zm3.568-2.402a1.013 1.013 0 0 1-1.005-1.005c0-.566.45-1.016 1.005-1.016.554 0 1.005.45 1.005 1.016 0 .543-.45 1.005-1.005 1.005ZM4.62 22.069h5.127a.72.72 0 0 0 .716-.716.712.712 0 0 0-.716-.716H4.619a.722.722 0 0 0-.727.716.73.73 0 0 0 .727.716Zm0-4.319h10.185a.725.725 0 0 0 .727-.728.712.712 0 0 0-.727-.704H4.619a.712.712 0 0 0-.727.704c0 .404.323.728.727.728Zm0-4.1h10.185a.73.73 0 0 0 .727-.716.74.74 0 0 0-.727-.728H4.619a.74.74 0 0 0-.727.728.73.73 0 0 0 .727.716Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h19.424v32H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Мои заявки</h1>
<h2>Отслеживание ваших заявок на пропуска</h2>
</div>
initial commit
2024-05-15 13:27:22 +00:00
{{#if (eq Role 'Дирекция')}}
<div onclick="location.href='/users'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="23" fill="none" viewBox="0 0 32 23">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M13.904 13.934c-1.773 1.54-2.771 3.511-2.771 5.279 0 .506.102.995.347 1.42H3.33c-1.345 0-1.878-.534-1.878-1.506 0-2.946 3.01-6.5 7.823-6.5 1.825 0 3.39.51 4.63 1.306Zm-.903-7.05c0 2.317-1.73 4.11-3.715 4.11-1.996 0-3.725-1.793-3.725-4.088 0-2.284 1.74-4.013 3.725-4.013 1.975 0 3.715 1.686 3.715 3.992Zm8.571 3.864c2.294 0 4.27-2.049 4.27-4.717 0-2.637-1.986-4.59-4.27-4.59s-4.27 1.996-4.27 4.611c0 2.647 1.975 4.697 4.27 4.697Zm-6.714 9.884h13.417c1.676 0 2.273-.48 2.273-1.42 0-2.753-3.447-6.553-8.987-6.553-5.529 0-8.977 3.8-8.977 6.554 0 .94.598 1.42 2.274 1.42Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v22.084H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Пользователи</h1>
<h2>Управление работниками и организациями</h2>
</div>
<div onclick="location.href='/applications'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="32" fill="none" viewBox="0 0 20 32">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M19.424 8.188v17.507c0 2.425-1.19 3.626-3.58 3.626H3.58C1.19 29.32 0 28.12 0 25.695V8.188c0-2.425 1.19-3.626 3.58-3.626h.153a2.71 2.71 0 0 0-.014.288v1.213c0 .123.007.243.023.358h-.07c-1.2 0-1.813.646-1.813 1.79v17.46c0 1.155.612 1.79 1.813 1.79h12.08c1.2 0 1.813-.635 1.813-1.79V8.212c0-1.144-.612-1.79-1.813-1.79h-.07a2.5 2.5 0 0 0 .024-.358V4.85c0-.098-.005-.195-.015-.288h.153c2.39 0 3.58 1.2 3.58 3.626Z"/>
<path fill="#000" fill-opacity=".85" d="M6.144 7.206h7.136c.67 0 1.074-.427 1.074-1.143V4.85c0-.716-.404-1.143-1.074-1.143h-1.062c-.08-1.305-1.166-2.367-2.506-2.367-1.34 0-2.425 1.062-2.506 2.367H6.144c-.67 0-1.074.427-1.074 1.143v1.213c0 .716.404 1.143 1.074 1.143Zm3.568-2.402a1.013 1.013 0 0 1-1.005-1.005c0-.566.45-1.016 1.005-1.016.554 0 1.005.45 1.005 1.016 0 .543-.45 1.005-1.005 1.005ZM4.62 22.069h5.127a.72.72 0 0 0 .716-.716.712.712 0 0 0-.716-.716H4.619a.722.722 0 0 0-.727.716.73.73 0 0 0 .727.716Zm0-4.319h10.185a.725.725 0 0 0 .727-.728.712.712 0 0 0-.727-.704H4.619a.712.712 0 0 0-.727.704c0 .404.323.728.727.728Zm0-4.1h10.185a.73.73 0 0 0 .727-.716.74.74 0 0 0-.727-.728H4.619a.74.74 0 0 0-.727.728.73.73 0 0 0 .727.716Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h19.424v32H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Заявки на пропуска</h1>
<h2>Управление заявками от физ лиц и от юр лиц</h2>
</div>
<div onclick="location.href='/passes'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="25" fill="none" viewBox="0 0 32 25">
<path fill="#000" fill-opacity=".85" d="M4.261 24.984H27.74c2.85 0 4.261-1.398 4.261-4.194V4.208C32 1.41 30.589 0 27.739 0H4.26C1.425 0 0 1.411 0 4.207V20.79c0 2.795 1.425 4.193 4.261 4.193Zm.027-2.185c-1.357 0-2.103-.72-2.103-2.13V4.328c0-1.411.746-2.144 2.103-2.144h23.424c1.343 0 2.103.733 2.103 2.144v16.34c0 1.41-.76 2.13-2.103 2.13H4.288Z"/>
<path fill="#000" fill-opacity=".85" d="M6.433 7.423a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .679.584 1.262 1.263 1.262Zm0 4.153a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .678.584 1.262 1.263 1.262Zm0 4.139c.705 0 1.262-.556 1.262-1.262a1.25 1.25 0 0 0-1.262-1.249c-.693 0-1.263.57-1.263 1.249 0 .706.57 1.262 1.263 1.262Zm0 4.356a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.276-1.262-1.276-.679 0-1.263.584-1.263 1.276 0 .679.584 1.262 1.263 1.262ZM10.53 6.99h15.525c.488 0 .855-.366.855-.828a.851.851 0 0 0-.855-.855H10.53a.851.851 0 0 0-.855.855c0 .462.366.828.855.828Zm0 4.166h8.604c.461 0 .841-.38.841-.841a.857.857 0 0 0-.841-.855H10.53a.86.86 0 0 0-.855.855c0 .461.38.841.855.841Zm0 4.153h15.525a.835.835 0 0 0 .855-.855c0-.461-.367-.828-.855-.828H10.53c-.489 0-.855.367-.855.828 0 .489.366.855.855.855Zm0 4.343h8.604c.461 0 .841-.38.841-.842a.829.829 0 0 0-.841-.841H10.53a.832.832 0 0 0-.855.841c0 .462.38.842.855.842Z"/>
</svg>
</div>
<h1>Пропуска</h1>
<h2>Управление пропусками всех видов</h2>
</div>
<div onclick="location.href='/tso'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" fill="none" viewBox="0 0 32 30">
<path fill="#000" d="M4.168 29.008h23.664c2.595 0 4.168-1.802 4.168-4.138 0-.717-.214-1.465-.596-2.137L19.557 2.092C18.763.702 17.405 0 16 0a4.028 4.028 0 0 0-3.557 2.092L.595 22.732A4.122 4.122 0 0 0 0 24.87c0 2.336 1.573 4.138 4.168 4.138Zm.015-2.397c-1.068 0-1.71-.825-1.71-1.756 0-.29.061-.657.23-.977l11.83-20.626c.321-.565.901-.81 1.466-.81s1.13.245 1.45.81l11.832 20.641c.168.32.245.672.245.962 0 .931-.672 1.756-1.726 1.756H4.184Z"/>
<path fill="#000" d="M16 18.718c.733 0 1.16-.428 1.176-1.222l.213-8.046c.016-.778-.595-1.358-1.404-1.358-.825 0-1.405.564-1.39 1.343l.199 8.061c.015.779.443 1.222 1.206 1.222Zm0 4.961c.886 0 1.649-.702 1.649-1.587 0-.901-.748-1.588-1.649-1.588-.9 0-1.649.702-1.649 1.588 0 .87.763 1.587 1.649 1.587Z"/>
</svg>
</div>
<h1>Заявки ТСО</h1>
<h2>Управление заявками ТСО</h2>
</div>
<div onclick="location.href='/account/newtso'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка ТСО</h1>
<h2>Оставить заявку ТСО</h2>
</div>
{{/if}}
{{#if (eq Role 'Пропуска')}}
<div onclick="location.href='/applications'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="32" fill="none" viewBox="0 0 20 32">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M19.424 8.188v17.507c0 2.425-1.19 3.626-3.58 3.626H3.58C1.19 29.32 0 28.12 0 25.695V8.188c0-2.425 1.19-3.626 3.58-3.626h.153a2.71 2.71 0 0 0-.014.288v1.213c0 .123.007.243.023.358h-.07c-1.2 0-1.813.646-1.813 1.79v17.46c0 1.155.612 1.79 1.813 1.79h12.08c1.2 0 1.813-.635 1.813-1.79V8.212c0-1.144-.612-1.79-1.813-1.79h-.07a2.5 2.5 0 0 0 .024-.358V4.85c0-.098-.005-.195-.015-.288h.153c2.39 0 3.58 1.2 3.58 3.626Z"/>
<path fill="#000" fill-opacity=".85" d="M6.144 7.206h7.136c.67 0 1.074-.427 1.074-1.143V4.85c0-.716-.404-1.143-1.074-1.143h-1.062c-.08-1.305-1.166-2.367-2.506-2.367-1.34 0-2.425 1.062-2.506 2.367H6.144c-.67 0-1.074.427-1.074 1.143v1.213c0 .716.404 1.143 1.074 1.143Zm3.568-2.402a1.013 1.013 0 0 1-1.005-1.005c0-.566.45-1.016 1.005-1.016.554 0 1.005.45 1.005 1.016 0 .543-.45 1.005-1.005 1.005ZM4.62 22.069h5.127a.72.72 0 0 0 .716-.716.712.712 0 0 0-.716-.716H4.619a.722.722 0 0 0-.727.716.73.73 0 0 0 .727.716Zm0-4.319h10.185a.725.725 0 0 0 .727-.728.712.712 0 0 0-.727-.704H4.619a.712.712 0 0 0-.727.704c0 .404.323.728.727.728Zm0-4.1h10.185a.73.73 0 0 0 .727-.716.74.74 0 0 0-.727-.728H4.619a.74.74 0 0 0-.727.728.73.73 0 0 0 .727.716Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h19.424v32H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Заявки на пропуска</h1>
<h2>Управление заявками от физ лиц и от юр лиц</h2>
</div>
<div onclick="location.href='/passes'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="25" fill="none" viewBox="0 0 32 25">
<path fill="#000" fill-opacity=".85" d="M4.261 24.984H27.74c2.85 0 4.261-1.398 4.261-4.194V4.208C32 1.41 30.589 0 27.739 0H4.26C1.425 0 0 1.411 0 4.207V20.79c0 2.795 1.425 4.193 4.261 4.193Zm.027-2.185c-1.357 0-2.103-.72-2.103-2.13V4.328c0-1.411.746-2.144 2.103-2.144h23.424c1.343 0 2.103.733 2.103 2.144v16.34c0 1.41-.76 2.13-2.103 2.13H4.288Z"/>
<path fill="#000" fill-opacity=".85" d="M6.433 7.423a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .679.584 1.262 1.263 1.262Zm0 4.153a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .678.584 1.262 1.263 1.262Zm0 4.139c.705 0 1.262-.556 1.262-1.262a1.25 1.25 0 0 0-1.262-1.249c-.693 0-1.263.57-1.263 1.249 0 .706.57 1.262 1.263 1.262Zm0 4.356a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.276-1.262-1.276-.679 0-1.263.584-1.263 1.276 0 .679.584 1.262 1.263 1.262ZM10.53 6.99h15.525c.488 0 .855-.366.855-.828a.851.851 0 0 0-.855-.855H10.53a.851.851 0 0 0-.855.855c0 .462.366.828.855.828Zm0 4.166h8.604c.461 0 .841-.38.841-.841a.857.857 0 0 0-.841-.855H10.53a.86.86 0 0 0-.855.855c0 .461.38.841.855.841Zm0 4.153h15.525a.835.835 0 0 0 .855-.855c0-.461-.367-.828-.855-.828H10.53c-.489 0-.855.367-.855.828 0 .489.366.855.855.855Zm0 4.343h8.604c.461 0 .841-.38.841-.842a.829.829 0 0 0-.841-.841H10.53a.832.832 0 0 0-.855.841c0 .462.38.842.855.842Z"/>
</svg>
</div>
<h1>Пропуска</h1>
<h2>Управление пропусками всех видов</h2>
</div>
<div onclick="location.href='/account/newtso'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка ТСО</h1>
<h2>Оставить заявку ТСО</h2>
</div>
{{/if}}
{{#if (eq Role 'КПП')}}
<div onclick="location.href='/users'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="23" fill="none" viewBox="0 0 32 23">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M13.904 13.934c-1.773 1.54-2.771 3.511-2.771 5.279 0 .506.102.995.347 1.42H3.33c-1.345 0-1.878-.534-1.878-1.506 0-2.946 3.01-6.5 7.823-6.5 1.825 0 3.39.51 4.63 1.306Zm-.903-7.05c0 2.317-1.73 4.11-3.715 4.11-1.996 0-3.725-1.793-3.725-4.088 0-2.284 1.74-4.013 3.725-4.013 1.975 0 3.715 1.686 3.715 3.992Zm8.571 3.864c2.294 0 4.27-2.049 4.27-4.717 0-2.637-1.986-4.59-4.27-4.59s-4.27 1.996-4.27 4.611c0 2.647 1.975 4.697 4.27 4.697Zm-6.714 9.884h13.417c1.676 0 2.273-.48 2.273-1.42 0-2.753-3.447-6.553-8.987-6.553-5.529 0-8.977 3.8-8.977 6.554 0 .94.598 1.42 2.274 1.42Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v22.084H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Пользователи</h1>
<h2>Просмотр данных сотрудников</h2>
</div>
<div onclick="location.href='/passes'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="25" fill="none" viewBox="0 0 32 25">
<path fill="#000" fill-opacity=".85" d="M4.261 24.984H27.74c2.85 0 4.261-1.398 4.261-4.194V4.208C32 1.41 30.589 0 27.739 0H4.26C1.425 0 0 1.411 0 4.207V20.79c0 2.795 1.425 4.193 4.261 4.193Zm.027-2.185c-1.357 0-2.103-.72-2.103-2.13V4.328c0-1.411.746-2.144 2.103-2.144h23.424c1.343 0 2.103.733 2.103 2.144v16.34c0 1.41-.76 2.13-2.103 2.13H4.288Z"/>
<path fill="#000" fill-opacity=".85" d="M6.433 7.423a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .679.584 1.262 1.263 1.262Zm0 4.153a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .678.584 1.262 1.263 1.262Zm0 4.139c.705 0 1.262-.556 1.262-1.262a1.25 1.25 0 0 0-1.262-1.249c-.693 0-1.263.57-1.263 1.249 0 .706.57 1.262 1.263 1.262Zm0 4.356a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.276-1.262-1.276-.679 0-1.263.584-1.263 1.276 0 .679.584 1.262 1.263 1.262ZM10.53 6.99h15.525c.488 0 .855-.366.855-.828a.851.851 0 0 0-.855-.855H10.53a.851.851 0 0 0-.855.855c0 .462.366.828.855.828Zm0 4.166h8.604c.461 0 .841-.38.841-.841a.857.857 0 0 0-.841-.855H10.53a.86.86 0 0 0-.855.855c0 .461.38.841.855.841Zm0 4.153h15.525a.835.835 0 0 0 .855-.855c0-.461-.367-.828-.855-.828H10.53c-.489 0-.855.367-.855.828 0 .489.366.855.855.855Zm0 4.343h8.604c.461 0 .841-.38.841-.842a.829.829 0 0 0-.841-.841H10.53a.832.832 0 0 0-.855.841c0 .462.38.842.855.842Z"/>
</svg>
</div>
<h1>Пропуска</h1>
<h2>Управление пропусками всех видов</h2>
</div>
{{/if}}
{{#if (eq Role 'Работник')}}
<div onclick="location.href='/account/newtso'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка ТСО</h1>
<h2>Оставить заявку ТСО</h2>
</div>
{{/if}}
</div>
</section>
</body>
</html>
Reference in New Issue Copy Permalink