mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
54af57b8e6
* Initial pass to move panel state to it's own, and make it by key not panel.id * Progress * Not making much progress, having panel.key be mutable is causing a lot of issues * Think this is starting to work * Began fixing tests * Add selector * Bug fixes and changes to cleanup, and fixing all flicking when switching library panels * Removed console.log * fixes after merge * fixing tests * fixing tests * Added new test for changePlugin thunk * Initial struture in place * responding to state changes in another part of the state * bha * going in a different direction * This is getting exciting * minor * More structure * More real * Added builder to reduce boiler plate * Lots of progress * Adding more visualizations * More smarts * tweaks * suggestions * Move to separate view * Refactoring to builder concept * Before hover preview test * Increase line width in preview * More suggestions * Removed old elements of onSuggestVisualizations * Don't call suggestion suppliers if there is no data * Restore card styles to only borders * Changing supplier interface to support data vs option suggestion scenario * Renamed functions * Add dynamic width support * not sure about this * Improve suggestions * Improve suggestions * Single grid/list * Store vis select pane & size * Prep for option suggestions * more suggestions * Name/title option for preview cards * Improve barchart suggestions * Support suggestions when there are no data * Minor change * reverted some changes * Improve suggestions for stacking * Removed size option * starting on unit tests, hit cyclic dependency issue * muuu * First test for getting suggestion seems to work, going to bed * add missing file * A basis for more unit tests * More tests * More unit tests * Fixed unit tests * Update * Some extreme scenarios * Added basic e2e test * Added another unit test for changePanelPlugin action * More cleanup * Minor tweak * add wait to e2e test * Renamed function and cleanup of unused function * Adding search support and adding search test to e2e test
92 lines
2.8 KiB
TypeScript
Executable File
92 lines
2.8 KiB
TypeScript
Executable File
import { FieldColorModeId, FieldConfigProperty, PanelPlugin } from '@grafana/data';
|
|
import { StateTimelinePanel } from './StateTimelinePanel';
|
|
import { TimelineOptions, TimelineFieldConfig, defaultPanelOptions, defaultTimelineFieldConfig } from './types';
|
|
import { VisibilityMode } from '@grafana/schema';
|
|
import { commonOptionsBuilder } from '@grafana/ui';
|
|
import { timelinePanelChangedHandler } from './migrations';
|
|
import { StatTimelineSuggestionsSupplier } from './suggestions';
|
|
|
|
export const plugin = new PanelPlugin<TimelineOptions, TimelineFieldConfig>(StateTimelinePanel)
|
|
.setPanelChangeHandler(timelinePanelChangedHandler)
|
|
.useFieldConfig({
|
|
standardOptions: {
|
|
[FieldConfigProperty.Color]: {
|
|
settings: {
|
|
byValueSupport: true,
|
|
},
|
|
defaultValue: {
|
|
mode: FieldColorModeId.ContinuousGrYlRd,
|
|
},
|
|
},
|
|
},
|
|
useCustomConfig: (builder) => {
|
|
builder
|
|
.addSliderInput({
|
|
path: 'lineWidth',
|
|
name: 'Line width',
|
|
defaultValue: defaultTimelineFieldConfig.lineWidth,
|
|
settings: {
|
|
min: 0,
|
|
max: 10,
|
|
step: 1,
|
|
},
|
|
})
|
|
.addSliderInput({
|
|
path: 'fillOpacity',
|
|
name: 'Fill opacity',
|
|
defaultValue: defaultTimelineFieldConfig.fillOpacity,
|
|
settings: {
|
|
min: 0,
|
|
max: 100,
|
|
step: 1,
|
|
},
|
|
});
|
|
},
|
|
})
|
|
.setPanelOptions((builder) => {
|
|
builder
|
|
.addBooleanSwitch({
|
|
path: 'mergeValues',
|
|
name: 'Merge equal consecutive values',
|
|
defaultValue: defaultPanelOptions.mergeValues,
|
|
})
|
|
.addRadio({
|
|
path: 'showValue',
|
|
name: 'Show values',
|
|
settings: {
|
|
options: [
|
|
{ value: VisibilityMode.Auto, label: 'Auto' },
|
|
{ value: VisibilityMode.Always, label: 'Always' },
|
|
{ value: VisibilityMode.Never, label: 'Never' },
|
|
],
|
|
},
|
|
defaultValue: defaultPanelOptions.showValue,
|
|
})
|
|
.addRadio({
|
|
path: 'alignValue',
|
|
name: 'Align values',
|
|
settings: {
|
|
options: [
|
|
{ value: 'left', label: 'Left' },
|
|
{ value: 'center', label: 'Center' },
|
|
{ value: 'right', label: 'Right' },
|
|
],
|
|
},
|
|
defaultValue: defaultPanelOptions.alignValue,
|
|
})
|
|
.addSliderInput({
|
|
path: 'rowHeight',
|
|
name: 'Row height',
|
|
settings: {
|
|
min: 0,
|
|
max: 1,
|
|
step: 0.01,
|
|
},
|
|
defaultValue: defaultPanelOptions.rowHeight,
|
|
});
|
|
|
|
commonOptionsBuilder.addLegendOptions(builder, false);
|
|
commonOptionsBuilder.addTooltipOptions(builder, true);
|
|
})
|
|
.setSuggestionsSupplier(new StatTimelineSuggestionsSupplier());
|