pAvaliacoesRealizadas-LinhaDeBase.html

<style type="text/css" media="screen">
    /* Put your CSS styling here */
    thead {
        background-color: #FFC000;
        font-weight: bold;
        text-align: center;
    }

    tfoot {
        font-weight: bold;
    }

    .report-header {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 50px;
    }

    table {
        margin-left: auto;
        margin-right: auto;
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
    }

    .headerDescription {
        text-align: center;
        margin: 0px;
    }

    .title {
        text-align: center;
        font-weight: bold;
    }

    .parameters {
        text-align: justify;
        font-weight: 300px;
    }
</style>

<script type="text/javascript">

    const IMD_STARTDATE = new Date(2021, 03, 01, 0, 0, 0, 0);


    // Put your javascript functions here

    /**
     * Get the columns of the HF Level report
     * @return columns
     * @Params:
     * healthFacility
     * startDate - first day of the report
     *
    */
    function getReportDetailsHF(healthFacility, date) {
        let columns = {};
        //$("#orgUnitLevel").html("Unidade Sanitária");
        let validEvaluationsPercentage = 0;
        let percentageOfEvaluationsPerformed = 0;
        let percentageOfEvaluationsPerformedSum = 0;
        const program = "F3ymOKlvuUW";
        const dataDeAvaliacao = "h0R13fKbayt";
        const dataDeAvaliacaoStartDate = IMD_STARTDATE;
        const dataDeAvaliacaoEndDate = date;
        const tipoDeAvaliacao = "pJPdby9yw6Q:EQ:Linha de Base";
        const enrollAnalytics = "../api/analytics/enrollments/query/" + program
            + "?dimension=ou:" + healthFacility.id
            + "&dimension=" + dataDeAvaliacao + ":GE:" + dataDeAvaliacaoStartDate.toISOString().substring(0, 10) + ":LE:" + dataDeAvaliacaoEndDate.toISOString().substring(0, 10)
            + "&startDate=1970&endDate=9999"
            + "&dimension=" + tipoDeAvaliacao;

        return fetch("../api/organisationUnits/" + healthFacility.id + ".json?fields=id,name,children[id,name,openingDate,programs],openingDate,programs[id]")
            .then((response) => response.json())
            .then((orgDetails) => {
                if (orgDetails.programs.find((p) => p.id === program)) {
                    return fetch(enrollAnalytics)
                }
                else
                    throw new Error("A US não implementa VBG");

            })
            .then((response) => response.json())
            .then(function (json) {
                var baseline = json.height;

                columns['healthFacilityName'] = healthFacility.name;
                columns['baseline'] = baseline;
                columns['percentagemLinhaDeBaseRealizada'] = json.height * 100;
                return fetch("../api/organisationUnits/" + healthFacility.id + ".json?fields=id,name,level,openingDate")
            })
            .then((response) => response.json())
            .then((orgUnitDetails) => {
                // Realizadas a tempo
                const BASELINE_DAYS = 30;
                const startDate = new Date(orgUnitDetails.openingDate);
                const endDate = new Date(orgUnitDetails.openingDate);
                endDate.setDate(endDate.getDate() + BASELINE_DAYS);

                const enrollAnalyticsR = "../api/analytics/enrollments/query/" + program
                    + "?dimension=ou:" + healthFacility.id
                    + "&dimension=" + dataDeAvaliacao + ":GE:" + startDate.toISOString().substring(0, 10) + ":LE:" + endDate.toISOString().substring(0, 10)
                    + "&startDate=1970&endDate=9999"
                    + "&dimension=" + tipoDeAvaliacao;


                return fetch(enrollAnalyticsR)
            }).then((response) => response.json())
            .then(function (json) {
                columns['realizadasAtempo'] = json.height;
        
            }).then(function (json) {
                return fetch(enrollAnalytics)
            })
            .then((response) => response.json())
            .then(function (json) {
                var baseline = json.height;     
                 if (columns['realizadasAtempo'] == 0)
                    columns['percentagemRealizadasAtempo'] = 0
                else
                    columns['percentagemRealizadasAtempo'] = parseInt((baseline / columns['realizadasAtempo']) * 100);

                return columns;
         
            });




    }

    /**
     * Get the columns of the district Level report
     * @Params:
     * district
     * startDate - first day of the report
    */
    function getReportDetailsDistrict(district, date) {

        let totals = {
            name: district.name,
            expectedBaseLineCount: 0,
            performedBaseLineCount: 0,
            inTimePerformedBaseLineCount: 0,
            performedBaseLineCountPercentage: 0,
            inTimePerformedBaseLineCountPercentage: 0
        };

        let rows = [];

        let childrens = district.children.map((healthFacility) => {
            return getReportDetailsHF(healthFacility, date);
        });

        return Promise.allSettled(childrens).then((values) => {
            values.forEach((result) => {
                if (result.value) {
                    let columns = result.value;

                    totals.expectedBaseLineCount += 1
                    totals.performedBaseLineCount += columns['baseline'];
                    totals.inTimePerformedBaseLineCount += columns['realizadasAtempo'];
                    rows.push(columns);
                }
                else
                    console.log(result.reason);

            })
            totals.expectedBaseLineCount == 0 ? 0 : totals.performedBaseLineCountPercentage = parseInt(totals.performedBaseLineCount / totals.expectedBaseLineCount * 100);
            totals.performedBaseLineCount == 0 ? 0 : totals.inTimePerformedBaseLineCountPercentage = parseInt(totals.inTimePerformedBaseLineCount / totals.performedBaseLineCount * 100);
            rows.push(totals);

            return rows;

        });

    }


    /**
     * Get the columns of the Provincial Level report
     * @Params:
     * province
     * startDate - first day of the report
    */
    function getReportDetailsProvincial(province, startDate) {
        let totals = {
            name: province.name,
            expectedBaseLineCount: 0,
            performedBaseLineCount: 0,
            inTimePerformedBaseLineCount: 0,
            performedBaseLineCountPercentage: 0,
            inTimePerformedBaseLineCountPercentage: 0
        };

        let rows = [];

        let childrens = province.children.map((district) => {
            return fetch("../api/organisationUnits/" + district.id + ".json?fields=id,name,level,children[id, name]")
                .then((response) => response.json())
                .then((districtDetails) => {
                    return getReportDetailsDistrict(districtDetails, startDate);
                });
        });

        return Promise.allSettled(childrens).then((values) => {
            values.forEach((result) => {
                if (result.value) {
                    let healthFacilities = result.value;
                    let districtTotals = healthFacilities.at(-1);


                    totals.expectedBaseLineCount += districtTotals.expectedBaseLineCount;
                    totals.performedBaseLineCount += districtTotals.performedBaseLineCount;
                    totals.inTimePerformedBaseLineCount += districtTotals.inTimePerformedBaseLineCount;
                    rows.push(districtTotals);
                }
                else
                    console.log(result.reason);

            })
            totals.expectedBaseLineCount == 0 ? 0 : totals.performedBaseLineCountPercentage = parseInt(totals.performedBaseLineCount / totals.expectedBaseLineCount * 100);
            totals.performedBaseLineCount == 0 ? 0 : totals.inTimePerformedBaseLineCountPercentage = parseInt(totals.inTimePerformedBaseLineCount / totals.performedBaseLineCount * 100);
            rows.push(totals);

            return rows;

        });



    }

    /**
     * Get the columns of the National Level report
     * @Params:
     * province
     * endDate - final day of the report
    */

    function getReportDetailsNational(nation, endDate) {
        let totals = {
            expectedBaseLineCount: 0,
            performedBaseLineCount: 0,
            inTimePerformedBaseLineCount: 0,
            performedBaseLineCountPercentage: 0,
            inTimePerformedBaseLineCountPercentage: 0
        };


        let rows = [];

        let childrens = nation.children.map((province) => {
            return fetch("../api/organisationUnits/" + province.id + ".json?fields=id,name,level&level=2&paging=false")
                .then((response) => response.json())
                .then(({ organisationUnits }) => [province.name, organisationUnits]);
        });

        return Promise.allSettled(childrens)
            .then((values) => {

                values.forEach(v => {
                    if (v.status === "fulfilled") {
                        const [provinceNAme, healthFacilities] = v.value;
                        healthFacilityMap.set(provinceNAme, healthFacilities);
                    } else {
                        console.error(`Erro ao carregar provincia: ${v.reason}`);
                    }
                });

            })
            .then(() => {

                const program = "F3ymOKlvuUW";
                const dataDeAvaliacao = "h0R13fKbayt";
                const dataDeAvaliacaoStartDate = IMD_STARTDATE;
                const dataDeAvaliacaoEndDate = endDate;
                const tipoDeAvaliacao = "pJPdby9yw6Q:EQ:Linha de Base";
                const enrollAnalytics = "../api/analytics/enrollments/query/" + program
                    + "?dimension=ou:" + "LEVEL-2"
                    + "&dimension=" + dataDeAvaliacao + ":GE:" + dataDeAvaliacaoStartDate.toISOString().substring(0, 10) + ":LE:" + dataDeAvaliacaoEndDate.toISOString().substring(0, 10)
                    + "&startDate=1970&endDate=9999"
                    + "&dimension=" + tipoDeAvaliacao;

                return fetch(enrollAnalytics);

                // TODO fetch enrollAnalytics for realizadas a tempo.

            })
            .then((response) => response.json())
            .then((json) => {

                const inverseMap = new Map();
                for (const [province, hfs] of healthFacilityMap) {
                    for (const hf of hfs) {
                        inverseMap.set(hf.name, province);
                    }
                }

                const perProvinceTotals = new Map(Array.from(healthFacilityMap, ([province, hfs]) => {
                    return [province, {
                        expectedBaseLineCount: hfs.length,
                        performedBaseLineCount: 0,
                        inTimePerformedBaseLineCount: 0,
                        performedBaseLineCountPercentage: 0,
                        inTimePerformedBaseLineCountPercentage: 0
                    }];
                }));

                const nameIndex = json.headers.findIndex((h) => h.name === "ouname");
                for (const row of json.rows) {
                    const hf = row[nameIndex];
                    const province = inverseMap.get(hf);
                    const current = perProvinceTotals.get(province);
                    current.performedBaseLineCount += 1;
                }

                const totals = {
                    expectedBaseLineCount: 0,
                    performedBaseLineCount: 0,
                    inTimePerformedBaseLineCount: 0,
                    performedBaseLineCountPercentage: 0,
                    inTimePerformedBaseLineCountPercentage: 0
                }
                const rows = [];
                for (const [province, counts] of perProvinceTotals) {

                    totals.expectedBaseLineCount += counts.expectedBaseLineCount;
                    totals.performedBaseLineCount += counts.performedBaseLineCount;
                    totals.inTimePerformedBaseLineCount += counts.inTimePerformedBaseLineCount;


                    if (counts.expectedBaseLineCount !== 0) {
                        counts.performedBaseLineCountPercentage = parseInt(counts.performedBaseLineCount / counts.expectedBaseLineCount * 100);
                    }


                    if (counts.performedBaseLineCount !== 0) {
                        counts.inTimePerformedBaseLineCountPercentage = parseInt(counts.inTimePerformedBaseLineCount / counts.performedBaseLineCount * 100);
                    }

                    rows.push({ name: province, ...counts });
                }

                if (totals.expectedBaseLineCount !== 0) {
                    totals.performedBaseLineCountPercentage = parseInt(totals.performedBaseLineCount / totals.expectedBaseLineCount * 100);
                }


                if (totals.performedBaseLineCount !== 0) {
                    totals.inTimePerformedBaseLineCountPercentage = parseInt(totals.inTimePerformedBaseLineCount / totals.performedBaseLineCount * 100);
                }

                rows.push(totals);

                return rows;

            });



    }

    $(document).ready(function () {

        $("#notImplementingVBG").hide();
        var date = new Date();
        var orgUnit = dhis2.report.organisationUnit;
        var today = new Date().toLocaleString("pt-PT");


        $("#today").html(today);
        var fullYear = date.getFullYear();
        var month = date.getMonth() + 1;
        $("#reportPeriod").html(IMD_STARTDATE.toLocaleDateString("pt-PT") + " - " + date.toLocaleDateString("pt-PT"));


        //Get organisation unit and check the level
        $.get("../api/organisationUnits/" + orgUnit.id + ".json?fields=id,name,level,children[id, name]", function (json) {
            var levels = ['Províncias', 'Distritos', 'Unidades Sanitárias', 'Unidade Sanitária']
            var level = json.level;
            switch (level) {
                case 1:
                    $("#reportLevel").html("<b> Nacional: </b>" + orgUnit.name);
                    $("#orgUnitLevel").html(levels[0]);
                    getReportDetailsNational(json, date).then((rows) => {
                        rows.slice(0, -1)
                            .forEach((province) => {
                                $('#tblOrgainzationUnits').append('<tr><td>' + province.name
                                    + '</td> <td>' + province.expectedBaseLineCount + '</td> <td>'
                                    + province.performedBaseLineCount + '</td> <td>' + province.performedBaseLineCountPercentage +
                                    '%</td> <td>' + province.inTimePerformedBaseLineCount + '</td> <td>'
                                    + province.inTimePerformedBaseLineCountPercentage + '%</td></tr>');

                            })
                        $('#tblTotal').append('<tr><td>Total</td> <td>' + rows.at(-1).expectedBaseLineCount + '</td> <td>' +
                            rows.at(-1).performedBaseLineCount + '</td> <td>' + rows.at(-1).performedBaseLineCountPercentage +
                            '%</span></td> <td>' + rows.at(-1).inTimePerformedBaseLineCount +
                            '</td> <td>' + rows.at(-1).inTimePerformedBaseLineCountPercentage + '%</td></tr>');
                    }).finally(() => $("#loader").hide());
                    break;
                case 2:
                    $("#reportLevel").html("<b>Provincial: </b>" + orgUnit.name);
                    $("#orgUnitLevel").html(levels[1]);
                    getReportDetailsProvincial(json, date)
                        .then((rows) => {
                            rows.slice(0, -1)
                                .forEach((district) => {
                                    $('#tblOrgainzationUnits').append('<tr><td>' + district.name
                                        + '</td> <td>' + district.expectedBaseLineCount + '</td> <td>'
                                        + district.performedBaseLineCount + '</td> <td>'
                                        + district.performedBaseLineCountPercentage
                                        + '%</td> <td>' + district.inTimePerformedBaseLineCount + '</td> <td>'
                                        + district.inTimePerformedBaseLineCountPercentage + '%</td></tr>');

                                })
                            $('#tblTotal').append('<tr><td>Total</td> <td>' + rows.at(-1).expectedBaseLineCount
                                + '</td> <td>' + rows.at(-1).performedBaseLineCount
                                + '</td> <td>' + rows.at(-1).performedBaseLineCountPercentage
                                + '%</span></td> <td>' + rows.at(-1).inTimePerformedBaseLineCount + '</td> <td>'
                                + rows.at(-1).inTimePerformedBaseLineCountPercentage + '%</td></tr>');
                        }).finally(() => $("#loader").hide());
                    break;

                case 3:
                    $("#reportLevel").html("<b>Distrital: </b>" + orgUnit.name);
                    $("#orgUnitLevel").html(levels[2]);


                    getReportDetailsDistrict(json, date)
                        .then((rows) => {
                            rows.slice(0, -1)
                                .forEach((columns) => {
                                    $('#tblOrgainzationUnits').append('<tr><td>' + columns['healthFacilityName']
                                        + '</td><td><span>1</span></td> <td>'
                                        + columns['baseline'] + '</td> <td>' + columns['percentagemLinhaDeBaseRealizada'] +
                                        '%</td> <td>' + columns['realizadasAtempo'] + '</td> <td>'
                                        + columns['percentagemRealizadasAtempo'] + '%</td></tr>');

                                })
                            $('#tblTotal').append('<tr><td>Total</td> <td>' + rows.at(-1).expectedBaseLineCount + '</td> <td>' + rows.at(-1).performedBaseLineCount + '</td> <td>' + rows.at(-1).performedBaseLineCountPercentage + '%</span></td> <td>' + rows.at(-1).inTimePerformedBaseLineCount + '</td> <td>' + rows.at(-1).inTimePerformedBaseLineCountPercentage + '%</td></tr>');
                        }).finally(() => $("#loader").hide());
                    break;

                case 4:
                    $("#reportLevel").html("<b>Unidade Sanitária: </b>" + orgUnit.name);
                    $("#orgUnitLevel").html("Unidade Sanitária");
                    getReportDetailsHF(orgUnit, date).then(
                        (columns) => {
                            $('#tblOrgainzationUnits').append('<tr><td>' + columns['healthFacilityName'] + '</td><td><span>1</span></td> <td>'
                                + columns['baseline'] + '</td> <td>' + columns['percentagemLinhaDeBaseRealizada'] +
                                '%</td> <td>' + columns['realizadasAtempo'] + '</td> <td>'
                                + columns['percentagemRealizadasAtempo'] + '%</td></tr>');
                        }).catch((err) => {
                            $("#notImplementingVBG").show();
                            $("#healthF").html(orgUnit.name);
                            console.error(err);
                        }).finally(() => $("#loader").hide());
                    break;


            }

        });



        function getOrgUnit(orgUnitId) {

            const orgUnitDetails = fetch("../api/organisationUnits/" + orgUnitId + ".json?fields=id,name,level")
                .then((response) => response.json())
                .then((data) => {
                    return data;
                });

            const printOrgUnitDetails = async () => {
                const a = await orgUnitDetails;
            };
            return printOrgUnitDetails();
        }

    });

</script>

<div>

    <!-- Put your HTML mark-up here -->
    <header class="report-header">
        <img src="http://nuvem.jembi.org:44981/api/staticContent/logo_front" alt="Emblema">
    </header>
    <p class="headerDescription">República De Moçambique</p>
    <hr style="border: 1px solid #000; width: 100px ;">
    <p class="headerDescription">Ministério da Saúde</p>
    <p class="headerDescription">Direcção Nacional de Assistência Médica</p>
    <br>
    <p style="text-align: center; font-size: 15px; font-weight: bold;">INSTRUMENTO ELECTRÓNICO DE MEDIÇÃO DE DESEMPENHO
        DE SERVIÇOS DE
        CUIDADOS PÓS VIOLÊNCIA BASEADA NO GÉNERO (e- IMD VBG)</p>
    <br>
    <p class="title">Número de Avaliações Linha de Base Realizadas</p>
    <hr>
    <br>
    <p class="parameters"><b>Período de Avaliação:</b> <span id="reportPeriod"></span> </p>
    <p class="parameters"><b>Nivel </b> <span id="reportLevel"></span> </p>

    <table class="table">
        <thead>
            <tr>
                <th rowspan="2" id="orgUnitLevel"></th>
                <th rowspan="2">Avaliações Linha de Base Esperadas (x)</th>
                <th rowspan="2">Avaliações Linha de Base Realizadas (y)</th>
                <th rowspan="2"> % Avaliações Linha de Base Realizadas (y/x)*100</th>
                <th colspan="2"> Avaliações Linha de Base Realizadas a Tempo</th>
            </tr>
            <tr>
                <th>Nº (w)</th>
                <th>%(w/y)*100</th>
            </tr>
        </thead>
        <tbody id="tblOrgainzationUnits">
            <tr id="loader">
                <td colspan="6"> A processar os dados ...</td>
            </tr>
            <tr id="notImplementingVBG">
                <td colspan="6"> A US (<span style="font-weight: bold; font-style:italic;" id="healthF"></span>)
                    Selecionada não implementa o eIMD - VBG</td>
            </tr>

        </tbody>
        <tfoot id="tblTotal">
        </tfoot>
    </table>
    <p class="parameters"><b>Data de Geração:</b> <span id="today"></span> </p>
</div>