Updated design of control page
This commit is contained in:
parent
df06c8f807
commit
55cba3b036
@ -16,14 +16,14 @@ function WorkersCount(props) {
|
|||||||
<div className="col-5">
|
<div className="col-5">
|
||||||
<div className="info">
|
<div className="info">
|
||||||
<div className="info-row">
|
<div className="info-row">
|
||||||
<div className="info-target">Инженеров:</div>
|
<div className="info-target px-4">Инженеров:</div>
|
||||||
<div className="info-quantity">
|
<div className="info-quantity">
|
||||||
<div className="status-circle-small light-green"></div>
|
<div className="status-circle-small light-green"></div>
|
||||||
<span className="info-quantity-value" id="engineers">{props.engineers}</span>
|
<span className="info-quantity-value" id="engineers">{props.engineers}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="info-row">
|
<div className="info-row">
|
||||||
<div className="info-target">Легких агентов:</div>
|
<div className="info-target px-4">Легких агентов:</div>
|
||||||
<div className="info-quantity">
|
<div className="info-quantity">
|
||||||
<div className="status-circle-small light-yellow"></div>
|
<div className="status-circle-small light-yellow"></div>
|
||||||
<span className="info-quantity-value" id="agents">{props.light_agents}</span>
|
<span className="info-quantity-value" id="agents">{props.light_agents}</span>
|
||||||
@ -32,10 +32,10 @@ function WorkersCount(props) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-5">
|
<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>
|
||||||
<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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@ -155,7 +155,7 @@ export class Table extends React.Component {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<FreeWorkplaces count={Math.max(this.state.max_agents - this.state.engineers, 0)}/>
|
<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>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
|
@ -8,9 +8,12 @@
|
|||||||
|
|
||||||
{% block extra_css %}
|
{% block extra_css %}
|
||||||
<link rel="stylesheet" href="{% static 'main/css/work.css' %}" xmlns="http://www.w3.org/1999/html">
|
<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 %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block extra_scripts %}
|
{% block extra_scripts %}
|
||||||
|
<script src="{% static 'main/js/notifications.js' %}"></script> {# Для #}
|
||||||
|
<script src="{% static 'modules/notifications/dist/notifications.js' %}"></script> {# Уведомлений #}
|
||||||
{% endblock%}
|
{% endblock%}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
@ -24,7 +27,7 @@
|
|||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<div class="row justify-content-center new-section">
|
<div class="row justify-content-center new-section">
|
||||||
<div class="col-10">
|
<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 %}
|
{% block table %}
|
||||||
<div id="table"></div>
|
<div id="table"></div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user