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="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>

View File

@ -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>