{"version":3,"sources":["components/MemberList.module.scss","components/Atoms/CommitteeMemberTechnicalStatusText.module.scss","components/Atoms/CommitteeStatus.module.scss","components/AppointmentCard.module.scss","components/CommitteeOverview.module.scss","components/CommitteeMemberCard.module.scss","helpers/RouterHelper.module.scss","components/CommitteeList.module.scss","state/reducer.ts","state/store.tsx","pages/Configure.tsx","services/TokenService.ts","helpers/xhr.ts","services/MemberService.ts","services/CommitteeService.ts","services/AppointmentService.ts","components/AppointmentCard.tsx","components/CommitteeMemberCard.tsx","components/CommitteeOverview.tsx","components/CommitteeOverviewHub.tsx","pages/CommitteeDetailsPage.tsx","components/Atoms/CommitteeStatus.tsx","services/SelfServiceService.ts","components/Atoms/JoinTeamDialog.tsx","components/Atoms/Contact.tsx","components/CommitteeList.tsx","pages/CommitteeListPage.tsx","models/IMemberModel.ts","components/Atoms/CommitteeMemberTechnicalStatusText.tsx","components/Atoms/DateToText.tsx","components/MemberList.tsx","pages/MemberListPage.tsx","config/Routes.tsx","helpers/RouterHelper.tsx","constants.ts","helpers/TeamsThemeHelper.tsx","App.tsx","index.tsx"],"names":["module","exports","Reducer","state","action","type","groupId","payload","initialState","GlobalStore","children","useReducer","globalState","dispatch","globalContext","Provider","value","createContext","Configure","props","msTeams","registerOnSaveHandler","saveEvent","setSettings","contentUrl","window","location","origin","url","entityId","suggestedDisplayName","displayName","notifySuccess","setValidityState","TokenService","Promise","resolve","reject","authTokenRequest","successCallback","token","failureCallback","error","getAuthToken","scopes","xhr","method","data","then","response","catch","instance","opts","a","getInstance","getAuthenticationToken","authToken","withCredentials","headers","document","documentMode","toLocaleLowerCase","params","_r","Math","random","toString","console","log","startsWith","substr","axios","contentType","toLowerCase","ex","onError","MemberService","committeeId","includeSignIn","members","parseArray","forEach","m","company","familyName","firstName","title","sort","m1","m2","localeCompare","permissions","id","eMailAddress","division","role","lastLogin","technicalStatus","isGuest","userId","length","map","parse","upn","this","currentMemberId","currentMemberUpn","CommitteeService","committee","contactId","modified","Date","undefined","responsibleZvei","name","description","objectives","optionalComments","organisationalUnit","representingCompanies","responsibleZveiSort","rz","join","status","topics","typeOfCommittee","AppointmentService","date","joinUrl","webLink","AppointmentCard","Card","className","styles","appointmentCardContainer","Header","fitted","acDateBig","Flex","column","hAlign","vAlign","gap","Text","content","format","appointment","locale","de","weight","size","acContent","CommitteeMemberCard","useState","mgtClass","setMgtClass","useEffect","setMGTStylingClassName","TeamsThemeHelper","getThemeString","memberCardContainer","committeeMember","view","PersonViewType","oneline","twolines","personCardInteraction","disablePersonCard","PersonCardInteraction","none","hover","CommitteeOverview","docxLink","committeeDatasheetLinks","pdfLink","newlineToBreak","text","split","item","key","delegates","committeeMembers","filter","committeeOverviewContainer","coArea","coAreaGrid","coAreaGridItem","coAreaFlex","Button","icon","FilesPdfIcon","coHeaderLink","onClick","ev","open","WordIcon","coTitle","coAreaTitle","coDescription","coatExtraSpace","coAreaFlexWrap","coatCursorPointer","committeeAppointments","committeeAppointment","CommitteeOverviewHub","setCommittee","setMembers","appointments","setAppointments","setCommitteeDatasheetLinks","reloadCommittee","getCommittee","newCommittee","reloadMembers","getMembers","newMembersResult","reloadAppointments","getAppointments","newAppointments","reloadCommitteeDatasheetLinks","getCommitteeDatasheetLinks","newDatasheetLinks","ComitteeDetailsPage","useContext","CommitteeStatus","committeeStatus","activeStatus","archivedStatus","SelfServiceService","joinTeamLink","requestCommitteeLink","request","JoinTeamDialog","comments","setComments","Dialog","cancelButton","confirmButton","onConfirm","requestTeamJoin","requester","getCurrentMember","onClose","onCancel","header","TextArea","fluid","variables","onChange","textAreaProps","Contact","contact","setContact","member","getCommitteeContact","Skeleton","animation","Shape","width","height","round","Divider","as","Avatar","image","photo","givenName","surname","department","jobTitle","PhoneIcon","outline","phone","mobile","EmailIcon","mail","CommitteeList","filterValue","setFilterValue","field","asc","setSort","openPanel","setOpenPanel","selectedCommittee","setSelectedCommittee","setSelectedCommitteeMembers","isInSelectedTeam","setIsInSelectedTeam","showJoinDialog","setShowJoinDialog","openDetailPanel","membersResult","isInTeam","currentUserId","updateSort","committeeListContainer","space","hidden","AddIcon","iconPosition","primary","config","InfoIcon","disabled","Input","SearchIcon","placeholder","event","clList","clListHeader","clListSelected","clListInfo","clListName","ArrowDownIcon","ArrowUpIcon","clListStatus","clListDivision","clListOrganisationalUnit","clListResponsibleZvei","clListContent","committees","sorted","c1","c2","reverse","ci","includes","some","r","getSortedAndFiltered","clListItem","clListIsSelected","setTableButtons","clCircleContainer","clCircle","Icon","clIcon","clListUnSelectedIcon","iconName","clListSelectedIcon","clInfoIcon","e","stopPropagation","clTitleCell","cursor","MenuButton","trigger","MoreIcon","menu","MenuLink","on","Popup","position","align","pointing","trim","joinTeamUrl","Panel","isOpen","PanelType","custom","customWidth","isLightDismiss","onDismiss","clPanel","theme","getTheme","clPanelContent","clPanelHeader","CloseIcon","closeIcon","secondary","ComitteeListPage","setCommittees","selfServiceConfig","setSelfServiceConfig","reloadStuff","getCommittees","newCommittees","getSelfServiceConfig","newSelfServiceConfig","TechnicalMemberStatus","CommitteeMemberTechnicalStatusText","technicalStatusText","Active","active","Error","Invited","invited","getTechnicalStyle","getTechnicalText","DateToText","formatDistance","getDateText","MemberList","memberListContainer","mlArea","mlDescription","onActivateCommittee","reinviteButton","onReinvite","Table","items","nameCol","statusCol","loginCol","rows","b","MemberListPage","reloadData","setMembersResult","reinviteMembers","activateCommittee","Loader","label","routes","route","component","RouterHelper","RenderRoutes","routeDefinitions","zgAppContainer","path","exact","TeamsThemes","themeStr","teamsDarkTheme","teamsHighContrastTheme","teamsTheme","themeString","InnerApp","setTheme","themeName","setThemeName","updateTheme","setThemeString","TeamsHelper","microsoftTeamsLib","Providers","globalProvider","SimpleProvider","getAccessToken","setState","ProviderState","SignedIn","SignedOut","login","bind","context","userObjectId","setCurrentMember","userPrincipalName","initializeIcons","Routes","App","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.3558c2cd.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"memberListContainer\":\"MemberList_memberListContainer__1B7vZ\",\"mlDescription\":\"MemberList_mlDescription__31Hgz\",\"mlArea\":\"MemberList_mlArea__-vyDN\",\"mlReviniteButton\":\"MemberList_mlReviniteButton__3-tUV\",\"reinviteButton\":\"MemberList_reinviteButton__3wWti\",\"nameCol\":\"MemberList_nameCol__1o-Ge\",\"statusCol\":\"MemberList_statusCol__3TrFA\",\"loginCol\":\"MemberList_loginCol__1RgRd\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"technicalStatusText\":\"CommitteeMemberTechnicalStatusText_technicalStatusText__1-eT_\",\"active\":\"CommitteeMemberTechnicalStatusText_active__EbhQf\",\"error\":\"CommitteeMemberTechnicalStatusText_error__3d-ou\",\"invited\":\"CommitteeMemberTechnicalStatusText_invited__FX2Z-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"committeeStatus\":\"CommitteeStatus_committeeStatus__1ITH1\",\"activeStatus\":\"CommitteeStatus_activeStatus__35hGC\",\"archivedStatus\":\"CommitteeStatus_archivedStatus__VLo8G\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"appointmentCardContainer\":\"AppointmentCard_appointmentCardContainer__Ok7Cc\",\"acDateBig\":\"AppointmentCard_acDateBig__1KsEP\",\"acContent\":\"AppointmentCard_acContent__1Fr83\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"committeeOverviewContainer\":\"CommitteeOverview_committeeOverviewContainer__27wCn\",\"coArea\":\"CommitteeOverview_coArea__2kxFd\",\"coTitle\":\"CommitteeOverview_coTitle__rzz5C\",\"coAreaGrid\":\"CommitteeOverview_coAreaGrid__2W1og\",\"coAreaGridItem\":\"CommitteeOverview_coAreaGridItem__1eySc\",\"coAreaFlex\":\"CommitteeOverview_coAreaFlex__28mYX\",\"coAreaFlexWrap\":\"CommitteeOverview_coAreaFlexWrap__3v5t7\",\"coHeaderLink\":\"CommitteeOverview_coHeaderLink__36W3i\",\"coAreaTitle\":\"CommitteeOverview_coAreaTitle__3w09f\",\"coDescription\":\"CommitteeOverview_coDescription__2rWUC\",\"coatExtraSpace\":\"CommitteeOverview_coatExtraSpace__3S7_8\",\"coatCursorPointer\":\"CommitteeOverview_coatCursorPointer__1oaFZ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"memberCardContainer\":\"CommitteeMemberCard_memberCardContainer__2XUE2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"zgAppContainer\":\"RouterHelper_zgAppContainer__1chjQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"committeeListContainer\":\"CommitteeList_committeeListContainer__38Az-\",\"clPanelHeader\":\"CommitteeList_clPanelHeader__5rSv2\",\"closeIcon\":\"CommitteeList_closeIcon__8U4FF\",\"clList\":\"CommitteeList_clList__1adep\",\"clInfoIcon\":\"CommitteeList_clInfoIcon__BRawG\",\"clTitleCell\":\"CommitteeList_clTitleCell__3_zUQ\",\"clListHeader\":\"CommitteeList_clListHeader__4kY6O\",\"clListItem\":\"CommitteeList_clListItem__j0iZZ\",\"clListUnSelectedIcon\":\"CommitteeList_clListUnSelectedIcon__2etW3\",\"clListSelectedIcon\":\"CommitteeList_clListSelectedIcon__P0UPM\",\"clCircle\":\"CommitteeList_clCircle__2BxtZ\",\"clListIsSelected\":\"CommitteeList_clListIsSelected__3k34j\",\"clCircleContainer\":\"CommitteeList_clCircleContainer__2FyLl\",\"clIcon\":\"CommitteeList_clIcon__1NlGC\",\"clListDivision\":\"CommitteeList_clListDivision__3Wufx\",\"clListOrganisationalUnit\":\"CommitteeList_clListOrganisationalUnit__bX08f\",\"clListResponsibleZvei\":\"CommitteeList_clListResponsibleZvei__rRuDf\",\"clListSelected\":\"CommitteeList_clListSelected__21d1z\",\"clListInfo\":\"CommitteeList_clListInfo__2NLRm\",\"clListStatus\":\"CommitteeList_clListStatus___rlDl\",\"clListName\":\"CommitteeList_clListName__32N0k\",\"clPanel\":\"CommitteeList_clPanel__2bU1K\",\"clPanelContent\":\"CommitteeList_clPanelContent__nXFBQ\"};","import { initialState } from './store';\r\nimport { ActionType, IGlobalStateInterface } from './types';\r\n\r\nconst Reducer = (state: IGlobalStateInterface, action: ActionType): any => {\r\n  switch (action.type) {\r\n    case 'SET_GROUPID':\r\n      return {\r\n        ...state,\r\n        groupId: action.payload,\r\n      };\r\n    case 'PURGE_STATE':\r\n      return initialState;\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nexport default Reducer;","import React, { createContext, ReactElement, ReactNode, useReducer } from 'react';\r\nimport Reducer from './reducer';\r\nimport { ContextType, IGlobalStateInterface } from './types';\r\n\r\nexport function GlobalStore({ children }: { children: ReactNode }): ReactElement {\r\n  const [globalState, dispatch] = useReducer(Reducer, initializeState());\r\n\r\n  return (\r\n    <globalContext.Provider value={{ globalState, dispatch }}>\r\n      {children}\r\n    </globalContext.Provider>\r\n  );\r\n}\r\n\r\nexport const globalContext = createContext({} as ContextType);\r\n\r\nexport const initialState: IGlobalStateInterface = {\r\n\tgroupId: ''\r\n};\r\n\r\nfunction initializeState() {\r\n  return initialState;\r\n}","import React from 'react';\r\nimport * as msTeams from '@microsoft/teams-js';\r\n\r\ninterface IConfigureProps{\r\n  displayName: string;\r\n  url: string;\r\n}\r\n\r\nexport default function Configure(props: IConfigureProps) {\r\n  msTeams.settings.registerOnSaveHandler(saveEvent => {\r\n    msTeams.settings.setSettings({\r\n      contentUrl: `${window.location.origin}${props.url}`,\r\n      entityId: window.location.origin,\r\n      suggestedDisplayName: props.displayName\r\n    });\r\n\r\n    saveEvent.notifySuccess();\r\n  });\r\n  msTeams.settings.setValidityState(true);\r\n\r\n  return (\r\n    <>\r\n      <div>Hiermit fügen Sie diese Komponente für das Gremienmanagement Ihrem Team hinzu.</div>\r\n    </>\r\n  );\r\n}","import * as msTeams from '@microsoft/teams-js';\r\nimport { xhr } from '../helpers/xhr';\r\n\r\nexport class TokenService {\r\n\tprivate static instance: TokenService;\r\n\r\n\tpublic static getInstance(): TokenService {\r\n\t\tif (!TokenService.instance) {\r\n\t\t\tTokenService.instance = new TokenService();\r\n\t\t}\r\n\t\treturn TokenService.instance;\r\n\t}\r\n\r\n\tpublic async getAuthenticationToken(): Promise<string> {\r\n\t\treturn new Promise<string>((resolve, reject) => {\r\n\t\t\tconst authTokenRequest: msTeams.authentication.AuthTokenRequest = {\r\n\t\t\t\tsuccessCallback: (token) => {\r\n\t\t\t\t\tresolve(token);\r\n\t\t\t\t},\r\n\t\t\t\tfailureCallback: (error) => {\r\n\t\t\t\t\treject(error);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\tmsTeams.authentication.getAuthToken(authTokenRequest);\r\n\t\t});\r\n\t}\r\n\r\n\tpublic async getAccessToken(scopes: string[]): Promise<string> {\r\n\t\treturn new Promise<string>((resolve, reject) => {\r\n\t\t\txhr(`accesstoken`, { \r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tdata: scopes\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n\t\t\t\tresolve(response.data);\r\n\t\t\t})\r\n\t\t\t.catch(error => {\r\n\t\t\t\treject(error);\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n}\r\n","import axios, { AxiosRequestConfig, AxiosError } from 'axios';\r\nimport { TokenService } from '../services/TokenService';\r\n\r\nexport interface IResponse {\r\n\tdata: any;\r\n\tcontentType: string;\r\n\theaders: any;\r\n}\r\n\r\nexport interface IRequestConfig extends AxiosRequestConfig {\r\n\tonError?: (response: AxiosError) => Promise<IResponse>;\r\n}\r\n\r\nasync function xhr(url: string, opts?: IRequestConfig): Promise<IResponse> {\r\n\tconst authToken = await TokenService.getInstance().getAuthenticationToken();\r\n\r\n\topts = { method: 'GET', ...opts, withCredentials: true };\r\n\topts.headers = {\r\n\t\t'content-type': 'application/json',\r\n\t\t'x-id-token': authToken,\r\n\t\t...opts.headers,\r\n\t} as Record<string, string>;\r\n\r\n\t//disable cache for ie\r\n\tif ((window.document as any).documentMode && opts.method!.toLocaleLowerCase() === 'get') {\r\n\t\topts.params = { _r: Math.random().toString() };\r\n\t}\r\n\r\n\tconsole.log(opts);\r\n\r\n\ttry {\r\n\t\tif(url.startsWith('/')) url = url.substr(1);\r\n\t\tif(!url.startsWith('https://')) url = `/api/v1/${url}`;\r\n\t\tconst response = await axios(url, opts);\r\n\t\tconst contentType = (response.headers['content-type'] || '').toLowerCase();\r\n\t\treturn { data: response.data, contentType, headers: response.headers };\r\n\t} catch (e) {\r\n\t\tconst ex = e as AxiosError;\r\n\t\tif (opts.onError) {\r\n\t\t\treturn opts.onError(ex);\r\n\t\t} else {\r\n\t\t\treturn Promise.reject(e);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport { xhr };","import { xhr } from \"../helpers/xhr\";\r\nimport { IMemberModel, IMembersModel } from \"../models/IMemberModel\";\r\n\r\nexport class MemberService {\r\n\tprivate static currentMemberId: string = '';\r\n\tprivate static currentMemberUpn: string = '';\r\n\r\n\tpublic static async getMembers(committeeId: string, includeSignIn?: boolean): Promise<IMembersModel> {\r\n\t\tconst response = await xhr(`committees/${committeeId}/members${includeSignIn?'?includeSignIn=true':''}`);\r\n\t\tvar members = MemberService.parseArray(response.data.members);\r\n\t\tmembers.forEach(m => m.displayName = `${m.company?`[${m.company}] `:''}${m.familyName}, ${m.firstName}${m.title?`, ${m.title}`:''}`);\r\n\t\tmembers.sort((m1,m2)=>{ return `${m1.displayName}`.localeCompare(`${m2.displayName}`);})\r\n\t\treturn {\r\n\t\t\tmembers: members,\r\n\t\t\tpermissions: response.data.permissions\r\n\t\t};\r\n\t}\r\n\r\n\tpublic static async reinviteMembers(committeeId: string): Promise<void> {\r\n\t\tawait xhr(`committees/${committeeId}/members/reinvite`);\r\n\t}\r\n\r\n\tpublic static parse(data: any): IMemberModel {\r\n\t\treturn {\r\n\t\t\tid: data['id'],\r\n\t\t\teMailAddress: data['eMailAddress'],\r\n\t\t\ttitle: data['title'],\r\n\t\t\tfirstName: data['firstName'],\r\n\t\t\tfamilyName: data['familyName'],\r\n\t\t\tcompany: data['company'],\r\n\t\t\tdivision: data['division'],\r\n\t\t\trole: data['role'],\t\r\n\t\t\tlastLogin: data['lastLogin'],\r\n\t\t\tdisplayName: data['displayName'],\r\n\t\t\ttechnicalStatus: data['technicalStatus'],\r\n\t\t\tisGuest: data['isGuest'],\r\n\t\t\tuserId: data['userId']\r\n\t\t} as IMemberModel;\r\n\t}\r\n\r\n\tpublic static parseArray(data: any[]): IMemberModel[] {\r\n\t\tif (data && data.length) {\r\n\t\t\treturn data.map(MemberService.parse);\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n\r\n\tpublic static setCurrentMember(id: string, upn: string|undefined) {\r\n\t\tthis.currentMemberId = id;\r\n\t\tthis.currentMemberUpn = upn?upn:'';\r\n\t}\r\n\r\n\tpublic static getCurrentMember() {\r\n\t\treturn {\r\n\t\t\tid: this.currentMemberId,\r\n\t\t\tupn: this.currentMemberUpn\r\n\t\t};\r\n\t}\r\n}","import { xhr } from \"../helpers/xhr\";\r\nimport { ICommitteeModel } from \"../models/ICommitteeModel\";\r\nimport { IContactModel } from \"../models/IContactModel\";\r\nimport { MemberService } from \"./MemberService\";\r\n\r\nexport class CommitteeService {\r\n\tpublic static async getCommittees(): Promise<ICommitteeModel[]> {\r\n\t\tconst response = await xhr(`committees`);\r\n\t\treturn CommitteeService.parseArray(response.data);\r\n\t}\r\n\r\n\tpublic static async getCommittee(committeeId: string): Promise<ICommitteeModel> {\r\n\t\tconst response = await xhr(`committees/${committeeId}`);\r\n\t\treturn CommitteeService.parse(response.data);\r\n\t}\r\n\r\n\tpublic static async getCommitteeDatasheetLinks(committeeId: string): Promise<string[]> {\r\n\t\tconst response = await xhr(`committees/${committeeId}/datasheetlinks`)\r\n\t\treturn response.data;\r\n\t}\r\n\r\n\tpublic static async activateCommittee(committee: ICommitteeModel): Promise<void> {\r\n\t\tawait xhr(`committees/${committee.id}/activate`, {\r\n\t\t\tmethod: 'POST'\r\n\t\t});\r\n\t\treturn;\r\n\t}\r\n\r\n\tpublic static async getCommitteeContact(committeeId: string, contactId: string): Promise<IContactModel> {\r\n\t\tconst response = await xhr(`committees/${committeeId}/contacts/${contactId}`)\r\n\t\treturn response.data;\r\n\t}\r\n\r\n\tprivate static parse(data: any): ICommitteeModel {\r\n\t\tconst modified = data['modified'] ? new Date(data['modified']) : undefined ;\r\n\t\tvar responsibleZvei = data['responsibleZvei'] ? MemberService.parseArray(data['responsibleZvei']) : undefined;\r\n\t\treturn {\r\n\t\t\tid: data['id'],\r\n\t\t\tgroupId: data['groupId'],\r\n\t\t\tname: data['name'],\r\n\t\t\tmodified,\r\n\t\t\tdescription: data['description'],\r\n\t\t\tobjectives: data['objectives'],\r\n\t\t\toptionalComments: data['optionalComments'],\r\n\t\t\torganisationalUnit: data['organisationalUnit'],\r\n\t\t\tdivision: data['division'],\r\n\t\t\trepresentingCompanies: data['representingCompanies'],\r\n\t\t\tresponsibleZvei,\r\n\t\t\tresponsibleZveiSort: responsibleZvei?.map((rz) => { return rz.displayName }).join(','),\r\n\t\t\tstatus: data['status'],\r\n\t\t\ttopics: data['topics'],\r\n\t\t\ttypeOfCommittee: data['typeOfCommittee'],\r\n\t\t\ttechnicalStatus: data['technicalStatus'],\r\n\t\t\r\n\t\t} as ICommitteeModel;\r\n\t}\r\n\r\n\tprivate static parseArray(data: any[]): ICommitteeModel[] {\r\n\t\tif (data && data.length) {\r\n\t\t\treturn data.map(CommitteeService.parse);\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n}","import { xhr } from \"../helpers/xhr\";\r\nimport { IAppointmentModel } from \"../models/IAppointmentModel\";\r\n\r\nexport class AppointmentService {\r\n\tpublic static async getAppointments(committeeId: string): Promise<IAppointmentModel[]> {\r\n\t\tconst response = await xhr(`committees/${committeeId}/appointments`);\r\n\t\treturn AppointmentService.parseArray(response.data);\r\n\t}\r\n\r\n\tprivate static parse(data: any): IAppointmentModel {\r\n\t\tconst date = data['date'] ? new Date(data['date']) : undefined ;\r\n\t\treturn {\r\n\t\t\tid: data['id'],\r\n\t\t\ttitle: data['title'],\r\n\t\t\tdate: date,\r\n\t\t\tjoinUrl: data['joinUrl'],\r\n\t\t\twebLink: data['webLink'],\t\r\n\t\t} as IAppointmentModel;\r\n\t}\r\n\r\n\tprivate static parseArray(data: any[]): IAppointmentModel[] {\r\n\t\tif (data && data.length) {\r\n\t\t\treturn data.map(AppointmentService.parse);\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n}","import { Card, Flex, Text } from '@fluentui/react-northstar';\r\nimport { IAppointmentModel } from '../models/IAppointmentModel';\r\nimport { format } from \"date-fns\";\r\nimport { de } from 'date-fns/locale';\r\nimport styles from './AppointmentCard.module.scss';\r\n\r\ninterface IAppointmentCardProps {\r\n    appointment: IAppointmentModel;\r\n}\r\n\r\nexport default function AppointmentCard(props: IAppointmentCardProps) {\r\n    return (\r\n        <Card className={styles.appointmentCardContainer}>\r\n            <Card.Header fitted>\r\n                <div className={styles.acDateBig}>\r\n                    <Flex column hAlign=\"center\" vAlign=\"start\" gap=\"gap.small\">\r\n                        <Text content={format(props.appointment.date, \"LLL\" , {locale: de})} weight=\"bold\" />\r\n                        <Text content={format(props.appointment.date, \"dd\" , {locale: de})} weight=\"bold\" size=\"largest\" />\r\n                    </Flex>\r\n                </div>\r\n                <div className={styles.acContent}>\r\n                    <Flex column gap=\"gap.small\">\r\n                        <Text content={props.appointment.title} />\r\n                        <Text content={format(props.appointment.date, \"EEEEEE, dd. MMM HH:mm\" , {locale: de})} />\r\n                    </Flex>\r\n                </div>\r\n            </Card.Header>\r\n        </Card>    \r\n    );\r\n}","import styles from './CommitteeMemberCard.module.scss';\r\nimport { Person, PersonViewType, PersonCardInteraction } from '@microsoft/mgt-react';\r\n\r\nimport { IMemberModel } from '../models/IMemberModel';\r\nimport { TeamsThemeHelper } from '../helpers';\r\nimport { useState } from 'react';\r\nimport { useEffect } from 'react';\r\n\r\ninterface ICommitteeMemberCardProps {\r\n    committeeMember: IMemberModel;\r\n    disablePersonCard?: boolean;\r\n}\r\n\r\nexport const CommitteeMemberCard = (props: ICommitteeMemberCardProps) => {\r\n    const [mgtClass, setMgtClass] = useState('mgt-light');\r\n\r\n    useEffect(() => {\r\n        setMGTStylingClassName();\r\n    });\r\n\r\n    const setMGTStylingClassName = function(){\r\n        const themeName = TeamsThemeHelper.getThemeString();\r\n        switch(themeName) {\r\n            case 'dark':\r\n                setMgtClass(\"mgt-dark\");\r\n                break;\r\n            case 'contrast':\r\n                setMgtClass(\"mgt-dark\");\r\n                break;\r\n            case 'light':\r\n            default:\r\n                setMgtClass(\"mgt-light\");\r\n                break;\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Person\r\n            className={[styles.memberCardContainer, mgtClass].join(' ')}\r\n            userId={props.committeeMember?.userId}\r\n            view={props.committeeMember?.isGuest?PersonViewType.oneline:PersonViewType.twolines}\r\n            personCardInteraction={props.disablePersonCard?PersonCardInteraction.none:PersonCardInteraction.hover}\r\n        >\r\n        </Person>\r\n    );\r\n}","import { Button, FilesPdfIcon, WordIcon } from '@fluentui/react-northstar';\r\nimport React from 'react';\r\n\r\nimport { IAppointmentModel } from '../models/IAppointmentModel';\r\nimport { ICommitteeModel } from '../models/ICommitteeModel';\r\nimport { IMemberModel } from '../models/IMemberModel';\r\nimport AppointmentCard from './AppointmentCard';\r\nimport { CommitteeMemberCard } from './CommitteeMemberCard';\r\n\r\nimport styles from './CommitteeOverview.module.scss';\r\n\r\ninterface ICommitteeOverviewProps {\r\n    committee: ICommitteeModel | null;\r\n\tcommitteeMembers: IMemberModel[] | null;\r\n\tcommitteeAppointments: IAppointmentModel[] | null;\r\n\tcommitteeDatasheetLinks: string[] | null;\r\n}\r\n\r\nexport default function CommitteeOverview(props: ICommitteeOverviewProps) {\r\n\tconst docxLink = props.committeeDatasheetLinks?.length === 2 ? props.committeeDatasheetLinks[0] : '';\r\n\tconst pdfLink = props.committeeDatasheetLinks?.length === 2 ? props.committeeDatasheetLinks[1] : '';\r\n\r\n\tconst newlineToBreak = function(text: string|undefined){\r\n\t\tif(!text) return '';\r\n\t\treturn text.split('\\r\\n').map((item, key) => {\r\n\t\t\treturn <span>{item}<br/></span>\r\n\t\t})\r\n\t};\r\n\r\n\tconst delegates = props.committeeMembers?.filter(committeeMember => committeeMember.role === 'Stellvertretung (1)' || committeeMember.role === 'Stellvertretung (2)');\r\n\r\n\treturn (\r\n\t\t<div className={styles.committeeOverviewContainer}>\r\n\t\t\t<div className={[styles.coArea, styles.coAreaGrid].join(' ')}>\r\n\t\t\t\t<div className={[styles.coAreaGridItem, styles.coAreaFlex].join(' ')}>\r\n\t\t\t\t\t{pdfLink&&(<Button icon={<FilesPdfIcon />} text content=\"PDF Datenblatt abrufen\" className={styles.coHeaderLink} onClick={(ev) => window.open(pdfLink)} />)}\r\n\t\t\t\t\t{!pdfLink&&(<span>(PDF Datenblatt wird generiert)</span>)}\r\n\t\t\t\t\t{docxLink&&(<Button icon={<WordIcon />} text content=\"Datenblatt nach Word exportieren\" className={styles.coHeaderLink} onClick={(ev) => window.open(docxLink)} />)}\r\n\t\t\t\t\t{!docxLink&&(<span>(Word Datenblatt wird generiert)</span>)}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<div className={[styles.coAreaGridItem].join(' ')}>\r\n\t\t\t\t\t<h1 className={styles.coTitle}>{props.committee?.name}</h1>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className={[styles.coArea].join(' ')}>\r\n\t\t\t\t<div className={styles.coAreaTitle}>ZVEI Organisationseinheit:</div>\r\n\t\t\t\t<div>{props.committee?.organisationalUnit}</div>\r\n\t\t\t</div>\r\n\t\t\t<div className={[styles.coArea].join(' ')}>\r\n\t\t\t\t<div className={styles.coAreaTitle}>Kurzbeschreibung:</div>\r\n\t\t\t\t<div className={styles.coDescription}>{props.committee?.description}</div>\r\n\t\t\t</div>\r\n\t\t\t<div className={[styles.coArea, styles.coAreaGrid].join(' ')}>\r\n\t\t\t\t<div className={[styles.coAreaGridItem].join(' ')}>\r\n\t\t\t\t\t<div className={[styles.coAreaTitle, styles.coatExtraSpace].join(' ')}>Kontakt im ZVEI:</div>\r\n\t\t\t\t\t<div className={[styles.coAreaFlex, styles.coAreaFlexWrap].join(' ')}>\r\n\t\t\t\t\t\t{props.committeeMembers?.filter(committeeMember => committeeMember.role === '[GRE] ZVEI-Verantwortliche(r)').map((committeeMember) => {\r\n\t\t\t\t\t\t\treturn(\r\n\t\t\t\t\t\t\t\t<div className={styles.coatCursorPointer} onClick={()=>{window.open(`mailto:${committeeMember.eMailAddress}`)}}>\r\n\t\t\t\t\t\t\t\t\t<CommitteeMemberCard committeeMember={committeeMember} disablePersonCard={true} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className={[styles.coAreaGridItem].join(' ')}>\r\n\t\t\t\t\t<div className={[styles.coAreaTitle, styles.coatExtraSpace].join(' ')}>Vorsitz:</div>\r\n\t\t\t\t\t<div className={[styles.coAreaFlex, styles.coAreaFlexWrap].join(' ')}>\r\n\t\t\t\t\t\t{props.committeeMembers?.filter(committeeMember => committeeMember.role === '[GRE] Vorsitz').map((committeeMember) => {\r\n\t\t\t\t\t\t\treturn(\r\n\t\t\t\t\t\t\t\t<CommitteeMemberCard committeeMember={committeeMember} disablePersonCard={true} />\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t{delegates && delegates.length > 0 && (\r\n\t\t\t\t<div className={[styles.coArea].join(' ')}>\r\n\t\t\t\t\t<div className={[styles.coAreaTitle, styles.coatExtraSpace].join(' ')}>Stellvertetung:</div>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<div className={[styles.coAreaFlex, styles.coAreaFlexWrap].join(' ')}>\r\n\t\t\t\t\t\t\t{delegates?.map((committeeMember) => {\r\n\t\t\t\t\t\t\t\treturn(\r\n\t\t\t\t\t\t\t\t\t<CommitteeMemberCard committeeMember={committeeMember} disablePersonCard={true} />\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t<div className={[styles.coArea].join(' ')}>\r\n\t\t\t\t<div className={styles.coAreaTitle}>Folgende Unternehmen bzw. Institutionen sind im Gremium vertreten:</div>\r\n\t\t\t\t<div>{props.committee?.representingCompanies}</div>\r\n\t\t\t</div>\r\n\t\t\t<div className={[styles.coArea, styles.coAreaGrid].join(' ')}>\r\n\t\t\t\t<div className={[styles.coAreaGridItem].join(' ')}>\r\n\t\t\t\t\t<div className={styles.coAreaTitle}>Themen:</div>\r\n\t\t\t\t\t<div>{newlineToBreak(props.committee?.topics)}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className={[styles.coAreaGridItem].join(' ')}>\r\n\t\t\t\t\t<div className={styles.coAreaTitle}>Ziele und Aktivitäten:</div>\r\n\t\t\t\t\t<div>{newlineToBreak(props.committee?.objectives)}</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t{props.committeeAppointments && props.committeeAppointments.length > 0 && (\r\n\t\t\t\t<div className={[styles.coArea].join(' ')}>\r\n\t\t\t\t\t<div className={[styles.coAreaTitle, styles.coatExtraSpace].join(' ')}>Termine und Veranstaltungen:</div>\r\n\t\t\t\t\t<div className={[styles.coAreaFlex, styles.coAreaFlexWrap].join(' ')}>\r\n\t\t\t\t\t\t{props.committeeAppointments?.map((committeeAppointment) => {\r\n\t\t\t\t\t\t\treturn(\r\n\t\t\t\t\t\t\t\t<AppointmentCard appointment={committeeAppointment}></AppointmentCard>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n}","import React, { useEffect, useState } from 'react';\r\n\r\nimport { CommitteeService } from '../services/CommitteeService';\r\nimport { ICommitteeModel } from '../models/ICommitteeModel';\r\n\r\nimport { IMemberModel } from '../models/IMemberModel';\r\nimport { IAppointmentModel } from '../models/IAppointmentModel';\r\nimport { MemberService } from '../services/MemberService';\r\nimport { AppointmentService } from '../services/AppointmentService';\r\n\r\nimport CommitteeOverview from '../components/CommitteeOverview';\r\n\r\nexport interface CommitteeOverviewHubProps {\r\n    groupId: string;\r\n}\r\n\r\nexport default function CommitteeOverviewHub(props: CommitteeOverviewHubProps) {\r\n  const [committee, setCommittee] = useState<ICommitteeModel | null>(null);\r\n  const [members, setMembers] = useState<IMemberModel[] | null>(null);\r\n  const [appointments, setAppointments] = useState<IAppointmentModel[] | null>(null);\r\n  const [committeeDatasheetLinks, setCommitteeDatasheetLinks] = useState<string[] | null>(null);\r\n\r\n  useEffect(()=>{\r\n    const reloadCommittee = async () => {\r\n      var newCommittee = await CommitteeService.getCommittee(props.groupId);\r\n      setCommittee(newCommittee);\r\n    };\r\n  \r\n    const reloadMembers = async() => {\r\n      var newMembersResult = await MemberService.getMembers(props.groupId);\r\n      setMembers(newMembersResult.members);\r\n    };\r\n  \r\n    const reloadAppointments = async() => {\r\n      var newAppointments = await AppointmentService.getAppointments(props.groupId);\r\n      setAppointments(newAppointments);\r\n    }\r\n\r\n    const reloadCommitteeDatasheetLinks = async() => {\r\n      var newDatasheetLinks = await CommitteeService.getCommitteeDatasheetLinks(props.groupId);\r\n      setCommitteeDatasheetLinks(newDatasheetLinks);\r\n    }\r\n\r\n    if(props.groupId !== ''){\r\n      reloadCommittee();\r\n      reloadMembers();\r\n      reloadAppointments();\r\n      reloadCommitteeDatasheetLinks();\r\n    }\r\n  }, [props.groupId]);\r\n\r\n  return (\r\n      <CommitteeOverview committee={committee} committeeAppointments={appointments} committeeDatasheetLinks={committeeDatasheetLinks} committeeMembers={members} />\r\n  )\r\n}","import React, { useContext } from 'react';\r\nimport CommitteeOverviewHub from '../components/CommitteeOverviewHub';\r\nimport { globalContext } from '../state/store';\r\n\r\n\r\nexport default function ComitteeDetailsPage() {\r\n  const {globalState, } = useContext(globalContext);\r\n\r\n  return (\r\n    <>\r\n      <CommitteeOverviewHub groupId={globalState.groupId} />\r\n    </>\r\n  );\r\n}","import { Text } from '@fluentui/react-northstar';\r\nimport styles from './CommitteeStatus.module.scss';\r\n\r\ninterface CommitteeStatusProps {\r\n    status?: string;\r\n    mode?: string;\r\n}\r\n\r\nexport default function CommitteeStatus(props: CommitteeStatusProps) {\r\n    return (\r\n        <div className={styles.committeeStatus}>\r\n            {props.status === 'Active' && <Text className={styles.activeStatus} content='aktiv' />}\r\n            {props.status === 'InProvisioning' && <Text className={styles.archivedStatus} content='in Arbeit' />}\r\n            {props.status === 'Archived' && <Text className={styles.archivedStatus} content='archiviert' />}\r\n        </div>\r\n    );\r\n}","import { xhr } from \"../helpers/xhr\";\r\nimport { ISelfServiceConfig } from \"../models/ISelfServiceConfig\";\r\n\r\nexport class SelfServiceService {\r\n\tpublic static async getSelfServiceConfig(): Promise<ISelfServiceConfig> {\r\n\t\tconst response = await xhr(`selfserviceconfig`);\r\n\t\treturn {\r\n\t\t\tjoinTeamLink: response.data['joinTeamLink'],\r\n\t\t\trequestCommitteeLink: response.data['requestCommitteeLink'],\r\n\t\t\r\n\t\t} as ISelfServiceConfig;\r\n\t}\r\n\r\n\tpublic static async requestTeamJoin(request:any): Promise<any> {\r\n\t\treturn await xhr(`committees/join`, {method:`POST`, data: request})\r\n\t}\r\n}","import { Dialog, Flex, Text, TextArea } from '@fluentui/react-northstar';\r\nimport React, { useState } from 'react';\r\nimport { ICommitteeModel } from '../../models/ICommitteeModel';\r\nimport { MemberService } from '../../services/MemberService';\r\nimport { SelfServiceService } from '../../services/SelfServiceService';\r\n\r\ninterface IJoinTeamDialogProps {\r\n\tjoinTeamUrl?: string;\r\n\tcommittee: ICommitteeModel|null;\r\n\topen: boolean;\r\n\tonClose: ()=>void;\r\n}\r\n\r\nexport const JoinTeamDialog = (props: IJoinTeamDialogProps) => {\r\n\tconst [comments, setComments] = useState('');\r\n\r\n\treturn (\r\n\t\t<Dialog\r\n\t\t\tcancelButton=\"Abbrechen\"\r\n\t\t\tconfirmButton=\"Absenden\"\r\n\t\t\tonConfirm={() => {\r\n\t\t\t\tSelfServiceService.requestTeamJoin({\r\n\t\t\t\t\tcommittee:props.committee,\r\n\t\t\t\t\tcomments,\r\n\t\t\t\t\trequester:MemberService.getCurrentMember().upn\r\n\t\t\t\t});\r\n\t\t\t\tprops.onClose();\r\n\t\t\t}}\r\n\t\t\tonCancel={()=>props.onClose()}\r\n\t\t\theader=\"Team beitreten\"\r\n\t\t\tcontent={\r\n                <Flex column hAlign=\"start\" vAlign=\"start\" gap=\"gap.small\">\r\n\t\t\t\t\t<Text content=\"Bemerkungen (optional):\" />\r\n\t\t\t\t\t<TextArea fluid variables={{\"height\": \"150px\"}} onChange={(ev, textAreaProps)=>setComments(textAreaProps?.value || '')} />\r\n                </Flex>\r\n\t\t\t}\r\n\t\t\topen={props.open && props.committee!==null}\r\n\t\t/>\r\n\t)\r\n}","import { Divider, Avatar, EmailIcon, Flex, Header, PhoneIcon, Text, Button, Skeleton } from '@fluentui/react-northstar';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { ICommitteeModel } from '../../models/ICommitteeModel';\r\nimport { IContactModel } from '../../models/IContactModel';\r\nimport { IMemberModel } from '../../models/IMemberModel';\r\nimport { CommitteeService } from '../../services/CommitteeService';\r\n\r\n\r\ninterface IContactProps {\r\n\tcommittee: ICommitteeModel|null;\r\n\tmember: IMemberModel|null;\r\n}\r\n\r\n\r\nexport const Contact = (props: IContactProps) => {\r\n\tconst [contact, setContact] = useState<IContactModel|null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tif(props.committee?.id && props.member?.userId) {\r\n\t\t\tCommitteeService.getCommitteeContact(props.committee?.id, props.member?.userId).then((contact) => {\r\n\t\t\t\tsetContact(contact);\r\n\t\t\t})\r\n\t\t}\r\n\t}, [props.committee?.id, props.member?.userId]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{!contact && \r\n\t\t\t\t<Skeleton animation=\"wave\">\r\n            \t\t<Skeleton.Shape width=\"255px\" height=\"30px\" />\r\n\t\t\t\t\t<Flex gap=\"gap.medium\" styles={{'padding-top':'18px'}}>\r\n\t\t\t\t\t\t<Skeleton.Shape round width=\"96px\" height=\"96px\" />\r\n\t\t\t\t\t\t<Flex column gap=\"gap.small\">\r\n\t\t\t\t\t\t\t<Skeleton.Shape width=\"60px\" height=\"20px\" styles={{'margin-bottom':'10px'}} />\r\n\t\t\t\t\t\t\t<Skeleton.Shape width=\"100px\" height=\"20px\" styles={{'margin-bottom':'10px'}} />\r\n\t\t\t\t\t\t\t<Skeleton.Shape width=\"80px\" height=\"20px\" styles={{'margin-bottom':'10px'}} />\r\n\t\t\t\t\t\t\t<Divider />\r\n\t\t\t\t\t\t\t<Skeleton.Shape width=\"120px\" height=\"20px\" styles={{'margin-bottom':'10px'}} />\r\n\t\t\t\t\t\t\t<Skeleton.Shape width=\"115px\" height=\"20px\" styles={{'margin-bottom':'10px'}} />\r\n\t\t\t\t\t\t\t<Skeleton.Shape width=\"230px\" height=\"20px\" />\r\n\t\t\t\t\t\t</Flex>\r\n\t\t\t\t\t</Flex>\r\n\t\t\t\t</Skeleton>\r\n\t\t\t}\r\n\t\t\t{contact &&\r\n\t\t\t\t<>\r\n\t\t\t\t\t<Header as=\"h2\" content={contact.displayName} styles={{'margin-top':0}} />\r\n\t\t\t\t\t<Flex gap=\"gap.medium\">\r\n\t\t\t\t\t\t<Avatar size='largest' image={contact.photo?`data:image/png;base64, ${contact.photo}`:''} name={`${contact.givenName} ${contact.surname}`} />\r\n\t\t\t\t\t\t<Flex column gap=\"gap.small\">\r\n\t\t\t\t\t\t\t<Flex gap=\"gap.medium\"><Text content={contact.division || '-'} /></Flex>\r\n\t\t\t\t\t\t\t<Flex gap=\"gap.medium\"><Text content={contact.department || '-'} /></Flex>\r\n\t\t\t\t\t\t\t<Flex gap=\"gap.medium\"><Text content={contact.jobTitle || '-'} /></Flex>\r\n\t\t\t\t\t\t\t<Divider />\r\n\t\t\t\t\t\t\t<Flex gap=\"gap.medium\"><PhoneIcon outline /><Text content={contact.phone||'-'}/></Flex>\r\n\t\t\t\t\t\t\t<Flex gap=\"gap.medium\"><PhoneIcon outline /><Text content={contact.mobile||'-'}/></Flex>\r\n\t\t\t\t\t\t\t<Flex gap=\"gap.medium\"><Button styles={{'padding-left':0}} icon={<EmailIcon outline />} text content={contact.mail||'-'} onClick={()=>{window.open(`mailto:${contact.mail}`)}} /></Flex>\r\n\t\t\t\t\t\t</Flex>\r\n\t\t\t\t\t</Flex>\r\n\t\t\t\t</>\r\n\t\t\t}\r\n\t\t</>\r\n\t);\r\n}","import { AddIcon, ArrowDownIcon, ArrowUpIcon, Button, CloseIcon, FilesPdfIcon, Flex, InfoIcon, Input, MenuButton, MoreIcon, SearchIcon, Text, Popup } from '@fluentui/react-northstar';\r\nimport React, { useState } from 'react';\r\nimport { useEffect } from 'react';\r\nimport { ICommitteeModel } from '../models/ICommitteeModel';\r\nimport CommitteeStatus from './Atoms/CommitteeStatus';\r\nimport { Panel, PanelType } from '@fluentui/react/lib/Panel';\r\n\r\nimport { Provider as ThemeProvider } from '@fluentui/react-northstar';\r\nimport { TeamsThemeHelper } from '../helpers';\r\n\r\nimport styles from './CommitteeList.module.scss';\r\nimport CommitteeOverviewHub from './CommitteeOverviewHub';\r\nimport { ISelfServiceConfig } from '../models/ISelfServiceConfig';\r\nimport { CommitteeService } from '../services/CommitteeService';\r\nimport { MemberService } from '../services/MemberService';\r\nimport { JoinTeamDialog } from './Atoms/JoinTeamDialog';\r\nimport { Contact } from './Atoms/Contact';\r\nimport { IMemberModel } from '../models/IMemberModel';\r\nimport { Icon } from '@fluentui/react/lib/Icon';\r\n\r\ninterface ICommitteeListProps {\r\n\tcommittees : ICommitteeModel[] | null;\r\n\tconfig: ISelfServiceConfig | null;\r\n\tcurrentUserId: string | null;\r\n}\r\n\r\ntype sortFields = 'name' | 'technicalStatus' | 'division' | 'organisationalUnit' | 'responsibleZveiSort';\r\n\r\ninterface ISort {\r\n\tfield: sortFields;\r\n\tasc: boolean;\r\n}\r\n\r\nexport const CommitteeList = (props: ICommitteeListProps) => {\r\n\tconst [filterValue, setFilterValue] = useState('');\r\n\tconst [sort, setSort] = useState<ISort>({field: 'name', asc: true})\r\n\tconst [openPanel, setOpenPanel] = useState(false);\r\n\tconst [selectedCommittee, setSelectedCommittee] = useState<ICommitteeModel | null>(null);\r\n\tconst [, setSelectedCommitteeMembers] = useState<IMemberModel[] | null>(null);\r\n\tconst [committeeDatasheetLinks, setCommitteeDatasheetLinks] = useState<string[]>([]);\r\n\tconst [isInSelectedTeam, setIsInSelectedTeam] = useState(true);\r\n\tconst [showJoinDialog, setShowJoinDialog] = useState(false);\r\n\tconst [selectedContact, setSelectedContact] = useState<IMemberModel | null>(null);\r\n\tconst [showContactDialog, setShowContactDialog] = useState(false);\r\n\t//const [mgtClass, setMgtClass] = useState('mgt-light');\r\n\r\n\tconst openDetailPanel = function() {\r\n\t\tsetOpenPanel(true);\r\n\t}\r\n\r\n\tconst setTableButtons = function(committee: ICommitteeModel) {\r\n\t\tif(committee !== selectedCommittee) {\r\n\t\t\tsetSelectedCommittee(committee);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tsetSelectedCommittee(null);\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tconst reloadCommitteeDatasheetLinks = async() => {\r\n\t\t\tsetCommitteeDatasheetLinks([]);\r\n\t\t\tif(selectedCommittee !== null){\r\n\t\t\t\tconst newDatasheetLinks = await CommitteeService.getCommitteeDatasheetLinks(selectedCommittee?.id);\r\n\t\t\t\tsetCommitteeDatasheetLinks(newDatasheetLinks);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst reloadMembers = async() => {\r\n\t\t\tsetIsInSelectedTeam(true);\r\n\t\t\tsetSelectedCommitteeMembers([]);\r\n\t\t\tif(selectedCommittee !== null){\r\n\t\t\t\tconst membersResult = await MemberService.getMembers(selectedCommittee?.id, true);\r\n\t\t\t\tconst members = membersResult.members;\r\n\t\t\t\t\r\n\t\t\t\tconst isInTeam = members.filter((member) => member.userId === props.currentUserId).length > 0;\r\n\t\t\t\tsetIsInSelectedTeam(isInTeam);\r\n\t\t\t\tsetSelectedCommitteeMembers(members);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treloadCommitteeDatasheetLinks();\r\n\t\treloadMembers();\r\n\t}, [selectedCommittee, props.currentUserId]);\r\n\r\n\tconst getSortedAndFiltered = function(committees: ICommitteeModel[] | null): ICommitteeModel[] {\r\n\t\tlet sorted = committees?.sort((c1, c2) => (c1[sort.field] || '').localeCompare(c2[sort.field] || '')) || [];\r\n\t\tif(!sort?.asc) {\r\n\t\t\tsorted?.reverse();\r\n\t\t}\r\n\t\treturn sorted?.filter((ci) => \t\r\n\t\t\tci.name?.toLowerCase().includes(filterValue) || \r\n\t\t\tci.organisationalUnit?.toLowerCase().includes(filterValue) ||\r\n\t\t\tci.description?.toLowerCase().includes(filterValue) ||\r\n\t\t\tci.topics?.toLowerCase().includes(filterValue) ||\r\n\t\t\tci.division?.toLowerCase().includes(filterValue) ||\r\n\t\t\tci.objectives?.toLowerCase().includes(filterValue) ||\r\n\t\t\tci.representingCompanies?.toLowerCase().includes(filterValue) ||\r\n\t\t\tci.responsibleZvei?.some(r=>r.displayName.toLowerCase().includes(filterValue))\r\n\t\t);\r\n\t}\r\n\r\n\tconst updateSort = function(field: sortFields) {\r\n\t\tif (sort.field !== field) {\r\n\t\t\tsetSort({field, asc: true});\r\n\t\t} else {\r\n\t\t\tsetSort({field, asc: !sort.asc });\r\n\t\t}\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className={styles.committeeListContainer}>\r\n\t\t\t<Flex space=\"between\">\r\n\t\t\t\t<Flex gap=\"gap.small\">\r\n\t\t\t\t\t<Button \r\n\t\t\t\t\t\thidden={true}\r\n\t\t\t\t\t\ticon={<AddIcon />}\r\n\t\t\t\t\t\tcontent=\"Neu beantragen\" \r\n\t\t\t\t\t\ticonPosition=\"before\" \r\n\t\t\t\t\t\tprimary onClick={(ev) => window.open(props.config?.requestCommitteeLink)} \r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<Button \r\n\t\t\t\t\t\ttext\r\n\t\t\t\t\t\ticon={<InfoIcon />}\r\n\t\t\t\t\t\tcontent=\"Informationen anzeigen\" \r\n\t\t\t\t\t\ticonPosition=\"before\" \r\n\t\t\t\t\t\tonClick={(ev) => openDetailPanel()}\r\n\t\t\t\t\t\tdisabled={!selectedCommittee} \r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<Button \r\n\t\t\t\t\t\ttext\r\n\t\t\t\t\t\ticon={<FilesPdfIcon />}\r\n\t\t\t\t\t\tcontent=\"PDF Datenblatt anzeigen\" \r\n\t\t\t\t\t\ticonPosition=\"before\" \r\n\t\t\t\t\t\tonClick={(ev) => window.open(committeeDatasheetLinks[1])} \r\n\t\t\t\t\t\tdisabled={!selectedCommittee || !committeeDatasheetLinks[1]} \r\n\t\t\t\t\t/>\r\n\t\t\t\t</Flex>\r\n\t\t\t\t<Input \r\n\t\t\t\t\ticon={<SearchIcon />} \r\n\t\t\t\t\tplaceholder=\"Gremium suchen\" \r\n\t\t\t\t\ticonPosition=\"start\"\r\n\t\t\t\t\tonChange={(event, value) => setFilterValue(value ? value.value?.toLowerCase() : '')}\r\n\t\t\t\t/>\r\n\t\t\t</Flex>\r\n\t\t\t<div className={[styles.clList, TeamsThemeHelper.getThemeString()].join(' ')}>\r\n\t\t\t\t<div className={styles.clListHeader} >\r\n\t\t\t\t\t<div className={styles.clListSelected}></div>\r\n\t\t\t\t\t<div className={styles.clListInfo}></div>\r\n\t\t\t\t\t<div className={styles.clListName}><Button iconPosition='after' icon={sort.field === 'name' ? (sort.asc ? <ArrowDownIcon /> : <ArrowUpIcon />):<></>} text content=\"Name\" onClick={() => {updateSort('name');}} /></div>\r\n\t\t\t\t\t<div className={styles.clListStatus}><Button  iconPosition='after' icon={sort.field === 'technicalStatus' ? (sort.asc ? <ArrowDownIcon /> : <ArrowUpIcon />):<></>} text content=\"Status\" onClick={() => {updateSort('technicalStatus');}} /></div>\r\n\t\t\t\t\t<div className={styles.clListDivision}><Button  iconPosition='after' icon={sort.field === 'division' ? (sort.asc ? <ArrowDownIcon /> : <ArrowUpIcon />):<></>} text content=\"Bereich\" onClick={() => {updateSort('division');}} /></div>\r\n\t\t\t\t\t<div className={styles.clListOrganisationalUnit}><Button  iconPosition='after' icon={sort.field === 'organisationalUnit' ? (sort.asc ? <ArrowDownIcon /> : <ArrowUpIcon />):<></>} text content=\"Org.-Einheit\" onClick={() => {updateSort('organisationalUnit');}} /></div>\r\n\t\t\t\t\t<div className={styles.clListResponsibleZvei}><Button  iconPosition='after' icon={sort.field === 'responsibleZveiSort' ? (sort.asc ? <ArrowDownIcon /> : <ArrowUpIcon />):<></>} text content=\"Kontakt im ZVEI\" onClick={() => {updateSort('responsibleZveiSort');}} /></div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className={styles.clListContent} >\r\n\t\t\t\t\t{getSortedAndFiltered(props.committees).map(committee => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div className={[styles.clListItem, selectedCommittee?.id === committee.id ? styles.clListIsSelected : ''].join(' ')} onClick={() => setTableButtons(committee)} >\r\n\t\t\t\t\t\t\t\t<div className={[styles.clListSelected, styles.clCircleContainer].join(' ')}>\r\n\t\t\t\t\t\t\t\t\t<div className={styles.clCircle}>\r\n\t\t\t\t\t\t\t\t\t\t<Icon className={[styles.clIcon, styles.clListUnSelectedIcon].join(' ')} iconName=\"CircleRing\"></Icon>\r\n\t\t\t\t\t\t\t\t\t\t<Icon className={[styles.clIcon, styles.clListSelectedIcon].join(' ')} iconName=\"StatusCircleCheckmark\"></Icon>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className={styles.clListInfo}>\r\n\t\t\t\t\t\t\t\t\t<InfoIcon outline className={styles.clInfoIcon} onClick={(e) => {e.stopPropagation();setSelectedCommittee(committee);openDetailPanel();}} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className={styles.clListName}>\r\n\t\t\t\t\t\t\t\t\t<Flex className={styles.clTitleCell} space=\"between\" vAlign=\"center\">\r\n\t\t\t\t\t\t\t\t\t\t<Text \r\n\t\t\t\t\t\t\t\t\t\t\tstyles={{cursor:'pointer'}} \r\n\t\t\t\t\t\t\t\t\t\t\tcontent={committee.name}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {e.stopPropagation(); setSelectedCommittee(committee); openDetailPanel();}}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t<MenuButton\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={{cursor:'pointer'}} \r\n\t\t\t\t\t\t\t\t\t\t\ttrigger={<MoreIcon onClick={(e) => {e.stopPropagation(); setSelectedCommittee(committee)}} />} \r\n\t\t\t\t\t\t\t\t\t\t\tmenu={[\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Text content={'Informationen anzeigen'} onClick={(e:any) => {e.stopPropagation();openDetailPanel();}} className={styles.MenuLink} />,\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Text content={'Team beitreten'} onClick={(e:any) => {e.stopPropagation();setShowJoinDialog(!isInSelectedTeam && true);}} className={styles.MenuLink} disabled={isInSelectedTeam || committee.technicalStatus !== 'Active'} />,\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Text content={'PDF-Datenblatt aufrufen'} onClick={(e:any) => {e.stopPropagation();window.open(committeeDatasheetLinks[1]);}} className={styles.MenuLink} disabled={!committeeDatasheetLinks[1]} />,\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Text content={'Datenblatt nach Word exportieren'} onClick={(e:any) => {e.stopPropagation();window.open(committeeDatasheetLinks[0]);}} className={styles.MenuLink} disabled={!committeeDatasheetLinks[0]}/>\r\n\t\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t\t\ton=\"click\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</Flex>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className={styles.clListStatus}>\r\n\t\t\t\t\t\t\t\t\t<CommitteeStatus status={committee.technicalStatus} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className={styles.clListDivision}>{committee.division}</div>\r\n\t\t\t\t\t\t\t\t<div className={styles.clListOrganisationalUnit}>{committee.organisationalUnit}</div>\r\n\t\t\t\t\t\t\t\t<div className={styles.clListResponsibleZvei}>\r\n\t\t\t\t\t\t\t\t\t{committee.responsibleZvei && committee.responsibleZvei.length > 0 &&\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t<Popup\r\n\t\t\t\t\t\t\t\t\t\t\tposition='below'\r\n\t\t\t\t\t\t\t\t\t\t\talign='center'\r\n\t\t\t\t\t\t\t\t\t\t\tcontent={\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Contact committee={committee} member={committee.responsibleZvei[0]} />\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tpointing\r\n\t\t\t\t\t\t\t\t\t\t\ttrigger={\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Text\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles={{cursor:'pointer'}} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={`${committee.responsibleZvei[0].title?committee.responsibleZvei[0].title:''} ${committee.responsibleZvei[0].firstName} ${committee.responsibleZvei[0].familyName}`.trim()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<JoinTeamDialog open={showJoinDialog} onClose={()=>setShowJoinDialog(false)} committee={selectedCommittee} joinTeamUrl={props.config?.joinTeamLink} />\r\n\t\t\t<Panel\r\n\t\t\t\tisOpen={openPanel && !showJoinDialog}\r\n\t\t\t\ttype={ PanelType.custom }\r\n\t\t\t\tcustomWidth=\"80vw\"\r\n\t\t\t\tisLightDismiss\r\n\t\t\t\tonDismiss={() => setOpenPanel(false)}\r\n\t\t\t\tclassName={styles.clPanel}\r\n\t\t\t>\r\n\t\t\t\t<ThemeProvider theme={TeamsThemeHelper.getTheme(TeamsThemeHelper.getThemeString())} >\r\n\t\t\t\t\t<div className={styles.clPanelContent}>\r\n\t\t\t\t\t\t<div className={styles.clPanelHeader}>\r\n\t\t\t\t\t\t\t<h3>Team Informationen</h3>\r\n\t\t\t\t\t\t\t<CloseIcon className={styles.closeIcon} onClick={(ev) => setOpenPanel(false)} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<CommitteeOverviewHub groupId={selectedCommittee?.groupId || ''} />\r\n\t\t\t\t\t\t<Flex gap=\"gap.smaller\">\r\n\t\t\t\t\t\t\t<Button \r\n\t\t\t\t\t\t\t\tcontent=\"Team beitreten\" \r\n\t\t\t\t\t\t\t\tprimary \r\n\t\t\t\t\t\t\t\tonClick={(ev) => setShowJoinDialog(true)} \r\n\t\t\t\t\t\t\t\tdisabled={isInSelectedTeam || selectedCommittee?.technicalStatus !== 'Active'}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<Button content=\"Schließen\" secondary onClick={(ev) => setOpenPanel(false)} />\r\n\t\t\t\t\t\t</Flex>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ThemeProvider>\r\n\t\t\t</Panel>\r\n\t\t</div>\r\n\t);\r\n}","import React, { useContext, useEffect, useState } from 'react';\r\n\r\nimport { CommitteeService } from '../services/CommitteeService';\r\nimport { ICommitteeModel } from '../models/ICommitteeModel';\r\nimport { globalContext } from '../state/store';\r\nimport { CommitteeList } from '../components/CommitteeList';\r\nimport { ISelfServiceConfig } from '../models/ISelfServiceConfig';\r\nimport { SelfServiceService } from '../services/SelfServiceService';\r\nimport { MemberService } from '../services/MemberService';\r\n\r\n\r\nexport default function ComitteeListPage() {\r\n  const {globalState, } = useContext(globalContext);\r\n\r\n  const [committees, setCommittees] = useState<ICommitteeModel[] | null>(null);\r\n  const [selfServiceConfig, setSelfServiceConfig] = useState<ISelfServiceConfig | null>(null);\r\n\r\n  useEffect(()=>{\r\n    const reloadStuff = async () => {\r\n      var newCommittees = await CommitteeService.getCommittees();\r\n      setCommittees(newCommittees);\r\n\r\n      var newSelfServiceConfig = await SelfServiceService.getSelfServiceConfig();\r\n      setSelfServiceConfig(newSelfServiceConfig);\r\n\r\n\r\n    };\r\n    if(globalState.groupId !== '') reloadStuff();\r\n  }, [globalState.groupId]);\r\n\r\n\r\n  return (\r\n    <>\r\n      <CommitteeList committees={committees} config={selfServiceConfig} currentUserId={MemberService.getCurrentMember()?.id} />\r\n    </>\r\n  );\r\n}","export interface IMembersModel {\r\n\tmembers: IMemberModel[];\r\n\tpermissions: number;\r\n}\r\n\r\nexport interface IMemberModel {\r\n\tid: string;\r\n\teMailAddress: string;\r\n\ttitle?: string;\r\n\tfirstName?: string;\r\n\tfamilyName?: string;\r\n\tcompany?: string;\r\n\tdivision?: string;\r\n\trole?: string;\r\n\tlastLogin?: Date;\r\n\tdisplayName: string;\r\n\ttechnicalStatus?: TechnicalMemberStatus;\r\n\tisGuest?: boolean;\r\n\tuserId: string;\r\n}\r\n\r\nexport enum TechnicalMemberStatus\r\n{\r\n\tNone,\r\n\tInvited,\r\n\tActive,\r\n\tError\r\n}","import { Text } from '@fluentui/react-northstar';\r\nimport { TechnicalMemberStatus } from '../../models/IMemberModel';\r\nimport styles from './CommitteeMemberTechnicalStatusText.module.scss';\r\n\r\ninterface CommitteeMemberTechnicalStatusTextProps {\r\n    technicalStatus?: TechnicalMemberStatus;\r\n}\r\n\r\nexport default function CommitteeMemberTechnicalStatusText(props: CommitteeMemberTechnicalStatusTextProps) {\r\n\r\n    function getTechnicalStyle() : string {\r\n        switch(props.technicalStatus) {\r\n            case TechnicalMemberStatus.Active :\r\n                return styles.active;\r\n            case TechnicalMemberStatus.Error : \r\n                return styles.error;\r\n            case TechnicalMemberStatus.Invited : \r\n                return styles.invited;\r\n            default :\r\n                return styles.none; \r\n        }\r\n    }\r\n\r\n    function getTechnicalText() : string {\r\n        debugger;\r\n        switch(props.technicalStatus) {\r\n            case TechnicalMemberStatus.Active :\r\n                return \"Angemeldet\";\r\n            case TechnicalMemberStatus.Error : \r\n                return \"Es ist ein Fehler aufgetreten\";\r\n            case TechnicalMemberStatus.Invited : \r\n                return \"Eingeladen\";\r\n            default :\r\n                return \"Unbekannt\"; \r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Text className={[styles.technicalStatusText, getTechnicalStyle()].join(' ')} content={getTechnicalText()} />\r\n        </>\r\n    );\r\n}","import { Text } from '@fluentui/react-northstar';\r\nimport { formatDistance } from 'date-fns/esm';\r\nimport { de } from 'date-fns/locale';\r\n\r\ninterface DateToTextProps {\r\n    date?: Date;\r\n}\r\n\r\nexport default function DateToText(props: DateToTextProps) {\r\n    function getDateText() {\r\n        if(props.date) {\r\n            return formatDistance(new Date(props.date), new Date(), {locale: de});\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Text content={getDateText()} />\r\n        </>\r\n    );\r\n}","import styles from './MemberList.module.scss';\r\n\r\nimport { Flex, Text, Table, Button, Dialog } from '@fluentui/react-northstar';\r\nimport { IMembersModel, TechnicalMemberStatus } from '../models/IMemberModel';\r\nimport { ICommitteeModel } from '../models/ICommitteeModel';\r\nimport CommitteeMemberTechnicalStatusText from './Atoms/CommitteeMemberTechnicalStatusText';\r\nimport DateToText from './Atoms/DateToText';\r\n\r\ninterface IMemberListProps {\r\n  membersResult: IMembersModel | null;\r\n  committee: ICommitteeModel | null;\r\n  onReinvite: () => void;\r\n  onActivateCommittee: () => void;\r\n}\r\n\r\nexport default function MemberList(props: IMemberListProps) {\r\n  return (\r\n\t\t<div className={styles.memberListContainer}>\r\n      \r\n\t\t\t<div className={[styles.mlArea].join(' ')}>\r\n        <Text className={styles.mlDescription} content=\"In diesem Bereich können Sie einsehen, ob eingeladene Mitglieder (Gäste) sich am Team anmelden können.\" />\r\n        \r\n        {props.committee?.technicalStatus === 'InProvisioning' && (\r\n          <Flex>\r\n            <Dialog\r\n              cancelButton=\"Abbrechen\"\r\n              confirmButton=\"Ja\"\r\n              onConfirm={()=>{props.onActivateCommittee();}}\r\n              header=\"Gremium aktivieren\"\r\n              content=\"Hiermit aktivieren Sie das Gremium, laden alle Gäste ein und versenden an diese eine Einladungsmail. Wollen Sie das tun?\"\r\n              trigger={\r\n                <Button\r\n                disabled={!props.membersResult || props?.membersResult?.permissions !== 1}\r\n                content='Gremium aktivieren'\r\n                  primary\r\n                  className={styles.reinviteButton}\r\n                />\r\n              }\r\n            />\r\n          </Flex>\r\n        )}\r\n\r\n        {props.committee?.technicalStatus === 'Active' && (\r\n          <Flex>\r\n            <Dialog\r\n              cancelButton=\"Abbrechen\"\r\n              confirmButton=\"Ja\"\r\n              onConfirm={props.onReinvite}\r\n              header=\"Mitglieder erneut einladen\"\r\n              content=\"Hiermit versenden Sie an alle noch nicht angemeldeten Mitglieder erneut eine Einladungsmail. Wollen Sie das tun?\"\r\n              trigger={\r\n                <Button\r\n                  disabled={!props.membersResult || !props.membersResult.members || props.membersResult.permissions < 1 || props.membersResult?.members?.filter(m=>m.technicalStatus === TechnicalMemberStatus.Invited)?.length === 0}\r\n                  content='Nicht angemeldete Mitglieder erneut einladen'\r\n                  primary\r\n                  className={styles.reinviteButton}\r\n                />\r\n              }\r\n            />\r\n          </Flex>\r\n        )}\r\n      </div>\r\n\t\t\t<Table\r\n        header={\r\n          {items: props?.membersResult?.permissions ? [\r\n            {content:'Name', className:styles.nameCol}, \r\n            {content:'Status', className:styles.statusCol}, \r\n            {content:'Zuletzt online', className:styles.loginCol}\r\n          ] : ['Name']}\r\n        }\r\n        rows={props.membersResult?.members?.sort((a, b) => a.displayName > b.displayName ? 1 : -1).map(member => { \r\n          return { \r\n            key: member.id, \r\n            items:\r\n              props?.membersResult?.permissions ?\r\n              [\r\n                {content: member.displayName, className:styles.nameCol},\r\n                {content: (<CommitteeMemberTechnicalStatusText technicalStatus={member.technicalStatus} />), className:styles.statusCol},\r\n                {content: member.isGuest?(<DateToText date={member.lastLogin} />):(<></>), className:styles.loginCol}\r\n              ] :\r\n              [\r\n                member.displayName\r\n              ]\r\n            }\r\n        })} \r\n      />\r\n\t\t</div>\r\n  );\r\n}","import React, { useContext, useEffect, useState } from 'react';\r\n\r\nimport MemberList from '../components/MemberList';\r\nimport { MemberService } from '../services/MemberService';\r\nimport { IMembersModel } from '../models/IMemberModel';\r\nimport { globalContext } from '../state/store';\r\nimport { Loader } from '@fluentui/react-northstar';\r\nimport { ICommitteeModel } from '../models/ICommitteeModel';\r\nimport { CommitteeService } from '../services/CommitteeService';\r\n\r\n\r\nexport default function MemberListPage() {\r\n  const {globalState, } = useContext(globalContext);\r\n\r\n  useEffect(()=>{\r\n    const reloadData = async () => {\r\n      var newMembersResult = await MemberService.getMembers(globalState.groupId, true);\r\n      setMembersResult(newMembersResult);\r\n\r\n      var newCommittee = await CommitteeService.getCommittee(globalState.groupId);\r\n      setCommittee(newCommittee);\r\n    };\r\n\r\n    if(globalState.groupId !== '') reloadData();\r\n  }, [globalState.groupId]);\r\n\r\n\tconst [membersResult, setMembersResult] = useState<IMembersModel | null>(null);\r\n\tconst [committee, setCommittee] = useState<ICommitteeModel | null>(null);\r\n\r\n  return (\r\n    <>\r\n      {!membersResult ?\r\n        <Loader label=\"Bitte warten...\" />\r\n      :\r\n        <MemberList \r\n          membersResult={membersResult}\r\n          committee={committee}\r\n          onReinvite={() => {MemberService.reinviteMembers(globalState.groupId)}}\r\n          onActivateCommittee={() => {\r\n            if(committee !== null) {\r\n              CommitteeService.activateCommittee(committee);\r\n              setCommittee({...committee, technicalStatus: 'Active'});\r\n            }\r\n          }}\r\n        />\r\n      }\r\n    </>\r\n  );\r\n}","import React from 'react';\r\nimport { CommitteeDetailsPage, CommitteeListPage, Configure, MemberListPage } from '../pages';\r\nimport { IRouteDefinition } from '../models/IRouteDefinition';\r\n\r\nconst routes: IRouteDefinition[] = [\r\n    {\r\n        route: '/configureCommitteeDetails',\r\n        component: <Configure displayName='Gremiendetails' url='/committeeDetails' />,\r\n    },\r\n    {\r\n        route: '/committeeDetails',\r\n        component: <CommitteeDetailsPage />,\r\n    },\r\n    {\r\n        route: '/configureCommitteeList',\r\n        component: <Configure displayName='Gremienliste' url='/committeeList' />,\r\n    },\r\n    {\r\n        route: '/committeeList',\r\n        component: <CommitteeListPage />,\r\n    },\r\n    {\r\n        route: '/configureMemberList',\r\n        component: <Configure displayName='Mitgliederliste' url='/memberList' />,\r\n    },\r\n    {\r\n        route: '/memberList',\r\n        component: <MemberListPage />,\r\n    },\r\n];\r\n\r\nexport default routes;","import React from 'react';\r\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\r\nimport { routes as routeDefinitions } from '../config';\r\nimport { IRouteDefinition } from '../models/IRouteDefinition';\r\nimport styles from './RouterHelper.module.scss';\r\n\r\nexport default class RouterHelper {\r\n  public static Routes(): JSX.Element {\r\n    return RouterHelper.RenderRoutes(routeDefinitions);\r\n  }\r\n\r\n  private static RenderRoutes(routes: IRouteDefinition[]): JSX.Element {\r\n    return (\r\n      <div className={styles.zgAppContainer}>\r\n        <Router>\r\n          <Switch>\r\n            {routes.map(route =>\r\n              <Route key={route.route} path={route.route} exact={route.route === '/'}>\r\n                {route.component}\r\n              </Route>\r\n            )}\r\n          </Switch>\r\n        </Router>\r\n      </div>\r\n    );\r\n  }\r\n}","export const TeamsThemes = {\r\n    contrast: \"contrast\",\r\n    dark: \"dark\",\r\n    default: \"default\"\r\n};","import { ThemePrepared, teamsTheme, teamsDarkTheme, teamsHighContrastTheme } from '@fluentui/react-northstar';\r\nimport { TeamsThemes } from '../constants';\r\n\r\nexport default class TeamsThemeHelper {\r\n    private static themeString: string = 'default';\r\n\r\n    public static getTheme(themeStr: string | undefined): ThemePrepared {\r\n        themeStr = themeStr || '';\r\n\r\n        switch (themeStr) {\r\n            case TeamsThemes.dark:\r\n                return teamsDarkTheme;\r\n            case TeamsThemes.contrast:\r\n                return teamsHighContrastTheme;\r\n            case TeamsThemes.default:\r\n            default:\r\n                return teamsTheme;\r\n        }\r\n    }\r\n\r\n    public static getCurrentTheme(): ThemePrepared {\r\n        return this.getTheme(this.getThemeString());\r\n    }\r\n\r\n    public static setThemeString(themeStr: string) {\r\n        this.themeString = themeStr;\r\n    }\r\n\r\n    public static getThemeString() {\r\n        return this.themeString;\r\n    }\r\n}","import React, { useContext, useState } from 'react';\r\n\r\nimport { Provider as NorthstarThemeProvider } from '@fluentui/react-northstar';\r\n\r\nimport * as msTeams from '@microsoft/teams-js';\r\nimport { Providers, ProviderState, SimpleProvider, TeamsHelper } from '@microsoft/mgt-react';\r\n\r\nimport { globalContext, GlobalStore } from './state/store';\r\nimport { RouterHelper, TeamsThemeHelper } from './helpers';\r\nimport { TokenService } from './services/TokenService';\r\nimport { MemberService } from './services/MemberService';\r\nimport { initializeIcons } from '@uifabric/icons';\r\n\r\nexport interface Props {\r\n}\r\n\r\nconst InnerApp = (props: Props) => {\r\n  const {globalState, dispatch} = useContext(globalContext);\r\n  \r\n  const [theme, setTheme] = useState(TeamsThemeHelper.getTheme('default'));\r\n  const [themeName, setThemeName] = useState('default');\r\n\r\n  const updateTheme = (themeString: string | undefined): void => {\r\n    setTheme(TeamsThemeHelper.getTheme(themeString));\r\n    setThemeName(themeString ? themeString : 'default');\r\n    TeamsThemeHelper.setThemeString(themeName);\r\n  }\r\n\r\n  TeamsHelper.microsoftTeamsLib = msTeams;\r\n  Providers.globalProvider = new SimpleProvider(\r\n    (scopes: string[])=>{\r\n      return TokenService.getInstance().getAccessToken(scopes);\r\n    },\r\n    () => {\r\n      Providers.globalProvider.setState(ProviderState.SignedIn);\r\n      return Promise.resolve();\r\n    },\r\n    () => {\r\n      Providers.globalProvider.setState(ProviderState.SignedOut);\r\n      return Promise.resolve();\r\n    }\r\n  );\r\n  \r\n  Providers.globalProvider.login && Providers.globalProvider.login();\r\n  \r\n  msTeams.initialize();\r\n  msTeams.registerOnThemeChangeHandler(updateTheme.bind(this));\r\n  msTeams.getContext(context => { \r\n    updateTheme(context.theme);\r\n    if(globalState.groupId !== context.groupId) dispatch({type: 'SET_GROUPID', payload: context.groupId});\r\n    if(context.userObjectId) {\r\n      MemberService.setCurrentMember(context.userObjectId,context.userPrincipalName);\r\n    }\r\n  });\r\n\r\n  initializeIcons();\r\n\r\n  return (\r\n    <NorthstarThemeProvider theme={theme} >\r\n      <div data-theme={themeName}>\r\n        <RouterHelper.Routes />\r\n      </div>\r\n    </NorthstarThemeProvider>\r\n  )\r\n}\r\n\r\nexport const App = (props: Props) => {\r\n  return (\r\n    <GlobalStore>\r\n      <InnerApp />\r\n    </GlobalStore>\r\n  )\r\n}","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { App } from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);"],"sourceRoot":""}