Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- Find Answers
- :
- About Mathilde
Mathilde
Explorer
Member since:
03-03-2015
06-05-2020
Community Statistics
| Posts | 4 |
| Solutions | 0 |
| Karma Given | 0 |
| Karma Received | 1 |
| Member Since | 03-03-2015 |
Activity Feed
- Got Karma for Icon in a dashboard. 06-05-2020 12:48 AM
- Posted Re: Icon in a dashboard on Dashboards & Visualizations. 06-27-2017 02:32 AM
- Posted Re: Icon in a dashboard on Dashboards & Visualizations. 06-26-2017 01:15 AM
- Posted Re: Icon in a dashboard on Dashboards & Visualizations. 06-23-2017 04:43 AM
- Posted Icon in a dashboard on Dashboards & Visualizations. 06-22-2017 06:45 AM
- Tagged Icon in a dashboard on Dashboards & Visualizations. 06-22-2017 06:45 AM
Topics I've Started
| Subject | Karma | Author | Latest Post |
|---|---|---|---|
| 1 |
06-27-2017
02:32 AM
@niketn, I loaded the dashboard without the cell_fill_gauge.js.
But, I have the same problem.
I see that a warning appears when I refresh the page before it's fully displayed : Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
After a few searches, I see in /opt/splunk/share/splunk/search_mrsparkle/exposed/build/pages/enterprise/common.js : "async:!0".
But, I don't think this is the problem
... View more
06-26-2017
01:15 AM
Thanks for your answer !
I checked all the code but there's still the issue.
Maybe another look will help !
Simple XML (I put *** for the Splunk queries because of confidential purposes)
<dashboard script="cell_fill_gauge.js, table_icons_rangemap.js" stylesheet="table_decorations.css">
<label>Surveillance</label>
<row>
<panel>
<title>Disk Usage</title>
<table id="disk_usage">
<search>
<query>***</query>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">10</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">none</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">false</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
<format type="number" field="Disk Usage (GB)"></format>
</table>
</panel>
</row>
<row>
<panel>
<title>Indexes</title>
<table id="indexes">
<search>
<query>***</query>
<earliest>$earliest$</earliest>
<latest>$latest$</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
<row>
<panel>
<title>Etat des sondes</title>
<table>
<search>
<query>***</query>
<earliest>0</earliest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
<format type="color" field="status">
<colorPalette type="map">{"online":#65A637,"offline":#D93F3C}</colorPalette>
</format>
<format type="color" field="last_online">
<colorPalette type="map">{"-":#FFFFFF}</colorPalette>
</format>
</table>
</panel>
</row>
<row>
<panel>
<title>Liste des index et de leurs tailles</title>
<table id="table1">
<search>
<query>***</query>
<earliest>@d</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
<panel>
<title>Vérification de la date d'indexation</title>
<table id="table2">
<search>
<query>***</query>
<earliest>0</earliest>
<latest></latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
<row>
<panel>
<title>Maj du fichier des cvss</title>
<table id="table3">
<search>
<query>***</query>
<earliest>0</earliest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
<row>
<panel>
<title>Etat des sites de Qualys</title>
<table id="table4">
<search>
<query>***</query>
<earliest>@d</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
</dashboard><dashboard script="cell_fill_gauge.js, table_icons_rangemap.js" stylesheet="table_decorations.css">
<label>Surveillance</label>
<row>
<panel>
<title>Disk Usage</title>
<table id="disk_usage">
<search>
<query>***</query>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">10</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">none</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">false</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
<format type="number" field="Disk Usage (GB)"></format>
</table>
</panel>
</row>
<row>
<panel>
<title>Indexes</title>
<table id="indexes">
<search>
<query>***</query>
<earliest>$earliest$</earliest>
<latest>$latest$</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
<row>
<panel>
<title>Etat des sondes</title>
<table>
<search>
<query>***</query>
<earliest>0</earliest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
<format type="color" field="status">
<colorPalette type="map">{"online":#65A637,"offline":#D93F3C}</colorPalette>
</format>
<format type="color" field="last_online">
<colorPalette type="map">{"-":#FFFFFF}</colorPalette>
</format>
</table>
</panel>
</row>
<row>
<panel>
<title>Liste des index et de leurs tailles</title>
<table id="table1">
<search>
<query>***</query>
<earliest>@d</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
<panel>
<title>Vérification de la date d'indexation</title>
<table id="table2">
<search>
<query>***</query>
<earliest>0</earliest>
<latest></latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
<row>
<panel>
<title>Maj du fichier des cvss</title>
<table id="table3">
<search>
<query>***</query>
<earliest>0</earliest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
<row>
<panel>
<title>Etat des sites de Qualys</title>
<table id="table4">
<search>
<query>***</query>
<earliest>@d</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="count">20</option>
<option name="dataOverlayMode">none</option>
<option name="drilldown">cell</option>
<option name="percentagesRow">false</option>
<option name="rowNumbers">true</option>
<option name="totalsRow">false</option>
<option name="wrap">true</option>
</table>
</panel>
</row>
</dashboard>
Javascript - table_icons_rangemap.js
require([
'underscore',
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/tableview',
'splunkjs/mvc/simplexml/ready!'
], function(_, $, mvc, TableView) {
// Translations from rangemap results to CSS class
var ICONS = {
red: 'alert-circle',
orange: 'alert',
green: 'check-circle'
};
var RangeMapIconRenderer = TableView.BaseCellRenderer.extend({
canRender: function(cell) {
// Only use the cell renderer for the range field
return cell.field === 'range';
},
render: function($td, cell) {
var icon = 'question';
// Fetch the icon for the value
if (ICONS.hasOwnProperty(cell.value)) {
icon = ICONS[cell.value];
}
// Create the icon element and add it to the table cell
$td.addClass('icon').html(_.template('<i class="icon-<%-icon%> <%- range %>" title="<%- range %>"></i>', {
icon: icon,
range: cell.value
}));
}
});
mvc.Components.get('table1').getVisualization(function(tableView){
// Register custom cell renderer
tableView.addCellRenderer(new RangeMapIconRenderer());
});
mvc.Components.get('table2').getVisualization(function(tableView){
// Register custom cell renderer
tableView.addCellRenderer(new RangeMapIconRenderer());
});
mvc.Components.get('table3').getVisualization(function(tableView){
// Register custom cell renderer
tableView.addCellRenderer(new RangeMapIconRenderer());
});
mvc.Components.get('table4').getVisualization(function(tableView){
// Register custom cell renderer
tableView.addCellRenderer(new RangeMapIconRenderer());
});
});
... View more
06-23-2017
04:43 AM
I did that.
The code I posted is a code of table_icon_rangemap.js which was in Splunk 6.x Dashboard Examples
... View more
06-22-2017
06:45 AM
1 Karma
Hi all !
I want to display icon (alert-circle, alert, check-circle) instead of "OK", "POK" or "NOK" in a dashboard for 3 tables.
I have a js script for that.
It does the job only for table1 and table2. But, it doesn't work for table3.
It's the same code and every id is unique.
Code :
****mvc.Components.get('table1').getVisualization(function(tableView){
tableView.table.addCellRenderer(new RangeMapIconRenderer());
tableView.table.render();
}****
If you have an idea or an explanation 🙂
Thanks !
... View more
- Tags:
- splunk-enterprise
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
06-05-2020
02:04 AM
|
