+++ /dev/null
-<?php
-
-use kartik\select2\Select2;
-use yii\helpers\Html;
-use yii\helpers\Json;
-use yii\web\View;
-
-/**
- * @var $this View
- * @var $access []
- */
-
-$default_start_date = date('Y-m-d', strtotime('-13 day'));
-$default_end_date = date('Y-m-d', time());
-
-$select_mode_json = [];
-
-foreach ($access as $chart_name => $access_chart) {
- foreach ($access_chart['mode_level'] as $key => $item) {
- $select_mode_json[$chart_name][] = ['id' => $key, 'text' => $item];
- }
-
-}
-
-$select_shift_json = [];
-
-foreach ($access as $chart_name => $access_chart) {
- foreach ($access_chart['mode_shift'] as $key => $item) {
- $select_shift_json[$chart_name][] = ['id' => $key, 'text' => $item];
- }
-
-}
-
-$select_mode_json = Json::encode($select_mode_json);
-$select_shift_json = Json::encode($select_shift_json);
-
-$this->registerCss(<<<CSS
-.apexcharts-toolbar {
- display: flex !important;
-}
-CSS);
-
-$this->registerJsFile('/js/charts/apexcharts.js', ['position' => \yii\web\View::POS_END]);
-
-$this->registerJs(<<<JS
-
- //region Настроки чартов
- let default_chart_options = {
- series: [],
- chart: {
- locales: [ru],
- defaultLocale: 'ru',
- type: 'line',
- height: 500,
- stacked: false
- },
- colors: ['red', 'blue'],
- dataLabels: {
- enabled: false
- },
- stroke: {
- width: [4, 4, 4]
- },
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100
- },
- xaxis: {
- 'type': 'text',
- 'categories': [],
- 'title': {
- 'text': 'Дата'
- }
- },
- markers: {
- size: 4
- },
- yaxis: [{
- labels: {
- formatter: function (val, index) {
- return (val / 1000).toFixed(2) + ' тыс.';
- }
- }
- }]
- };
-
- let count_sales_chart_options = {
- series:[],
- chart: {
- locales: [ru],
- defaultLocale: 'ru',
- type: 'bar',
- height: 600,
- stacked: true,
- toolbar: {
- show: true
- },
- zoom: {
- enabled: true
- }
- },
- responsive: [{
- breakpoint: 480,
- options: {
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- }
- }],
- xaxis: {
- 'type': 'text',
- 'categories': [],
- 'title': {
- 'text': 'Дата'
- }
- },
- yaxis: [{
- labels: {
- formatter: function (val, index) {
- return val + ' шт.';
- }
- }
- }],
- fill: {
- opacity: 1
- },
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- };
-
- let count_sales_percent_chart_options = {
- series:[],
- chart: {
- locales: [ru],
- defaultLocale: 'ru',
- type: 'bar',
- height: 600,
- stacked: true,
- stackType: '100%',
- toolbar: {
- show: true
- },
- zoom: {
- enabled: true
- }
- },
- responsive: [{
- breakpoint: 480,
- options: {
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- }
- }],
- xaxis: {
- 'type': 'text',
- 'categories': [],
- 'title': {
- 'text': 'Дата'
- }
- },
- yaxis: [{
- labels: {
- show: false,
- formatter: function (val, index) {
- return val + ' шт.';
- }
- }
- }],
- fill: {
- opacity: 1
- },
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- };
-
- let matrix_sales_chart_options = {
- series: [],
- chart: {
- type: 'bar',
- height: 600,
- locales: [ru],
- defaultLocale: 'ru',
- stacked: true,
- toolbar: {
- show: true
- },
- zoom: {
- enabled: true
- }
- },
- responsive: [{
- breakpoint: 480,
- options: {
- legend: {
- position: 'bottom',
- offsetX: -10,
- offsetY: 0
- }
- }
- }],
- plotOptions: {
- bar: {
- horizontal: false,
- dataLabels: {
- total: {
- formatter: function (val, index) {
- return (val / 1000).toFixed(2) + ' тыс.';
- },
- enabled: true,
- style: {
- fontSize: '10px',
- fontWeight: 400
- }
- },
- }
- },
- },
- xaxis: {
- 'type': 'text',
- 'categories': [],
- 'title': {
- 'text': 'Дата'
- }
- },
- yaxis: [{
- labels: {
- formatter: function (val, index) {
- return (val / 1000).toFixed(2) + ' тыс.';
- }
- }
- }],
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- fill: {
- opacity: 1
- }
- };
-
- let count_sales_in_hour_chart_options = {
- series: [],
- chart: {
- locales: [ru],
- defaultLocale: 'ru',
- type: 'bar',
- height: 600
- },
- plotOptions: {
- bar: {
- borderRadius: 4,
- horizontal: true,
- }
- },
- dataLabels: {
- enabled: false
- },
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 40,
- },
- yaxis: [{
- labels: {
- formatter: function (val, index) {
- return parseFloat(val).toFixed(2);
- }
- }
- }],
- xaxis: {
- categories: [
- '8 ч.',
- '9 ч.',
- '10 ч.',
- '11 ч.',
- '12 ч.',
- '13 ч.',
- '14 ч.',
- '15 ч.',
- '16 ч.',
- '17 ч.',
- '18 ч.',
- '19 ч.',
- '20 ч.',
- '21 ч.',
- '22 ч.',
- '23 ч.',
- '0 ч.',
- '1 ч.',
- '2 ч.',
- '3 ч.',
- '4 ч.',
- '5 ч.',
- '6 ч.',
- '7 ч.'
- ],
- }
-
- };
-
- let fot_chart_options = {
- series:[],
- chart: {
- locales: [ru],
- defaultLocale: 'ru',
- type: 'line',
- height: 500,
- stacked: false
- },
- colors: ['red', 'blue'],
- dataLabels: {
- enabled: false
- },
- stroke: {
- width: [4, 4, 4]
- },
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- xaxis: {
- 'type': 'text',
- 'categories': [],
- 'title': {
- 'text': 'Дата'
- }
- },
- markers: {
- size: 4
- },
- yaxis: [{
- labels: {
- formatter: function (val, index) {
- return parseFloat(val).toFixed(2) + ' %';
- }
- }
- }],
- };
-
- let one_admin_sales_chart_options = {
- series:[],
- chart: {
- locales: [ru],
- defaultLocale: 'ru',
- type: 'line',
- height: 500,
- stacked: false,
- },
- dataLabels: {
- enabled: false
- },
- stroke: {
- width: [4, 4, 4]
- },
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- xaxis: {
- 'type': 'text',
- 'categories': [],
- 'title': {
- 'text': 'Дата'
- }
- },
- markers: {
- size: 4
- },
- yaxis: [{
- labels: {
- formatter: function (val, index) {
- return parseFloat(val).toFixed(2) + ' р.';
- }
- }
- }],
- };
-
- let write_offs_chart_options = {
- series:[],
- chart: {
- locales: [ru],
- defaultLocale: 'ru',
- type: 'line',
- height: 500,
- stacked: false,
- },
- dataLabels: {
- enabled: false
- },
- stroke: {
- width: [4, 4, 4]
- },
- legend: {
- position: 'bottom',
- horizontalAlign: 'center',
- height: 100,
- },
- xaxis: {
- 'type': 'text',
- 'categories': [],
- 'title': {
- 'text': 'Дата'
- }
- },
- markers: {
- size: 4
- },
- yaxis: [
- {
- labels: {
- align: 'left',
- formatter: function (val, index) {
- return parseFloat(val).toFixed(2) + ' р.';
- }
- }
-
- },
- {
- min: 0,
- max: 100,
- opposite: true,
- labels: {
- align: 'right',
- formatter: function (val, index) {
- return parseFloat(val).toFixed(2) + ' %';
- }
- }
- },
- {
- labels: {
- show: false,
- formatter: function (val, index) {
- return parseFloat(val).toFixed(2) + ' %';
- }
- }
- }
- ]
- };
-
- let radio_chart_options = {
- series:[0],
- chart: {
- type: 'radialBar',
- offsetY: -20,
- sparkline: {
- enabled: true
- }
- },
- plotOptions: {
- radialBar: {
- startAngle: -90,
- endAngle: 90,
- track: {
- background: "#e7e7e7",
- strokeWidth: '97%',
- margin: 5, // margin is in pixels
- dropShadow: {
- enabled: true,
- top: 2,
- left: 0,
- color: '#999',
- opacity: 1,
- blur: 2
- }
- },
- dataLabels: {
- name: {
- show: false
- },
- value: {
- offsetY: -2,
- fontSize: '22px'
- }
- }
- }
- },
- grid: {
- padding: {
- top: -10
- }
- },
- fill: {
- type: 'gradient',
- gradient: {
- shade: 'light',
- shadeIntensity: 0.4,
- inverseColors: false,
- opacityFrom: 1,
- opacityTo: 1,
- stops: [0, 50, 53, 91]
- },
- },
- labels: ['Average Results'],
- };
- //endregion
-
- let charts_options = {
- 'default_chart_options': default_chart_options,
- 'count_sales_chart_options': count_sales_chart_options,
- 'count_sales_percent_chart_options': count_sales_percent_chart_options,
- 'matrix_sales_chart_options': matrix_sales_chart_options,
- 'count_sales_in_hour_chart_options': count_sales_in_hour_chart_options,
- 'fot_chart_options': fot_chart_options,
- 'one_admin_sales_options': one_admin_sales_chart_options,
- 'write_offs_chart_options': write_offs_chart_options,
- 'radio_chart_options': radio_chart_options,
- }
-
- let stores_in_cluster_array = [];
-
- let count_chart_on_attribute = [];
-
- let mode_default = JSON.parse('$select_mode_json');
-
- let shift_default = JSON.parse('$select_shift_json');
-
- let default_date_start = '$default_start_date';
- let default_date_end = '$default_end_date'
-
- function DateChanges (attribute) {
- let attribute_split_DOM = attribute.split('-');
- let atribut_group_name = attribute_split_DOM[0];
- let postfix = attribute_split_DOM[1];
- let id = attribute_split_DOM[2];
-
- let date_start_input = $('input[id="date-start-' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
- let date_end_input = $('input[id="date-end-' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
-
- let date_start = date_start_input.val();
- let date_end = date_end_input.val();
-
- let information_row = $('div[id*="information-row-' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
- information_row.html('');
-
- if (date_start === "" || date_end === "" || new Date(date_start) > new Date(date_end) || (new Date(date_end) > new Date() && atribut_group_name === 'fot')) {
- information_row.html('<p>Ошибка валидации:<br> Дата начала должна быть больше даты окончания выборки!<br>Даты должны быть заполнены!<br> Дата окончания не может быть больше текущей даты!</p>');
- if (atribut_group_name === 'fot') {
- information_row.append('<br> Дата окончания не может быть больше текущей даты!')
- }
-
- $('button[id*="update"][id*="' + attribute + '"][attribute*="' + attribute + '"]').prop('disabled', true);
- return;
- }
- $('button[id*="update"][id*="' + attribute + '"][attribute*="' + attribute + '"]').prop('disabled', false);
- UpdateSelectorsDate (date_start, date_end, atribut_group_name, postfix, id);
- }
-
- function ModeChanges (attribute, value) {
- let attribute_split_DOM = attribute.split('-');
- let atribut_group_name = attribute_split_DOM[0];
- let postfix = attribute_split_DOM[1];
- let id = attribute_split_DOM[2];
-
- let cluster_select = $('[id*="cluster-select"][attribute="' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
- let store_select = $('[id*="store-select"][attribute="' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
-
- switch (parseInt(value)) {
- case 0:
-
- cluster_select.val(null);
- cluster_select.prop('disabled', true);
- cluster_select.trigger('change');
-
- store_select.val(null);
- store_select.empty();
- store_select.prop('disabled', true);
- store_select.trigger('change');
-
- break;
- case 1:
-
- cluster_select.val(null);
- cluster_select.prop('disabled', true);
- cluster_select.trigger('change');
-
- store_select.val(null);
- store_select.empty();
- store_select.prop('disabled', true);
- store_select.trigger('change');
-
- break;
- case 2:
- cluster_select.val(null);
- cluster_select.prop('disabled', false);
- cluster_select.trigger('change');
-
- store_select.val(null);
- store_select.empty();
- store_select.prop('disabled', true);
- store_select.trigger('change');
-
- break;
- case 3:
- cluster_select.val(null);
- cluster_select.prop('disabled', false);
- cluster_select.trigger('change');
-
- store_select.val(null);
- store_select.empty();
- store_select.prop('disabled', false);
- store_select.trigger('change');
-
- break;
- }
- }
-
- function ClusterChanges (attribute, value) {
- let attribute_split_DOM = attribute.split('-');
- let atribut_group_name = attribute_split_DOM[0];
- let postfix = attribute_split_DOM[1];
- let id = attribute_split_DOM[2];
-
- let store_select = $('[id*="store-select-' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
-
- store_select.empty();
-
- store_select.select2({
- data: [stores_in_cluster_array[attribute][value]],
- placeholder: 'Выберите магазин',
- minimumResultsForSearch: -1
- });
-
- store_select.val(null);
-
- store_select.trigger('change');
- }
-
- function UpdateClick (attribute_DOM) {
- let attribute_split_DOM = attribute_DOM.split('-');
- let atribut_group_name = attribute_split_DOM[0];
- let postfix = attribute_split_DOM[1];
- let id = attribute_split_DOM[2];
-
- let date_start = $('input[id*="date-start"][id*="' + attribute_DOM + '"]').val();
- let date_end = $('input[id*="date-end"][id*="' + attribute_DOM + '"]').val();
- let mode = $('select[id*="mode-select"][id*="' + attribute_DOM + '"]').val();
- let cluster = $('select[id*="cluster-select"][id*="' + attribute_DOM + '"]').val();
- let store = $('select[id*="store-select"][id*="' + attribute_DOM + '"]').val();
- let shift = $('select[id*="shift-select"][id*="' + attribute_DOM + '"]').val();
-
- if (date_start > date_end) {
- return;
- }
-
- $('button[id*="update"][id*="' + attribute_DOM + '"][attribute*="' + attribute_DOM + '"]').prop('disabled', true);
-
- var csrfToken = $('meta[name="csrf-token"]').attr("content");
-
- let data = {
- date_start: date_start,
- date_end: date_end,
- mode: mode,
- cluster: cluster,
- store: store,
- attribute: atribut_group_name,
- shift: shift,
- _csrf : csrfToken
- }
-
- $.ajax({
- url: '/charts-for-management/get-data-ajax',
- method: 'POST',
- dataType: 'json',
- data: data,
- success: function(data) {
- ChartUpdate (data.data_answer.attribute, data.chart_opts, atribut_group_name, postfix, id);
- $('button[id*="update"][id*="' + attribute_DOM + '"][attribute*="' + attribute_DOM + '"]').trigger('update_series');
- }
- });
- }
-
- function ChartUpdate (data, options, atribut_group_name, postfix, id = '') {
-
- let data_view = [];
-
- Object.keys(data).forEach((index) => {
- data_view.push(data[index]);
- });
-
- ApexCharts.exec((atribut_group_name + '-' + postfix + ((id !== '') ? ('-' + id) : '')), 'updateSeries', data_view, false, true);
-
- if (options !== null) {
- ApexCharts.exec((atribut_group_name + '-' + postfix + ((id !== '') ? ('-' + id) : '')), 'updateOptions', options);
- }
- }
-
- function CreateChart (chart_type, atribut_group_name, postfix, id = '') {
- charts_options[chart_type].chart.id = (atribut_group_name + '-' + postfix + ((id !== '') ? ('-' + id) : ''))
- let chart = new ApexCharts(document.querySelector("#chart-panel-" + atribut_group_name + '-' + postfix + ((id !== '') ? ('-' + id) : '')), charts_options[chart_type]);
- chart.render();
-
- }
-
- $('input[id*="date-start"], input[id*="date-end"]').on('change', function() {
- let attribute_DOM = this.attributes.attribute.value;
-
- DateChanges (attribute_DOM);
- });
-
- function UpdateSelectorsDate (date_start, date_end, atribut_group_name, postfix, id = undefined) {
- let dates = {
- date_start: date_start,
- date_end: date_end
- };
-
- let stores_step;
- let clusters;
- let stores_in_cluster;
-
- $.ajax({
- url: '/charts-for-management/get-control-data-ajax',
- method: 'POST',
- dataType: 'json',
- data: dates,
- success: function(answer) {
- let cluster_select = $('[id*="cluster-select-' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
- let store_select = $('[id*="store-select-' + atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '') + '"]');
-
- stores_step = answer.stores_step;
- clusters = answer.clusters;
- console.log(clusters);
- stores_in_cluster = answer.stores_in_cluster;
- console.log(stores_in_cluster);
- //TODO Костыль
- if (atribut_group_name === 'write_offs') {
- Object.keys(stores_in_cluster).forEach((cluster_id) => {
- Object.keys(stores_in_cluster[cluster_id]['children']).forEach((key) => {
- if (stores_in_cluster[cluster_id]['children'][key].id == 4 ) {
- stores_in_cluster[cluster_id]['children'][key].text = 'Аэродромная + Доставка'
- }
- })
- })
-
- }
-
- stores_in_cluster_array[atribut_group_name + ((postfix !== undefined) ? ('-' + postfix) : '') + ((id !== undefined) ? ('-' + id) : '')] = stores_in_cluster;
-
-
- cluster_select.select2({
- data: clusters,
- placeholder: 'Выберите куст',
- minimumResultsForSearch: -1,
- });
-
- cluster_select.val(null);
-
- cluster_select.trigger('change');
-
- store_select.val(null);
- store_select.empty();
- store_select.trigger('change');
- }
- });
- }
-
- $('select[id*="mode-select"]').on('change', function() {
- let attribute = this.attributes.attribute.value;
-
- ModeChanges (attribute, this.value)
- })
-
- $('select[id*="cluster-select"]').on('change', function() {
- if (this.value === null || this.value === '') {
- return;
- }
-
- let attribute = this.attributes.attribute.value;
-
- ClusterChanges (attribute, this.value);
- });
-
- $('#update-controls').on('click', function() {
-
- let date_start = $('input[id*="date-start"][id*="main"]').val();
- let date_end = $('input[id*="date-end"][id*="main"]').val();
- let mode = $('select[id*="mode-select"][id*="main"]').val();
- let cluster = $('select[id*="cluster-select"][id*="main"]').val();
- let store = $('select[id*="store-select"][id*="main"]').val();
- let shift = $('select[id*="shift-select"][id*="main"]').val()
-
- $('input[id*="date-start"][id*="default"]').val(date_start);
- $('input[id*="date-end"][id*="default"]').val(date_end).trigger('change');
-
- setTimeout(function() {
- $('select[id*="mode-select"][id*="default"]').val(mode).trigger('change');
- $('select[id*="cluster-select"][id*="default"]').val(cluster).trigger('change');
- $('select[id*="store-select"][id*="default"]').val(store).trigger('change');
- $('select[id*="shift-select"][id*="default"]').val(shift).trigger('change');
- }, 1000 / (5));
-
- setTimeout(function() {
- $('button[id*="update"][id*="default-chart"]').trigger('click');
- }, 1000/(5))
- });
-
- $('#date-start-main').val(default_date_start);
- $('#date-end-main').val(default_date_end).trigger('change');
-
- $('#mode-select-main').trigger('change');
-
- $('button[id="update-controls"][attribute="main"]').trigger('click');
-
- $('button[id*="update"]:not([attribute*="main"])').on('click', function() {
- let attribute_DOM = this.attributes.attribute.value;
-
- UpdateClick (attribute_DOM);
- });
-
- $('button[id*="update"]:not([attribute*="main"])').on('update_series', function() {
-
- let attribute_DOM = this.attributes.attribute.value;
- let attribute_split_DOM = attribute_DOM.split('-');
- let atribut_group_name = attribute_split_DOM[0];
- let postfix = attribute_split_DOM[1];
- let id = attribute_split_DOM[2];
-
- $('button[id*="update"][id*="' + attribute_DOM + '"][attribute*="' + attribute_DOM + '"]').prop('disabled', false);
- });
-JS
-);
-?>
-
-<div class="p-8">
- <h1>
- Показатели компании
- </h1>
- <div id="panel-charts-main" style="min-width: 200px">
- <h4>Общая форма</h4>
- <div id="control-charts-main" attribute="main">
- <div class="" id="inputs-row-main">
- <hr class="my-2 border-white" style="mix-blend-mode: difference">
- <div class="mt-2" id="information-row-main" attribute="main">
- </div>
- <div class="mt-2 d-flex flex-row justify-content-between" id="date-row-main"
- attribute="main">
- <?= Html::input(
- 'date',
- null,
- '',
- [
- 'class' => 'w-40',
- 'id' => 'date-start-main',
- 'attribute' => 'main'
- ]
- ) ?>
- <?= Html::input(
- 'date',
- null,
- '',
- [
- 'class' => 'w-40',
- 'id' => 'date-end-main',
- 'attribute' => 'main'
- ]
- ) ?>
- </div>
- <div class="my-2 d-flex flex-row justify-content-between" id="data-row-main"
- attribute="main">
- <div class="w-30 mw-30">
- <?= Select2::widget([
- 'name' => '',
- //'value' => 1,
- 'data' => $access['main']['mode_level'],
- 'options' => [
- 'id' => 'mode-select-main',
- 'style' => 'width:100%',
- 'attribute' => 'main'
- ],
- 'pluginOptions' => [
- 'allowClear' => true,
- 'minimumResultsForSearch' => -1
- ],
- ]) ?>
- </div>
- <div class="w-30 mw-30">
- <?= Select2::widget([
- 'name' => '',
- 'data' => [],
- 'options' => [
- 'placeholder' => 'Выберите куст',
- 'id' => 'cluster-select-main',
- 'attribute' => 'main',
- 'style' => 'width:100%',
- ],
- 'pluginOptions' => [
- 'allowClear' => true,
- 'minimumResultsForSearch' => -1
- ],
- ]) ?>
- </div>
- <div class="w-30 mw-30">
- <?= Select2::widget([
- 'name' => '',
- 'data' => [],
- 'options' => [
- 'placeholder' => 'Выберите магазин',
- 'id' => 'store-select-main',
- 'style' => 'width:100%',
- 'attribute' => 'main'
- ],
- 'pluginOptions' => [
- 'allowClear' => true,
- 'minimumResultsForSearch' => -1
- ],
- ]) ?>
- </div>
- </div>
- <div class="my-2 d-flex flex-row justify-content-between" id="shift-row-main"
- attribute="main">
- <div class="w-100 mw-100">
- <?= Select2::widget([
- 'name' => '',
- 'value' => (isset($access['main']['mode_shift'][3]) ? 3 : ((isset($access['main']['mode_shift'][1])) ? 1 : 2)),
- 'data' => $access['main']['mode_shift'],
- 'options' => [
- 'placeholder' => '',
- 'id' => 'shift-select-main',
- 'style' => 'width:100%',
- 'attribute' => 'main',
-
- ],
- 'pluginOptions' => [
- 'allowClear' => true,
- 'minimumResultsForSearch' => -1,
- ],
- ]) ?>
- </div>
- </div>
- <div class="d-flex flex-row justify-content-between" id="button-row-main"
- attribute="main">
- <button class="btn btn-danger disabled" style="opacity: 0;" id="joke-main">-</button>
- <button class="btn btn-success" id="update-controls"
- attribute="main">Обновить
- </button>
- </div>
- <hr class="my-2 border-white" style="mix-blend-mode: difference">
- </div>
- </div>
- </div>
- <div class="row">
- <div class="mt-2 row">
- <?php if ($access['plan_completed_this_day']['visible']): ?>
- <div class="col">
- <?= $this->render('radial-chart', [
- 'attribute_name' => 'plan_completed_this_day',
- 'title' => 'Выполнение плана на текущий день',
- 'chart_type' => 'radio_chart_options',
- 'access' => $access['plan_completed_this_day']
- ]) ?>
- </div>
- <?php endif; ?>
- <?php if ($access['plan_completed_this_month']['visible']): ?>
- <div class="col">
- <?= $this->render('radial-chart', [
- 'attribute_name' => 'plan_completed_this_month',
- 'title' => 'Выполнение плана на конец месяца',
- 'chart_type' => 'radio_chart_options',
- 'access' => $access['plan_completed_this_month']
- ]) ?>
- </div>
- <div class="w-100"></div>
- <?php endif; ?>
- <?php if ($access['sales']['visible']): ?>
- <div class="col">
- <?= $this->render('chart', [
- 'attribute_name' => 'sales',
- 'title' => 'Продажи',
- 'chart_type' => 'default_chart_options',
- 'access' => $access['sales']
- ]) ?>
- </div>
- <?php endif; ?>
- <?php if ($access['avg_sales_value']['visible']): ?>
- <div class="col">
- <?= $this->render('chart', [
- 'attribute_name' => 'avg_sales_value',
- 'title' => 'Средний чек',
- 'chart_type' => 'default_chart_options',
- 'access' => $access['avg_sales_value']
- ]) ?>
- </div>
- <?php endif; ?>
- <div class="w-100"></div>
- <?php if ($access['fot']['visible']): ?>
- <div class="col">
- <?= $this->render('chart', [
- 'attribute_name' => 'fot',
- 'title' => 'Доля ФОТ',
- 'chart_type' => 'fot_chart_options',
- 'access' => $access['fot']
- ]) ?>
- </div>
- <?php endif; ?>
- <?php if ($access['sales_sum_on_admin']['visible']): ?>
- <div class="col">
- <?= $this->render('chart', [
- 'attribute_name' => 'sales_sum_on_admin',
- 'title' => 'Продажи на сотрудника',
- 'chart_type' => 'one_admin_sales_options',
- 'access' => $access['sales_sum_on_admin']
- ]) ?>
- </div>
- <?php endif; ?>
- <div class="w-100"></div>
- <?php if ($access['user_bonus']['visible']): ?>
- <div class="col-12">
- <?= $this->render('users_bonus-chart', [
- 'attribute_name' => 'user_bonus',
- 'title' => 'Пользователи бонусной программы',
- 'chart_type' => 'count_sales_chart_options',
- 'access' => $access['user_bonus']
- ]) ?>
- </div>
- <?php endif; ?>
- <div class="col-12">
- <?= $this->render('chart', [
- 'attribute_name' => 'matrix_sales_sum',
- 'title' => 'Продажи матрицы',
- 'chart_type' => 'matrix_sales_chart_options',
- 'access' => $access['matrix_sales_sum']
- ]) ?>
- </div>
- <?php if ($access['count_sales_in_hour']['visible']): ?>
- <div class="col-12">
- <?= $this->render('chart', [
- 'attribute_name' => 'count_sales_in_hour',
- 'title' => 'Продажи в час',
- 'chart_type' => 'count_sales_in_hour_chart_options',
- 'access' => $access['count_sales_in_hour']
- ]) ?>
- </div>
- <?php endif; ?>
- <?php if ($access['write_offs']['visible']): ?>
- <div class="col-12">
- <?= $this->render('write_offs-chart', [
- 'attribute_name' => 'write_offs',
- 'title' => 'Списания',
- 'chart_type' => 'write_offs_chart_options',
- 'access' => $access['write_offs']
- ]) ?>
- </div>
- <?php endif; ?>
- </div>
- </div>
-</div>
\ No newline at end of file
projects / erp24_rep / yii-erp24 / .git / commitdiff