1"use strict";(globalThis.webpackChunkmission_control=globalThis.webpackChunkmission_control||[]).push([[2804],{56113(e,s,n){n(96540);var r=n(21733),t=n(92224),i=n(34164),l=n(74848);n.d(s,["C",0,({columns:e=3,gap:s="gap-x-4 gap-y-4",children:n})=>(0,l.jsx)("div",{className:(0,i.A)("text-slate-900 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",s),children:n}),"Z",0,({title:e,icon:s,size:n="md",height:a="min-h-20 md:min-h-32",link:d,href:c,variant:o="primary",bordered:h=!0,padded:p=!0,sidebar:u,children:x})=>{d=d||c,u&&(d=u.href,u.customProps?.icon&&(s=(0,l.jsx)(t.A,{name:u.customProps?.icon})),e=u.label),s&&"string"==typeof s&&(s=(0,l.jsx)(t.A,{name:s}));const m=(0,l.jsx)("div",{className:(0,i.A)(a,"flex rounded-lg",h&&"border border-slate-200 border-solid hover:border-slate-300 hover:shadow-lg",p&&"md"==n&&"p-2 sm:p-5",p&&"sm"==n&&"p-1 sm:p-2",n),children:(0,l.jsxs)("div",{className:"items-start flex-col flex-grow justify-around flex",children:[(0,l.jsxs)("span",{className:"flex flex-row items-center space-x-1 ",children:[s&&s,(0,l.jsx)("span",{className:(0,i.A)("md"==n&&"text-2xl","sm"==n&&"text-xl"),children:e})]}),x]})});return d?(0,l.jsx)(r.A,{to:d,className:"unstyled ",children:m}):m}])},92224(e,s,n){n.d(s,{A:()=>d});n(96540);var r=n(97486),t=n(37399),i=n(91406),l=n(34164),a=n(74848);function d({name:e,height:s=22,className:n,url:d,children:c,...o}){if("config-db"==(e=e.replaceAll("--","-").replaceAll("::","-").toLowerCase().replaceAll("k8-","k8s-").replaceAll("kubernetes-","k8s-")))return(0,a.jsx)(i.ntS,{...o});if("canary-checker"==e&&(e="heart"),"getting-started"==e&&(e="lsicon:path-outline"),"concepts"==e&&(e="fluent:brain-circuit-24-regular"),"events"==e&&(e="carbon:lightning"),"tutorial"==e&&(e="learning"),"dedupe"==e)return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"20",height:"20",viewBox:"0 0 50 50",children:(0,a.jsx)("path",{d:"M 17 4 L 17 6 L 44 6 L 44 40 L 36 40 L 36 42 L 46 42 L 46 4 L 17 4 z M 4 8 L 4 46 L 34 46 L 34 45 L 34 8 L 4 8 z M 6 10 L 32 10 L 32 44 L 6 44 L 6 10 z M 18 20 L 18 26 L 12 26 L 12 28 L 18 28 L 18 34 L 20 34 L 20 28 L 26 28 L 26 26 L 20 26 L 20 20 L 18 20 z"})});if("rate-limit"==e)return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",...o,width:"20",height:"20",viewBox:"0 0 50 50",children:(0,a.jsx)("path",{d:"M 25 2 C 12.316406 2 2 12.316406 2 25 C 2 37.683594 12.316406 48 25 48 C 37.683594 48 48 37.683594 48 25 C 48 12.316406 37.683594 2 25 2 Z M 32.5 16.1875 C 37.601563 16.1875 38.09375 21.007813 38.09375 22.90625 C 38.09375 23.605469 38.09375 24.210938 38.09375 24.8125 C 38.09375 30.3125 36.90625 33.40625 32.40625 33.40625 C 28.90625 33.40625 26.6875 31.511719 26.6875 24.8125 C 26.789063 18.914063 28.398438 16.1875 32.5 16.1875 Z M 14.3125 16.5 L 22.6875 16.5 L 22.6875 18.3125 L 15.90625 18.3125 L 15 23.1875 C 15.699219 22.488281 16.789063 22 18.1875 22 C 22.585938 22 23.6875 25.511719 23.6875 27.8125 C 23.6875 31.511719 20.886719 33.40625 17.6875 33.40625 C 13.789063 33.40625 12.3125 30.59375 12.3125 28.59375 L 14.3125 28.59375 C 14.3125 29.695313 15.207031 31.6875 17.90625 31.6875 C 20.605469 31.6875 21.5 29.289063 21.5 27.6875 C 21.5 25.1875 19.6875 23.8125 17.6875 23.8125 C 15.988281 23.8125 14.898438 24.90625 14.5 25.40625 L 12.6875 25.3125 Z M 32.5 17.90625 C 29.898438 17.90625 29 20.507813 29 23.40625 L 29 24.8125 C 29 29.8125 30 31.6875 32.5 31.6875 C 34.699219 31.6875 36 30.210938 36 24.8125 L 36 23.40625 C 36 21.707031 35.601563 17.90625 32.5 17.90625 Z"})});if("scraper"==e)return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",...o,viewBox:"0 0 50 50",children:(0,a.jsx)("path",{d:"M 28.992188 7 C 23.983187 7 19.408891 9.4429063 17.212891 13.878906 C 16.077891 13.127906 14.747469 12.722656 13.355469 12.722656 C 9.6514687 12.722656 6.6102812 15.610953 6.3632812 19.251953 C 2.5812812 20.629953 1.1842379e-15 24.258078 0 28.330078 C 0 33.662078 4.3379219 38 9.6699219 38 L 24.179688 38 C 24.069688 37.348 24 36.683 24 36 C 24 29.373 29.373 24 36 24 C 42.218 24 47.330453 28.728156 47.939453 34.785156 C 49.224453 33.242156 50 31.260609 50 29.099609 C 50 24.538609 46.554906 20.767859 42.128906 20.255859 C 42.138906 20.064859 42.142578 19.878312 42.142578 19.695312 C 42.142578 12.444312 36.243188 7 28.992188 7 z M 36 26 C 30.488997 26 26 30.488997 26 36 C 26 41.511003 30.488997 46 36 46 C 38.396508 46 40.597385 45.148986 42.322266 43.736328 L 48.292969 49.707031 L 49.707031 48.292969 L 43.736328 42.322266 C 45.148986 40.597385 46 38.396508 46 36 C 46 30.488997 41.511003 26 36 26 z M 36 28 C 40.430123 28 44 31.569877 44 36 C 44 40.430123 40.430123 44 36 44 C 31.569877 44 28 40.430123 28 36 C 28 31.569877 31.569877 28 36 28 z"})});let h=r.GtP[e];
1if(!h)return(0,a.jsx)(t.In,{icon:e,...o,height:20,width:20});let p=(0,a.jsxs)("div",{className:"inline-block spacing-x-2",children:[(0,a.jsx)(h,{className:(0,l.A)("align-middle",n),name:e,size:s,...o}),(0,a.jsx)("span",{children:c})]});return null!=d?(0,a.jsx)("a",{href:d,children:p}):p}},39925(e,s,n){n.d(s,{A:()=>a});n(96540);var r=n(56113),t=(n(73985),n(56971)),i=n(74848);function l({className:e}){const s=(0,t.$S)();return(0,i.jsx)(a,{items:s.items,className:e})}function a(e){const{items:s,className:n}=e;if(!s)return(0,i.jsx)(l,{});(0,t.d1)(s).filter(e=>!(e.customProps&&e.customProps.category));return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(r.C,{children:e.items.map((e,s)=>e.customProps&&e.customProps.category?null:(0,i.jsx)(r.Z,{sidebar:e},s))})})}},21733(e,s,n){n.d(s,{A:()=>i});n(96540);var r=n(68957),t=n(74848);function i(e){return(0,t.jsx)(r.A,{...e})}},88816(e,s,n){n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>r,toc:()=>o});const r=JSON.parse('{"id":"guide/views/panels/index","title":"Panels","description":"Panels display aggregated data visualizations above the main table. Each panel runs a SQL query against the view\'s query results and renders the data as a chart, gauge, or summary.","source":"@site/docs/guide/views/panels/index.mdx","sourceDirName":"guide/views/panels","slug":"/guide/views/panels/","permalink":"/docs/guide/views/panels/","draft":false,"unlisted":false,"editUrl":"https://github.com/flanksource/docs/tree/main/docs/guide/views/panels/index.mdx","tags":[],"version":"current","sidebarPosition":4,"frontMatter":{"sidebar_position":4,"title":"Panels","sidebar_custom_props":{"icon":"mdi:chart-box"}},"sidebar":"guide","previous":{"title":"View Table Selector Queries","permalink":"/docs/guide/views/queries/view-table-selector"},"next":{"title":"Bar Gauge","permalink":"/docs/guide/views/panels/bargauge"}}');var t=n(74848),i=n(28453),l=n(39925);const a={sidebar_position:4,title:"Panels",sidebar_custom_props:{icon:"mdi:chart-box"}},d=void 0,c={},o=[{value:"Panel Definition",id:"panel-definition",level:2},{value:"Common Properties",id:"common-properties",level:2},{value:"Panel Types",id:"panel-types",level:2}];function h(e){const s={code:"code",h2:"h2",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Panels display aggregated data visualizations above the main table. Each panel runs a SQL query against the view's query results and renders the data as a chart, gauge, or summary."}),"\n",(0,t.jsx)(s.h2,{id:"panel-definition",children:"Panel Definition"}),"\n",(0,t.jsxs)(s.p,{children:["Panels are defined in ",(0,t.jsx)(s.code,{children:"spec.panels"}),":"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-yaml",children:"panels:\n - name: Pod Count # Panel name\n description: Total pods # Optional description\n type: gauge # Panel type\n query: SELECT COUNT(*) AS value FROM pods\n"})}),"\n",(0,t.jsx)(s.h2,{id:"common-properties",children:"Common Properties"}),"\n",(0,t.jsx)(s.p,{children:"All panel types support these properties:"}),"\n",(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{children:"Property"}),(0,t.jsx)(s.th,{children:"Type"}),(0,t.jsx)(s.th,{children:"Description"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"name"})}),(0,t.jsx)(s.td,{children:"string"}),(0,t.jsx)(s.td,{children:"Panel name (required)"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"description"})}),(0,t.jsx)(s.td,{children:"string"}),(0,t.jsx)(s.td,{children:"Optional description"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"type"})}),(0,t.jsx)(s.td,{children:"string"}),(0,t.jsx)(s.td,{children:"Panel type (required)"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"query"})}),(0,t.jsx)(s.td,{children:"string"}),(0,t.jsx)(s.td,{children:"SQL query against view data (required)"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"gauge"}),", ",(0,t.jsx)(s.code,{children:"number"}),", ",(0,t.jsx)(s.code,{children:"piechart"}),", ",(0,t.jsx)(s.code,{children:"bargauge"}),", ",(0,t.jsx)(s.code,{children:"timeseries"})]}),(0,t.jsx)(s.td,{children:"object"}),(0,t.jsx)(s.td,{children:"Type-specific options"})]})]})]}),"\n",(0,t.jsx)(s.h2,{id:"panel-types",children:"Panel Types"}),"\n","\n",(0,t.jsx)(l.A,{})]})}function p(e={}){const{wrapper:s}={...(0,i.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},28453(e,s,n){n.d(s,{R:()=>l,x:()=>a});var r=n(96540);const t={},i=r.createContext(t);function l(e){const s=r.useContext(i);return r.useMemo(function(){return"function"==typeof e?e(s):{...s,...e}},[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),r.createElement(i.Provider,{value:s},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.