cluedin-widget
Version:
1 lines • 6.51 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{2212:function(e,n,t){"use strict";t.r(n);var a=t(0),o=t.n(a),r=t(2),i=t.n(r),l=t(1),c=t.n(l),s=t(8),g=t(40),d=t(4),m=t(17),C=t.n(m),h=function(e){var n=e.color,t=e.size,a=void 0===t?48:t;return o.a.createElement("div",{style:{background:n,width:"".concat(a,"px"),height:"".concat(a,"px"),display:"inline-block"}})},u=t(11),y=t.n(u),b=t(12),p=t.n(b),f=t(13),v=t.n(f),E=t(14),S=t.n(E),L=t(15),k=t.n(L),O=t(1999),P={popover:{position:"fixed",top:"0",right:"0",bottom:"0",left:"0",zIndex:11},cover:{position:"absolute",zIndex:12}},z=function(e){function n(e){var t;return y()(this,n),(t=v()(this,S()(n).call(this,e))).state={isVisible:e.isVisible},t}return k()(n,e),p()(n,[{key:"showColorPicker",value:function(){this.setState({isVisible:!0})}},{key:"handleClose",value:function(){this.setState({isVisible:!1})}},{key:"render",value:function(){var e=this,n=this.props,t=n.color,a=n.onChangeColor,r=this.state.isVisible;return o.a.createElement("div",null,o.a.createElement(C.a,{click:this.showColorPicker.bind(this),message:o.a.createElement(d.FormattedMessage,{id:"ColorPickerWithButton_changeColor"})}),r?o.a.createElement("div",null,o.a.createElement("div",{style:P.popover,onClick:function(){e.handleClose()}}),o.a.createElement("div",{style:P.cover},o.a.createElement(O.ChromePicker,{onChange:a,color:t}))):null)}}]),n}(a.Component),F=t(38),w={table:{td:{padding:"10px"}},colorTitle:{padding:0,margin:0}},x=function(e){var n=e.theme,t=n.primaryColor,a=n.secondaryColor,r=e.onChangePrimaryColor,i=e.onChangeSecondaryColor;return e.isFetchingCurrentOrganization?o.a.createElement(F.a,null):o.a.createElement("table",null,o.a.createElement("tbody",null,o.a.createElement("tr",null,o.a.createElement("td",{style:w.table.td},o.a.createElement(h,{color:t||"#15a9a9"})),o.a.createElement("td",{style:w.table.td},o.a.createElement("h3",{style:w.colorTitle},o.a.createElement(d.FormattedMessage,{id:"WhiteLabelColorsSettings_PrimaryColor"})),o.a.createElement("p",null,o.a.createElement(d.FormattedMessage,{id:"WhiteLabelColorsSettings_PrimaryColorDescription"}))),o.a.createElement("td",{style:w.table.td},o.a.createElement(z,{color:t||"#15a9a9",onChangeColor:r})),o.a.createElement("td",{style:w.table.td},o.a.createElement(C.a,{click:function(){return r({hex:"#15a9a9"})},message:o.a.createElement(d.FormattedMessage,{id:"WhiteLabelColorsSettings_resetColor"})}))),o.a.createElement("tr",null,o.a.createElement("td",{style:w.table.td},o.a.createElement(h,{color:a||"#1b3c4f"})),o.a.createElement("td",{style:w.table.td},o.a.createElement("h3",{style:w.colorTitle},o.a.createElement(d.FormattedMessage,{id:"WhiteLabelColorsSettings_SecondaryColor"})),o.a.createElement("p",null,o.a.createElement(d.FormattedMessage,{id:"WhiteLabelColorsSettings_SecondaryColorDescription"}))),o.a.createElement("td",{style:w.table.td},o.a.createElement(z,{color:a||"#1b3c4f",onChangeColor:i})),o.a.createElement("td",{style:w.table.td},o.a.createElement(C.a,{click:function(){return i({hex:"#1b3c4f"})},message:o.a.createElement(d.FormattedMessage,{id:"WhiteLabelColorsSettings_resetColor"})})))))};x.displayName="WhiteLabelColorsSettings";var j=x,M={hr:{backgroundColor:"#ccc",height:"1px",border:0},subTitle:{fontWeight:"normal",padding:"0 15px"}},W=function(e){var n=e.onChangePrimaryColor,t=e.onChangeSecondaryColor,a=e.theme,r=e.onSave,i=e.isSaving,l=e.isFetchingCurrentOrganization;return o.a.createElement("div",null,o.a.createElement("hr",{style:M.hr}),o.a.createElement("h2",{style:M.subTitle},"Colors"),o.a.createElement(j,{isFetchingCurrentOrganization:l,theme:a,onChangePrimaryColor:n,onChangeSecondaryColor:t}),o.a.createElement("div",{style:{padding:"16px"}},o.a.createElement(C.a,{loading:i||l,type:"primary",message:"Save colors",click:r,disabled:i||l})))};W.displayName="WhiteLabelSettingsComposite";var U=W,T=t(440),_=t(86),I=function(e){var n=e.theme,t=e.changePrimaryColor,a=e.changeSecondaryColor,r=e.currentOrganization,i=e.isFetchingCurrentOrganization,l=e.onSave,c=e.isSavingOrganization,s=e.onLogoChange,m=e.resetLogo,C=e.onPreviewChange,h=e.isInvalidUploadingLogo,u=e.isUploadingLogo,y=e.token,b=o.a.createElement(U,{isFetchingCurrentOrganization:i,token:y,theme:n,isInvalidUploadingLogo:h,isUploadingLogo:u,onChangePrimaryColor:function(e){var n=e.hex;t(n)},onChangeSecondaryColor:function(e){var n=e.hex;a(n)},onSave:function(){l(r)},isSaving:c,logoUrl:r?r.Logo:null,onResetLogo:function(){m(r)},onLogoChange:function(e){s(e,r)},onPreviewChange:function(e){C(e,r)}});return o.a.createElement("div",{style:{paddingBottom:"100px"}},o.a.createElement(g.Widget,{style:{background:"#fff"},isLoading:i||!r,title:o.a.createElement(d.FormattedMessage,{id:"WhiteLabelPageContainer_TeamSettingsTitle"})},o.a.createElement("div",{style:{padding:"15px"}},b)))};I.displayName="WhiteLabelSettingsContainer",I.propTypes={theme:c.a.object,changePrimaryColor:c.a.func,changeSecondaryColor:c.a.func,currentOrganization:c.a.object,isFetchingCurrentOrganization:c.a.bool,onSave:c.a.func,isSavingOrganization:c.a.bool,onLogoChange:c.a.func,resetLogo:c.a.func,onPreviewChange:c.a.func},I.defaultProps={theme:{},changePrimaryColor:function(){},changeSecondaryColor:function(){},currentOrganization:{},isFetchingCurrentOrganization:!1,onSave:function(){},isSavingOrganization:!1,onLogoChange:function(){},resetLogo:function(){},onPreviewChange:function(){}};var D=Object(s.connect)(function(e){var n=e.core.token,t=e.whiteLabel,a=e.org,o=a.isFetchingOrganization,r=a.organization,l=a.isSavingOrganization,c=a.isInvalidUploadingLogo,s=a.isUploadingLogo,g=i()({},r&&r.PrimaryColor?{primaryColor:r.PrimaryColor}:{primaryColor:"#15a9a9"},r&&r.PrimaryColor?{secondaryColor:r.SecondaryColor}:{secondaryColor:"#1b3c4f"},r&&r.DarkMainColor?{darkMainColor:r.DarkMainColor}:{darkMainColor:"#1c313f"},t);return{token:n,theme:g,isFetchingCurrentOrganization:o,currentOrganization:i()({},r,{PrimaryColor:g.primaryColor,SecondaryColor:g.secondaryColor,DarkMainColor:g.darkMainColor}),isSavingOrganization:l,isInvalidUploadingLogo:c,isUploadingLogo:s}},function(e){return{onSave:function(n){e(Object(_.h)(n))},onPreviewChange:function(n){e(Object(_.k)(n))},onLogoChange:function(n,t){e(Object(_.d)()),e(Object(_.j)(n,t))},changePrimaryColor:function(n){e(Object(_.l)(n)),e(Object(T.a)(n))},changeSecondaryColor:function(n){e(Object(_.m)(n)),e(Object(T.b)(n))},resetLogo:function(n){e(Object(_.d)()),e(Object(_.g)(n))}}})(I);n.default=function(){return o.a.createElement(D,null)}}}]);