Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance. Project price only 1 $
You can buy this project and download/modify it how often you want.
webpackJsonp([43],{1363:function(e,exports,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var d=t(5),n=a(d),o=t(2),s=a(o),i=t(1),r=a(i),l=t(16),u=t(263),c=t(272),h=a(c),f=t(68),m=a(f),g=t(23),p=a(g),b=t(918),D=a(b),E=t(6),k=a(E),v=t(76),w=a(v),I=t(46),_=t(167),S=a(_),U=t(922),y=a(U),B=t(1005),A=a(B),C=t(1162),F=a(C),R=t(1364),H=a(R),T=p.default.getStore("Streams"),P=p.default.getStore("CurrentUser"),W=m.default.get("Dashboards"),N=W.DashboardsActions,q=W.DashboardsStore,x=p.default.getStore("Focus"),G=p.default.getStore("Widgets"),L=s.default.createClass({displayName:"ShowDashboardPage",propTypes:{history:n.default.object.isRequired,params:n.default.object.isRequired},mixins:[r.default.connect(P),r.default.connect(x),S.default],getInitialState:function(){return{locked:!0,forceUpdateInBackground:!1,streamIds:null}},componentDidMount:function(){var e=this;this.loadData(),this.listenTo(G,this.removeWidget),T.load(function(t){var a=t.reduce(function(e,t){return e[t.id]=t.id,e},{});e.setState({streamIds:a})}),this.loadInterval=setInterval(this.loadData,2e3),this.setState({forceUpdateInBackground:this.state.currentUser.preferences.updateUnfocussed})},componentWillUnmount:function(){this.loadInterval&&clearInterval(this.loadInterval)},DASHBOARDS_EDIT:"dashboards:edit",DEFAULT_HEIGHT:1,DEFAULT_WIDTH:2,loadData:function(){var e=this,t=this.props.params.dashboardId;q.get(t).then(function(t){e.isMounted()&&(t.widgets.sort(function(e,t){return e.id.localeCompare(t.id)}),e.state.dashboard&&(0,h.default)(e.state.dashboard,t)||e.setState({dashboard:t}))},function(a){a.additional&&404===a.additional.status&&(k.default.error("Unable to find a dashboard with the id <"+t+">. Maybe it was deleted in the meantime."),e.props.history.pushState(null,w.default.DASHBOARDS))})},shouldUpdate:function(){return Boolean(this.state.forceUpdateInBackground||this.state.focus)},removeWidget:function(e){e.delete&&this.loadData()},emptyDashboard:function(){return s.default.createElement(l.Row,{className:"content"},s.default.createElement(l.Col,{md:12},s.default.createElement(l.Alert,{className:"no-widgets"},"This dashboard has no widgets yet. Learn how to add widgets in the ",s.default.createElement(y.default,{page:D.default.PAGES.DASHBOARDS,text:"documentation"}),".")))},_defaultWidgetDimensions:function(e){var t={col:0,row:0},a=u.PluginStore.exports("widgets").filter(function(t){return t.type.toUpperCase()===e.type.toUpperCase()})[0];return a?(t.height=a.defaultHeight,t.width=a.defaultWidth):(t.height=this.DEFAULT_HEIGHT,t.width=this.DEFAULT_WIDTH),t},_dashboardIsEmpty:function(e){return 0===e.widgets.length},_validDimension:function(e){return Number.isInteger(e)&&e>0},formatDashboard:function(e){var t=this;if(this._dashboardIsEmpty(e))return this.emptyDashboard();var a={};e.widgets.forEach(function(d){var n=e.positions[d.id]||{},o=t._defaultWidgetDimensions(d);a[d.id]={col:void 0===n.col?o.col:n.col,row:void 0===n.row?o.row:n.row,height:t._validDimension(n.height)?n.height:o.height,width:t._validDimension(n.width)?n.width:o.width}});var d=e.widgets.sort(function(e,t){var d=a[e.id],n=a[t.id];return d.col===n.col?d.row-n.row:d.col-n.col}).map(function(a){return s.default.createElement("div",{key:a.id,className:H.default.widgetContainer},s.default.createElement(F.default,{id:a.id,key:"widget-"+a.id,widget:a,dashboardId:e.id,locked:t.state.locked,shouldUpdate:t.shouldUpdate(),streamIds:t.state.streamIds}))});return s.default.createElement(l.Row,null,s.default.createElement("div",{className:"dashboard"},s.default.createElement(I.ReactGridContainer,{positions:a,onPositionsChange:this._onPositionsChange,locked:this.state.locked},d)))},_unlockDashboard:function(e){e.preventDefault(),this.state.locked&&this._toggleUnlock()},_toggleUnlock:function(){this.setState({locked:!this.state.locked})},_onPositionsChange:function(e){N.updatePositions(this.state.dashboard,e)},_toggleFullscreen:function(){var e=document.documentElement;e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()},_toggleUpdateInBackground:function(){var e=!this.state.forceUpdateInBackground;this.setState({forceUpdateInBackground:e}),k.default.success("Graphs will be updated "+(e?"even":"only")+" when the browser is in the "+(e?"background":"foreground"),"")},render:function(){if(!this.state.dashboard)return s.default.createElement(I.Spinner,null);var e=this.state.dashboard,t=void 0;this._dashboardIsEmpty(e)||(t=s.default.createElement("div",null,s.default.createElement(l.Button,{id:"update-unfocussed",bsStyle:"info",onClick:this._toggleUpdateInBackground},"Update in ",this.state.forceUpdateInBackground?"foreground":"background")," ",s.default.createElement(l.Button,{className:"toggle-fullscreen",bsStyle:"info",onClick:this._toggleFullscreen},"Fullscreen"),s.default.createElement(I.IfPermitted,{permissions:this.DASHBOARDS_EDIT+":"+e.id}," ",s.default.createElement(l.Button,{bsStyle:"success",onClick:this._toggleUnlock},this.state.locked?"Unlock / Edit":"Lock"))));var a=void 0;this._dashboardIsEmpty(e)||(a=s.default.createElement(I.IfPermitted,{permissions:this.DASHBOARDS_EDIT+":"+e.id},s.default.createElement("div",{id:"drag-widgets-description"},"Drag widgets to any position you like in ",s.default.createElement("a",{href:"#",role:"button",onClick:this._unlockDashboard},"unlock / edit")," mode.")));var d=this.state.locked||this._dashboardIsEmpty(e)?null:s.default.createElement(A.default,{id:e.id,action:"edit",title:e.title,description:e.description,buttonClass:"btn-info btn-xs"},s.default.createElement("i",{className:"fa fa-pencil"})),n=s.default.createElement("span",null,s.default.createElement("span",{"data-dashboard-id":e.id,className:"dashboard-title"},e.title)," ",d);return s.default.createElement(I.DocumentTitle,{title:"Dashboard "+e.title},s.default.createElement("span",null,s.default.createElement(I.PageHeader,{title:n},s.default.createElement("span",{"data-dashboard-id":e.id,className:"dashboard-description"},e.description),a,t),this.formatDashboard(e),s.default.createElement("div",{className:"clearfix"})))}});exports.default=L,e.exports=exports.default},1364:function(e,exports,t){var a=t(1365);"string"==typeof a&&(a=[[e.i,a,""]]);var d={};d.transform=void 0;t(21)(a,d);a.locals&&(e.exports=a.locals)},1365:function(e,exports,t){exports=e.exports=t(20)(void 0),exports.push([e.i,"._3HrW10n1kzGWl5PDY4B2uD{background-color:#fff;border:1px solid #d1d1d1;z-index:auto}",""]),exports.locals={widgetContainer:"_3HrW10n1kzGWl5PDY4B2uD"}}});
//# sourceMappingURL=43.746b58959a350aa1ebcf.js.map
