(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["dsh~9d039f3a"],{6693:function(t,e,s){"use strict";s.r(e);var a=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("page-wrapper",[s("v-sheet",[s("page-header",{scopedSlots:t._u([{key:"refresh-rate",fn:function(){return[s("refresh-rate",{on:{"on-count-done":t.onCountDone},model:{value:t.refreshRate,callback:function(e){t.refreshRate=e},expression:"refreshRate"}})]},proxy:!0}])}),s("graphs",{ref:"graphs",attrs:{refreshRate:t.refreshRate}}),s("tab-nav")],1)],1)},r=[],i=(s("ddb0"),s("2f62")),o=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("v-tabs",{staticClass:"v-tabs--mariadb-style",model:{value:t.activeTab,callback:function(e){t.activeTab=e},expression:"activeTab"}},[t._l(t.dashboardTabRoutes,(function(e){return s("v-tab",{key:e.path,attrs:{to:e.path}},[t._v(" "+t._s(t.$mxs_tc(e.text,2))+" "),s("span",{staticClass:"grayed-out-info mxs-color-helper text-grayed-out"},[t._v(" ("+t._s(t.getTotal(e.name))+") ")])])})),s("v-tabs-items",{model:{value:t.activeTab,callback:function(e){t.activeTab=e},expression:"activeTab"}},t._l(t.dashboardTabRoutes,(function(e){return s("v-tab-item",{key:e.name,staticClass:"pt-2",attrs:{id:e.path}},[t.activeTab===e.path?s("router-view"):t._e()],1)})),1)],2)},n=[],l=s("d046"),c={name:"tab-nav",data(){return{activeTab:null,dashboardTabRoutes:l["a"]}},computed:{...Object(i["c"])({getTotalFilters:"filter/getTotalFilters",getTotalListeners:"listener/getTotalListeners",getTotalServers:"server/getTotalServers",getTotalServices:"service/getTotalServices",getTotalSessions:"session/getTotalSessions"})},methods:{getTotal(t){return this["getTotal"+this.$helpers.capitalizeFirstLetter(t)]}}},h=c,d=s("2877"),p=s("6544"),u=s.n(p),f=s("71a3"),v=s("c671"),m=s("fe57"),_=s("aac8"),x=Object(d["a"])(h,o,n,!1,null,null,null),b=x.exports;u()(x,{VTab:f["a"],VTabItem:v["a"],VTabs:m["a"],VTabsItems:_["a"]});var S=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[s("portal",{attrs:{to:"page-header"}},[s("h4",{staticClass:"mxs-color-helper text-navigation text-h4 text-capitalize",staticStyle:{"margin-bottom":"0px","line-height":"normal"}},[t._v(" "+t._s(t.pageTitle)+" ")]),s("span",{staticClass:"grayed-out-info mxs-color-helper text-grayed-out text-capitalize",staticStyle:{position:"relative",top:"-15px"}},[t._v(" "+t._s(t.$mxs_t("uptime"))+" "+t._s(t._f("duration")([t.uptime,"seconds"],"format","Y [years] M [months] D [days] h:mm:ss",{stopTrim:"h mm"}))+" ")]),s("v-menu",{attrs:{transition:"slide-y-transition","close-on-content-click":!1,"open-on-hover":"","offset-y":"","nudge-left":"20","content-class":"v-menu--with-arrow v-menu--with-arrow--top-left mt-n2 shadow-drop"},scopedSlots:t._u([{key:"activator",fn:function(e){var a=e.on;return[s("v-icon",t._g({staticClass:"material-icons-outlined pointer pb-4",staticStyle:{position:"relative",top:"-8px"},attrs:{size:"16",color:"#9DB4BB"}},a),[t._v(" mdi-information-outline ")])]}}])},[s("v-sheet",{staticClass:"px-6 py-6",staticStyle:{"border-radius":"10px"},attrs:{"max-width":"320px"}},[s("span",{staticClass:"d-block mb-1 text-body-2 font-weight-bold text-capitalize"},[t._v(" "+t._s(t.$mxs_t("aboutMaxScale"))+" ")]),t._l(t.getMaxScaleInfo,(function(e,a){return s("div",{key:a},[s("span",{staticClass:"d-flex text-body-2"},[s("span",{staticClass:"text-capitalize",staticStyle:{width:"35%"}},[t._v(" "+t._s(a.split("_").join(" "))+" ")]),"commit"===a?s("v-tooltip",{key:t.copyState,attrs:{transition:"slide-y-reverse-transition",top:"","content-class":"shadow-drop mxs-color-helper text-navigation py-1 px-4"},scopedSlots:t._u([{key:"activator",fn:function(a){var r=a.on;return[s("div",t._g({staticClass:"pointer d-inline-block text-truncate",staticStyle:{width:"65%"},on:{dblclick:function(s){return t.copyToClipboard(e)}}},r),[t._v(" "+t._s(e)+" ")])]}}],null,!0)},[s("span",[t._v(" "+t._s(t.copyState)+" ")])]):s("div",{staticClass:"d-inline-block ",staticStyle:{width:"65%"}},!e||"started_at"!==a&&"activated_at"!==a?[t._v(" "+t._s(e)+" ")]:[t._v(" "+t._s(t.$helpers.dateFormat({moment:t.$moment,value:e,formatType:"MM.DD.YYYY HH:mm:ss"}))+" ")])],1)])}))],2)],1)],1),s("portal",{attrs:{to:"page-header--right"}},[t._t("refresh-rate"),s("global-search",{staticClass:"ml-4 d-inline-block"}),s("create-resource",{staticClass:"ml-4 d-inline-block",attrs:{defFormType:t.defFormType}})],2)],1)},y=[],g=s("b5e2"),T=s.n(g),w={name:"page-header",data(){return{isCopied:!1,uptime:null,copyState:"Double click to copy to clipboard",workerList:[{name:"MaxScale uptime worker timer",interval:1e3}]}},computed:{...Object(i["e"])({maxscale_overview_info:t=>t.maxscale.maxscale_overview_info,RESOURCE_FORM_TYPES:t=>t.app_config.RESOURCE_FORM_TYPES}),pageTitle:function(){const{version:t=""}=this.maxscale_overview_info;return"MariaDB MaxScale "+t},getMaxScaleInfo:function(){const{commit:t,started_at:e,activated_at:s}=this.maxscale_overview_info;return{commit:t,started_at:e,activated_at:s}},defFormType(){const{SERVER:t,SERVICE:e,LISTENER:s,FILTER:a}=this.RESOURCE_FORM_TYPES;switch(this.$route.name){case"servers":return t;case"services":return e;case"listeners":return s;case"filters":return a;default:return e}}},watch:{isCopied:function(t){if(t){let t=this;t.copyState="Copied",setTimeout(()=>(t.isCopied=!1,t.copyState="Double click to copy to clipboard"),2e3)}},"maxscale_overview_info.uptime":function(t){this.uptime=t,this.workerInit()}},beforeDestroy(){this.workerTimer&&this.workerTimer.terminate()},methods:{copyToClipboard(t){this.$helpers.copyTextToClipboard(t),this.isCopied=!0},updateUpTime(){this.uptime=this.uptime+1},workerInit(){this.workerTimer=new T.a,this.workerTimer.postMessage(this.workerList),this.workerTimer.onmessage=()=>{this.updateUpTime()}}}},C=w,k=s("132d"),D=s("e449"),R=s("8dd9"),E=s("3a2f"),$=Object(d["a"])(C,S,y,!1,null,null,null),A=$.exports;u()($,{VIcon:k["a"],VMenu:D["a"],VSheet:R["a"],VTooltip:E["a"]});var M=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("v-row",{staticClass:"mx-n2"},[s("v-col",{staticClass:"px-2",attrs:{cols:"4"}},[s("outlined-overview-card",{attrs:{tile:!1},scopedSlots:t._u([{key:"title",fn:function(){return[t._v(" "+t._s(t.$mxs_tc("sessions",2))+" ")]},proxy:!0},{key:"card-body",fn:function(){return[s("v-sheet",{attrs:{width:"100%"}},[t.sessions_datasets.length?s("mxs-line-chart-stream",{ref:"sessionsChart",staticClass:"relative",attrs:{height:70,"chart-data":{datasets:t.sessions_datasets},refreshRate:t.refreshRate}}):t._e()],1)]},proxy:!0}])})],1),s("v-col",{staticClass:"px-2",attrs:{cols:"4"}},[s("outlined-overview-card",{attrs:{tile:!1},scopedSlots:t._u([{key:"title",fn:function(){return[t._v(" "+t._s(t.$mxs_tc("connections",2))+" ")]},proxy:!0},t.all_servers.length?{key:"card-body",fn:function(){return[s("v-sheet",{attrs:{width:"100%"}},[t.server_connections_datasets.length?s("mxs-line-chart-stream",{ref:"connectionsChart",staticClass:"relative",attrs:{height:70,"chart-data":{datasets:t.server_connections_datasets},refreshRate:t.refreshRate}}):t._e()],1)]},proxy:!0}:null],null,!0)})],1),s("v-col",{staticClass:"px-2",attrs:{cols:"4"}},[s("outlined-overview-card",{attrs:{tile:!1},scopedSlots:t._u([{key:"title",fn:function(){return[t._v(" "+t._s(t.$mxs_t("load"))+" ")]},proxy:!0},{key:"card-body",fn:function(){return[s("v-sheet",{attrs:{width:"100%"}},[t.threads_datasets.length?s("mxs-line-chart-stream",{ref:"threadsChart",staticClass:"relative",attrs:{height:70,"chart-data":{datasets:t.threads_datasets},opts:{scales:{yAxes:[{ticks:{max:100,min:0}}]}},refreshRate:t.refreshRate}}):t._e()],1)]},proxy:!0}])})],1)],1)},I=[],O={name:"graphs",props:{refreshRate:{type:Number,required:!0}},computed:{...Object(i["e"])({all_servers:t=>t.server.all_servers,server_connections_datasets:t=>t.server.server_connections_datasets,sessions_datasets:t=>t.session.sessions_datasets,thread_stats:t=>t.maxscale.thread_stats,threads_datasets:t=>t.maxscale.threads_datasets}),...Object(i["c"])({getTotalSessions:"session/getTotalSessions"})},methods:{update(t){t.$data._chart.update({preservation:!0})},updateSessionsGraph(t,e){const s=this;t.chartData.datasets.forEach((function(t){t.data.push({x:e,y:s.getTotalSessions})})),this.update(t)},updateConnsGraph(t,e){const s=this,{genLineStreamDataset:a}=this.$helpers;this.all_servers.forEach((r,i)=>{const o=t.chartData.datasets.find(t=>t.resourceId===r.id),n=s.$typy(r,"attributes.statistics.connections").safeNumber;if(o)o.data.push({x:e,y:n});else{let o=s.$typy(t,"chartData.datasets[0].data").safeArray;o.forEach(t=>t.y=0),t.chartData.datasets.push({...a({label:"Server ID - "+r.id,value:n,colorIndex:i,id:r.id}),data:[...o,{x:e,y:n}]})}}),this.update(t)},updateThreadsGraph(t,e){const{genLineStreamDataset:s}=this.$helpers,a=t.chartData.datasets;this.thread_stats.forEach((r,i)=>{const{attributes:{stats:{load:{last_second:o=null}={}}={}}={}}=r;if(t.chartData.datasets[i])a[i].data.push({x:e,y:o});else{const t=s({label:"THREAD ID - "+r.id,value:o,colorIndex:i,timestamp:e});a.push(t)}}),this.update(t)},async updateChart(){const t=Date.now(),{sessionsChart:e,connectionsChart:s,threadsChart:a}=this.$refs;e&&s&&a&&await Promise.all([this.updateConnsGraph(s,t),this.updateSessionsGraph(e,t),this.updateThreadsGraph(a,t)])}}},F=O,V=s("62ad"),L=s("0fd9"),j=Object(d["a"])(F,M,I,!1,null,null,null),Y=j.exports;u()(j,{VCol:V["a"],VRow:L["a"],VSheet:R["a"]});var G=s("7f29"),P={name:"dashboard",components:{TabNav:b,PageHeader:A,Graphs:Y},mixins:[G["a"]],async created(){await this.fetchMaxScaleOverviewInfo(),await this.fetchAll(),await Promise.all([this.genSessionDataSets(),this.genServersConnectionsDataSets(),this.genThreadsDataSets()])},methods:{...Object(i["b"])({fetchMaxScaleOverviewInfo:"maxscale/fetchMaxScaleOverviewInfo",fetchThreadStats:"maxscale/fetchThreadStats",genThreadsDataSets:"maxscale/genDataSets",fetchAllServers:"server/fetchAllServers",genServersConnectionsDataSets:"server/genDataSets",fetchAllMonitors:"monitor/fetchAllMonitors",fetchSessions:"session/fetchSessions",genSessionDataSets:"session/genDataSets",fetchAllServices:"service/fetchAllServices",fetchAllListeners:"listener/fetchAllListeners",fetchAllFilters:"filter/fetchAllFilters"}),async fetchAll(){await Promise.all([this.fetchThreadStats(),this.fetchAllServers(),this.fetchAllMonitors(),this.fetchSessions(),this.fetchAllServices(),this.fetchAllListeners(),this.fetchAllFilters()])},async onCountDone(){await this.fetchAll(),await this.$refs.graphs.updateChart()}}},z=P,U=Object(d["a"])(z,a,r,!1,null,null,null);e["default"]=U.exports;u()(U,{VSheet:R["a"]})}}]);