2016-05-06 02:50:18 +08:00
|
|
|
import React from 'react';
|
2024-03-14 22:20:08 +08:00
|
|
|
import { createPortal } from 'react-dom';
|
2018-01-08 12:44:42 +08:00
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
2018-10-10 23:49:58 +08:00
|
|
|
import Users from '/imports/api/users';
|
|
|
|
import Auth from '/imports/ui/services/auth';
|
2017-10-06 20:50:01 +08:00
|
|
|
import PollingService from './service';
|
2019-09-07 04:28:02 +08:00
|
|
|
import PollService from '/imports/ui/components/poll/service';
|
2016-05-20 21:46:30 +08:00
|
|
|
import PollingComponent from './component';
|
2022-03-09 02:05:24 +08:00
|
|
|
import { isPollingEnabled } from '/imports/ui/services/features';
|
2016-05-06 02:50:18 +08:00
|
|
|
|
2018-01-08 12:44:42 +08:00
|
|
|
const propTypes = {
|
|
|
|
pollExists: PropTypes.bool.isRequired,
|
2024-03-14 22:20:08 +08:00
|
|
|
presentationIsFullscreen: PropTypes.bool.isRequired,
|
2017-10-06 20:50:01 +08:00
|
|
|
};
|
2018-01-08 12:44:42 +08:00
|
|
|
|
2024-03-14 22:20:08 +08:00
|
|
|
const PollingContainer = ({ pollExists, presentationIsFullscreen, ...props }) => {
|
2019-08-30 00:26:07 +08:00
|
|
|
const currentUser = Users.findOne({ userId: Auth.userID }, { fields: { presenter: 1 } });
|
2022-03-09 02:05:24 +08:00
|
|
|
const showPolling = pollExists && !currentUser.presenter && isPollingEnabled();
|
2020-09-21 20:07:36 +08:00
|
|
|
|
2019-07-02 22:54:37 +08:00
|
|
|
if (showPolling) {
|
2024-03-14 22:20:08 +08:00
|
|
|
if (presentationIsFullscreen) {
|
|
|
|
return createPortal(
|
|
|
|
<PollingComponent {...props} />,
|
|
|
|
document.getElementById('presentation-polling-placeholder'),
|
|
|
|
);
|
|
|
|
}
|
2018-01-08 12:44:42 +08:00
|
|
|
return (
|
|
|
|
<PollingComponent {...props} />
|
|
|
|
);
|
|
|
|
}
|
|
|
|
return null;
|
|
|
|
};
|
|
|
|
|
|
|
|
PollingContainer.propTypes = propTypes;
|
|
|
|
|
|
|
|
export default withTracker(() => {
|
2020-09-21 20:07:36 +08:00
|
|
|
const {
|
|
|
|
pollExists, handleVote, poll, handleTypedVote,
|
|
|
|
} = PollingService.mapPolls();
|
2021-11-27 00:30:56 +08:00
|
|
|
const { pollTypes } = PollService;
|
2024-03-14 22:20:08 +08:00
|
|
|
const presentationIsFullscreen = Session.get('presentationIsFullscreen');
|
2021-11-27 00:30:56 +08:00
|
|
|
|
2022-03-09 02:05:24 +08:00
|
|
|
if (poll && poll?.pollType) {
|
2021-11-27 00:30:56 +08:00
|
|
|
const isResponse = poll.pollType === pollTypes.Response;
|
|
|
|
Meteor.subscribe('polls', isResponse);
|
|
|
|
}
|
|
|
|
|
2019-05-23 02:00:44 +08:00
|
|
|
return ({
|
|
|
|
pollExists,
|
|
|
|
handleVote,
|
2020-09-21 20:07:36 +08:00
|
|
|
handleTypedVote,
|
2019-05-23 02:00:44 +08:00
|
|
|
poll,
|
2019-09-07 04:28:02 +08:00
|
|
|
pollAnswerIds: PollService.pollAnswerIds,
|
2021-11-27 00:30:56 +08:00
|
|
|
pollTypes,
|
2021-06-12 00:55:53 +08:00
|
|
|
isDefaultPoll: PollService.isDefaultPoll,
|
2019-06-28 00:46:14 +08:00
|
|
|
isMeteorConnected: Meteor.status().connected,
|
2024-03-14 22:20:08 +08:00
|
|
|
presentationIsFullscreen,
|
2019-05-23 02:00:44 +08:00
|
|
|
});
|
2018-01-08 12:44:42 +08:00
|
|
|
})(PollingContainer);
|