Option to hide first column & table header, value transform row & column

yesoreyeram · Nov 1, 2018 · 3ef4b13 · 3ef4b13
1 parent 45b7f40
commit 3ef4b13
Show file tree

Hide file tree

Showing 13 changed files with 114 additions and 32 deletions.
diff --git a/README.md b/README.md
@@ -196,14 +196,23 @@ Example of matching patterns:
 Value transformation based on thresholds
 ----------------------------------------
 
-Logic is same as background color. But the value to be displayed can be altered here. Display value will be replaced with the value provided. Values are seperated by pipe. if the value is wrapped with _, then it will represent the actual value
+Logic is same as background color. But the value to be displayed can be altered here. Display value will be replaced with the value provided. Values are seperated by pipe. if the value is wrapped with _, then it will represent the actual value. 
+
+`_value_` will be replaced by actual value
+
+`_row_name_` will be replaced by row name. This will be useful when you hide the first column.
+
+`_col_name_` will be replaced by row name. This will be useful when you hide the table header.
 
 Example transformation patterns :
 
     _value_|_value_|_value_
     GOOD|BETTER|BAD
     GOOD (_value_)|_value_|_value
     Time to party|Ill|RIP
+    _col_name_ : _value_| _col_name_ : _value_| _col_name_ : _value_
+    _row_name_ : _value_| _row_name_ : _value_| _row_name_ : _value_
+    _row_name_ _col_name_ : _value_| _row_name_ _col_name_ : _value_| _row_name_ _col_name_ : _value_
 
 
 Sample value transformation: (Assume your metrics results, 95 and it is percentage data type)
@@ -222,6 +231,13 @@ If your output have more rows and if you require to hide certain rows based on t
 ![Filter rows based on value](https://raw.githubusercontent.com/yesoreyeram/yesoreyeram-boomtable-panel/master/dist/src/img/filters.png)
 
 
+Repeater / Multi stat Example
+-----------------
+
+You can use the boom table as multi stat panel. Refer the details given in issue [#40](https://github.com/yesoreyeram/yesoreyeram-boomtable-panel/issues/40)
+
+![Multi stat panel / Repeater ](https://user-images.githubusercontent.com/153843/47859058-4fbf8180-dde5-11e8-8b27-2ef94919d1f8.png)
+
 
 Prometheus Guidelines
 ---------------------
@@ -250,6 +266,7 @@ Same as other time series data sources. You need to properly format your legend
 
 * Time based thresholds
 * Filter option to hide rows based on value
+* Option to hide the first column and table header
 
 **Version 0.3.x**
 

diff --git a/dist/README.md b/dist/README.md
@@ -29,7 +29,7 @@ Supported / Tested Data Sources :
 * InfluxDB
 * Prometheus
 * Azure Monitor
-* AWS CloudWatch
+* AWS Cloud Watch
 
 Tested Grafana versions :
 -------------------------
@@ -196,14 +196,23 @@ Example of matching patterns:
 Value transformation based on thresholds
 ----------------------------------------
 
-Logic is same as background color. But the value to be displayed can be altered here. Display value will be replaced with the value provided. Values are seperated by pipe. if the value is wrapped with _, then it will represent the actual value
+Logic is same as background color. But the value to be displayed can be altered here. Display value will be replaced with the value provided. Values are seperated by pipe. if the value is wrapped with _, then it will represent the actual value. 
+
+`_value_` will be replaced by actual value
+
+`_row_name_` will be replaced by row name. This will be useful when you hide the first column.
+
+`_col_name_` will be replaced by row name. This will be useful when you hide the table header.
 
 Example transformation patterns :
 
     _value_|_value_|_value_
     GOOD|BETTER|BAD
     GOOD (_value_)|_value_|_value
     Time to party|Ill|RIP
+    _col_name_ : _value_| _col_name_ : _value_| _col_name_ : _value_
+    _row_name_ : _value_| _row_name_ : _value_| _row_name_ : _value_
+    _row_name_ _col_name_ : _value_| _row_name_ _col_name_ : _value_| _row_name_ _col_name_ : _value_
 
 
 Sample value transformation: (Assume your metrics results, 95 and it is percentage data type)
@@ -222,6 +231,13 @@ If your output have more rows and if you require to hide certain rows based on t
 ![Filter rows based on value](https://raw.githubusercontent.com/yesoreyeram/yesoreyeram-boomtable-panel/master/dist/src/img/filters.png)
 
 
+Repeater / Multi stat Example
+-----------------
+
+You can use the boom table as multi stat panel. Refer the details given in issue [#40](https://github.com/yesoreyeram/yesoreyeram-boomtable-panel/issues/40)
+
+![Multi stat panel / Repeater ](https://user-images.githubusercontent.com/153843/47859058-4fbf8180-dde5-11e8-8b27-2ef94919d1f8.png)
+
 
 Prometheus Guidelines
 ---------------------
@@ -250,6 +266,7 @@ Same as other time series data sources. You need to properly format your legend
 
 * Time based thresholds
 * Filter option to hide rows based on value
+* Option to hide the first column and table header
 
 **Version 0.3.x**
 

diff --git a/dist/app/app.js b/dist/app/app.js
diff --git a/dist/app/app.js.map b/dist/app/app.js.map
diff --git a/dist/module.js b/dist/module.js
diff --git a/dist/module.js.map b/dist/module.js.map
diff --git a/dist/partials/options.html b/dist/partials/options.html
@@ -33,4 +33,20 @@ <h4>Options</h4>
                 ng-blur="ctrl.render()" data-ng-change="ctrl.render();">
         </div>
     </div>
+</div>
+<div class="gf-form">
+    <div class="gr-form-inline">
+        <div class="gf-form">
+            <label class="gf-form-label width-20">Hide First Column</label>
+            <input type="checkbox" class="width-4" ng-model="ctrl.panel.hide_first_column" ng-blur="ctrl.render()" ng-change="ctrl.render()">
+        </div>
+    </div>
+</div>
+<div class="gf-form">
+    <div class="gr-form-inline">
+        <div class="gf-form">
+            <label class="gf-form-label width-20">Hide Headers</label>
+            <input type="checkbox" class="width-4" ng-model="ctrl.panel.hide_headers" ng-blur="ctrl.render()" ng-change="ctrl.render()">
+        </div>
+    </div>
 </div>
diff --git a/dist/plugin.json b/dist/plugin.json
@@ -25,7 +25,7 @@
         "url": "https://github.com/yesoreyeram/yesoreyeram-boomtable-panel"
       }
     ],
-    "version": "0.4.4"
+    "version": "0.4.5"
   },
   "dependencies": {
     "grafanaVersion": "4.x.x",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "yesoreyeram-boomtable-panel",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Boom table panel for Graphite, InfluxDB, Prometheus",
   "main": "dist/module.js",
   "scripts": {

diff --git a/plugin.json b/plugin.json
@@ -25,7 +25,7 @@
         "url": "https://github.com/yesoreyeram/yesoreyeram-boomtable-panel"
       }
     ],
-    "version": "0.4.4"
+    "version": "0.4.5"
   },
   "dependencies": {
     "grafanaVersion": "4.x.x",

diff --git a/src/app/app.ts b/src/app/app.ts
@@ -12,6 +12,8 @@ const plugin_id = "yesoreyeram-boomtable-panel";
 const config: any = {
     plugin_id: plugin_id,
     debug_mode: false,
+    hide_first_column : false,
+    hide_headers : false,
     error: undefined,
     groupedData: undefined,
     panelDefaults: {