2018-01-08 12:44:42 +08:00
|
|
|
import React from 'react';
|
2018-06-04 23:36:38 +08:00
|
|
|
import { Meteor } from 'meteor/meteor';
|
2018-01-08 12:44:42 +08:00
|
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
2018-10-06 03:23:16 +08:00
|
|
|
import { Session } from 'meteor/session';
|
2019-08-22 02:29:31 +08:00
|
|
|
import Meetings from '/imports/api/meetings';
|
2019-01-15 05:39:03 +08:00
|
|
|
import Users from '/imports/api/users';
|
2016-10-05 03:23:43 +08:00
|
|
|
import Auth from '/imports/ui/services/auth';
|
2018-09-14 02:09:30 +08:00
|
|
|
import getFromUserSettings from '/imports/ui/services/users-settings';
|
2016-11-07 23:52:39 +08:00
|
|
|
import userListService from '../user-list/service';
|
|
|
|
import Service from './service';
|
2016-05-20 21:44:27 +08:00
|
|
|
import NavBar from './component';
|
2016-04-29 03:02:51 +08:00
|
|
|
|
2018-06-04 23:36:38 +08:00
|
|
|
const PUBLIC_CONFIG = Meteor.settings.public;
|
2019-08-22 02:57:34 +08:00
|
|
|
const ROLE_MODERATOR = PUBLIC_CONFIG.user.role_moderator;
|
2017-10-11 06:08:51 +08:00
|
|
|
const NavBarContainer = ({ children, ...props }) => (
|
|
|
|
<NavBar {...props}>
|
|
|
|
{children}
|
|
|
|
</NavBar>
|
|
|
|
);
|
2016-04-29 03:02:51 +08:00
|
|
|
|
2018-10-06 03:23:16 +08:00
|
|
|
export default withTracker(() => {
|
2019-07-25 01:04:46 +08:00
|
|
|
const CLIENT_TITLE = getFromUserSettings('bbb_client_title', PUBLIC_CONFIG.app.clientTitle);
|
2018-09-14 02:09:30 +08:00
|
|
|
|
2016-07-11 20:34:58 +08:00
|
|
|
let meetingTitle;
|
2016-07-11 21:45:24 +08:00
|
|
|
const meetingId = Auth.meetingID;
|
2016-06-29 02:50:44 +08:00
|
|
|
const meetingObject = Meetings.findOne({
|
2017-06-03 03:25:02 +08:00
|
|
|
meetingId,
|
2019-10-02 02:42:10 +08:00
|
|
|
}, { fields: { 'meetingProp.name': 1, 'breakoutProps.sequence': 1 } });
|
2016-06-29 02:50:44 +08:00
|
|
|
|
|
|
|
if (meetingObject != null) {
|
2017-08-16 01:24:58 +08:00
|
|
|
meetingTitle = meetingObject.meetingProp.name;
|
2019-10-02 02:42:10 +08:00
|
|
|
let titleString = `${CLIENT_TITLE} - ${meetingTitle}`;
|
|
|
|
if (meetingObject.breakoutProps) {
|
|
|
|
const breakoutNum = meetingObject.breakoutProps.sequence;
|
|
|
|
if (breakoutNum > 0) {
|
|
|
|
titleString = `${breakoutNum} - ${titleString}`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
document.title = titleString;
|
2016-06-29 02:50:44 +08:00
|
|
|
}
|
2016-06-18 06:15:11 +08:00
|
|
|
|
2016-10-12 01:36:28 +08:00
|
|
|
const checkUnreadMessages = () => {
|
2019-02-16 00:41:51 +08:00
|
|
|
const activeChats = userListService.getActiveChats();
|
|
|
|
const hasUnreadMessages = activeChats
|
2019-08-23 01:23:18 +08:00
|
|
|
.filter(chat => chat.userId !== Session.get('idChatOpen'))
|
2019-02-16 00:41:51 +08:00
|
|
|
.some(chat => chat.unreadCounter > 0);
|
|
|
|
return hasUnreadMessages;
|
2016-10-12 01:36:28 +08:00
|
|
|
};
|
2016-10-05 03:23:43 +08:00
|
|
|
|
2019-01-09 06:17:11 +08:00
|
|
|
const { connectRecordingObserver, processOutsideToggleRecording } = Service;
|
2019-08-22 20:05:06 +08:00
|
|
|
const currentUser = Users.findOne({ userId: Auth.userID }, { fields: { role: 1 } });
|
2019-05-07 01:19:11 +08:00
|
|
|
const openPanel = Session.get('openPanel');
|
|
|
|
const isExpanded = openPanel !== '';
|
2019-08-22 02:29:31 +08:00
|
|
|
const amIModerator = currentUser.role === ROLE_MODERATOR;
|
2019-08-15 04:49:16 +08:00
|
|
|
const hasUnreadMessages = checkUnreadMessages();
|
2019-01-15 05:39:03 +08:00
|
|
|
|
2016-07-21 22:24:50 +08:00
|
|
|
return {
|
2019-01-15 05:39:03 +08:00
|
|
|
amIModerator,
|
2017-03-28 02:10:24 +08:00
|
|
|
isExpanded,
|
2019-09-05 02:32:58 +08:00
|
|
|
currentUserId: Auth.userID,
|
2019-01-09 06:17:11 +08:00
|
|
|
processOutsideToggleRecording,
|
|
|
|
connectRecordingObserver,
|
2016-11-29 03:48:02 +08:00
|
|
|
meetingId,
|
2016-06-25 07:09:32 +08:00
|
|
|
presentationTitle: meetingTitle,
|
2019-08-15 04:49:16 +08:00
|
|
|
hasUnreadMessages,
|
2016-04-29 03:02:51 +08:00
|
|
|
};
|
2018-10-04 00:14:10 +08:00
|
|
|
})(NavBarContainer);
|