⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.72
Server IP:
41.128.143.86
Server:
Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software:
Apache
PHP Version:
8.3.23
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
proc
/
self
/
root
/
usr
/
share
/
grafana
/
public
/
build
/
View File Name :
nodeGraphPanel.9a7cdd8efdae281cbe28.js.map
{"version":3,"file":"nodeGraphPanel.9a7cdd8efdae281cbe28.js","mappings":"sMAWO,MAAMA,EAAiB,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,CAAQ,IAAoC,CAChG,MAAMC,KAAW,MAASF,EAAK,SAAS,EACxC,GAAI,CAACA,GAAQ,CAACA,EAAK,OAAO,OACxB,OACE,gBAAC,OAAI,UAAU,eACb,gBAAC,SAAE,2BAAyB,CAC9B,EAIJ,MAAMG,KAAiC,KAAW,IAAsB,EACxE,OACE,gBAAC,OAAI,MAAO,CAAE,MAAAL,EAAO,OAAAC,CAAO,GAC1B,gBAACK,EAAA,EAAS,CAAC,WAAYD,EAA+BH,EAAK,OAAQC,CAAO,EAAG,SAAAC,CAAA,CAAoB,CACnG,CAEJ,E,2DCfO,MAAMG,EAAmB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,QAAAC,CAAQ,IAA6B,CACvF,MAAMC,KAAS,MAAWC,CAAS,EAE7BC,EAAS,IAAM,CACnB,MAAMC,EAAS,CAAE,MAAO,GAAI,MAAO,EAAG,EACtCL,EAASD,EAAQ,CAAC,GAAGA,EAAOM,CAAM,EAAI,CAACA,CAAM,CAAC,CAChD,EAEMC,EAAaC,GAAgB,CACjC,MAAMC,EAAOT,GAAO,MAAM,EAC1BS,EAAK,OAAOD,EAAK,CAAC,EAClBP,EAASQ,CAAI,CACf,EAEMC,EAAc,CAA4BF,EAAaG,EAAUC,IAA2B,CAChG,IAAIC,EAAOb,GAAO,MAAM,GAAK,CAAC,EAC9Ba,EAAKL,CAAG,EAAEG,CAAK,EAAIC,EACnBX,EAASY,CAAI,CACf,EAEA,OACE,gCACGb,GAAO,IAAI,CAACc,EAAKC,IAEd,gBAAC,OAAI,UAAWZ,EAAO,QAAS,IAAKY,CAAA,EACnC,gBAACC,EAAA,GACC,QAAAd,EACA,MAAOY,EAAI,OAAS,GACpB,SAAWG,GAAQ,CACjBP,EAAYK,EAAG,QAASE,CAAG,CAC7B,EACA,KAAM,CACJ,SAAU,CACR,OAASN,GAAiBA,EAAM,KAAK,SAAS,OAAO,CACvD,EACA,GAAI,aAAaI,IACjB,KAAM,aAAaA,GACrB,EACF,EACA,gBAACG,EAAA,IACC,MAAOJ,EAAI,OAAS,UACpB,SAAWG,GAAQ,CACjBP,EAAYK,EAAG,QAASE,CAAG,CAC7B,EACF,EACA,gBAACE,EAAA,GAAM,CAAC,KAAK,KAAK,KAAK,QAAQ,QAAQ,YAAY,QAAS,IAAMZ,EAAUQ,CAAC,EAAG,MAAM,YAAa,EACrG,CAEH,EACD,gBAACI,EAAA,GAAM,CAAC,KAAM,KAAM,KAAK,OAAO,QAASd,EAAQ,QAAQ,aAAY,SAErE,CACF,CAEJ,EAEMD,EAAY,KACT,CACL,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOX,GCvEW,EAAS,IAAIgB,EAAA,EAA8B7B,CAAc,EAAE,gBAAgB,CAAC8B,EAASnB,IAAY,CAC5GmB,EAAQ,iBAAiB,CACvB,SAAU,CAAC,OAAO,EAClB,KAAM,QACN,MAAQA,GAAY,CAClBA,EAAQ,cAAc,CACpB,KAAM,iBACN,KAAM,cACR,CAAC,EACDA,EAAQ,cAAc,CACpB,KAAM,sBACN,KAAM,mBACR,CAAC,EACDA,EAAQ,gBAAgB,CACtB,KAAM,eACN,KAAM,OACN,GAAI,OACJ,OAAQtB,CACV,CAAC,CACH,CACF,CAAC,EACDsB,EAAQ,iBAAiB,CACvB,SAAU,CAAC,OAAO,EAClB,KAAM,QACN,MAAQA,GAAY,CAClBA,EAAQ,cAAc,CACpB,KAAM,iBACN,KAAM,cACR,CAAC,EACDA,EAAQ,cAAc,CACpB,KAAM,sBACN,KAAM,mBACR,CAAC,CACH,CACF,CAAC,CACH,CAAC,C","sources":["webpack://grafana/./public/app/plugins/panel/nodeGraph/NodeGraphPanel.tsx","webpack://grafana/./public/app/plugins/panel/nodeGraph/editor/ArcOptionsEditor.tsx","webpack://grafana/./public/app/plugins/panel/nodeGraph/module.tsx"],"sourcesContent":["import memoizeOne from 'memoize-one';\nimport React from 'react';\n\nimport { PanelProps } from '@grafana/data';\n\nimport { useLinks } from '../../../features/explore/utils/links';\n\nimport { NodeGraph } from './NodeGraph';\nimport { NodeGraphOptions } from './types';\nimport { getNodeGraphDataFrames } from './utils';\n\nexport const NodeGraphPanel = ({ width, height, data, options }: PanelProps<NodeGraphOptions>) => {\n const getLinks = useLinks(data.timeRange);\n if (!data || !data.series.length) {\n return (\n <div className=\"panel-empty\">\n <p>No data found in response</p>\n </div>\n );\n }\n\n const memoizedGetNodeGraphDataFrames = memoizeOne(getNodeGraphDataFrames);\n return (\n <div style={{ width, height }}>\n <NodeGraph dataFrames={memoizedGetNodeGraphDataFrames(data.series, options)} getLinks={getLinks} />\n </div>\n );\n};\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { Field, StandardEditorProps } from '@grafana/data';\nimport { Button, ColorPicker, useStyles2 } from '@grafana/ui';\nimport { FieldNamePicker } from '@grafana/ui/src/components/MatchersUI/FieldNamePicker';\n\nimport { ArcOption, NodeGraphOptions } from '../types';\n\ntype Settings = { filter: (field: Field) => boolean };\ntype ArcOptionsEditorProps = StandardEditorProps<ArcOption[], Settings, NodeGraphOptions, undefined>;\n\nexport const ArcOptionsEditor = ({ value, onChange, context }: ArcOptionsEditorProps) => {\n const styles = useStyles2(getStyles);\n\n const addArc = () => {\n const newArc = { field: '', color: '' };\n onChange(value ? [...value, newArc] : [newArc]);\n };\n\n const removeArc = (idx: number) => {\n const copy = value?.slice();\n copy.splice(idx, 1);\n onChange(copy);\n };\n\n const updateField = <K extends keyof ArcOption>(idx: number, field: K, newValue: ArcOption[K]) => {\n let arcs = value?.slice() ?? [];\n arcs[idx][field] = newValue;\n onChange(arcs);\n };\n\n return (\n <>\n {value?.map((arc, i) => {\n return (\n <div className={styles.section} key={i}>\n <FieldNamePicker\n context={context}\n value={arc.field ?? ''}\n onChange={(val) => {\n updateField(i, 'field', val);\n }}\n item={{\n settings: {\n filter: (field: Field) => field.name.includes('arc__'),\n },\n id: `arc-field-${i}`,\n name: `arc-field-${i}`,\n }}\n />\n <ColorPicker\n color={arc.color || '#808080'}\n onChange={(val) => {\n updateField(i, 'color', val);\n }}\n />\n <Button size=\"sm\" icon=\"minus\" variant=\"secondary\" onClick={() => removeArc(i)} title=\"Remove arc\" />\n </div>\n );\n })}\n <Button size={'sm'} icon=\"plus\" onClick={addArc} variant=\"secondary\">\n Add arc\n </Button>\n </>\n );\n};\n\nconst getStyles = () => {\n return {\n section: css`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0 8px;\n margin-bottom: 8px;\n `,\n };\n};\n","import { PanelPlugin } from '@grafana/data';\n\nimport { NodeGraphPanel } from './NodeGraphPanel';\nimport { ArcOptionsEditor } from './editor/ArcOptionsEditor';\nimport { NodeGraphOptions } from './types';\n\nexport const plugin = new PanelPlugin<NodeGraphOptions>(NodeGraphPanel).setPanelOptions((builder, context) => {\n builder.addNestedOptions({\n category: ['Nodes'],\n path: 'nodes',\n build: (builder) => {\n builder.addUnitPicker({\n name: 'Main stat unit',\n path: 'mainStatUnit',\n });\n builder.addUnitPicker({\n name: 'Secondary stat unit',\n path: 'secondaryStatUnit',\n });\n builder.addCustomEditor({\n name: 'Arc sections',\n path: 'arcs',\n id: 'arcs',\n editor: ArcOptionsEditor,\n });\n },\n });\n builder.addNestedOptions({\n category: ['Edges'],\n path: 'edges',\n build: (builder) => {\n builder.addUnitPicker({\n name: 'Main stat unit',\n path: 'mainStatUnit',\n });\n builder.addUnitPicker({\n name: 'Secondary stat unit',\n path: 'secondaryStatUnit',\n });\n },\n });\n});\n"],"names":["NodeGraphPanel","width","height","data","options","getLinks","memoizedGetNodeGraphDataFrames","NodeGraph","ArcOptionsEditor","value","onChange","context","styles","getStyles","addArc","newArc","removeArc","idx","copy","updateField","field","newValue","arcs","arc","i","FieldNamePicker","val","ColorPicker","Button","PanelPlugin","builder"],"sourceRoot":""}