diff --git a/ui/src/CheckSources.js b/ui/src/CheckSources.js index 4ae15ac9e..f008fd088 100644 --- a/ui/src/CheckSources.js +++ b/ui/src/CheckSources.js @@ -67,7 +67,7 @@ const CheckSources = React.createClass({ return router.push(`/sources/new?redirectPath=${location.pathname}`) } - if (!isFetching && !location.pathname.includes("/manage-sources")) { + if (!isFetching && !location.pathname.includes('/manage-sources')) { // Do simple query to proxy to see if the source is up. try { await showDatabases(source.links.proxy) diff --git a/ui/src/admin/components/RoleRow.js b/ui/src/admin/components/RoleRow.js index 3dc05ffee..7e38deaf6 100644 --- a/ui/src/admin/components/RoleRow.js +++ b/ui/src/admin/components/RoleRow.js @@ -37,7 +37,7 @@ const RoleRow = ({ - + diff --git a/ui/src/admin/components/UserRow.js b/ui/src/admin/components/UserRow.js index 8a9eab2ec..dcfbd9870 100644 --- a/ui/src/admin/components/UserRow.js +++ b/ui/src/admin/components/UserRow.js @@ -42,7 +42,7 @@ const UserRow = ({ {hasRoles ? : null} - + @@ -75,7 +75,7 @@ const UserRow = ({ /> : null } - + diff --git a/ui/src/alerts/apis/index.js b/ui/src/alerts/apis/index.js index 5e7321f1d..8d42f6e08 100644 --- a/ui/src/alerts/apis/index.js +++ b/ui/src/alerts/apis/index.js @@ -4,6 +4,6 @@ export function getAlerts(source, timeRange) { return proxy({ source, query: `SELECT host, value, level, alertName FROM alerts WHERE time >= '${timeRange.lower}' AND time <= '${timeRange.upper}' ORDER BY time desc`, - db: "chronograf", + db: 'chronograf', }) } diff --git a/ui/src/dashboards/components/CellEditorOverlay.js b/ui/src/dashboards/components/CellEditorOverlay.js index 764f5870e..1fb30ba1c 100644 --- a/ui/src/dashboards/components/CellEditorOverlay.js +++ b/ui/src/dashboards/components/CellEditorOverlay.js @@ -84,7 +84,7 @@ class CellEditorOverlay extends Component { newCell.queries = queriesWorkingDraft.map((q) => { const query = q.rawText || buildInfluxQLQuery(timeRange, q) const label = q.rawText ? - "" : + '' : `${q.measurement}.${q.fields[0].field}` return { diff --git a/ui/src/dashboards/containers/DashboardsPage.js b/ui/src/dashboards/containers/DashboardsPage.js index 773cf1159..4b2ba2f83 100644 --- a/ui/src/dashboards/containers/DashboardsPage.js +++ b/ui/src/dashboards/containers/DashboardsPage.js @@ -56,9 +56,9 @@ const DashboardsPage = React.createClass({ const dashboardLink = `/sources/${this.props.source.id}` let tableHeader if (dashboards === null) { - tableHeader = "Loading Dashboards..." + tableHeader = 'Loading Dashboards...' } else if (dashboards.length === 0) { - tableHeader = "1 Dashboard" + tableHeader = '1 Dashboard' } else { tableHeader = `${dashboards.length + 1} Dashboards` } diff --git a/ui/src/data_explorer/components/FieldListItem.js b/ui/src/data_explorer/components/FieldListItem.js index 80b151695..ee32bf330 100644 --- a/ui/src/data_explorer/components/FieldListItem.js +++ b/ui/src/data_explorer/components/FieldListItem.js @@ -39,7 +39,7 @@ const FieldListItem = React.createClass({ }) return ( -
+
{fieldText} diff --git a/ui/src/data_explorer/components/GroupByTimeDropdown.js b/ui/src/data_explorer/components/GroupByTimeDropdown.js index c43cb542c..99d119eb0 100644 --- a/ui/src/data_explorer/components/GroupByTimeDropdown.js +++ b/ui/src/data_explorer/components/GroupByTimeDropdown.js @@ -16,7 +16,7 @@ const GroupByTimeDropdown = React.createClass({ const {isOpen, selected, onChooseGroupByTime} = this.props return ( -
+
Group by {selected || 'time'} diff --git a/ui/src/data_explorer/components/MeasurementList.js b/ui/src/data_explorer/components/MeasurementList.js index ac719e53b..e65d5350c 100644 --- a/ui/src/data_explorer/components/MeasurementList.js +++ b/ui/src/data_explorer/components/MeasurementList.js @@ -25,7 +25,7 @@ const MeasurementList = React.createClass({ getInitialState() { return { measurements: [], - filterText: "", + filterText: '', } }, diff --git a/ui/src/data_explorer/components/QueryEditor.js b/ui/src/data_explorer/components/QueryEditor.js index 8025bb796..19d57a014 100644 --- a/ui/src/data_explorer/components/QueryEditor.js +++ b/ui/src/data_explorer/components/QueryEditor.js @@ -6,12 +6,7 @@ import {QUERY_TEMPLATES} from 'src/data_explorer/constants' const ENTER = 13 const ESCAPE = 27 -const { - bool, - func, - shape, - string, -} = PropTypes +const {bool, func, shape, string} = PropTypes const QueryEditor = React.createClass({ propTypes: { query: string.isRequired, @@ -74,23 +69,26 @@ const QueryEditor = React.createClass({ onChange={this.handleChange} onKeyDown={this.handleKeyDown} onBlur={this.handleUpdate} - ref={(editor) => this.editor = editor} + ref={editor => (this.editor = editor)} value={value} placeholder="Enter a query or select database, measurement, and field below and have us build one for you..." autoComplete="off" spellCheck="false" /> {this.renderStatus(status)} - +
) }, renderStatus(status) { if (!status) { - return ( -
- ) + return
} if (status.loading) { @@ -102,8 +100,20 @@ const QueryEditor = React.createClass({ } return ( -
- +
+ {status.error || status.warn || status.success}
) diff --git a/ui/src/data_explorer/components/TagList.js b/ui/src/data_explorer/components/TagList.js index 024080a47..88eb4dff5 100644 --- a/ui/src/data_explorer/components/TagList.js +++ b/ui/src/data_explorer/components/TagList.js @@ -94,7 +94,7 @@ const TagList = React.createClass({
Tags {(!query.database || !query.measurement || !query.retentionPolicy) ? null : -
+
!=
=
diff --git a/ui/src/data_explorer/components/TagListItem.js b/ui/src/data_explorer/components/TagListItem.js index 659e3a418..8d406e665 100644 --- a/ui/src/data_explorer/components/TagListItem.js +++ b/ui/src/data_explorer/components/TagListItem.js @@ -87,7 +87,7 @@ const TagListItem = React.createClass({ return (
-
+
{tagItemLabel} diff --git a/ui/src/data_explorer/components/VisHeader.js b/ui/src/data_explorer/components/VisHeader.js index ea56c453c..bc0ff2dae 100644 --- a/ui/src/data_explorer/components/VisHeader.js +++ b/ui/src/data_explorer/components/VisHeader.js @@ -9,7 +9,7 @@ const VisHeader = ({views, view, onToggleView, name}) => (
  • onToggleView(v)} - className={classNames("toggle-btn ", {active: view === v})}> + className={classNames('toggle-btn ', {active: view === v})}> {v}
    • ))} diff --git a/ui/src/data_explorer/components/VisView.js b/ui/src/data_explorer/components/VisView.js index 9558985df..6ac4df6f7 100644 --- a/ui/src/data_explorer/components/VisView.js +++ b/ui/src/data_explorer/components/VisView.js @@ -49,7 +49,7 @@ const VisView = ({ autoRefresh={autoRefresh} activeQueryIndex={activeQueryIndex} isInDataExplorer={true} - showSingleStat={cellType === "line-plus-single-stat"} + showSingleStat={cellType === 'line-plus-single-stat'} displayOptions={displayOptions} editQueryStatus={editQueryStatus} /> diff --git a/ui/src/data_explorer/components/Visualization.js b/ui/src/data_explorer/components/Visualization.js index 46a7ba1b1..30d35272f 100644 --- a/ui/src/data_explorer/components/Visualization.js +++ b/ui/src/data_explorer/components/Visualization.js @@ -95,7 +95,7 @@ const Visualization = React.createClass({ return (
    -
    +
    now() - 10m group by host; select mean("load1") from "system" where time > now() - 10m group by host; select mean("Percent_Processor_Time") from win_cpu where time > now() - 10m group by host; select mean("Processor_Queue_Length") from win_system where time > now() - 10s group by host; select non_negative_derivative(mean(uptime)) as deltaUptime from "system" where time > now() - 10m group by host, time(1m) fill(0); show tag values from /win_system|system/ with key = "host"`, + query: 'select mean(usage_user) from cpu where cpu = \'cpu-total\' and time > now() - 10m group by host; select mean("load1") from "system" where time > now() - 10m group by host; select mean("Percent_Processor_Time") from win_cpu where time > now() - 10m group by host; select mean("Processor_Queue_Length") from win_system where time > now() - 10s group by host; select non_negative_derivative(mean(uptime)) as deltaUptime from "system" where time > now() - 10m group by host, time(1m) fill(0); show tag values from /win_system|system/ with key = "host"', db: telegrafDB, }).then((resp) => { const hosts = {} diff --git a/ui/src/hosts/components/HostsTable.js b/ui/src/hosts/components/HostsTable.js index 347e64c7b..c87d8935c 100644 --- a/ui/src/hosts/components/HostsTable.js +++ b/ui/src/hosts/components/HostsTable.js @@ -83,11 +83,11 @@ const HostsTable = React.createClass({ sortableClasses(key) { if (this.state.sortKey === key) { if (this.state.sortDirection === 'asc') { - return "sortable-header sorting-up" + return 'sortable-header sorting-up' } - return "sortable-header sorting-down" + return 'sortable-header sorting-down' } - return "sortable-header" + return 'sortable-header' }, render() { @@ -99,11 +99,11 @@ const HostsTable = React.createClass({ let hostsTitle if (hostsLoading) { - hostsTitle = `Loading Hosts...` + hostsTitle = 'Loading Hosts...' } else if (hostsError.length) { - hostsTitle = `There was a problem loading hosts` + hostsTitle = 'There was a problem loading hosts' } else if (hosts.length === 0) { - hostsTitle = `No hosts found` + hostsTitle = 'No hosts found' } else if (hostCount === 1) { hostsTitle = `${hostCount} Host` } else { @@ -164,11 +164,11 @@ const HostRow = React.createClass({ const {host, source} = this.props const {name, cpu, load, apps = []} = host - let stateStr = "" + let stateStr = '' if (host.deltaUptime < 0) { - stateStr = "table-dot dot-critical" + stateStr = 'table-dot dot-critical' } else if (host.deltaUptime > 0) { - stateStr = "table-dot dot-success" + stateStr = 'table-dot dot-success' } return ( @@ -182,7 +182,7 @@ const HostRow = React.createClass({ return ( {app} diff --git a/ui/src/index.js b/ui/src/index.js index e6f7665c0..119223a98 100644 --- a/ui/src/index.js +++ b/ui/src/index.js @@ -41,7 +41,7 @@ if (basepath) { }) } else { browserHistory = useRouterHistory(createHistory)({ - basename: "", + basename: '', }) } diff --git a/ui/src/kapacitor/components/DataSection.js b/ui/src/kapacitor/components/DataSection.js index 4ca8364d6..921152444 100644 --- a/ui/src/kapacitor/components/DataSection.js +++ b/ui/src/kapacitor/components/DataSection.js @@ -77,7 +77,7 @@ export const DataSection = React.createClass({ render() { const {query, timeRange: {lower}} = this.props - const statement = query.rawText || buildInfluxQLQuery({lower}, query) || `Build a query below` + const statement = query.rawText || buildInfluxQLQuery({lower}, query) || 'Build a query below' return (
    diff --git a/ui/src/kapacitor/components/KapacitorRule.js b/ui/src/kapacitor/components/KapacitorRule.js index f7a2b6076..7d6838318 100644 --- a/ui/src/kapacitor/components/KapacitorRule.js +++ b/ui/src/kapacitor/components/KapacitorRule.js @@ -87,9 +87,9 @@ export const KapacitorRule = React.createClass({ createRule(kapacitor, newRule).then(() => { router.push(`/sources/${source.id}/alert-rules`) - addFlashMessage({type: 'success', text: `Rule successfully created`}) + addFlashMessage({type: 'success', text: 'Rule successfully created'}) }).catch(() => { - addFlashMessage({type: 'error', text: `There was a problem creating the rule`}) + addFlashMessage({type: 'error', text: 'There was a problem creating the rule'}) }) }, @@ -101,9 +101,9 @@ export const KapacitorRule = React.createClass({ }) editRule(updatedRule).then(() => { - addFlashMessage({type: 'success', text: `Rule successfully updated!`}) + addFlashMessage({type: 'success', text: 'Rule successfully updated!'}) }).catch(() => { - addFlashMessage({type: 'error', text: `There was a problem updating the rule`}) + addFlashMessage({type: 'error', text: 'There was a problem updating the rule'}) }) }, diff --git a/ui/src/kapacitor/components/KapacitorRulesTable.js b/ui/src/kapacitor/components/KapacitorRulesTable.js index 8c7d20399..e2f466d79 100644 --- a/ui/src/kapacitor/components/KapacitorRulesTable.js +++ b/ui/src/kapacitor/components/KapacitorRulesTable.js @@ -40,7 +40,7 @@ const RuleRow = ({rule, source, onDelete, onChangeRuleStatus}) => { id={`kapacitor-enabled ${rule.id}`} className="form-control-static" type="checkbox" - defaultChecked={rule.status === "enabled"} + defaultChecked={rule.status === 'enabled'} onClick={() => onChangeRuleStatus(rule)} /> diff --git a/ui/src/kapacitor/components/RuleGraph.js b/ui/src/kapacitor/components/RuleGraph.js index 9c5d4d441..57b5bea08 100644 --- a/ui/src/kapacitor/components/RuleGraph.js +++ b/ui/src/kapacitor/components/RuleGraph.js @@ -29,7 +29,7 @@ export const RuleGraph = React.createClass({ const autoRefreshMs = 30000 const queryText = buildInfluxQLQuery({lower}, query) const queries = [{host: source.links.proxy, text: queryText}] - const kapacitorLineColors = ["#4ED8A0"] + const kapacitorLineColors = ['#4ED8A0'] if (!queryText) { return ( diff --git a/ui/src/kapacitor/constants/index.js b/ui/src/kapacitor/constants/index.js index 298206198..95d424c24 100644 --- a/ui/src/kapacitor/constants/index.js +++ b/ui/src/kapacitor/constants/index.js @@ -29,14 +29,14 @@ export const ALERTS = ['alerta', 'hipchat', 'opsgenie', 'pagerduty', 'sensu', 's export const DEFAULT_RULE_ID = 'DEFAULT_RULE_ID' export const RULE_MESSAGE_TEMPLATES = { - id: {label: "{{.ID}}", text: "The ID of the alert"}, - name: {label: "{{.Name}}", text: "Measurement name"}, - taskName: {label: "{{.TaskName}}", text: "The name of the task"}, - group: {label: "{{.Group}}", text: "Concatenation of all group-by tags of the form [key=value,]+. If no groupBy is performed equal to literal "nil""}, - tags: {label: "{{.Tags}}", text: "Map of tags. Use {{ index .Tags "key" }} to get a specific tag value"}, - level: {label: "{{.Level}}", text: "Alert Level, one of: INFOWARNINGCRITICAL"}, - fields: {label: `{{ index .Fields "value" }}`, text: "Map of fields. Use {{ index .Fields "key" }} to get a specific field value"}, - time: {label: "{{.Time}}", text: "The time of the point that triggered the event"}, + id: {label: '{{.ID}}', text: 'The ID of the alert'}, + name: {label: '{{.Name}}', text: 'Measurement name'}, + taskName: {label: '{{.TaskName}}', text: 'The name of the task'}, + group: {label: '{{.Group}}', text: 'Concatenation of all group-by tags of the form [key=value,]+. If no groupBy is performed equal to literal "nil"'}, + tags: {label: '{{.Tags}}', text: 'Map of tags. Use {{ index .Tags "key" }} to get a specific tag value'}, + level: {label: '{{.Level}}', text: 'Alert Level, one of: INFOWARNINGCRITICAL'}, + fields: {label: '{{ index .Fields "value" }}', text: 'Map of fields. Use {{ index .Fields "key" }} to get a specific field value'}, + time: {label: '{{.Time}}', text: 'The time of the point that triggered the event'}, } export const DEFAULT_ALERTS = ['http', 'tcp', 'exec'] diff --git a/ui/src/kapacitor/containers/KapacitorRulePage.js b/ui/src/kapacitor/containers/KapacitorRulePage.js index 141f486e5..0e2d62cad 100644 --- a/ui/src/kapacitor/containers/KapacitorRulePage.js +++ b/ui/src/kapacitor/containers/KapacitorRulePage.js @@ -60,9 +60,9 @@ export const KapacitorRulePage = React.createClass({ }) this.setState({enabledAlerts}) }).catch(() => { - addFlashMessage({type: 'error', text: `There was a problem communicating with Kapacitor`}) + addFlashMessage({type: 'error', text: 'There was a problem communicating with Kapacitor'}) }).catch(() => { - addFlashMessage({type: 'error', text: `We couldn't find a configured Kapacitor for this source`}) + addFlashMessage({type: 'error', text: 'We couldn\'t find a configured Kapacitor for this source'}) }) }) }, diff --git a/ui/src/shared/actions/notifications.js b/ui/src/shared/actions/notifications.js index b3cfc8738..deab1e28b 100644 --- a/ui/src/shared/actions/notifications.js +++ b/ui/src/shared/actions/notifications.js @@ -2,7 +2,7 @@ export function publishNotification(type, message) { // this validator is purely for development purposes. It might make sense to move this to a middleware. const validTypes = ['error', 'success', 'warning'] if (!validTypes.includes(type) || message === undefined) { - console.error("handleNotification must have a valid type and text") // eslint-disable-line no-console + console.error('handleNotification must have a valid type and text') // eslint-disable-line no-console } return { diff --git a/ui/src/shared/actions/sources.js b/ui/src/shared/actions/sources.js index 0711ebb02..942fa6de0 100644 --- a/ui/src/shared/actions/sources.js +++ b/ui/src/shared/actions/sources.js @@ -58,7 +58,7 @@ export const removeAndLoadSources = (source) => async (dispatch) => { const {data: {sources: newSources}} = await getSources() dispatch(loadSources(newSources)) } catch (err) { - dispatch(publishNotification("error", "Internal Server Error. Check API Logs")) + dispatch(publishNotification('error', 'Internal Server Error. Check API Logs')) } } diff --git a/ui/src/shared/apis/index.js b/ui/src/shared/apis/index.js index f66da174a..e34b91245 100644 --- a/ui/src/shared/apis/index.js +++ b/ui/src/shared/apis/index.js @@ -2,7 +2,7 @@ import AJAX from 'utils/ajax' export function fetchLayouts() { return AJAX({ - url: `/chronograf/v1/layouts`, + url: '/chronograf/v1/layouts', method: 'GET', resource: 'layouts', }) diff --git a/ui/src/shared/apis/metaQuery.js b/ui/src/shared/apis/metaQuery.js index fb8424a4f..d6236ecbb 100644 --- a/ui/src/shared/apis/metaQuery.js +++ b/ui/src/shared/apis/metaQuery.js @@ -3,7 +3,7 @@ import _ from 'lodash' import {buildInfluxUrl, proxy} from 'utils/queryUrlGenerator' export const showDatabases = async (source) => { - const query = `SHOW DATABASES` + const query = 'SHOW DATABASES' return await proxy({source, query}) } @@ -52,7 +52,7 @@ export function showTagValues({source, database, retentionPolicy, measurement, t export function showShards() { return AJAX({ - url: `/api/int/v1/show-shards`, + url: '/api/int/v1/show-shards', }) } diff --git a/ui/src/shared/components/AutoRefreshDropdown.js b/ui/src/shared/components/AutoRefreshDropdown.js index e5b72e699..e430fc124 100644 --- a/ui/src/shared/components/AutoRefreshDropdown.js +++ b/ui/src/shared/components/AutoRefreshDropdown.js @@ -49,11 +49,11 @@ const AutoRefreshDropdown = React.createClass({ return (
    self.toggleMenu()}> - 0 ? "refresh" : "pause")}> + 0 ? 'refresh' : 'pause')}> {inputValue}
    -
      +
      • AutoRefresh Interval
        • {autoRefreshItems.map((item) => { return ( diff --git a/ui/src/shared/components/CustomTimeRange.js b/ui/src/shared/components/CustomTimeRange.js index 9da0bdf37..f601b0845 100644 --- a/ui/src/shared/components/CustomTimeRange.js +++ b/ui/src/shared/components/CustomTimeRange.js @@ -45,7 +45,7 @@ class CustomTimeRange extends Component { const {isVisible, onToggle, timeRange: {upper, lower}} = this.props return ( -
        +
        diff --git a/ui/src/shared/components/ResizeHandle.js b/ui/src/shared/components/ResizeHandle.js index 71f549404..afccf9dba 100644 --- a/ui/src/shared/components/ResizeHandle.js +++ b/ui/src/shared/components/ResizeHandle.js @@ -14,7 +14,7 @@ const ResizeHandle = React.createClass({ return (
        diff --git a/ui/src/shared/components/Tabs.js b/ui/src/shared/components/Tabs.js index 8089e930d..51fb46db9 100644 --- a/ui/src/shared/components/Tabs.js +++ b/ui/src/shared/components/Tabs.js @@ -13,7 +13,7 @@ export const Tab = React.createClass({ render() { return (
        {this.props.children} @@ -45,7 +45,7 @@ export const TabList = React.createClass({ }) }) - if (this.props.isKapacitorTabs === "true") { + if (this.props.isKapacitorTabs === 'true') { return (

        Alert Type

        diff --git a/ui/src/shared/components/TimeRangeDropdown.js b/ui/src/shared/components/TimeRangeDropdown.js index fea1b8274..fe0acc067 100644 --- a/ui/src/shared/components/TimeRangeDropdown.js +++ b/ui/src/shared/components/TimeRangeDropdown.js @@ -60,7 +60,7 @@ const TimeRangeDropdown = React.createClass({ {self.findTimeRangeInputValue(selected)}
        -
          +
          • Time Range
            • {timeRanges.map((item) => { return ( diff --git a/ui/src/shared/parsing/getRangeForDygraph.js b/ui/src/shared/parsing/getRangeForDygraph.js index 8796021a7..c9817436c 100644 --- a/ui/src/shared/parsing/getRangeForDygraph.js +++ b/ui/src/shared/parsing/getRangeForDygraph.js @@ -40,7 +40,7 @@ export default function getRange(timeSeries, override, ruleValues = {value: null min = val } - if (typeof val === "number") { + if (typeof val === 'number') { min = Math.min(min, val) max = Math.max(max, val) } diff --git a/ui/src/side_nav/components/NavItems.js b/ui/src/side_nav/components/NavItems.js index 58156b46e..e4f94c4b1 100644 --- a/ui/src/side_nav/components/NavItems.js +++ b/ui/src/side_nav/components/NavItems.js @@ -15,7 +15,7 @@ const NavListItem = React.createClass({ const {link, children, location} = this.props const isActive = location.startsWith(link) - return {children} + return {children} }, }) @@ -62,7 +62,7 @@ const NavBlock = React.createClass({ return (
            {this.renderLink()} -
            +
            {children}
            diff --git a/ui/src/sources/components/InfluxTable.js b/ui/src/sources/components/InfluxTable.js index 7af217be4..08b486548 100644 --- a/ui/src/sources/components/InfluxTable.js +++ b/ui/src/sources/components/InfluxTable.js @@ -35,12 +35,12 @@ const kapacitorDropdown = (kapacitors, source, router, setActiveKapacitor) => { onChoose={(item) => setActiveKapacitor(item.kapacitor)} addNew={{ url: `/sources/${source.id}/kapacitors/new`, - text: "Add Kapacitor", + text: 'Add Kapacitor', }} actions={ [{ - icon: "pencil", - text: "edit", + icon: 'pencil', + text: 'edit', handler: (item) => { router.push(`${item.resource}/edit`) }, diff --git a/ui/src/sources/components/SourceForm.js b/ui/src/sources/components/SourceForm.js index 4c3ae3f9b..4dd228a7f 100644 --- a/ui/src/sources/components/SourceForm.js +++ b/ui/src/sources/components/SourceForm.js @@ -75,7 +75,7 @@ export const SourceForm = React.createClass({ this.sourcePassword = r} className="form-control" id="password" onChange={onInputChange} value={source.password || ''}>
            - {_.get(source, 'type', '').includes("enterprise") ? + {_.get(source, 'type', '').includes('enterprise') ?
            this.metaUrl = r} className="form-control" id="meta-url" placeholder="http://localhost:8091" onChange={onInputChange} value={source.metaUrl || ''}> @@ -90,7 +90,7 @@ export const SourceForm = React.createClass({
            - {_.get(source, 'url', '').startsWith("https") ? + {_.get(source, 'url', '').startsWith('https') ?
            this.sourceInsecureSkipVerify = r} /> @@ -99,7 +99,7 @@ export const SourceForm = React.createClass({
            : null}
            - +
            diff --git a/ui/src/sources/containers/SourcePage.js b/ui/src/sources/containers/SourcePage.js index f9f259e6e..ac7be0ac7 100644 --- a/ui/src/sources/containers/SourcePage.js +++ b/ui/src/sources/containers/SourcePage.js @@ -116,7 +116,7 @@ export const SourcePage = React.createClass({

            - {editMode ? "Edit Source" : "Add a New Source"} + {editMode ? 'Edit Source' : 'Add a New Source'}

            diff --git a/ui/src/utils/timeSeriesToDygraph.js b/ui/src/utils/timeSeriesToDygraph.js index ccde3986c..3359ba030 100644 --- a/ui/src/utils/timeSeriesToDygraph.js +++ b/ui/src/utils/timeSeriesToDygraph.js @@ -112,7 +112,7 @@ export default function timeSeriesToDygraph(raw = [], activeQueryIndex, isInData }, {}) return { - labels: ["time", ...map(sortedLabels, ({label}) => label)], + labels: ['time', ...map(sortedLabels, ({label}) => label)], timeSeries: map(sortedTimeSeries, ({time, values}) => ([new Date(time), ...values])), dygraphSeries, }