From 75c189380a6c5ca137a9d6f3e4b18ed4a89bf87e Mon Sep 17 00:00:00 2001
From: lucashimpens <lucas.himpens@tutamail.com>
Date: Wed, 10 Jul 2024 16:57:11 +0200
Subject: [PATCH] feat(tagstatistics): implementation of 1st screen

---
 .../DocumentationDatabaseService.java         |  38 ++
 .../webapp/ReportingCampaignStatistics.jsp    | 107 ++++++
 source/src/main/webapp/WEB-INF/web.xml        |   1 +
 .../main/webapp/include/global/header.html    |   1 +
 .../js/pages/ReportingCampaignStatistics.js   | 324 ++++++++++++++++++
 5 files changed, 471 insertions(+)
 create mode 100644 source/src/main/webapp/ReportingCampaignStatistics.jsp
 create mode 100644 source/src/main/webapp/js/pages/ReportingCampaignStatistics.js

diff --git a/source/src/main/java/org/cerberus/core/database/DocumentationDatabaseService.java b/source/src/main/java/org/cerberus/core/database/DocumentationDatabaseService.java
index bac653e57..7ccd8600f 100644
--- a/source/src/main/java/org/cerberus/core/database/DocumentationDatabaseService.java
+++ b/source/src/main/java/org/cerberus/core/database/DocumentationDatabaseService.java
@@ -2484,6 +2484,8 @@ public ArrayList<String> getSqlDocumentation() {
         b.append(",('page_header','menuReportingCampaignOverTime','','en','Campaign Report Over Time','',NULL)");
         b.append(",('page_header','menuReportingCampaignOverTime','','fr','Rapport de Campagne dans le temps','',NULL)");
         b.append(",('page_header','menuReportingCampaignOverTime','','fa','گزارش در طول زمان کمپین','',NULL)");
+        b.append(",('page_header','menuReportingCampaignStatistic','','en','Campaign Statistics','',NULL)");
+        b.append(",('page_header','menuReportingCampaignStatistic','','fr','Statistiques de Campagne','',NULL)");
         b.append(",('page_header','menuReportingExecutionList','','en','Execution List','',NULL)");
         b.append(",('page_header','menuReportingExecutionList','','fr','Liste d\\'Execution','',NULL)");
         b.append(",('page_header','menuReportingExecutionList','','fa','فهرست اجرا','',NULL)");
@@ -2793,6 +2795,42 @@ public ArrayList<String> getSqlDocumentation() {
         b.append(",('page_campaignreportovertime','title','','en','Campaign Execution reporting over Time','This page provide some execution stats over time.',NULL)");
         b.append(",('page_campaignreportovertime','title','','fa','گزارش اجرای کمپین در طول زمان','این صفحه برخی از آمارهای اجرا را در طول زمان ارائه می دهد.',NULL)");
         b.append(",('page_campaignreportovertime','title','','fr','Rapport d\\'execution des campagnes dans le temps','Cette page génère des rapports d\\'evolution de compteurs d\\'execution sur la durée',NULL)");
+        b.append(",('page_campaignstatistics','title','','en','Campaign Statistics','This page provide some statistics at a campaign level to follow up.',NULL)");
+        b.append(",('page_campaignstatistics','title','','fr','Statistiques de campagnes','Cette page propose des statistiques de campagne pour permettre le suivi.',NULL)");
+        b.append(",('page_campaignstatistics','labelSystemSelect','','fr','Système','',NULL)");
+        b.append(",('page_campaignstatistics','labelSystemSelect','','en','System','',NULL)");
+        b.append(",('page_campaignstatistics','labelApplicationSelect','','fr','Application','',NULL)");
+        b.append(",('page_campaignstatistics','labelApplicationSelect','','en','Application','',NULL)");
+        b.append(",('page_campaignstatistics','labelGroup1Select','','fr','Groupe 1 de campagne','',NULL)");
+        b.append(",('page_campaignstatistics','labelGroup1Select','','en','Campaign Group 1','',NULL)");
+        b.append(",('page_campaignstatistics','labelFromPicker','','fr','Du','',NULL)");
+        b.append(",('page_campaignstatistics','labelFromPicker','','en','From','',NULL)");
+        b.append(",('page_campaignstatistics','labelToPicker','','fr','Au','',NULL)");
+        b.append(",('page_campaignstatistics','labelToPicker','','en','To','',NULL)");
+        b.append(",('page_campaignstatistics','buttonDetailByCountryEnv','','fr','Détail par environnement et pays','',NULL)");
+        b.append(",('page_campaignstatistics','buttonDetailByCountryEnv','','en','Detail by country and environment','',NULL)");
+        b.append(",('page_campaignstatistics','buttonLoad','','fr','Charger','',NULL)");
+        b.append(",('page_campaignstatistics','buttonLoad','','en','Load','',NULL)");
+        b.append(",('page_campaignstatistics','campaign_col','','fr','Campagne','',NULL)");
+        b.append(",('page_campaignstatistics','campaign_col','','en','Campaign','',NULL)");
+        b.append(",('page_campaignstatistics','systems_col','','fr','Systèmes','',NULL)");
+        b.append(",('page_campaignstatistics','systems_col','','en','Systems','',NULL)");
+        b.append(",('page_campaignstatistics','applications_col','','fr','Applications','',NULL)");
+        b.append(",('page_campaignstatistics','applications_col','','en','Applications','',NULL)");
+        b.append(",('page_campaignstatistics','group1_col','','fr','Groupe 1','',NULL)");
+        b.append(",('page_campaignstatistics','group1_col','','en','Group 1','',NULL)");
+        b.append(",('page_campaignstatistics','minDateStart_col','','fr','Date de début minimale de la première exécution','',NULL)");
+        b.append(",('page_campaignstatistics','minDateStart_col','','en','Minimum start date','',NULL)");
+        b.append(",('page_campaignstatistics','maxDateEnd_col','','fr','Date de fin maximale de la dernière exécution','',NULL)");
+        b.append(",('page_campaignstatistics','maxDateEnd_col','','en','Maximum end date','',NULL)");
+        b.append(",('page_campaignstatistics','avgOK_col','','fr','Pourcentage moyen de OK','',NULL)");
+        b.append(",('page_campaignstatistics','avgOK_col','','en','Average percentage of OK','',NULL)");
+        b.append(",('page_campaignstatistics','avgDuration_col','','fr','Durée moyenne','',NULL)");
+        b.append(",('page_campaignstatistics','avgDuration_col','','en','Average duration','',NULL)");
+        b.append(",('page_campaignstatistics','avgReliability_col','','fr','Fiabilité moyenne','',NULL)");
+        b.append(",('page_campaignstatistics','avgReliability_col','','en','Average reliability','',NULL)");
+        b.append(",('page_campaignstatistics','avgNbExeUsefull_col','','fr','Nombre moyen d\\'exécutions utiles','',NULL)");
+        b.append(",('page_campaignstatistics','avgNbExeUsefull_col','','en','Average number of usefull executions','',NULL)");
         b.append(",('page_robot','button_create','','en','Create new Robot','',NULL)");
         b.append(",('page_robot','button_create','','fa','ایجاد ربات جدید','',NULL)");
         b.append(",('page_robot','button_create','','fr','Créer un nouveau Robot','',NULL)");
diff --git a/source/src/main/webapp/ReportingCampaignStatistics.jsp b/source/src/main/webapp/ReportingCampaignStatistics.jsp
new file mode 100644
index 000000000..1786a53bd
--- /dev/null
+++ b/source/src/main/webapp/ReportingCampaignStatistics.jsp
@@ -0,0 +1,107 @@
+<%--
+
+    Cerberus Copyright (C) 2013 - 2017 cerberustesting
+    DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+
+    This file is part of Cerberus.
+
+    Cerberus is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Cerberus is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Cerberus.  If not, see <http://www.gnu.org/licenses/>.
+
+--%>
+<%@page contentType="text/html" pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <%@ include file="include/global/dependenciesInclusions.html" %>
+        <title id="pageTitle">Campaign statistics</title>
+        <script type="text/javascript" src="dependencies/Tinymce-6.7.0/tinymce.min.js"></script>
+        <script type="text/javascript" src="dependencies/Moment-2.30.1/moment-with-locales.min.js"></script>
+        <script type="text/javascript" src="dependencies/Bootstrap-datetimepicker-4.17.47/bootstrap-datetimepicker.min.js"></script>
+        <link rel="stylesheet" href="dependencies/Bootstrap-datetimepicker-4.17.47/bootstrap-datetimepicker.min.css" />
+        <script type="text/javascript" src="js/pages/ReportingCampaignStatistics.js"></script>
+    </head>
+    <body>
+        <%@ include file="include/global/header.html" %>
+        <div class="container-fluid center" id="page-layout">
+            <%@ include file="include/global/messagesArea.html"%>
+            <%@ include file="include/utils/modal-confirmation.html"%>
+
+            <h1 class="page-title-line" id="title">Campaign Statistics</h1>
+            <div class="panel panel-default">
+                <div class="panel-body" id="filters">
+                    <div class='col-md-4'>
+                        <div class="form-group">
+                            <label for="system-select" id="labelSystemSelect">Système</label>
+                            <select id="system-select" class="form-control" multiple="multiple">
+                            </select>
+                        </div>
+                    </div>
+                    <div class='col-md-4'>
+                        <div class="form-group">
+                            <label for="application-select" id="labelApplicationSelect">Application</label>
+                            <select id="application-select" class="form-control" multiple="multiple">
+                            </select>
+                        </div>
+                    </div>
+                    <div class='col-md-4'>
+                        <div class="form-group">
+                            <label for="group1-select" id="labelGroup1Select">Group 1</label>
+                            <select id="group1-select" class="form-control" multiple="multiple">
+                            </select>
+                        </div>
+                    </div>
+                    <div class='col-md-4'>
+                        <div class="form-group">
+                            <label for="frompicker" id="labelFromPicker">From</label>
+                            <div class='input-group date' id='frompicker'>
+                                <input type='text' class="form-control" />
+                                <span class="input-group-addon">
+                                <span class="glyphicon glyphicon-calendar"></span>
+                            </span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class='col-md-4'>
+                        <div class="form-group">
+                            <label for="topicker" id="labelToPicker">To</label>
+                            <div class='input-group date' id='topicker'>
+                                <input type='text' class="form-control" />
+                                <span class="input-group-addon">
+                                <span class="glyphicon glyphicon-calendar"></span>
+                            </span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-2 col-md-2">
+                        <div class="input-group-btn ">
+                            <button type="button" class="btn btn-primary btn-block marginTop20" id="loadbutton">Load</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="panel panel-default">
+                <div class="panel-body" id="tagStatisticList">
+                    <table id="tagStatisticTable" class="table table-bordered table-hover display" name="tagStatisticTable"></table>
+                    <div class="marginBottom20"></div>
+                </div>
+            </div>
+            <footer class="footer">
+                <div class="container-fluid" id="footer"></div>
+            </footer>
+        </div>
+        <script>
+        </script>
+    </body>
+</html>
diff --git a/source/src/main/webapp/WEB-INF/web.xml b/source/src/main/webapp/WEB-INF/web.xml
index 9ee5562c4..98f5679ba 100644
--- a/source/src/main/webapp/WEB-INF/web.xml
+++ b/source/src/main/webapp/WEB-INF/web.xml
@@ -142,6 +142,7 @@
             <url-pattern>/ReportingExecutionByTag.jsp</url-pattern>
             <url-pattern>/ReportingExecutionOverTime.jsp</url-pattern>
             <url-pattern>/ReportingCampaignOverTime.jsp</url-pattern>
+            <url-pattern>/ReportingCampaignStatistics.jsp</url-pattern>
             <url-pattern>/TestCaseExecutionQueueList.jsp</url-pattern>
             <url-pattern>/Test.jsp</url-pattern>
             <url-pattern>/TestCaseScript.jsp</url-pattern>
diff --git a/source/src/main/webapp/include/global/header.html b/source/src/main/webapp/include/global/header.html
index 5364809c0..e95221af2 100644
--- a/source/src/main/webapp/include/global/header.html
+++ b/source/src/main/webapp/include/global/header.html
@@ -65,6 +65,7 @@
                     <li><a name="menu" id="menuReportingExecutionOverTime" href="ReportingExecutionOverTime.jsp">Execution Report Over Time</a></li>
                     <li><a name="menu" id="menuReportingExecutionByTag" href="ReportingExecutionByTag.jsp">Campaign Execution Report</a></li>
                     <li><a name="menu" id="menuReportingCampaignOverTime" href="ReportingCampaignOverTime.jsp">Campaign Report Over Time</a></li>
+                    <!--<li><a name="menu" id="menuReportingCampaignStatistic" href="ReportingCampaignStatistics.jsp">Campaign Statistics</a></li>-->
                 </ul>
             </li>
             <li class ="navbar-side-choice IntegratorRO navlist" id="navMenuApplication" style="display:none">
diff --git a/source/src/main/webapp/js/pages/ReportingCampaignStatistics.js b/source/src/main/webapp/js/pages/ReportingCampaignStatistics.js
new file mode 100644
index 000000000..0e3d2a499
--- /dev/null
+++ b/source/src/main/webapp/js/pages/ReportingCampaignStatistics.js
@@ -0,0 +1,324 @@
+/*
+ * Cerberus Copyright (C) 2013 - 2017 cerberustesting
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * This file is part of Cerberus.
+ *
+ * Cerberus is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Cerberus is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Cerberus.  If not, see <http://www.gnu.org/licenses/>.
+ */
+$.when($.getScript("js/global/global.js")).then(function () {
+    $(document).ready(function () {
+        initPage();
+
+        $('[data-toggle="popover"]').popover({
+            'placement': 'auto',
+            'container': 'body'}
+        );
+
+        $('#application-select option').prop('selected', true);
+
+        $('#system-select').multiselect({
+            maxHeight: 450,
+            checkboxName: name,
+            buttonWidth: "100%",
+            enableFiltering: true,
+            enableCaseInsensitiveFiltering: true,
+            includeSelectAllOption: true,
+            includeSelectAllIfMoreThan: 1
+        });
+
+        $('#application-select').multiselect({
+            maxHeight: 450,
+            checkboxName: name,
+            buttonWidth: "100%",
+            enableFiltering: true,
+            enableCaseInsensitiveFiltering: true,
+            includeSelectAllOption: true,
+            includeSelectAllIfMoreThan: 1
+        });
+
+        $('#group1-select').multiselect({
+            maxHeight: 450,
+            checkboxName: name,
+            buttonWidth: "100%",
+            enableFiltering: true,
+            enableCaseInsensitiveFiltering: true,
+            includeSelectAllOption: true,
+            includeSelectAllIfMoreThan: 1
+        });
+
+        $('#system-select').multiselect('selectAll', false);
+        $('#system-select').multiselect('updateButtonText');
+
+        $('#loadbutton').click(function()
+        {
+            let systems = $('#system-select').val();
+            if (systems === null) {
+                $('#system-select').multiselect('selectAll', false);
+                $('#system-select').multiselect('updateButtonText');
+                systems = $('#system-select').val();
+            }
+            for (let i = 0; i < systems.length; i++) {
+                systems[i] = encodeURIComponent(systems[i]);
+            }
+
+            let applications = $('#application-select').val();
+            if (applications === null) {
+                $('#application-select').multiselect('selectAll', false);
+                $('#application-select').multiselect('updateButtonText');
+                applications = $('#application-select').val();
+            }
+            for (let i = 0; i < applications.length; i++) {
+                applications[i] = encodeURIComponent(applications[i]);
+            }
+
+            let group1 = $('#group1-select').val();
+            if (group1 !== null) {
+                for (let i = 0; i < group1.length; i++) {
+                    group1[i] = encodeURIComponent(group1[i]);
+                }
+            } else {
+                group1 = "";
+            }
+
+
+            $.ajax
+            ({
+                url: "api/campaignexecutions/statistics",
+                async: true,
+                method: 'GET',
+                data: {
+                    systemsFilter: encodeURI(systems),
+                    applicationsFilter: encodeURI(applications),
+                    group1Filter: encodeURI(group1),
+                    from: encodeURIComponent(new Date($('#frompicker').data("DateTimePicker").date()).toISOString()),
+                    to: encodeURIComponent(new Date($('#topicker').data("DateTimePicker").date()).toISOString())
+                },
+                beforeSend: function() {
+                    $("#tagStatisticList").css("filter", "blur(5px)");
+                },
+                success: function(data) {
+                    $("#tagStatisticTable").DataTable().clear();
+                    $("#tagStatisticTable").DataTable().rows.add(data.contentTable);
+                    $("#tagStatisticTable").DataTable().columns.adjust().draw();
+                    $("#tagStatisticList").css("filter", "");
+                    setGroup1SelectOptions(data.allCampaignGroup1);
+                }
+            });
+        });
+    });
+});
+
+function setSystemSelectOptions() {
+    let user = JSON.parse(sessionStorage.getItem('user'));
+    let systems = user.system;
+    $.each(systems, function(index, value) {
+        let option = $('<option></option>').attr('value', value).text(value);
+        $("#system-select").append(option);
+    })
+}
+
+function setApplicationSelectOptions() {
+    let systemsQ = "";
+    let systems = JSON.parse(sessionStorage.getItem('user')).system;
+    $.each(systems, function(index, value) {
+        systemsQ +=  "&system=" + encodeURI(systems[index]);
+    })
+    $.ajax
+        ({
+            url: "ReadApplication?"+systemsQ,
+            async: true,
+            dataType: "json",
+            method: 'GET',
+            data: {
+                system: encodeURI(JSON.parse(sessionStorage.getItem('user')).system),
+            },
+            success: function(data) {
+                let result = data.contentTable;
+                $.each(result, function(index, value) {
+                    let option = $('<option></option>').attr('value', result[index].application).text(result[index].application);
+                    $("#application-select").append(option);
+                    $("#application-select").multiselect('rebuild');
+                    $('#application-select').multiselect('selectAll', false);
+                    $('#application-select').multiselect('updateButtonText');
+                })
+            }
+        });
+}
+
+function setGroup1SelectOptions(allCampaignGroup1) {
+    $.each(allCampaignGroup1, function(index, value) {
+        if ($("#group1-select option[value='" + allCampaignGroup1[index] + "']").length === 0) {
+            let option = $('<option></option>').attr('value', allCampaignGroup1[index]).text(allCampaignGroup1[index]);
+            $("#group1-select").append(option);
+            $("#group1-select").multiselect('rebuild');
+            $('#group1-select').multiselect('updateButtonText');
+        }
+    });
+}
+
+
+
+function initPage() {
+    $('#frompicker').datetimepicker();
+    $('#frompicker').data("DateTimePicker").date(new Date());
+    $('#topicker').datetimepicker();
+    $('#topicker').data("DateTimePicker").date(new Date());
+    let config = new TableConfigurationsClientSide("tagStatisticTable", "", aoColumnsFunc(), true, [0, 'asc']);
+    createDataTableWithPermissions(config, undefined, "#tagStatisticList", undefined, undefined, undefined, undefined);
+    displayPageLabel();
+    setSystemSelectOptions();
+    setApplicationSelectOptions();
+    setGroup1SelectOptions();
+}
+
+function displayPageLabel() {
+    var doc = new Doc();
+    $("#pageTitle").html(doc.getDocLabel("page_campaignstatistics", "title"));
+    $("#title").html(doc.getDocLabel("page_campaignstatistics", "title"));
+    $("#labelSystemSelect").html(doc.getDocLabel("page_campaignstatistics", "labelSystemSelect"));
+    $("#labelApplicationSelect").html(doc.getDocLabel("page_campaignstatistics", "labelApplicationSelect"));
+    $("#labelGroup1Select").html(doc.getDocLabel("page_campaignstatistics", "labelGroup1Select"));
+    $("#labelFromPicker").html(doc.getDocLabel("page_campaignstatistics", "labelFromPicker"));
+    $("#labelToPicker").html(doc.getDocLabel("page_campaignstatistics", "labelToPicker"));
+    $("#loadbutton").html(doc.getDocLabel("page_campaignstatistics", "buttonLoad"));
+    displayHeaderLabel(doc);
+    displayFooter(doc);
+    displayGlobalLabel(doc);
+}
+
+function aoColumnsFunc(tableId) {
+    var doc = new Doc();
+    const aoColumns = [
+        {
+            "data": null,
+            "orderable": false,
+            "searchable": false,
+            "width": "30px",
+            "render": function (data, type, obj) {
+                const viewDetailByCountryEnv = '<button id="viewDetailByCountryEnv" onclick="\n\
+                                        class="viewDetailByCountryEnv btn btn-default btn-xs margin-right5" \n\
+                                        name="viewDetailByCountryEnv" title="' + doc.getDocLabel("page_campaignstatistics", "buttonDetailByCountryEnv") + '" type="button">\n\
+                                        <span class="glyphicon glyphicon-stats"></span></button>';
+
+                return '<div class="center btn-group">' + viewDetailByCountryEnv + '</div>';
+
+            }
+        },
+        {
+            "data": "campaign",
+            "name": "campaign",
+            "searchable": false,
+            "width": "80px",
+            "title": doc.getDocLabel("page_campaignstatistics", "campaign_col")
+        },
+        {
+            "data": "systemList",
+            "name": "systems",
+            "searchable": false,
+            "width": "150px",
+            "className": "center",
+            "title": doc.getDocLabel("page_campaignstatistics", "systems_col")
+        },
+        {
+            "data": "applicationList",
+            "name": "applications",
+            "searchable": false,
+            "width": "150px",
+            "title": doc.getDocLabel("page_campaignstatistics", "applications_col")
+        },
+        {
+            "data": "campaignGroup1",
+            "name": "Campaign Group 1",
+            "searchable": false,
+            "width": "80px",
+            "title": doc.getDocLabel("page_campaignstatistics", "group1_col")
+        },
+        {
+            "data": "minDateStart",
+            "name": "minDateStart",
+            "searchable": false,
+            "width": "130px",
+            "title": doc.getDocLabel("page_campaignstatistics", "minDateStart_col"),
+            "render": function (data, type, obj) {
+                return new Date(obj.minDateStart).toLocaleString();
+            }
+        },
+        {
+            "data": "maxDateEnd",
+            "name": "maxDateEnd",
+            "searchable": false,
+            "width": "130px",
+            "title": doc.getDocLabel("page_campaignstatistics", "maxDateEnd_col"),
+            "render": function (data, type, obj) {
+                return new Date(obj.maxDateEnd).toLocaleString();
+            }
+        },
+        {
+            "data": "avgOK",
+            "name": "avgOK",
+            "searchable": false,
+            "width": "150px",
+            "title": doc.getDocLabel("page_campaignstatistics", "avgOK_col"),
+            "render": function (data, type, obj) {
+                let roundedPercentage = Math.round(obj.avgOK * 10) / 10;
+                let color = getGreenToRed(obj.avgOK);
+                return `<div class="progress-bar" role="progressbar" style="width: ${roundedPercentage}%; background-color: ${color}; color: black;"> ${roundedPercentage} %</div>`;
+            }
+        },
+        {
+            "data": "avgDuration",
+            "name": "avgDuration",
+            "searchable": false,
+            "width": "150px",
+            "title": doc.getDocLabel("page_campaignstatistics", "avgDuration_col"),
+            "render": function (data, type, obj) {
+                let roundedAvgDuration = Math.round(obj.avgDuration);
+                if (roundedAvgDuration <= 59) {
+                    return `${roundedAvgDuration} s`;
+                } else {
+                    let minutes = Math.floor(roundedAvgDuration / 60);
+                    let remainingSeconds = roundedAvgDuration % 60;
+                    return `${minutes} min ${remainingSeconds} sec`;
+                }
+            }
+        },
+        {
+            "data": "avgReliability",
+            "name": "avgReliability",
+            "searchable": false,
+            "width": "150px",
+            "title": doc.getDocLabel("page_campaignstatistics", "avgReliability_col"),
+            "render": function (data, type, obj) {
+                let roundedPercentage = Math.round(obj.avgReliability * 10) / 10;
+                let color = getGreenToRed(roundedPercentage);
+                return `<div class="progress-bar" role="progressbar" style="width: ${roundedPercentage}%; background-color: ${color}; color: black;"> ${roundedPercentage} %</div>`;
+            }
+        },
+        {
+            "data": "avgNbExeUsefull",
+            "name": "avgNbExeUsefull",
+            "searchable": false,
+            "width": "150px",
+            "title": doc.getDocLabel("page_campaignstatistics", "avgNbExeUsefull_col")
+        },
+    ];
+    return aoColumns;
+}
+
+function getGreenToRed(percent) {
+    r = percent < 50 ? 255 : Math.floor(255 - (percent * 2 - 100) * 255 / 100);
+    g = percent > 50 ? 255 : Math.floor((percent * 2) * 255 / 100);
+    return 'rgb(' + r + ',' + g + ',0)';
+}