Renaming files to better suit html5 structure

bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx

@@ -4,7 +4,7 @@ import { styles } from './styles.scss';
 import EmojiSelect from './emoji-select/component';
 import ActionsDropdown from './actions-dropdown/component';
 import AudioControlsContainer from '../audio/audio-controls/container';
-import JoinVideoOptionsContainer from '../video-dock/video-menu/container';
+import JoinVideoOptionsContainer from '../video-provider/video-menu/container';
 
 class ActionsBar extends React.PureComponent {
   render() {

bigbluebutton-html5/imports/ui/components/actions-bar/container.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { withTracker } from 'meteor/react-meteor-data';
 import ActionsBar from './component';
 import Service from './service';
-import VideoService from '../video-dock/service';
+import VideoService from '../video-provider/service';
 import { shareScreen, unshareScreen, isVideoBroadcasting } from '../screenshare/service';
 
 const ActionsBarContainer = props => <ActionsBar {...props} />;

bigbluebutton-html5/imports/ui/components/video-provider/component.jsx

@@ -7,8 +7,8 @@ import { toast } from 'react-toastify';
 import Toast from '/imports/ui/components/toast/component';
 import _ from 'lodash';
 
-import VideoService from '../video-dock/service';
+import VideoService from './service';
-import VideoDockContainer from '../video-dock/container';
+import VideoDockContainer from './video-dock/container';
 
 const intlMessages = defineMessages({
   iceCandidateError: {

bigbluebutton-html5/imports/ui/components/video-provider/container.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { withTracker } from 'meteor/react-meteor-data';
 import VideoProvider from './component';
-import VideoService from '../video-dock/service';
+import VideoService from './service';
 
 const VideoProviderContainer = ({ children, ...props }) => <VideoProvider {...props}>{children}</VideoProvider>;
 

bigbluebutton-html5/imports/ui/components/video-provider/video-dock/component.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { styles } from './styles';
+import { styles } from '../styles';
 import { defineMessages, injectIntl } from 'react-intl';
 import { log } from '/imports/ui/services/api';
 import { notify } from '/imports/ui/services/notification';
@@ -8,7 +8,7 @@ import { styles as mediaStyles } from '/imports/ui/components/media/styles';
 import Toast from '/imports/ui/components/toast/component';
 import _ from 'lodash';
 
-import VideoElement from './video-element';
+import VideoElement from '../video-element/component';
 
 const INITIAL_SHARE_WAIT_TIME = 2000;
 

bigbluebutton-html5/imports/ui/components/video-provider/video-dock/container.jsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { withTracker } from 'meteor/react-meteor-data';
 import Auth from '/imports/ui/services/auth';
-import mapUser from '../../services/user/mapUser';
+import mapUser from '../../../services/user/mapUser';
 import Meetings from '/imports/api/meetings/';
 import Users from '/imports/api/users/';
 import VideoDock from './component';
-import VideoService from './service';
+import VideoService from '../service';
 
 const VideoDockContainer = ({ children, ...props }) => <VideoDock {...props}>{children}</VideoDock>;
 

bigbluebutton-html5/imports/ui/components/video-provider/video-element/component.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { styles } from './styles';
+import { styles } from '../styles';
 
 class VideoElement extends Component {
   constructor(props) {