add headers

Author: Daniel Arrizza

README.md

@@ -12,9 +12,10 @@ Create AppD dashboards at lightning speed with a query language
 ## Development
 
 ### Features
+- [x] headers
 - [] default metric format strings
+- [] add a title
 - [] more than just bts
-- [] headers
 - [] CLI input
 - [] WHERE on a name/label
 - [] WHERE operators (>, <, REGEX, etc.)
@@ -35,6 +36,7 @@ Create AppD dashboards at lightning speed with a query language
 - [] table grid lines
 - [] electron app
 - [] preview dashboard before deploying
+- [] share dashboard formulas
 
 ### Helpful Links
 

src/createColumn.js

@@ -9,7 +9,7 @@ export const createLabelColumn = ({ labelTexts, x }) => {
     width: 300,
     height: 50,
     x,
-    y: index * labelWidget.height,
+    y: (index + 1) * labelWidget.height,
     textAlign: 'LEFT',
   }))
   return labels
@@ -27,10 +27,21 @@ export const createMetricColumn = ({ metricWidgetData, x }) => {
         }),
         width: 300,
         height: 50,
-        y: index * labelWidget.height,
         x,
+        y: (index + 1) * labelWidget.height,
       }
     }
   )
   return metrics
 }
+
+export const createHeader = ({ labelText, x }) => ({
+  ...labelWidget,
+  text: labelText,
+  width: 300,
+  height: 50,
+  x: x * 300,
+  y: 0,
+  textAlign: 'LEFT',
+  fontSize: 18,
+})

src/getColumnFromSelect.js

@@ -1,4 +1,8 @@
-import { createLabelColumn, createMetricColumn } from './createColumn'
+import {
+  createLabelColumn,
+  createMetricColumn,
+  createHeader,
+} from './createColumn'
 import { getApplicationFromWheres } from './queryParser'
 import getMetricFromShortcut from './getMetricFromShortcut'
 
@@ -7,15 +11,27 @@ const LABEL_ENTITIES = ['bt', 'tier', 'backend']
 
 export default ({ selects, selectIndex, data, wheres }) => {
   const select = selects[selectIndex]
+  debugger
+  const header = createHeader({
+    labelText: getMetricFromShortcut(select),
+    x: selectIndex,
+  })
+
   if (LABEL_ENTITIES.includes(select)) {
     // create a label column
+
     let labelTexts = []
     if (select === 'bt') {
       labelTexts = data.bt.map(({ name }) => name)
     }
-    return createLabelColumn({ labelTexts, x: DEFAULT_WIDTH * selectIndex })
+
+    return [
+      header,
+      ...createLabelColumn({ labelTexts, x: DEFAULT_WIDTH * selectIndex }),
+    ]
   } else {
     // create a metric column
+
     const applicationName = getApplicationFromWheres({ wheres })
     const metric = getMetricFromShortcut(select)
     if (selects[0] === 'bt') {
@@ -24,10 +40,14 @@ export default ({ selects, selectIndex, data, wheres }) => {
         metricPath: `Business Transaction Performance|Business Transactions|${tierName}|${internalName}|${metric}`,
         entityName: tierName,
       }))
-      return createMetricColumn({
-        metricWidgetData,
-        x: DEFAULT_WIDTH * selectIndex,
-      })
+
+      return [
+        header,
+        ...createMetricColumn({
+          metricWidgetData,
+          x: DEFAULT_WIDTH * selectIndex,
+        }),
+      ]
     }
   }
 }

src/getMetricFromShortcut.js

@@ -1,4 +1,6 @@
 const SHORTCUTS = [
+  { metric: 'Tier', shortcut: 'tier' },
+  { metric: 'Business Transaction', shortcut: 'bt' },
   { metric: 'Average Response Time (ms)', shortcut: 'art' },
   { metric: 'Calls per Minute', shortcut: 'cpm' },
   { metric: 'Errors per Minute', shortcut: 'epm' },