WebSVN – LeadersLinked - Backend – Diff – /module/LeadersLinked/view/leaders-linked/fast-survey/index.phtml

 $routeDatatable = $this->url('fast-survey');
 $allowAdd       = $acl->isAllowed($roleName, 'fast-survey/add') ? 1 : 0;
 $allowEdit      = $acl->isAllowed($roleName, 'fast-survey/edit') ? 1 : 0;
 $allowDelete    = $acl->isAllowed($roleName, 'fast-survey/delete') ? 1 : 0;
-$allowResult    = $acl->isAllowed($roleName, 'fast-survey/result') ? 1 : 0;
+$allowChart    = $acl->isAllowed($roleName, 'fast-survey/chart') ? 1 : 0;
 $allowDownload  = $acl->isAllowed($roleName, 'fast-survey/download') ? 1 : 0;
 $this->inlineScript()->appendFile($this->basePath('plugins/jquery-input-number/input-number-format.jquery.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/chart.js/chart.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.js'));
 $this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
+$this->inlineScript()->captureStart();
+echo <<<JS
+    var ctxChartResult = document.getElementById("chartResult").getContext("2d");
+    var chartResult = new Chart(ctxChartResult, {
+        type: 'bar',
+        data: {
+            labels: [],
+            datasets: [
+                {
+                	label : 'LABEL_VOTES',
+         			backgroundColor: '#E69090',
+                    borderColor: '#E69090',
+                    borderWidth: 1,
+                    fill: false,
+                    data : []
+              	},
+            ]
+        },
+        options: {
+            indexAxis: 'y',
+            tooltips: {
+                mode: 'index',
+                intersect: false
+            },
+            scales: {
+                xAxes: [{
+                    ticks: {
+                        beginAtZero:true
+                    }
+                }]
+            }
+        }
-$this->inlineScript()->captureStart();
+    });
 echo <<<JS
     jQuery( document ).ready(function( $ ) {
         var allowEdit   = $allowEdit;
         var allowDelete = $allowDelete;
-        var allowResult   = $allowResult;
+        var allowChart   = $allowChart;
         var allowDownload = $allowDownload;
                 },
+                {
                     'targets': 1,
                     'orderable': false,
                     'render' : function ( data, type, row ) {
-                        var s = 'LABEL_STATUS : ' + data['status'] + '<br>';
-                        s = s + 'LABEL_DURATION_FROM : ' + data['added_on'] + '<br>';
+                        var s = 'LABEL_DURATION_FROM : ' + data['added_on'] + '<br>';
                         s = s + 'LABEL_DURATION_UNTIL : ' + data['expire_on'] + '<br>';
                     return s;
                             s = s + '<button class="btn btn-primary btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button>&nbsp;';
+                        }
                         if(allowDelete && data['link_delete']) {
                             s = s + '<button class="btn btn-danger btn-delete" data-href="' + data['link_delete']+ '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>&nbsp;';
+                        }
+                        if(allowChart && data['link_chart']) {
+                            s = s + '<button class="btn btn-danger btn-chart" data-href="' + data['link_chart']+ '" data-toggle="tooltip" title="LABEL_CHART"><i class="fa fa-line-chart"></i> LABEL_CHART </button>&nbsp;';
+                        }
+                        if(allowDownload && data['link_download']) {
+                            s = s + '<button class="btn btn-danger btn-download" data-href="' + data['link_download']+ '" data-toggle="tooltip" title="LABEL_DOWNLOAD"><i class="fa fa-download"></i> LABEL_DOWNLOAD </button>&nbsp;';
+                        }
                         return s;
+                    }
+                }
               ],
         });
             }).always(function() {
                 NProgress.done();
             });
         });
+        $('body').on('click', 'button.btn-chart', function(e) {
+            e.preventDefault();
+            NProgress.start();
+            var action = $(this).data('href');
+            $.ajax({
+                'dataType'  : 'json',
+                'method'    : 'get',
+                'url'       :  action,
+            }).done(function(response) {
+                if(response['success']) {
+                    $('#chart-question').html(response['data']['question']);
+                    chartResult.data.labels = response['data']['labels'];
+                    chartResult.data.datasets[0].data = response['data']['values'];
+                    chartResult.update();
+                    $('#row-listing').hide();
+                    $('#row-chart').show();
+                } else {
+                    $.fn.showError(response['data']);
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+        });
+        $('body').on('click', 'button.btn-download', function(e) {
+            e.preventDefault();
+            NProgress.start();
+             var action = $(this).data('href');
+            $.ajax({
+                'dataType'  : 'json',
+                'method'    : 'get',
+                'url'       : action,
+            }).done(function(response) {
+                if(response['success']) {
+                    var anchor = window.document.createElement("a");
+                    anchor.href = 'data:application/octet-stream;charset=utf-8;base64,' + response['data']['content'] ;
+                    anchor.download = response['data']['basename'];
+                    document.body.appendChild(anchor);
+                    anchor.click();  // IE: "Access is denied"; see: https://connect.microsoft.com/IE/feedback/details/797361/ie-10-treats-blob-url-as-cross-origin-and-denies-access
+                    document.body.removeChild(anchor);
+                } else {
+                    $.fn.showError(response['data']);
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+        });
         $('body').on('click', 'button.btn-refresh', function(e) {
             e.preventDefault();
             gridTable.api().ajax.reload(null, false);
         });
         $('body').on('click', 'button.btn-cancel', function(e) {
-        $('body').on('click', 'button.btn-cancel', function(e) {
+            e.preventDefault();
-            e.preventDefault();
+            $('#row-chart').hide();
             $('#row-form').hide();
                         <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
                     </div>
                      <?php echo $this->form()->closeTag($form); ?>
                 </div>
            </div>
        </div>
+   		<div class="row" id="row-chart" style="display: none">
+            <div class="col-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h2 id="chart-question"></h2>
+                    </div>
+                    <div class="card-body">
+                        <div class="row">
+                            <div class="col-lg-12 col-12 chart">
+                                <canvas id="chartResult" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="card-footer text-right">
+                   	    <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
+                    </div>
+                </div>
+            </div>
+        </div>

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/fast-survey/index.phtml – Rev 16701 → 16747