ENH: refs #0377. Add pie chart to the storage quota view

Author: zachmullen

modules/sizequota/controllers/ConfigController.php

@@ -119,6 +119,17 @@ public function folderAction()
       }
     $usedSpace = $this->Folder->getSizeFiltered($folder, $this->userSession->Dao);
     $this->view->usedSpace = $usedSpace[0]->size;
+    $this->view->hUsedSpace = UtilityComponent::formatSize($this->view->usedSpace);
+    if($this->view->quota == '')
+      {
+      $this->view->hQuota = $this->t('Unlimited');
+      $this->view->hFreeSpace = '';
+      }
+    else
+      {
+      $this->view->hQuota = UtilityComponent::formatSize($this->view->quota);
+      $this->view->hFreeSpace = UtilityComponent::formatSize($this->view->quota - $this->view->usedSpace);
+      }
     $this->view->configForm = $formArray;
     $this->view->folder = $folder;
     $this->view->isAdmin = $this->userSession->Dao->isAdmin();

modules/sizequota/public/js/config/config.folder.js

@@ -55,4 +55,28 @@ $(document).ready(function() {
 
   $('input[name="usedefault"]').change(midas.sizequota.folder.radioButtonChanged);
   midas.sizequota.folder.radioButtonChanged();
+
+  var quota = parseInt($('#quotaValue').html());
+  var used = parseInt($('#usedSpaceValue').html());
+  var free = quota - used;
+  var hUsed = $('#hUsedSpaceValue').html();
+  var hFree = $('#hFreeSpaceValue').html();
+
+  var data = [['Used space (' + hUsed + ')' , used], ['Free space (' + hFree + ')', free]];
+  if(quota != '' && quota != 0)
+    {
+    $('#quotaChart').show();
+    $.jqplot('quotaChart', [data], {
+      seriesDefaults: {
+        renderer: $.jqplot.PieRenderer,
+        rendererOptions: {
+          showDataLabels: true
+          }
+        },
+      legend: {
+        show: true,
+        location: 'e'
+        }
+      });
+    }
   });

modules/sizequota/views/config/folder.phtml

@@ -19,15 +19,22 @@
 =========================================================================*/
 
 echo '<script type="text/javascript" src="'.$this->coreWebroot.'/public/js/jquery/jquery.form.js"></script>';
+echo '<script type="text/javascript" src="'.$this->coreWebroot.'/public/js/jquery/jquery.jqplot.min.js"></script>';
+echo '<script type="text/javascript" src="'.$this->coreWebroot.'/public/js/jquery/jqplot/jqplot.pieRenderer.min.js"></script>';
 echo '<script type="text/javascript" src="'.$this->moduleWebroot.'/public/js/config/config.folder.js"></script>';
 ?>
 <link type="text/css" rel="stylesheet" href="<?php echo $this->moduleWebroot?>/public/css/config/config.folder.css" />
 <link type="text/css" rel="stylesheet" href="<?php echo $this->coreWebroot?>/public/css/common/common.genericPage.css" />
+<link rel="stylesheet" type="text/css" href="<?php echo $this->coreWebroot?>/public/css/jquery/jquery.jqplot.css" />
 
 </div>
-  <span><?php echo 'Current used space: '.$this->usedSpace; ?></span>
+  <span><?php echo $this->t('Current used space:'); ?> <span id='hUsedSpaceValue'><?php echo $this->hUsedSpace; ?></span></span>
   <br />
-  <span><?php echo 'Total space: '.$this->quota; ?></span>
+  <span><?php echo $this->t('Total space:'); ?> <span id='hQuotaValue'><?php echo $this->hQuota; ?></span></span>
+  <span style="display: none;" id="hFreeSpaceValue"><?php echo $this->hFreeSpace; ?></span>
+  <span style="display: none;" id="quotaValue"><?php echo $this->quota; ?></span>
+  <span style="display: none;" id="usedSpaceValue"><?php echo $this->usedSpace; ?></span>
+  <div id='quotaChart' style="height: 200px; width: 400px; display: none;"></div>
   <br />
   <?php
   if($this->isAdmin)