EIOS/tpl/tpl_it_rating.html

<!-- BEGIN PAGE HEADER-->   
<div class="row-fluid">
	<div class="span12">
		<h3 class="page-title">РЕЙТИНГ ИТ-ОТДЕЛА</h3>
		<ul class="breadcrumb">
			<li><a href="https://eios.mkgtu.ru/upload/it/20/1674739623_mes_Onlayn-sistema.pdf" class="btn btn-success">Подробная информация</a><span class="divider">/</span></li>
			
		</ul>
	</div>
</div>


<div class="row-fluid">
	<div class="span12">
	
		<div class="row-fluid">
			<div class="widget blue">
				<div class="widget-title">
					<h4><i class="icon-reorder"></i> За что идут баллы?</h4> 
					<span class="tools">
						<a href="javascript:;" class="icon-chevron-down"></a>
					</span>
				</div>
				<div class="widget-body">							
					<p>За правку 20 различных профилей (восстановление пароля, регистрация, изменение учетных данных по обращению) начисляется 1 балл. Многократные действия над одним человеком не учитываются!</p>
					<p>За работу над заявками (10-15 штук) можно также получить до 1 балла включительно.</p>
				</div>
			</div>
		</div>
	
		<div class="row-fluid">
			<div class="widget blue">
				<div class="widget-title">
					<h4><i class="icon-reorder"></i> ТЕКУЩИЙ МЕСЯЦ</h4>
					<span class="tools">
						<a href="javascript:;" class="icon-chevron-down"></a>
					</span>
				</div>
				<div class="widget-body">	

					<form name="select_date" action="#" method="post">
						<p>Выберите год: <input name="year" type="number" value="2023" min="2020" step="1" /> | Выберите месяц: 
						<select name="month" class="form-control">
							<option value="01">Январь</option>
							<option value="02">Февраль</option>
							<option value="03">Март</option>
							<option value="04">Апрель</option>
							<option value="05">Май</option>
							<option value="06">Июнь</option>
							<option value="07">Июль</option>
							<option value="08">Август</option>
							<option value="09">Сентябрь</option>
							<option value="10">Октябрь</option>
							<option value="11">Ноябрь</option>
							<option value="12">Декабрь</option>
						</select>
						
						<input type="submit" name="select_date" value="Выбрать период" class="btn btn-success" /></p>
					</form>
					
					<table class="table table-bordered">
						<tr>
							<td>
								<h3 align="center">Баллы за месяц</h3>
								<table class="table table-bordered">
								{foreach from=$itUsers item=worker key=k }
								<tr>
									<td>{$worker.fio}</td>
									<td>
										{$worker.score_tek}<br />
										
									</td>
								</tr>
								{/foreach}
								</table>
							</td>
							<td>
								<div class="container">
									 <canvas id="myChart" width="600" height="400"></canvas>
								</div>
							</td>
						</tr>
						
					</table>
				</div>
			</div>
		</div>
	
		
		
				
			
	</div>
</div>



<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
<script>
// Vertical bar chart
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        //labels: ['Hong Kong', 'Macau', 'Japan', 'Switzerland', 'Spain', 'Singapore'],
        labels: [{foreach from=$itUsers item=worker key=k }'{$worker.fio}',{/foreach} 'Test'],
        datasets: [{
            label: 'Получено баллов',
            //data: [84.308, 84.188, 84.118, 83.706, 83.5, 83.468],
            data: [{foreach from=$itUsers item=worker key=k }{$worker.score_tek},{/foreach} 0],
            backgroundColor: [
                /*'rgba(216, 27, 96, 0.6)',
                'rgba(3, 169, 244, 0.6)',
                'rgba(255, 152, 0, 0.6)',
                'rgba(29, 233, 182, 0.6)',
                'rgba(156, 39, 176, 0.6)',*/
				{foreach from=$itUsers item=worker key=k }'rgba(84, 110, 122, 0.6)',{/foreach}
                'rgba(84, 110, 122, 0.6)'
            ],
            borderColor: [
                /*'rgba(216, 27, 96, 1)',
                'rgba(3, 169, 244, 1)',
                'rgba(255, 152, 0, 1)',
                'rgba(29, 233, 182, 1)',
                'rgba(156, 39, 176, 1)',*/
				{foreach from=$itUsers item=worker key=k }'rgba(84, 110, 122, 0.6)',{/foreach}
                'rgba(84, 110, 122, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        legend: {
            display: false
        },
        title: {
            display: true,
            text: 'Рейтинг сотрудников за текущий месяц',
            position: 'top',
            fontSize: 16,
            padding: 20
        },
        scales: {
            yAxes: [{
                ticks: {
                    min: 0
                }
            }]
        }
    }
});
</script>