65 Commits (00f18e93694c4256d44565bf8d1235b318d9e204)

Author	SHA1	Message	Date
Hristo Terezov	1f8fa3b6d4	Refactor settings modal (#3121) ... * feat(settings): setting dialog - Move device selection, profile edit, language select, moderator options, and server auth into one modal with tabs. - Remove side panel profile and settings and logic used to update them. - Pipe server auth status into redux to display in the settings dialog. - Change filmstrip only device selection popup to use the new stateless settings dialog component. * squash: do not show profile tab if not guest * squash: profile button not clickable if no profile to show * squash: nits * ref: Settings dialog.	7 years ago
Дамян Минков	ac834326e7	Token based features (#3075) ... * Adds an option to disable features based on token data. Reverts changes from b84e910086, removes disableDesktopSharing option and an interface_config option. * Disable recording button based on token features data. Hide recording if local participant isGuest and roles based on token. When enableUserRolesBasedOnToken is enabled we were not hiding the record button for guests. * Adds filtering of jibri iqs and rayo based on features. Moves feature checking in separate utility function. Renames utility method. * Adds a footer text when outbound-call is not feature enabled. * Fixes comments.	7 years ago
virtuacoplenny	ee74f11c3d	feat(recording): frontend logic can support live streaming and recording (#2952) ... * feat(recording): frontend logic can support live streaming and recording Instead of either live streaming or recording, now both can live together. The changes to facilitate such include the following: - Killing the state storing in Recording.js. Instead state is stored in the lib and updated in redux for labels to display the necessary state updates. - Creating a new container, Labels, for recording labels. Previously labels were manually created and positioned. The container can create a reasonable number of labels and only the container itself needs to be positioned with CSS. The VideoQualityLabel has been shoved into the container as well because it moves along with the recording labels. - The action for updating recording state has been modified to enable updating an array of recording sessions to support having multiple sessions. - Confirmation dialogs for stopping and starting a file recording session have been created, as they previously were jquery modals opened by Recording.js. - Toolbox.web displays live streaming and recording buttons based on configuration instead of recording availability. - VideoQualityLabel and RecordingLabel have been simplified to remove any positioning logic, as the Labels container handles such. - Previous recording state update logic has been moved into the RecordingLabel component. Each RecordingLabel is in charge of displaying state for a recording session. The display UX has been left alone. - Sipgw availability is no longer broadcast so remove logic depending on its state. Some moving around of code was necessary to get around linting errors about the existing code being too deeply nested (even though I didn't touch it). * work around lib-jitsi-meet circular dependency issues * refactor labels to use html base * pass in translation keys to video quality label * add video quality classnames for torture tests * break up, rearrange recorder session update listener * add comment about disabling startup resize animation * rename session to sessionData * chore(deps): update to latest lib for recording changes	7 years ago
virtuacoplenny	aaf2f428e6	feat(recording): new label for live streaming (#2890)	7 years ago
virtuacoplenny	f4060975d1	feat(device-selection): design tweaks (#2802) ... - Change copy - Add labels to dropdowns - Adjust color and positioning	7 years ago
virtuacoplenny	0a0256501c	feat(recording): new icon when recording is active (#2884) ... - Update font files to add new icon. - Update markup and style so the icon has a small background to fill in the text of the icon. - Remove some css transitions that don't seem to do much.	7 years ago
virtuacoplenny	2c4a3b0f60	Show the YouTube live stream URL (#2837) ... * feat(recording): show the YouTube live stream URL - From the start live stream dialog, push up the broadcast ID of the chosen broadcast. It is assumed the ID can be used to create the YouTube link. - Listen for lib-jitsi-meet to emit updates of the known live stream URL, shove it into redux, and have InfoDialog display it. * ref(info): pass in dial in and live stream url Passing these values in should trigger AtlasKit InlineDialog to re-render and reposition itself. * ref(info): use conference existence as trigger for autoshowing dialog * feat(info): add live stream link to invite copy * Revert "ref(info): use conference existence as trigger for autoshowing dialog" This reverts commit 1072102267. * hidden -> url * _onClickHiddenURL -> _onClickURLText	7 years ago
virtuacoplenny	4bd94fc94c	fix(invite): tweak invite modal copy and avatar sizes (#2818)	7 years ago
virtuacoplenny	2a55548b84	fix(info): hide anchor hover colors for the call url (#2807) ... The call url is an anchor element so that right clicking it can bring up the copy link option in the context menu. Clicking on it does a no-op so the anchor was colored to look like plain text. Hovering over it right now makes it look like an anchor due to some atlaskit color, so supress the coloring.	7 years ago
virtuacoplenny	3285d647e6	feat(feedback): tweak styling (#2791) ... - Green stars - Label for feedback box - Adjust margins/padding	7 years ago
Leonard Kim	c377219013	feat(info): invite url as an anchor for copying from context menu	7 years ago
Leonard Kim	45adf3e26a	fix(toolbar): adjust sizings and colors	7 years ago
virtuacoplenny	2f23f8e400	Info dialog: bold labels, no url truncation, only auto show on lonely call (#2619) ... * fix(info): bold info labels * fix(info): do not truncate url * feat(info): show only during a lonely call	7 years ago
Leonard Kim	e7223c49ef	fix(feedback): let star label color be inherited from atlaskit	7 years ago
Leonard Kim	d93782af8a	feat(new-toolbars): initial implementation	7 years ago
Leonard Kim	71e368f70e	squash: override atlaskit styles for dropdowns to display clearer	7 years ago
Leonard Kim	134ff71c78	feat(modals): use dark theme	7 years ago
virtuacoplenny	4e4713c3e2	feat(invite): be able to call numbers from the invite dialog (#2555) ... * feat(invite): be able to call numbers from the invite dialog The major changes: - Remove DialOutDialog, its views, redux hooks, css, and images. Its main functionality has been moved into AddPeopleDialog. - Modify the AppPeopleDialog styling a bit so it is wider. - Add phone numbers to AddPeopleDialog search results. Phone numbers are validated in parallel with the request for people and then appended to the result. The validation includes an ajax to validate the number is recognized as dialable by the server. The trigger for the validation is essentially if the entered input is numbers only. - AddPeopleDialog holds onto the full object representation of an item selected in MultiSelectAutocomplete. This is so selected items can be removed on successful invite, leaving only unsuccessful items. - More granular error handling on invite so individual invitees can be removed from the selected items list. * squash: change load state, new regex for numbers * squash: change strings, auto prepend 1 if no country code, add reminders	7 years ago
Leonard Kim	0d3b4eedf8	fix(info): make some text selectable for manual copying	7 years ago
Leonard Kim	68b710a222	fix(dial-in): allow text select in numbers page	7 years ago
virtuacoplenny	e47802538e	ref(invite): remove InviteDialog (#2483) ... * ref(invite): remove InviteDialog InviteDialog functionality has been moved into InfoDialog. The InviteButton has been temporarily hacked to show one of its dropdown options instead as the button. Future work will bring in a redesigned InviteModal that the button will open. * squash: filter invalid options and map valid options * squash: update strings	7 years ago
virtuacoplenny	59d046dca9	feat(info): new dialog design (#2452) ... * feat(info): new dialog design - Add display of a dial in number. - Add a static page to show a full list of dial in numbers. - Add password management. - Invite modal will be changed soon to remove password and dial-in. * squash: add classes for torture tests * squash: class for local lock for torture tests * squash: more classes for torture tests * squash: more classes, work around linter * squash: remove unused string? * squash: work around linter and avoid react warnings * squash: pixel push, add bold * squash: font size bump * squash: NumbersTable -> NumbersList * squash: document response from fetching numbers * squash: showEdit -> editEnabled, pixel push padding for alignment * squash: pin -> conferenceID * squash: prepare to receive defaultCountry from api	7 years ago
Leonard Kim	b258a9fc5e	ref(css): move aui css to jitsi-meet	7 years ago
virtuacoplenny	5c464a7bda	feat(audio-only): be able to lock a browser into capturing audio only (#2125) ... * feat(audio-only): be able to lock a browser into capturing audio only * squash: try to make string more clear about audio only support * squash: final strings	7 years ago
yanas	e09949be9f	feat(dark-theme): Applies dark theme on inline-dialogs, tooltips, flags and more	7 years ago
hristoterezov	c7b0028652	feat(desktop-picker): Add spinner and disable button if sources aren't initialized.	7 years ago
virtuacoplenny	cfe4564ab3	feat(info): automatically show the info dialog (#2018) ... * ref(info): be able to open dialog through store * feat(info): automatically show the info dialog Conditions: - Lonely call - Has not opened the info dialog yet * squash: change to show on start, hide later * squash: update naming and comment	7 years ago
Leonard Kim	46b75e5178	ref(info): new component for showing meeting info	7 years ago
Leonard Kim	5e4f921e1b	ref(video-quality-label): do not show quality dialog	7 years ago
virtuacoplenny	735a596afe	ref(recording): convert recording label to react (#1915) ... * ref(recording): convert recording label to react - Create a RecordingLabel component for displaying the current recording state, as reflected in the redux store. This is needed for 1-on-1 mode to be completely in redux. - Update the store with the recording state so RecordingLabel can update itself. - Remove previous logic for updating the non-react label, which includes event emitting for filmstrip visibility changes, as RecordingLabel is hooked into redux updates. * ref(recording): use status and type constants from lib * make label really dumb, move logic back to Recording	7 years ago
Leonard Kim	c54879d605	fix(video-quality-label): push around z-indexes for firefox	7 years ago
virtuacoplenny	3e3577766d	fix(quality-slider): prevent resizing by making p2p warning hidden (#1890) ... * fix(quality-slider): prevent resizing by making p2p warning hidden Instead of removing and appending the p2p warning, make it always appended but toggle visibility so it always takes up space. This should prevent resizing when the warning appears. Margin and padding were adjusted to account for the empty space displayed by a hidden p2p warning. * let vertical size change	7 years ago
virtuacoplenny	1b7973a28e	ref(invite): use AtlasKit for invite modal buttons and inputs (#1868) ... * ref(invite): use AtlasKit for invite modal buttons and inputs - Convert button to AK Button. - Convert inputs to AK FieldText. * remove noop, replace with custom empty func	7 years ago
virtuacoplenny	d8cd3e75b4	feat(quality-slider): initial implementation (#1817) ... * feat(quality-slider): initial implementation - Add new menu button with an Inline Dialog slider for selecting received video quality. - Place P2P status in redux store for the Inline Dialog to display a warning about not respecting video quality selection. - Respond to data channel open events by setting receive video quality. This is for lonely call cases where a setting is set before the data channel is open. - Remove dropdown menu from video status label and clean up related js and css. * first pass at addressing feedback - Move VideoStatusLabel to video-quality directory. - Rename VideoStatusLabel to VideoQualityLabel. - Open VideoQualitydialog from VideoQualityLabel. - New CSS for making VideoQualityLabel display properly. - Do not render VideoQualityLabel in filmstrip only instead of hiding with css. - Remove tooltip from VideoQualityLabel. - Show LD, SD, HD labels in VideoQualityLabel. - Remove action SET_LARGE_VIDEO_HD_STATUS from conference. - Create new action UPDATE_KNOWN_LARGE_VIDEO_RESOLUTION in large-video. - Move VideoQualityButton into video-quality directory. - General renaming (medium -> standard, menu -> dialog). - Render P2P message between title and slider. - Add padding to slider for displacement caused by P2P message's new placement. - Fix display issue with VideoQualityButton displaying out of line in the primary toolbar. * second pass at addressing feedback - Fix p2p inline message color - Force labels to break on words - Resolve rebase issues, including only dispatching quality update on change. Before there was double calling of dispatch produced by an IE11 workaround. This breaks now when setting audio only mode to true twice. - Rename some instances of quality to definition * rename to data channel opened * do not show p2p in audio only * stop toggle audio only icon automatically * remove fixme about toolbar button * find closest resolution for label * toggle dialog on button click * redo last commit for both button and label	7 years ago
virtuacoplenny	ff442853a2	feat(feedback): convert to react and redux (#1833) ... * feat(feedback): convert to react and redux - For styles, remove "aui-dialog2" nesting so existing styles can be reused. - Remove Feedback.js and replace with calls to redux for state storing and accessing. - Add dispatching to FeedbackButton instead of relying on jquery clicking handling so the button can be hooked into redux. * address feedback * remove calling to not show feedback for recorder and filmstrip	7 years ago
yanas	4ccd5c6072	Fix(AddPeopleDialog): Close dialog on submit (#1761) ... * Fix(AddPeopleDialog): Fixes error state and close dialog * (to-squash) Addresses comments	7 years ago
yanas	f5d443d194	User Picker Implementation	7 years ago
Leonard Kim	3a99ef512e	SQUASH: add comment to styling and alpha order	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	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	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
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
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	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