Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
chronograf/ui/test/fixtures/index.ts

533 lines
10 KiB
TypeScript
Raw Blame History

import {interval} from 'src/shared/constants'
import {
Service,
Source,
SourceAuthenticationMethod,
CellQuery,
SourceLinks,
Cell,
TimeRange,
Template,
QueryConfig,
TemplateType,
TemplateValueType,
} from 'src/types'
import {
Axes,
TableOptions,
FieldOption,
DecimalPlaces,
CellType,
NoteVisibility,
QueryType,
} from 'src/types/dashboards'
import {LineColor, ColorNumber} from 'src/types/colors'
import {ServerLogConfig, ServerColumn} from 'src/types/logs'
export const sourceLinks: SourceLinks = {
services: '/chronograf/v1/sources/4',
self: '/chronograf/v1/sources/4',
kapacitors: '/chronograf/v1/sources/4/kapacitors',
proxy: '/chronograf/v1/sources/4/proxy',
queries: '/chronograf/v1/sources/4/queries',
write: '/chronograf/v1/sources/4/write',
permissions: '/chronograf/v1/sources/4/permissions',
users: '/chronograf/v1/sources/4/users',
databases: '/chronograf/v1/sources/4/dbs',
annotations: '/chronograf/v1/sources/4/annotations',
health: '/chronograf/v1/sources/4/health',
}
export const source: Source = {
id: '4',
name: 'Influx 1',
type: 'influx',
url: 'http://localhost:8086',
default: false,
telegraf: 'telegraf',
organization: 'default',
role: 'viewer',
defaultRP: '',
links: sourceLinks,
insecureSkipVerify: false,
version: 'v1.4.3',
authentication: SourceAuthenticationMethod.Basic,
}
export const template: Template = {
id: '1',
label: 'var',
tempVar: ':var:',
type: TemplateType.Constant,
values: [],
}
export const service: Service = {
id: '1',
sourceID: '1',
name: 'Flux',
url: 'http://localhost:8093',
insecureSkipVerify: false,
type: 'flux',
metadata: {
active: true,
},
links: {
proxy: '/chronograf/v1/sources/1/services/1/proxy',
self: '/chronograf/v1/sources/1/services/1',
source: '/chronograf/v1/sources/1',
},
}
export const queryConfig: QueryConfig = {
database: 'telegraf',
measurement: 'cpu',
retentionPolicy: 'autogen',
fields: [
{
value: 'mean',
type: 'func',
alias: 'mean_usage_idle',
args: [
{
value: 'usage_idle',
type: 'field',
alias: '',
},
],
},
{
value: 'mean',
type: 'func',
alias: 'mean_usage_user',
args: [
{
value: 'usage_user',
type: 'field',
alias: '',
},
],
},
],
tags: {},
groupBy: {
time: 'auto',
tags: [],
},
areTagsAccepted: false,
fill: 'null',
rawText: null,
range: null,
shifts: null,
}
export const query: CellQuery = {
query:
'SELECT mean("usage_idle") AS "mean_usage_idle", mean("usage_user") AS "mean_usage_user" FROM "telegraf"."autogen"."cpu" WHERE time > :dashboardTime: GROUP BY time(:interval:) FILL(null)',
queryConfig,
source: '',
type: QueryType.InfluxQL,
}
export const axes: Axes = {
x: {
bounds: ['', ''],
label: '',
prefix: '',
suffix: '',
base: '10',
scale: 'linear',
},
y: {
bounds: ['', ''],
label: '',
prefix: '',
suffix: '',
base: '10',
scale: 'linear',
},
}
export const fieldOptions: FieldOption[] = [
{
internalName: 'time',
displayName: '',
visible: true,
},
]
export const tableOptions: TableOptions = {
verticalTimeAxis: true,
sortBy: {
internalName: 'time',
displayName: '',
visible: true,
},
wrapping: 'truncate',
fixFirstColumn: true,
}
export const lineColors: LineColor[] = [
{
id: '574fb0a3-0a26-44d7-8d71-d4981756acb1',
type: 'scale',
hex: '#31C0F6',
name: 'Nineteen Eighty Four',
value: '0',
},
{
id: '3b9750f9-d41d-4100-8ee6-bd2785237f35',
type: 'scale',
hex: '#A500A5',
name: 'Nineteen Eighty Four',
value: '0',
},
{
id: '8d39064f-8124-4967-ae22-ffe14e425781',
type: 'scale',
hex: '#FF7E27',
name: 'Nineteen Eighty Four',
value: '0',
},
]
export const decimalPlaces: DecimalPlaces = {
isEnforced: true,
digits: 4,
}
export const cell: Cell = {
i: '67435af2-17bf-4caa-a5fc-0dd1ffb40dab',
x: 0,
y: 0,
w: 8,
h: 4,
name: 'Untitled Graph',
queries: [query],
axes,
type: CellType.Line,
colors: lineColors,
legend: {},
tableOptions,
fieldOptions,
timeFormat: 'MM/DD/YYYY HH:mm:ss',
decimalPlaces,
links: {
self:
'/chronograf/v1/dashboards/9/cells/67435af2-17bf-4caa-a5fc-0dd1ffb40dab',
},
inView: true,
note: 'I am a note!',
noteVisibility: NoteVisibility.Default,
}
export const fullTimeRange = {
dashboardID: 9,
defaultGroupBy: '10s',
seconds: 300,
inputValue: 'Past 5 minutes',
lower: 'now() - 5m',
upper: null,
menuOption: 'Past 5 minutes',
format: 'influxql',
}
export const timeRange: TimeRange = {
lower: 'now() - 5m',
upper: null,
}
export const userDefinedTemplateVariables: Template[] = [
{
tempVar: ':fields:',
type: TemplateType.FieldKeys,
label: '',
values: [
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_guest',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_guest_nice',
},
{
selected: true,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_idle',
},
{
selected: false,
localSelected: true,
type: TemplateValueType.FieldKey,
value: 'usage_iowait',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_irq',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_nice',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_softirq',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_steal',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_system',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.FieldKey,
value: 'usage_user',
},
],
id: '2b8dca84-879c-4555-a7cf-97f2951f8643',
},
{
tempVar: ':measurements:',
type: TemplateType.Measurements,
label: '',
values: [
{
selected: true,
localSelected: true,
type: TemplateValueType.Measurement,
value: 'cpu',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.Measurement,
value: 'disk',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.Measurement,
value: 'diskio',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.Measurement,
value: 'mem',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.Measurement,
value: 'processes',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.Measurement,
value: 'swap',
},
{
selected: false,
localSelected: false,
type: TemplateValueType.Measurement,
value: 'system',
},
],
id: '18855209-12db-4619-9834-1d7eb643ae6e',
},
]
const dashtimeTempVar: Template = {
id: 'dashtime',
tempVar: ':dashboardTime:',
type: TemplateType.Constant,
values: [
{
value: 'now() - 5m',
type: TemplateValueType.Constant,
selected: true,
localSelected: true,
},
],
label: '',
}
const upperdashtimeTempVar: Template = {
id: 'upperdashtime',
tempVar: ':upperDashboardTime:',
type: TemplateType.Constant,
values: [
{
value: 'now()',
type: TemplateValueType.Constant,
selected: true,
localSelected: true,
},
],
label: '',
}
export const predefinedTemplateVariables: Template[] = [
{...dashtimeTempVar},
{...upperdashtimeTempVar},
{...interval},
]
export const thresholdsListColors: ColorNumber[] = [
{
type: 'text',
hex: '#00C9FF',
id: 'base',
name: 'laser',
value: -1000000000000000000,
},
]
export const gaugeColors: ColorNumber[] = [
{
type: 'min',
hex: '#00C9FF',
id: '0',
name: 'laser',
value: 0,
},
{
type: 'max',
hex: '#9394FF',
id: '1',
name: 'comet',
value: 100,
},
]
export const serverLogColumns: ServerColumn[] = [
{
name: 'severity',
position: 1,
encodings: [
{
type: 'visibility',
value: 'visible',
},
{
type: 'label',
value: 'icon',
},
{
type: 'label',
value: 'text',
},
{
type: 'color',
name: 'alert',
value: 'pearl',
},
{
type: 'color',
name: 'warning',
value: 'wolf',
},
],
},
{
name: 'timestamp',
position: 2,
encodings: [
{
type: 'visibility',
value: 'visible',
},
],
},
{
name: 'message',
position: 3,
encodings: [
{
type: 'visibility',
value: 'visible',
},
],
},
{
name: 'facility',
position: 4,
encodings: [
{
type: 'visibility',
value: 'visible',
},
],
},
{
name: 'time',
position: 0,
encodings: [
{
type: 'visibility',
value: 'hidden',
},
],
},
{
name: 'procid',
position: 5,
encodings: [
{
type: 'visibility',
value: 'visible',
},
{
type: 'displayName',
value: 'Proc ID',
},
],
},
{
name: 'host',
position: 7,
encodings: [
{
type: 'visibility',
value: 'visible',
},
],
},
{
name: 'appname',
position: 6,
encodings: [
{
type: 'visibility',
value: 'visible',
},
{
type: 'displayName',
value: 'Application',
},
],
},
]
export const serverLogConfig: ServerLogConfig = {
columns: serverLogColumns,
}
Reference in New Issue View Git Blame Copy Permalink