https://himberger.de/static/7136.2423f3d2a885a619beb5.js

1"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[7136],{40142(e,t,s){s.d(t,{A:()=>E}),s(43617),s(81975);var a=s(37270),o=s(32446),n=s(87373),i=s(23739),r=s(65952),l=s(75616),d=s(89247),m=(s(15724),s(73242),s(93991),s(36418)),c=s(89735),u=s(14778),h=s(48774),p=s(50375),g=s(55860),T=s(81444);class f extends m.PureComponent{constructor(e){super(e),this.searchTimeoutId=0,this.state={values:[],show:!0,search:!1,saving:!1,addError:null,loadingGroups:!0},this.selectedItemRef=m.createRef()}componentDidMount(){Promise.all([this.props.actions.getTeam(this.props.teamID),this.props.actions.getAllGroupsAssociatedToTeam(this.props.teamID,!1,!0),this.props.actions.getGroupsNotAssociatedToChannel(this.props.currentChannelId,"",0,51,!0,"",!0),this.props.actions.getAllGroupsAssociatedToChannel(this.props.currentChannelId,!1,!0)]).then((()=>{this.setGroupsLoadingState(!1)}))}componentDidUpdate(e){if(this.props.searchTerm!==e.searchTerm){clearTimeout(this.searchTimeoutId);const e=this.props.searchTerm;if(""===e)return;this.searchTimeoutId=window.setTimeout((async()=>{this.setGroupsLoadingState(!0),await this.props.actions.getGroupsNotAssociatedToChannel(this.props.currentChannelId,e,void 0,void 0,!0,"",!0),this.setGroupsLoadingState(!1)}),T.Ay.SEARCH_TIMEOUT_MILLISECONDS)}}handleHide=()=>{this.props.actions.setModalSearchTerm(""),this.setState({show:!1})};handleResponse=e=>{let t=null;e&&e.message&&(t=e.message),this.setState({saving:!1,addError:t})};handleSubmit=async()=>{const e=this.state.values.map((e=>e.id));if(0!==e.length){if(this.props.skipCommit)return this.props.onAddCallback&&this.props.onAddCallback(e),void this.handleHide();this.setState({saving:!0}),await Promise.all(e.map((async e=>{const{error:t}=await this.props.actions.linkGroupSyncable(e,this.props.currentChannelId,h.CL.Channel,{auto_add:!0});this.handleResponse(t),t||this.handleHide()})))}};addValue=e=>{const t=Object.assign([],this.state.values),s=t.map((e=>e.id));e&&e.id&&-1===s.indexOf(e.id)&&t.push(e),this.setState({values:t})};setGroupsLoadingState=e=>{this.setState({loadingGroups:e})};handlePageChange=(e,t)=>

1{e>t&&(this.setGroupsLoadingState(!0),this.props.actions.getGroupsNotAssociatedToChannel(this.props.currentChannelId,this.props.searchTerm,e,51,!0,"",!0).then((()=>{this.setGroupsLoadingState(!1)})))};handleDelete=e=>{this.setState({values:e})};search=e=>{this.props.actions.setModalSearchTerm(e)};renderOption=(e,t,s,a)=>{const o=t?"more-modal__row--selected":"";return m.createElement("div",{key:e.id,ref:t?this.selectedItemRef:e.id,className:"more-modal__row clickable "+o,onClick:()=>s(e),onMouseMove:()=>a?a(e):void 0},m.createElement("img",{className:"more-modal__image",src:g,alt:"group picture",width:"32",height:"32"}),m.createElement("div",{className:"more-modal__details"},m.createElement("div",{className:"more-modal__name"},e.display_name," - ",m.createElement("span",{className:"more-modal__name_sub"},m.createElement(u.FormattedMessage,{id:"numMembers",defaultMessage:"{num, number} {num, plural, one {member} other {members}}",values:{num:e.member_count}})))),m.createElement("div",{className:"more-modal__actions"},m.createElement("button",{className:"more-modal__actions--round","aria-label":"Add groups to channel"},m.createElement("i",{className:"icon icon-plus"}))))};renderValue(e){return e.data.display_name}render(){const e=m.createElement("div",{id:"numGroupsRemaining"},m.createElement(u.FormattedMessage,{id:"multiselect.numGroupsRemaining",defaultMessage:"Use ↑↓ to browse, ↵ to select. You can add {num, number} more {num, plural, one {group} other {groups}}. ",values:{num:10-this.state.values.length}})),t=(0,u.defineMessage)({id:"multiselect.add",defaultMessage:"Add"}),s=(0,u.defineMessage)({id:"multiselect.adding",defaultMessage:"Adding..."});let a=null;this.state.addError&&(a=m.createElement("div",{className:"has-error col-sm-12"},m.createElement("label",{className:"control-label font-weight--normal"},this.state.addError)));let o=this.props.groups;if(this.props.excludeGroups){const e=e=>!this.props.excludeGroups.find((t=>t.id===e.id));o=o.filter(e)}if(this.props.includeGroups){const e=e=>this.props.includeGroups.find((t=>t.id===e.id));o=[...o,...this.props.includeGroups.filter(e)]}const n=o.map((e=>({label:e.display_name,value:e.id,...e})));return m.createElement(c.Modal,{id:"addGroupsToChannelModal",dialogClassName:"a11y__modal more-modal more-direct-channels",show:this.state.show,onHide:this.handleHide,onExited:this.props.onExited},m.createElement(c.Modal.Header,{closeButton:!0},m.createElement(c.Modal.Title,{componentClass:"h1"},m.createElement(u.FormattedMessage,{id:"add_groups_to_channel.title",defaultMessage:"Add New Groups to {channelName} Channel",values:{channelName:m.createElement("strong",null,this.props.currentChannelName)}}))),m.createElement(c.Modal.Body,null,a,m.createElement(p.A,{key:"addGroupsToChannelKey",options:n,optionRenderer:this.renderOption,intl:this.props.intl,selectedItemRef:this.selectedItemRef,values:this.state.values,valueRenderer:this.renderValue,perPage:50,handlePageChange:this.handlePageChange,handleInput:this.search,handleDelete:this.handleDelete,handleAdd:this.addValue,handleSubmit:this.handleSubmit,maxValues:10,numRemainingText:e,buttonSubmitText:t,buttonSubmitLoadingText:s,saving:this.state.saving,loading:this.state.loadingGroups,placeholderText:(0,u.defineMessage)({id:"multiselect.addGroupsPlaceholder",defaultMessage:"Search and add groups"})})))}}const _=(0,u.injectIntl)(f),E=(0,a.connect)((function(e,t){const s=e.views.search.modalSearch,a=t.channel||(0,r.Lw)(e)||{};let o=(0,l.m5)(e,a.id,a.team_id);if(s){const e=RegExp(s,"i");o=o.filter((t=>e.test(t.display_name)||e.test(t.name)))}return{currentChannelName:a.display_name,currentChannelId:a.id,skipCommit:t.skipCommit,onAddCallback:t.onAddCallback,excludeGroups:t.excludeGroups,searchTerm:s,groups:o,teamID:a.team_id}}),(function(e){return{actions:(0,o.zH)({getGroupsNotAssociatedToChannel:n.m5,setModalSearchTerm:d.qv,linkGroupSyncable:n.PY,getAllGroupsAssociatedToChannel:n.oj,getTeam:i.Uo,getAllGroupsAssociatedToTeam:n.UT},e)}}))(_)},69669(e,t,s){s.d(t,{A:()=>G}),s(43617),s(81975);var a=s(37270),o=s(32446),n=s(87373),i=s(75616),r=s(14776),l=s(89247),d=(s(15724),s(73242),s(93991),s(36418)),m=s(89735),c=s(14778),u=s(48774),h=s(49

1136),p=s(50375),g=s(55860),T=s(30138),f=s(81444);class _ extends d.PureComponent{constructor(e){super(e),this.searchTimeoutId=0,this.state={values:[],show:!0,search:!1,saving:!1,addError:null,loadingGroups:!0},this.selectedItemRef=d.createRef()}componentDidMount(){Promise.all([this.props.actions.getGroupsNotAssociatedToTeam(this.props.currentTeamId,"",0,51,"",!0),this.props.actions.getAllGroupsAssociatedToTeam(this.props.currentTeamId,!1,!0)]).then((()=>{this.setGroupsLoadingState(!1)}))}componentDidUpdate(e){if(this.props.searchTerm!==e.searchTerm){clearTimeout(this.searchTimeoutId);const e=this.props.searchTerm;if(""===e)return;this.searchTimeoutId=window.setTimeout((async()=>{this.setGroupsLoadingState(!0),await this.props.actions.getGroupsNotAssociatedToTeam(this.props.currentTeamId,e,0,51,"",!0),this.setGroupsLoadingState(!1)}),f.Ay.SEARCH_TIMEOUT_MILLISECONDS)}}handleHide=()=>{this.props.actions.setModalSearchTerm(""),this.setState({show:!1})};handleExit=()=>{this.props.focusOriginElement&&(0,T.p)(this.props.focusOriginElement,!0),this.props.onExited()};handleResponse=e=>{let t=null;e&&e.message&&(t=e.message),this.setState({saving:!1,addError:t})};handleSubmit=async()=>{const e=this.state.values.map((e=>e.id));if(0!==e.length){if(this.props.skipCommit)return this.props.onAddCallback&&this.props.onAddCallback(e),void this.handleHide();this.setState({saving:!0}),await Promise.all(e.map((async e=>{const{error:t}=await this.props.actions.linkGroupSyncable(e,this.props.currentTeamId,u.CL.Team,{auto_add:!0,scheme_admin:!1});this.handleResponse(t),t||this.handleHide()})))}};addValue=e=>{const t=Object.assign([],this.state.values),s=t.map((e=>e.id));e&&e.id&&-1===s.indexOf(e.id)&&t.push(e),this.setState({values:t})};setGroupsLoadingState=e=>{this.setState({loadingGroups:e})};handlePageChange=(e,t)=>

1{e>t&&(this.setGroupsLoadingState(!0),this.props.actions.getGroupsNotAssociatedToTeam(this.props.currentTeamId,this.props.searchTerm,e,51,"",!0).then((()=>{this.setGroupsLoadingState(!1)})))};handleDelete=e=>this.setState({values:e});search=e=>this.props.actions.setModalSearchTerm(e);renderOption=(e,t,s,a)=>{const o=t?"more-modal__row--selected":"";return d.createElement("div",{key:e.id,ref:t?this.selectedItemRef:e.id,className:"more-modal__row clickable "+o,onClick:()=>s(e),onMouseMove:()=>a(e)},d.createElement("img",{className:"more-modal__image",src:g,alt:"group picture",width:"32",height:"32"}),d.createElement("div",{className:"more-modal__details"},d.createElement("div",{className:"more-modal__name"},e.display_name,d.createElement(h.A,null),"-",d.createElement(h.A,null),d.createElement("span",{className:"more-modal__name_sub"},d.createElement(c.FormattedMessage,{id:"numMembers",defaultMessage:"{num, number} {num, plural, one {member} other {members}}",values:{num:e.member_count}})))),d.createElement("div",{className:"more-modal__actions"},d.createElement("button",{className:"more-modal__actions--round","aria-label":"Add groups to team"},d.createElement("i",{className:"icon icon-plus"}))))};renderValue=e=>e.data.display_name;render(){const e=d.createElement("div",{id:"numGroupsRemaining"},d.createElement(c.FormattedMessage,{id:"multiselect.numGroupsRemaining",defaultMessage:"Use ↑↓ to browse, ↵ to select. You can add {num, number} more {num, plural, one {group} other {groups}}. ",values:{num:10-this.state.values.length}})),t=(0,c.defineMessage)({id:"multiselect.add",defaultMessage:"Add"}),s=(0,c.defineMessage)({id:"multiselect.adding",defaultMessage:"Adding..."});let a=null;this.state.addError&&(a=d.createElement("div",{className:"has-error col-sm-12"},d.createElement("label",{className:"control-label font-weight--normal"},this.state.addError)));let o=this.props.groups;if(this.props.excludeGroups){const e=e=>!this.props.excludeGroups?.find((t=>t.id===e.id));o=o.filter(e)}if(this.props.includeGroups){const e=e=>this.props.includeGroups?.find((t=>t.id===e.id));o=[...o,...this.props.includeGroups.filter(e)]}const n=o.map((e=>({...e,label:e.display_name,value:e.id})));return d.createElement(m.Modal,{id:"addGroupsToTeamModal",dialogClassName:"a11y__modal more-modal more-direct-channels",show:this.state.show,onHide:this.handleHide,onExited:this.handleExit},d.createElement(m.Modal.Header,{closeButton:!0},d.createElement(m.Modal.Title,{componentClass:"h1"},d.createElement(c.FormattedMessage,{id:"add_groups_to_team.title",defaultMessage:"Add New Groups to {teamName} Team",values:{teamName:d.createElement("strong",null,this.props.currentTeamName??"")}}))),d.createElement(m.Modal.Body,null,a,d.createElement(p.A,{key:"addGroupsToTeamKey",options:n,optionRenderer:this.renderOption,intl:this.props.intl,selectedItemRef:this.selectedItemRef,values:this.state.values,valueRenderer:this.renderValue,perPage:50,handlePageChange:this.handlePageChange,handleInput:this.search,handleDelete:this.handleDelete,handleAdd:this.addValue,handleSubmit:this.handleSubmit,maxValues:10,numRemainingText:e,buttonSubmitText:t,buttonSubmitLoadingText:s,saving:this.state.saving,loading:this.state.loadingGroups,placeholderText:(0,c.defineMessage)({id:"multiselect.addGroupsPlaceholder",defaultMessage:"Search and add groups"})})))}}const E=(0,c.injectIntl)(_),G=(0,a.connect)((function(e,t){const s=e.views.search.modalSearch,a=t.team||(0,r.H7)(e);let o=(0,i.Gl)(e,a?.id||"");if(s){const e=RegExp(s,"i");o=o.filter((t=>e.test(t.display_name)||e.test(t.name)))}return{currentTeamName:a?.display_name,currentTeamId:a?.id??(0,r.Sy)(e),skipCommit:t.skipCommit,onAddCallback:t.onAddCallback,excludeGroups:t.excludeGroups,searchTerm:s,groups:o}}),(function(e){return{actions:(0,o.zH)({getGroupsNotAssociatedToTeam:n.Gl,setModalSearchTerm:l.qv,linkGroupSyncable:n.PY,getAllGroupsAssociatedToTeam:n.UT},e)}}))(E)},55860(e,t,s){e.exports=s.p+"files/ace5ea5cfc04c82d4be2.png"}}]);
2//# sourceMappingURL=7136.2423f3d2a885a619beb5.js.map