azure / ibex-dashboard Goto Github PK

If we can move some column fields to display as secondary rows to save space with very wide tables this will help reduce horizontal scrolling in drill down and split view dialogs.
Suggest adding 'secondaryField' to list of accepted properties.

The ARM template should include:

• Web App with CD to a github repo\branch
• Application Insights service
• Connect Application Insights key\secret to web app environment variables
• Return app id from deployment

This is probably not relevant anymore, since most of the process is self explanatory

http://furqanzafar.github.io/react-selectize/#/

Add arrow > text or use a MD arrow icon on title so you know to click into them

Adding express server with API to support loading of dashboards and saving of dashboard changes

This is for usage by customers who don't add the plugin to their bots

Adding express server with API to support loading of dashboards and saving of dashboard changes

• Move subtitles as info icons next to title
• Make title a lot smaller
• Make fonts aligned with Segoe?

Un-forked filters will retain selectedValues, but forked filters will reset selected filters after changing the timespan option.

Reseting is safe, as filters options may change depending on timespan.
However if the same filter options are available we should try to maintain this selection.

create md docs for generic components:

• dialogs, detail and charts

Add DELETE REST command and let the delete button to use the api instead of a direct call

• Change event names to PascalCasing
• Add Channel data to message.received \ message.send \ message.intent.received
• Change message timesstamp to message_timestamp to differenciate from customEvent.timestamp
  @gabog

Enable multi-value scorecards that support responsive design

Since App Insights has a limit on queries in one API access, think of a way to leverage "forking" as a mechanism to run several queries in one API call:

customEvents
| where timestamp > ago(60d)
| fork(
extend successful=customDimensions.successful
| where name startswith 'message.convert'
| summarize event_count=count() by name, tostring(successful)
) (extend cslen = customDimensions.callstack_length, intent=customDimensions.intent
| where name startswith "message.intent" and (cslen == 0 or strlen(cslen) == 0) and strlen(intent) > 0
| summarize event_count=count() by tostring(intent))

customEvents
| where timestamp > ago(60d)
| extend cslen = customDimensions.callstack_length, intent=customDimensions.intent
| where name startswith "message.intent" and (cslen == 0 or strlen(cslen) == 0) and strlen(intent) > 0
| summarize event_count=count() by tostring(intent)

Components to use this feature:

• Connections
• Pie
• Scorecards

Use this epic to add issues that can be done as a ramp up task

@deadlyfingers - please review this ask, not sure if this flow would work well.

Instead of the About/Help section in the global application, add a help section on dashboard templates that will be accessible via the dashboard creation screen & the dashboard itself after it was created.

This can be done by leveraging the InfoDrawer component.

This data might alternatively be displayed when clicking "Create" to create the dashboard.

For example: error groups can be displayed in LHS panel with items listed on RHS.

Make sure that components can define a minimal size for their layout (should be a feature in https://github.com/STRML/react-grid-layout)

Continuous deployment to web apps seems to not always work.

It looks like the problem might be timeout, but the SCM_Timout variable is set at the beginning of deployment.
Also, This deployment requires yarn as part of the deployment, which means it will insure its installation before beginning the installation.
This installation takes time since the process of installation includes:

• Install yarn
• Install npm packages using yarn (including react-scripts-ts)
• build solution for production

Currently to add:
http://recharts.org/#/en-US/examples/SimpleRadialBarChart
http://recharts.org/#/en-US/examples/SimpleRadarChart

Seems that react-scripts does not pick up the key for REACT_APP_APP_INSIGHTS_APIKEY in the right way.

Everything was set correctly but react-scripts didn't pick up the updated value. It kept using the default value set with the ARM deployment.

@daltskin

As reference you can look at:
https://github.com/CatalystCode/ibex-dashboard/blob/dev-customize/src/components/generic/Scorecard/ScorecardConfig.tsx

Since in dev client/server run on different ports, authentication on all urls doesn't work properly.

Maybe add a client mechanism to check if authenticated (yes/no) and redirect to authentication URL.

Enable customizing the configuration from the UX

Add a react based mapping component

• Line - Timeline [Done]
• Bar - BarData [Done]
• Pie - PieData [Done]
• Scorecard - Scorecard [Done]
• Scatter - Scatter
• Area

We should also enable export/import of the entire JSON of the dashboard (by using copy paste of the entire content)

Clean up console warnings

Update multiple select checkboxes filter to work within drop down menu.

this is to edit a js/ts template of the dashboard in the client side. Optimally with auto-complete :)

Error count -> dialog detail

First view:

• Grouped by message text & type & count eg. http status code

Second view:

• List of errors grouped by message type / count (for selected group)

Third view:

• Error details