112 lines
3.1 KiB
JavaScript
112 lines
3.1 KiB
JavaScript
import React, { useContext } from 'react';
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
|
import Poll from '/imports/ui/components/poll/component';
|
|
import { Session } from 'meteor/session';
|
|
import { useMutation } from '@apollo/client';
|
|
import Service from './service';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import { layoutDispatch, layoutSelectInput } from '../layout/context';
|
|
import { POLL_PUBLISH_RESULT, POLL_CANCEL, POLL_CREATE } from './mutations';
|
|
import PollCreationPanelContainer from './poll-graphql/component';
|
|
import { ACTIONS, PANELS } from '../layout/enums';
|
|
|
|
const CHAT_CONFIG = window.meetingClientSettings.public.chat;
|
|
const PUBLIC_CHAT_KEY = CHAT_CONFIG.public_group_id;
|
|
|
|
const PollContainer = (props) => {
|
|
const layoutContextDispatch = layoutDispatch();
|
|
const handleChatFormsOpen = () => {
|
|
layoutContextDispatch({
|
|
type: ACTIONS.SET_SIDEBAR_CONTENT_IS_OPEN,
|
|
value: true,
|
|
});
|
|
layoutContextDispatch({
|
|
type: ACTIONS.SET_SIDEBAR_CONTENT_PANEL,
|
|
value: PANELS.CHAT,
|
|
});
|
|
layoutContextDispatch({
|
|
type: ACTIONS.SET_ID_CHAT_OPEN,
|
|
value: PUBLIC_CHAT_KEY,
|
|
});
|
|
};
|
|
|
|
const sidebarContent = layoutSelectInput((i) => i.sidebarContent);
|
|
const { sidebarContentPanel } = sidebarContent;
|
|
|
|
const users = [];
|
|
const usernames = {};
|
|
|
|
Object.values(users[Auth.meetingID]).forEach((user) => {
|
|
usernames[user.userId] = { userId: user.userId, name: user.name };
|
|
});
|
|
|
|
const [pollPublishResult] = useMutation(POLL_PUBLISH_RESULT);
|
|
const [stopPoll] = useMutation(POLL_CANCEL);
|
|
const [createPoll] = useMutation(POLL_CREATE);
|
|
|
|
const { currentSlideId } = props;
|
|
|
|
const startPoll = (pollType, secretPoll, question, isMultipleResponse, answers = []) => {
|
|
const pollId = currentSlideId || PUBLIC_CHAT_KEY;
|
|
|
|
createPoll({
|
|
variables: {
|
|
pollType,
|
|
pollId: `${pollId}/${new Date().getTime()}`,
|
|
secretPoll,
|
|
question,
|
|
isMultipleResponse,
|
|
answers,
|
|
},
|
|
});
|
|
};
|
|
|
|
const publishPoll = (pollId) => {
|
|
pollPublishResult({
|
|
variables: {
|
|
pollId,
|
|
},
|
|
});
|
|
};
|
|
|
|
return (
|
|
<Poll
|
|
{...{
|
|
layoutContextDispatch,
|
|
sidebarContentPanel,
|
|
publishPoll,
|
|
stopPoll,
|
|
startPoll,
|
|
handleChatFormsOpen,
|
|
...props,
|
|
}}
|
|
usernames={usernames}
|
|
/>
|
|
);
|
|
};
|
|
|
|
withTracker(({ amIPresenter, currentSlideId }) => {
|
|
const isPollSecret = Session.get('secretPoll') || false;
|
|
|
|
Meteor.subscribe('current-poll', isPollSecret, amIPresenter);
|
|
|
|
const { pollTypes } = Service;
|
|
|
|
return {
|
|
isPollSecret,
|
|
currentSlideId,
|
|
pollTypes,
|
|
currentPoll: Service.currentPoll(),
|
|
isDefaultPoll: Service.isDefaultPoll,
|
|
checkPollType: Service.checkPollType,
|
|
resetPollPanel: Session.get('resetPollPanel') || false,
|
|
pollAnswerIds: Service.pollAnswerIds,
|
|
isMeteorConnected: Meteor.status().connected,
|
|
validateInput: Service.validateInput,
|
|
removeEmptyLineSpaces: Service.removeEmptyLineSpaces,
|
|
getSplittedQuestionAndOptions: Service.getSplittedQuestionAndOptions,
|
|
};
|
|
})(PollContainer);
|
|
|
|
export default PollCreationPanelContainer;
|