kiwitcms/Kiwi

import { jsonRPC } from '../../../../../static/js/jsonrpc'
import { showOnlyRoundNumbers } from './utils'
 
export function initializePage () {
    // widget not relevant in this context
    $('#version_and_build').hide()
}
 
export function reloadCharts () {
    const query = {}
 
    const testPlanIds = $('#id_test_plan').val()
    const productIds = $('#id_product').val()
 
    if (testPlanIds.length) {
        query.plan__in = testPlanIds
    } else if (productIds.length) {
        query.category__product_id__in = productIds
    }
 
    const dateBefore = $('#id_before')
Similar blocks of code found in 10 locations. Consider refactoring.
    if (dateBefore.val()) {
        query.create_date__lte = dateBefore.data('DateTimePicker').date().format('YYYY-MM-DD 23:59:59')
    }
 
    const dateAfter = $('#id_after')
Similar blocks of code found in 10 locations. Consider refactoring.
    if (dateAfter.val()) {
        query.create_date__gte = dateAfter.data('DateTimePicker').date().format('YYYY-MM-DD 00:00:00')
    }
 
    const testRunSummary = $('#id_test_run_summary').val()
    if (testRunSummary) {
        query.executions__run__summary__icontains = testRunSummary
    }
 
    jsonRPC('Testing.breakdown', query, result => {
        drawAutomatedBar(result.count)
        drawPrioritiesChart(result.priorities)
        drawCategoriesChart(result.categories)
    }, true)
}
 
function drawAutomatedBar (count) {
    d3.select('#total-count')
        .style('font-weight', 'bold')
        .style('font-size', '18px')
        .text(count.all)
 
    d3.selectAll('.progress-bar')
        .attr('aria-valuemin', '0')
        .attr('aria-valuemax', '100')
 
    d3.select('.automated-legend-text > span').remove()
    d3.select('.manual-legend-text > span').remove()
 
    d3.select('.automated-legend-text')
        .append('span')
        .text(` - ${count.automated}`)
 
    d3.select('.manual-legend-text')
        .append('span')
        .text(` - ${count.manual}`)
 
    const automatedPercent = count.automated / count.all * 100
 
Similar blocks of code found in 2 locations. Consider refactoring.
    d3.select('.automated-bar')
        .attr('aria-valuenow', `${automatedPercent}`)
        .attr('title', `${count.automated} Automated`)
        .style('width', `${automatedPercent}%`)
 
    const manualPercent = count.manual / count.all * 100
 
Similar blocks of code found in 2 locations. Consider refactoring.
    d3.select('.manual-bar')
        .attr('aria-valuenow', `${manualPercent}`)
        .attr('title', `${count.manual} Manual`)
        .style('width', `${manualPercent}%`)
}
 
function drawPrioritiesChart (priorities) {
    drawChart(priorities, 'priority', '#priorities-chart')
}
 
function drawCategoriesChart (categories) {
    drawChart(categories, 'category', '#categories-chart')
}
 
Function `drawChart` has 48 lines of code (exceeds 25 allowed). Consider refactoring.
function drawChart (data, type, selector) {
    const categories = new Set()
    const groups = [[]]
    const chartData = []
 
    Object.values(data).forEach(entry => {
        Object.keys(entry).forEach(key => categories.add(key))
    })
 
    Object.entries(data).forEach(entry => {
        const group = entry[0]
        groups[0].push(group)
 
        const dataEntry = [group]
 
        categories.forEach(cat => {
            let count = entry[1][cat]
            if (!count) {
                count = 0
            }
            dataEntry.push(count)
        })
 
        chartData.push(dataEntry)
    })
 
    const chartConfig = $().c3ChartDefaults().getDefaultStackedBarConfig()
    chartConfig.bindto = selector
    chartConfig.axis = {
        x: {
            categories: Array.from(categories),
            type: 'category'
        },
        y: {
            tick: {
                format: showOnlyRoundNumbers
            }
        }
    }
    chartConfig.data = {
        columns: chartData,
        groups,
        type: 'bar',
        order: null
    }
    chartConfig.color = {
        pattern: [
            $.pfPaletteColors.blue,
            $.pfPaletteColors.red100
        ]
    }
    chartConfig.grid = {
        show: false
    }
 
    c3.generate(chartConfig)
}