474 Commits (e5cc8cd32b8f885a9ce07bb639fed03823d97b6a)

Author	SHA1	Message	Date
Leonard Kim	9837181d5d	fix(popover): z-index should be greater than toasts ... Currently, the JitsiPopover z-index will cause it to display below any toast notifications so this changes modifies the z-index values so JitsiPopover is higher than the notification toasts.	8 years ago
hristoterezov	96e83989a5	feat(device_selection): Implement popup	8 years ago
paweldomas	12d7e61362	feat(VideoLayout): add ninja icon ... Add ninja icon which wil be displayed when user's connection status is inactive. Apply grey filter only for interrupted state. Do not use isLastN directly, but check ParticipantConnectionStatus.	8 years ago
paweldomas	5c5864e94a	font(jitsi): add ninja icon	8 years ago
virtuacoplenny	d5b40280ab	fix(vertical-filmstrip): different label animations for filmstrip states (#1596) ... * fix(vertical-filmstrip): different label animations for filmstrip states Instead of one timing for sliding the video status label left and right, have different timings depending on the filmstrip state. To facilitate triggering the different animations, add more classes to the labels that need to move that specify the filmstrip state. - Faster transition if focusing on self-view with videos present so the label does not overlap videos transitioning from 0 opacity. - Transition delay when de-focusing on self-view with videos present so videos have time to go away before the label moves over them. - Maintain no movement if there are no videos, regardless of filmstrip toggle state. - Different delays for when the filmstrip is being toggled visible and hidden if there are remote videos visible. * SQUASH: remove remote videos count * SQUASH: add docs to scss	8 years ago
Leonard Kim	346980308b	fix(video-label): Show darker background on hover	8 years ago
Leonard Kim	27f968e753	fix(filmstrip-only): hide video label, always show remote thumbnails	8 years ago
Leonard Kim	3d0226ccd0	fix(video-label): modify z-index and cursor ... - Change z-index so any tooltips that display over the label, particularly in vertical filmstrip mode, actually hide the label. - Change the cursor to be a pointer so the label looks clickable. - Remove unused audio-only-label styling.	8 years ago
Leonard Kim	acb4d12928	fix(vertical-filmstrip): do not move recording label if not in the corner	8 years ago
Leonard Kim	56b12bd969	fix(vertical-filmstrip): move video status labels back to top right ... The video status labels, which include recording and hd status, have been moved back to the top left while in vertical filmstrip mode. The following had to be done: - Remove styling to move the labels to the bottom left - For VideoStatusLabel, move filmstrip remote video count, toggle state, and 1:1 state into redux. - Use middleware to emit out to the Recording label when the filmstrip changes. - Create an empty Filmstrip file for web and identify the existing Filmstrip component as native.	8 years ago
Leonard Kim	2333249b05	feat(1-on-1): Initial implementation ... - Expose an api on Filmstrip to hide the remote videos container, which does so by adding a class - Modify listeners for user join, leave, share video to call the api - Hide the container when there is 1 or fewer remote participants - Always show the container if self view is in focus - Show the container if the number of remote thumbnails does not match the count of remote participants, such as the case of sharing a video	8 years ago
Leonard Kim	aabe641047	feat(vertical-filmstrip): Initial implementation ... - Add a class to the body when in vertical filmstrip mode - Override styles as necessary to support the mode - Add an option to make tooltips display from the left - Move the HD Label to the bottom left - Move the remote video menu to the bottom left, move the mute icons to the bottom right - Scale the local video's height and width to fit the filmstrip	8 years ago
yanas	dc5a29a976	Re-styles scrollbars	8 years ago
Leonard Kim	82ecfac4ee	fix(filmstrip): Separate remote videos and local video ... The 1:1 call UI and vertical filmstrip act on remote videos while leaving local video alone. To facilitate acting only on remote videos, place remote videos into their own container element.	8 years ago
yanas	4464a11314	Changes telephone icon	8 years ago
yanas	2855ea1500	Adds dial-out UI.	8 years ago
Leonard Kim	258dc594dd	fix(volume-slider): modify positioning so slider fits popup width	8 years ago
Leonard Kim	a1476c68f1	fix(audio-only): remove button from toolbar and set label cursor ... Audio only mode will be toggleable only from the VideoStatusLabel, so remove AudioOnlyButton from the toolbar and delete the component itself. As a result of the button being removed, a truthy check in VideoStatusLabel was also removed to ensure it will display as it is now the only way to toggle audio only mode. Also set the cursor on VideoStatusLabel to always be default, so it can never show the text cursor.	8 years ago
Leonard Kim	3a99ef512e	SQUASH: add comment to styling and alpha order	8 years ago
Leonard Kim	80989147ad	feat(video-label): Add dropdown for toggling audio only ... Add a menu that displays when hovering over VideoStatusLabel. The menu's display is controlled by CSS. As the existing AudioOnlyLabel no longer needs needs its own tooltip, it has been removed and label display logic has been moved into VideoStatusLabel.	8 years ago
Leonard Kim	47c07c2e76	feat(invite): Add conference id to dial-in numbers display ... DialInNumbersForm has been modified to display a conference id to be used for dialing into the conference. The changes include: - Requesting the conference id and adding the conference id to the redux store - Displaying the conference id in DialInNumbersForm - Modifying the copy behavior to support copying the new message to clipboard - DialInNumbersForm does not display until all ajax requests have completed successfully. This eliminates the need for the REQUESTING state.	8 years ago
Leonard Kim	929bc8b8b9	fix(device-selection): do not reuse tracks in previews ... Device selection has live previews that reuse the current local audio and video tracks for the sake of internet explorer. This means when the local video was muted, device selection would show a muted message. It is preferred to show a live preview even when muted. The changes include: - Passing device ids into DeviceSelectionDialog, not tracks. - Setting default selected devices to use for live previews. - Removing all checks in DeviceSelectionDialog involving local tracks. - Catching and displaying errors when creating a live video preview.	8 years ago
Leonard Kim	d24d5d95dd	fix(audio-only): combine video status labels ... Move the HD label into the newly renamed VideoStatusLabel component. That way it cannot be possible for the audio only label and the HD label to display simultaneously.	8 years ago
Saúl Ibarra Corretgé	9ba3a1c4ff	feat(conference): add audio only mode ... Audio only mode can be used to save bandwidth. In this mode local video is muted and last N is set to 0, thus disabling all remote video. When this mode is enabled avatars are shown.	8 years ago
Leonard Kim	8ada06cfe3	fix(filmstrip): Set avatar container height within inlay ... In the filmstrip inlay, the avatar container holds the avatar image. The image is set to 100% height, so it displays entirely in the container. However, this does not adjust the horizontal space created by the image in firefox, leaving whitespace to the right of the avatar. The fix is to set the container height to 100% so that all its content will fit inside, automatically adjusting the space created by the image width.	8 years ago
Leonard Kim	d7cccacc12	feat(invite): include dial-in numbers in the invite modal ... Create a new React Component for displaying a list of dial-in numbers. The Component will fetch the numbers from a new numberRetreviewUrl key/value set in config. If not present in config, the Component will not be displayed.	8 years ago
Leonard Kim	4e95dbf0e5	fix(device-selection): do not create a dropdown menu if disabled ... AtlasKit DropdownMenu cannot be disabled, unlike Single Select. The result is the isDisabled prop was not being honored. The workaround is returning only the trigger element for the dropdown and styling it to look like the dropdown is disabled. The text for disabled device selection was changed along the way to fit into the trigger.	8 years ago
Leonard Kim	283140d16a	fix: do not apply user-select none to inputs ... Safari will prevent proper input behavior when user-select none is applied. It prevents such actions as putting in a room lock password or setting a room lock password. Other browsers allow selecting on inputs while user-select is none.	8 years ago
Leonard Kim	17fc28b020	fix(device-selection): convert trigger element to a div ... AtlasKit Dropdown was recently updated to support fitting the width of its container. However, AtlasKit Button, the trigger element currently used for the dropdowns, does not fit the width of AtlasKit Dropdown and stll has text overflowing out of its button when there is an iconBefore prop passed in. Instead of using AtlasKit Button, use a div and mimic the button look. This allows the "button" to fit the container width and can display ellipsized text within itself.	8 years ago
Lyubo Marinov	55c3f5ddff	Comply w/ coding style ... @virtuacoplenny, the changes of this commit are not necessarily in source code that you introduced in https://github.com/jitsi/jitsi-meet/pull/1499 but I saw violations in files modified in the PR which I had to read in order to understand the PR.	8 years ago
Leonard Kim	44b81b20e3	feat: convert invite dialog to react and redux ... Converting the invite modal includes the following: - Creating new react components to display InviteDialog. The main parent components are ShareLink and PasswordOverview, the later handles displaying lock state and password editing. These components do not make use of atlaskit as the component for input does not yet support readonly, so for consistency within the modal content no atlaskit was used. - Using redux for keeping and accessing lock state instead of RoomLocker. - Publicly exposing the redux action lockStateChanged for direct calling on lock events experienced on the web client. - Removing Invite, InviteDialogView, and RoomLocker and references to them. - Handling errors that occur when setting a password to preserve existing web funtionality.	8 years ago
hristoterezov	f6ef727573	fix(overlay): Make the overlays on top of everything	8 years ago
Leonard Kim	1045cb56fe	fix(device-selection): show black background only when video muted ... On certain modal dimensions, the black background of the video preview could peek through, making it look like the video has a black line. The change is to remove the black background from showing by default and having it only display when the video is muted. Also, the video preview dimension stylings have been changed to facilitiate smoother size adjusting with modal size changes.	8 years ago
Leonard Kim	3e518e8040	feat: convert device selection modal to use AtlasKit Dropdown ... Instead of using AtlasKit Single-Select, use Dropdown. Dropdown differs in that an icon can be specified for the trigger element, whereas Single-Select currently supports icons for all elements, and Dropdown can show all options incuding the already-selected option. This change does introduce the issue of the trigger element not taking up 100% width of the parent. Supporting such would involve overriding AtlasKit CSS. The compromise made here was to do a generic override of max-width so the trigger elements at least stay within the parent and aligning the trigger elements to the right.	8 years ago
Leonard Kim	f9585430bb	fix: set a default color for text in modal dialogs ... Some atlaskit components, such as field-text, inherit text color. This is a problem with components that are white as they will inherit $defaultColor, which is a light gray. So instead, for the atlaskit modal, set a color for all the form content so it can be inherited instead.	8 years ago
Ilya Daynatovich	adc2260b63	Add dialpad icon	8 years ago
Leonard Kim	07cd6a8b88	fix: set button font-size for modals ... Atlaskit at times will have localized styling for font-size and sometimes will not. The button component will inherit its font-size whereas selectors have localized font-size of 14px. For consistency, the cancel/submit buttons on the atlaskit modals will also have 14px. The atlaskit story book examples also use buttons with 14px font-size.	8 years ago
Leonard Kim	eb7dda85a1	feat: replace device selection in settings with button for modal ... Cleanup existing logic for displaying and updating device selection settings in the settings menu. In its place is a button to open the device selection modal.	8 years ago
Leonard Kim	2f994b1227	feat: new device selection modal with previews ... The Device Selection modal consists of: - DeviceSelection, an overly smart component responsible for triggering stream creation and cleanup. - DeviceSelector for selector elements. - VideoInputPreview for displaying a video preview. - AudioInputPreview for displaying a volume meter. - AudioOutputPreview for a test sound output link. Store changes include is primarily storing the list of available devices in redux. Other app state has been left alone for future refactoring.	8 years ago
Lyubo Marinov	a9bdde193d	Approach consistent filmstrip naming ... We seemed to be using the names "film strip" and "filmstrip" (and, consequently, their source code-conscious forms such as film-strip, FilmStrip, etc.) In order to comply with our coding style which requires a consistent one name for a given abstraction, choose one name and rename the uses of the other name. Wikipedia has a definition of a "filmstrip", I couldn't find a "film strip". I guess our abstraction can be seen as what's described there. When I google "film strip", I get results about "filmstrip" at the top. That's why I chose "filmstrip". Certain uses of "film strip" such as interfaceConfig.filmStripOnly and in the external API I left untouched in an attempt to preserve compatibility. I wasn't sure whether CSS was tangled in compatibility so I made a choice and renamed there was well.	8 years ago
yanas	77b789e26a	Implements a filmstrip-only mode for the toolbox	8 years ago
yanas	8be85de6ef	Changes scss variable name	8 years ago
Ilya Daynatovich	da4425b5c0	React Toolbar	8 years ago
virtuacoplenny	2301732e2d	style: catalog all z-indexes and move toolbar down ... All z-indexes found in css files have been moved into css variables. If the z-index is used only once, the variable name will be the same as the selector it is used in. If the z-index is used multiple times, then the plain name of $zindex# was used. This allowed a more confident moving down of the toolbar so that the new modal dialog, with z-index 500, could display on top of it. #1436	8 years ago
virtuacoplenny	24ee8eb16a	electron: add desktop picker ... #1411	8 years ago
hristoterezov	3ae99ea0b9	feat(overlays): for filmstrip only mode	8 years ago
Leonard Kim	989161159d	Modal dialog for displaying dominant speaker times	8 years ago
Ilya Daynatovich	59a74153dc	Toolbar notice as React Component	8 years ago
Ilya Daynatovich	905212b109	Enable flow for written code	8 years ago
Ilya Daynatovich	05b7df26e6	Add no mobile app component	8 years ago