Updated design of control page

This commit is contained in:
Yuriy Kulakov 2021-05-27 20:00:28 +03:00
parent df06c8f807
commit 55cba3b036
2 changed files with 9 additions and 6 deletions

View File

@ -16,14 +16,14 @@ function WorkersCount(props) {
<div className="col-5">
<div className="info">
<div className="info-row">
<div className="info-target">Инженеров:</div>
<div className="info-target px-4">Инженеров:</div>
<div className="info-quantity">
<div className="status-circle-small light-green"></div>
<span className="info-quantity-value" id="engineers">{props.engineers}</span>
</div>
</div>
<div className="info-row">
<div className="info-target">Легких агентов:</div>
<div className="info-target px-4">Легких агентов:</div>
<div className="info-quantity">
<div className="status-circle-small light-yellow"></div>
<span className="info-quantity-value" id="agents">{props.light_agents}</span>
@ -32,10 +32,10 @@ function WorkersCount(props) {
</div>
</div>
<div className="col-5">
<button type="submit" name="engineer" className="request-acess-button default-button">
<button type="submit" name="engineer" className="btn default-button btn-warning btn-block btn-sm py-3">
Назначить выбранных на роль инженера
</button>
<button type="submit" name="light_agent" className="hand-over-acess-button default-button">
<button type="submit" name="light_agent" className="btn default-button btn-warning btn-block btn-sm py-3">
Назначить выбранных на роль легкого агента
</button>
</div>
@ -155,7 +155,7 @@ export class Table extends React.Component {
return (
<div>
<FreeWorkplaces count={Math.max(this.state.max_agents - this.state.engineers, 0)}/>
<table className="table table-dark light-table">
<table className="table table-dark">
<thead>
<tr>
<th>

View File

@ -8,9 +8,12 @@
{% block extra_css %}
<link rel="stylesheet" href="{% static 'main/css/work.css' %}" xmlns="http://www.w3.org/1999/html">
<link rel="stylesheet" href="{% static 'modules/notifications/dist/notifications.css' %}">
{% endblock %}
{% block extra_scripts %}
<script src="{% static 'main/js/notifications.js' %}"></script> {# Для #}
<script src="{% static 'modules/notifications/dist/notifications.js' %}"></script> {# Уведомлений #}
{% endblock%}
{% block content %}
@ -24,7 +27,7 @@
{% csrf_token %}
<div class="row justify-content-center new-section">
<div class="col-10">
<h3 class="py-4 text-center font-weight-bold">Список сотрудников</h3>
<h3 class="py-4 text-center font-weight-bold mb-0">Список сотрудников</h3>
{% block table %}
<div id="table"></div>