Add dashboard and screenshots (#7)

Author: nitisht

README.md

@@ -16,13 +16,19 @@ This data source plugin allows you to query and visualize log data stored in Par
 
 - Push the `Save and Test` button, if there is an error message, check the credentials and connection.
 
-![data source config](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/configuration.png?raw=true)
+<img src="https://github.com/parseablehq/parseable-datasource/blob/main/src/img/configuration.png?raw=true" width="100" height="100">
 
 ## Usage
 
 Once the plugin is configured with correct Parseable server instance. You can start using it to query logs and visualize them. You can use the query editor to write your own queries.
 
+### Importing Dashboards
+
+This plugin has a a pre-made dashboard called "Parseable Demo Data". You can find it by navigating to the data sources configuration page, selecting the Parseable data source and clicking on the Dashboards tab.
+
+This dashboard is aimed at visualizing the logs stored in the Parseable demo server. You can use it as a starting point for your own dashboards. To use this dashboard, you will need to configure the data source with the Parseable demo server URL https://demo.parseable.io and credentials parseable, parseable.
+
 ## Screenshots
 
-![log explorer](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/logs.png?raw=true)
-![failure rate](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/dashboard.png?raw=true)
+![log dashboard](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/log-visualisation.png?raw=true)
+![log text view](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/log-view-text.png?raw=true)

dist/README.md

@@ -24,5 +24,5 @@ Once the plugin is configured with correct Parseable server instance. You can st
 
 ## Screenshots
 
-![log explorer](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/logs.png?raw=true)
-![failure rate](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/dashboard.png?raw=true)
+![log dashboard](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/log-visualisation.png?raw=true)
+![log text view](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/log-view-text.png?raw=true)

dist/plugin.json

@@ -20,8 +20,8 @@
     ],
     "screenshots": [
       {"name": "Query Configuration", "path": "img/configuration.png"},
-      {"name": "Log Explorer", "path": "img/logs.png"},
-      {"name": "Log Dashboard", "path": "img/dashboard.png"}
+      {"name": "Log Explorer", "path": "img/log-view-text.png"},
+      {"name": "Log Dashboard", "path": "img/log-visualisation.png"}
     ],
     "version": "1.0.0",
     "updated": "2023-01-04"

src/README.md

@@ -24,5 +24,5 @@ Once the plugin is configured with correct Parseable server instance. You can st
 
 ## Screenshots
 
-![log explorer](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/logs.png?raw=true)
-![failure rate](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/dashboard.png?raw=true)
+![log dashboard](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/log-visualisation.png?raw=true)
+![log text view](https://github.com/parseablehq/parseable-datasource/blob/main/src/img/log-view-text.png?raw=true)