{% extends 'domaincontroll/menu.html' %} {% load static %} {% block menuOpen %}

{% endblock %} {% block jsCode %} let menuItem = document.getElementById('mainItem3'); menuItem.classList.add("active"); document.title = "Собственные сценарии"; let arrTabs = document.getElementsByName('tbs'); arrTabs[0].classList.add("active"); arrTabs[0].style.color="#fff"; let boxElems = document.getElementsByName('smallBox'); let maxHeight = 0; for (let box of boxElems) { if (box.clientHeight > maxHeight) maxHeight = box.clientHeight; } for (let box of boxElems) { if (box.clientHeight <= maxHeight) { box.style.paddingBottom = maxHeight - box.clientHeight + "px"; } } $(function () { let arrUniqueVal = [];// array of unique dates of finishing jobs let arrEnd = [];// array of dates of finishing jobs let arrStatus = [];// array of 1 and 0 let jobsTable = document.getElementById('jobsTable');// data table // a loop for filling in the array of unique dates for creating an x axis at the chart for(let row of jobsTable.children) { if (!(arrUniqueVal.includes(row.lastElementChild.innerHTML, 0)==1)) { arrUniqueVal.push(row.lastElementChild.innerHTML); } } for (let i=0; i < arrUniqueVal.length; i++) { for (let j=i+1; j < arrUniqueVal.length; j++) { if (arrUniqueVal[i] > arrUniqueVal[j]) { let buf=0; buf = arrUniqueVal[i]; arrUniqueVal[i] = arrUniqueVal[j]; arrUniqueVal[j] = buf; } } } var completedJobs = []; // an array for creating a chart - succeed jobs var failedJobs = [];// an array for creating a chart - failed jobs var completedJobs2 = []; var failedJobs2 = []; let counter = -1; let arrCountr=1; let a; let b; let newArr = []; for (let j=0; j < jobsTable.children.length; j++) { if (j == 0) {newArr.push([jobsTable.children[j].lastElementChild.innerHTML, 1, jobsTable.children[j].children[3].innerHTML]); continue;} for (let i = Object.keys(newArr).length-1; i >= 0; i--) { if (newArr[i][0] == jobsTable.children[j].lastElementChild.innerHTML) { newArr[i][1] = Number(newArr[i][1]) + 1; break; } else { newArr.push([jobsTable.children[j].lastElementChild.innerHTML, 1, jobsTable.children[j].children[3].innerHTML]); break; } } } for (let i=0; i < Object.keys(newArr).length; i++) { for (let j=i+1; j < Object.keys(newArr).length; j++) { let buf=0; if (Number(newArr[i][0].slice(0,2)) > Number(newArr[j][0].slice(0,2))) { /* buf = newArr[i][0]; newArr[i][0] = newArr[j][0]; newArr[j][0] = buf;*/ buf = newArr[i]; newArr[i] = newArr[j]; newArr[j] = buf; } } } for (let i = 0; i < Object.keys(newArr).length; i++) { if (Number(newArr[i][2]) == 1) { completedJobs.push({x:String(i), y:Number(newArr[i][1])}); failedJobs.push({x:String(i), y:0}); } else { failedJobs.push({x:String(i), y:Number(newArr[i][1])}); completedJobs.push({x:String(i), y:0}); } } $("#chart").shieldChart({ theme: "light", exportOptions: { image: false, print: false }, primaryHeader: { text: "" }, chartLegend: { align: 'right', verticalAlign: 'top', renderDirection: 'vertical' }, seriesSettings: { line: { enablePointSelection: true, pointMark: { activeSettings: { pointSelectedState: { drawWidth: 4, drawRadius: 4 } } } } }, axisY: { min: 0, max: 5, title: { text: "ЗАДАНИЯ", style: { color: '#000' } } }, axisX: { categoricalValues: arrUniqueVal, title: { text: "ВРЕМЯ", style: { color: '#000', fontSize: '16px' } } }, dataSeries: [{ seriesType: 'line', collectionAlias: "ВЫПОЛНЕНО", data: completedJobs }, { seriesType: 'line', color: '#dc3545', collectionAlias: "НЕ ВЫПОЛНЕНО", data: failedJobs }] }); }); {% endblock %} {% block mainHeader %} {% include 'playbooks/includes/inc_menu_ansible.html' %} {% endblock %} {% block wrapper %} {% include "playbooks/_modal.html" %}

{% if messages %} {% for message in messages %}

{% endfor %} {% endif %}

{% for object in object_list %} {% endfor %}

	Имя сценария	Дата создания	Описание
	{{object.name}}	{{object.create_at}}	{{object.description}}	{% if permissions.1.2 or is_admin %} {% endif %}
	Имя сценария	Дата создания	Описание

«
<
Стр. {{ page_obj.number }} из {{ page_obj.paginator.num_pages }}.
>
»

{% endblock %}