diff --git a/core/src/main/resources/org/apache/spark/ui/static/snappydata/snappy-dashboard.js b/core/src/main/resources/org/apache/spark/ui/static/snappydata/snappy-dashboard.js index 3c06865ce9e42..76a623d333a0f 100644 --- a/core/src/main/resources/org/apache/spark/ui/static/snappydata/snappy-dashboard.js +++ b/core/src/main/resources/org/apache/spark/ui/static/snappydata/snappy-dashboard.js @@ -371,6 +371,57 @@ function getExternalTableStatsGridConf() { return extTableStatsGridConf; } +function getGlobalTempViewStatsGridConf() { + // Global Temporary Views/Tables Grid Data Table Configurations + var gblTempViewStatsGridConf = { + data: gblTempViewStatsGridData, + "columns": [ + { // Name + data: function(row, type) { + var nameHtml = '
' + + row.tableName + + '
'; + return nameHtml; + } + }, + { // Type + data: function(row, type) { + var typeHtml = '
' + + row.tableType + + ''; + return typeHtml; + } + }, + { // Table Columns + data: function(row, type) { + var tableFQNameWithHyphen = row.tableFQName.replace(/\./g, '-'); + var cellProps = getDetailsCellExpansionProps(tableFQNameWithHyphen + '-tablefields'); + + var columnsCellHtml = + '
' + row.columnsInfo.numColumns + + '
' + + '
' + + '' + + '
' + + '
' + + 'Fields:' + + '
' + row.columnsInfo.fieldsString.replace(/\n/g, '
') + + '
' + + '
'; + return columnsCellHtml; + } + } + ] + } + + return gblTempViewStatsGridConf; +} + function updateUsageCharts(statsData){ // Load charts library if not already loaded @@ -560,6 +611,23 @@ function loadClusterInfo() { $("#extTableStatsGridContainer").hide(); } + gblTempViewStatsGridData = response[0].globalTempViewsInfo; + gblTempViewStatsGrid.clear().rows.add(gblTempViewStatsGridData).draw(); + if (gblTempViewStatsGrid.page.info().pages > gblTempViewStatsGridCurrPage) { + gblTempViewStatsGrid.page(gblTempViewStatsGridCurrPage).draw(false); + } else { + gblTempViewStatsGridCurrPage = 0; + } + + // Display Global Temporary Views only if available + if (gblTempViewStatsGridData.length > 0) { + $("#gblViewsStatsTitle").show(); + $("#gblTempViewStatsGridContainer").show(); + } else { + $("#gblViewsStatsTitle").hide(); + $("#gblTempViewStatsGridContainer").hide(); + } + updateCoreDetails(clusterInfo.coresInfo); }, @@ -579,6 +647,10 @@ var extTableStatsGridData = []; var extTableStatsGrid; var extTableStatsGridCurrPage = 0; +var gblTempViewStatsGridData = []; +var gblTempViewStatsGrid; +var gblTempViewStatsGridCurrPage = 0; + $(document).ready(function() { loadGoogleCharts(); @@ -608,6 +680,17 @@ $(document).ready(function() { extTableStatsGridCurrPage = extTableStatsGrid.page.info().page; }); + // Global Temporary Views Grid Data Table + gblTempViewStatsGrid = $('#gblTempViewStatsGrid').DataTable( getGlobalTempViewStatsGridConf() ); + // todo: need to remove setting width outside of datatable + $("table#gblTempViewStatsGrid").css({"width": "100%"}); + $("table#gblTempViewStatsGrid thead tr th:nth-child(1)").css({"width": "50%"}); + $("table#gblTempViewStatsGrid thead tr th:nth-child(2)").css({"width": "10%"}); + $("table#gblTempViewStatsGrid thead tr th:nth-child(3)").css({"width": "40%"}); + gblTempViewStatsGrid.on( 'page.dt', function () { + gblTempViewStatsGridCurrPage = gblTempViewStatsGrid.page.info().page; + }); + var clusterStatsUpdateInterval = setInterval(function() { if(isAutoUpdateTurnedON) { loadClusterInfo();