1033 commits

Author	SHA1	Message	Date
Michael Telatynski	bf9353f3af	Merge branches 'develop' and 't3chguy/edit_skip_if_no_edit' of github.com:matrix-org/matrix-react-sdk into t3chguy/edit_skip_if_no_edit	2019-06-29 06:45:06 +01:00
Michael Telatynski	443c7343a0	Merge branches 'develop' and 't3chguy/fix_MELS_labs' of github.com:matrix-org/matrix-react-sdk into t3chguy/fix_MELS_labs	2019-06-29 06:36:20 +01:00
J. Ryan Stinnett	e8fba4f770	Change interactive tooltip to only flip when required ... This changes the interactive tooltip to only flip around when the tooltip content would be near the window edge. Fixes https://github.com/vector-im/riot-web/issues/10176	2019-06-26 18:24:34 +01:00
J. Ryan Stinnett	67130cb45f	Condense isInRect	2019-06-25 11:57:55 +01:00
J. Ryan Stinnett	72bfc3b5ea	Improve API and interactivity of new tooltip ... This reworks the API the `InteractiveTooltip` component so that it's more natural to use just like other React components. You can now supply the target component as a child and the tooltip content as a prop. In addition, this tweaks the interactivity to keep the tooltip on screen until you move the mouse away from the tooltip and its target. Part of https://github.com/vector-im/riot-web/issues/9753 Part of https://github.com/vector-im/riot-web/issues/9716	2019-06-24 17:32:36 +01:00
J. Ryan Stinnett	f366f7d2b3	Merge pull request #3131 from matrix-org/jryans/interactive-tooltip ... Add interactive tooltip style	2019-06-24 15:42:02 +01:00
Michael Telatynski	f3641eaa32	Add ability to render null-rejoins in Timeline and MELS ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-23 21:41:28 +01:00
Bruno Windels	1c7af38d83	Merge pull request #3126 from matrix-org/bwindels/caret-refactoring ... Editor caret improvements	2019-06-21 15:02:41 +00:00
J. Ryan Stinnett	32bf4588dd	Center tooltip along top or bottom of target ... This adjusts the positioning to work more the way we want: * Tooltip is position on the top or bottom edge of the target depending on where space is available * Tooltip and chevron are centered In addition, more bits borrowed from `ContextualMenu` are not needed, so they have been removed for simplicity. Part of https://github.com/vector-im/riot-web/issues/9753 Part of https://github.com/vector-im/riot-web/issues/9716	2019-06-21 15:04:19 +01:00
J. Ryan Stinnett	6dcdad028e	Clone ContextualMenu to InteractiveTooltip ... As part of reactions and editing work, we're adding a new style of tooltip that allows interacting with the content of the tooltip. `ContextualMenu` is closest out of the things we have today, but it doesn't position in quite the way we want and it's already quite complex. To get started, let's first clone that to a new `InteractiveTooltip`. Part of https://github.com/vector-im/riot-web/issues/9753 Part of https://github.com/vector-im/riot-web/issues/9716	2019-06-21 15:04:19 +01:00
Bruno Windels	b16bc0178a	insert manually, as insertHTML command moves caret inconsistently ... across browsers	2019-06-19 17:42:18 +02:00
J. Ryan Stinnett	bb4b5d7798	TooltipButton rename step 2 of 2	2019-06-19 11:32:03 +01:00
J. Ryan Stinnett	ab4c5f0152	TooltipButton rename step 1 of 2	2019-06-19 11:30:37 +01:00
J. Ryan Stinnett	4ec7a8ddff	Fix casing of TooltipButton ... My brain can't deal with two different ways to write "Tooltip", so this converges the naming to match the rest of the code base. Separate commits will fix up the file names for case-insensitive file systems.	2019-06-19 11:26:13 +01:00
Bruno Windels	63fba611c0	Merge pull request #3108 from matrix-org/bwindels/edit-room-notif-pill ... Support @room pills while editing	2019-06-18 16:43:14 +00:00
Travis Ralston	8f6e8c1ec7	Appease the linter	2019-06-17 15:51:14 -06:00
Travis Ralston	d2d0cb2e9e	Port AppTile (widgets) over to new integration manager dialog props	2019-06-17 15:34:30 -06:00
Travis Ralston	a5f296457f	Make the Manage Integrations Button defer scalar auth to the manager ... This moves the responsibility of creating a URL to open from the button (and other components) to the integrations manager dialog itself. By doing this, we also cut down on scalar API calls because we don't pick up on account information until the user opens the dialog.	2019-06-17 15:29:28 -06:00
Bruno Windels	eb4ff50c3c	do parts creation only in PartCreator to not scatter dependencies	2019-06-14 18:28:44 +02:00
Bruno Windels	3cfdd518ee	detect emote when sending (and trim "/me " for content)	2019-06-14 11:02:20 +02:00
Michael Telatynski	41b995df3c	If oldContent matches newContent, skip sending the edit ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-13 22:56:32 +01:00
Bruno Windels	41e41269dc	use EditorStateTransfer to pass on state to newly mounted editor	2019-06-12 18:52:34 +02:00
J. Ryan Stinnett	f0d67e0454	Revert "Merge pull request #3019 from matrix-org/travis/sr/fix-timeline" ... This reverts commit 9a1a9825b0, reversing changes made to 62dc83310a.	2019-05-28 12:22:22 +01:00
Bruno Windels	25e2c747ed	focus main composer after cancel or saving edit	2019-05-27 16:26:21 +02:00
Bruno Windels	e193522db1	PR feedback: put findPrev/NextEditableEvent in one function with flag	2019-05-27 16:22:55 +02:00
Bruno Windels	fbb79e4686	don't navigate to next/prev message when editor has modifications ... to prevent losing modifications by accident	2019-05-24 14:46:34 +02:00
Bruno Windels	3591eedcfa	move between editable events with arrow keys	2019-05-24 14:42:33 +02:00
Bruno Windels	3468cef654	Merge pull request #3013 from matrix-org/bwindels/editor-formatting ... Message editing: preserve and re-apply formatting	2019-05-24 07:34:05 +00:00
Travis Ralston	14dc4b47fa	Merge branch 'develop' into travis/feature/wellknown2	2019-05-22 23:05:54 -06:00
Travis Ralston	9a1a9825b0	Merge pull request #3019 from matrix-org/travis/sr/fix-timeline ... Make the timeline less noisy for screen readers (mk II)	2019-05-22 19:18:40 -06:00
Travis Ralston	62dc83310a	Merge pull request #3020 from matrix-org/travis/sr/edit ... Label message edit field as such for screen readers	2019-05-22 16:30:45 -06:00
Travis Ralston	6edf760943	Mute avatars and read receipts on event tiles ... This reduces overall noise from the screen reader. It was reading the alt attribute from the sender avatar, which was just a mxid. The read receipts were just nonsensical noise. Fixes https://github.com/vector-im/riot-web/issues/2716 Fixes https://github.com/vector-im/riot-web/issues/5697 See https://github.com/vector-im/riot-web/issues/9747	2019-05-22 15:18:51 -06:00
Travis Ralston	85a024175b	Hide flair from screen readers ... To have less noise when they run over the sender profile. See https://github.com/vector-im/riot-web/issues/9747	2019-05-22 15:18:46 -06:00
Travis Ralston	6c0213bb3d	Revert "Make the timeline less noisy for screen readers"	2019-05-22 10:54:51 -06:00
Travis Ralston	983214f4bf	Merge pull request #3007 from matrix-org/travis/sr/mute-timeline ... Make the timeline less noisy for screen readers	2019-05-22 09:55:23 -06:00
Bruno Windels	53b6586986	re-apply markdown when saving a message	2019-05-22 16:19:07 +02:00
Bruno Windels	ff61376c07	Merge pull request #3004 from matrix-org/bwindels/update-link-previews-after-edit ... Message editing: update link previews after editing	2019-05-22 14:17:34 +00:00
Bruno Windels	6b1134bdf0	add matrix foundation copyright header	2019-05-22 16:16:32 +02:00
Travis Ralston	a551ef1a72	Label message edit field as such for screen readers ... See https://github.com/vector-im/riot-web/issues/9747	2019-05-21 20:00:15 -06:00
Travis Ralston	4779144b2e	Mute avatars and read receipts on event tiles ... This reduces overall noise from the screen reader. It was reading the alt attribute from the sender avatar, which was just a mxid. The read receipts were just nonsensical noise. Fixes https://github.com/vector-im/riot-web/issues/2716 Fixes https://github.com/vector-im/riot-web/issues/5697 See https://github.com/vector-im/riot-web/issues/9747	2019-05-21 18:56:46 -06:00
Travis Ralston	5ae23fdb27	Hide flair from screen readers ... To have less noise when they run over the sender profile. See https://github.com/vector-im/riot-web/issues/9747	2019-05-21 18:55:01 -06:00
Travis Ralston	907c7ed119	Merge pull request #2994 from matrix-org/travis/screenreader/topleftmenu ... Update TopLeftMenu for accessibility: Keyboard shortcut, reduced screen reader noise	2019-05-21 09:52:26 -06:00
Bruno Windels	2d4d608ed6	Merge pull request #2997 from matrix-org/bwindels/pill-avatars ... Message editing: render avatars for pills in the editor	2019-05-21 12:11:06 +00:00
Bruno Windels	b00a38a1e5	apply mx_EventTile_content to editor, so it gets the same right margin ... this way we don't have to include it in the magic number	2019-05-21 12:18:20 +02:00
Travis Ralston	3476be3327	Merge branch 'develop' into travis/feature/wellknown2	2019-05-20 19:50:02 -06:00
Matthew Hodgson	d3f06763b3	Merge branch 'develop' into matthew/twemoji	2019-05-20 16:38:44 +01:00
J. Ryan Stinnett	0e5f0f24cc	Extract MELS-style comma separated list to shared utility ... This allows other UI components to use the same formatting for a long list.	2019-05-20 15:21:18 +01:00
Bruno Windels	710338c01f	pass member and room to editor pills to get avatar url	2019-05-20 10:28:26 +02:00
Matthew Hodgson	dc72641264	replace emojione with twemoji. completely untested & debugged & unoptimised	2019-05-19 15:23:43 +01:00
Travis Ralston	c5757d8303	Support CTRL+I for opening TopLeftMenu	2019-05-17 15:29:16 -06:00
Bruno Windels	62b8973e72	cancel the edit when pressing escape	2019-05-17 15:35:14 +01:00
Bruno Windels	ca2e6d8eb2	Message editing: shift+enter for newline, enter to send	2019-05-17 10:22:02 +01:00
Travis Ralston	0c7aa39273	Merge branch 'develop' into travis/feature/wellknown2	2019-05-16 12:59:50 -06:00
Bruno Windels	245f48a22c	set caret on mount as we usually do, so FF doesn't enter 2 newlines 🤯	2019-05-16 18:39:20 +01:00
J. Ryan Stinnett	0e369bd12e	Merge pull request #2977 from matrix-org/jryans/encrypted-reactions ... Use `getRelation` helper	2019-05-16 09:45:09 +01:00
J. Ryan Stinnett	33885cb864	Use getRelation helper ... Use the `getRelation` helper to ensure we always read relation info from the wire content as required in E2E rooms.	2019-05-16 09:25:33 +01:00
Travis Ralston	6f22acc3c6	Merge pull request #2979 from aaronraimist/imageview-tooltip ... Add tooltips to rotate and close buttons in ImageView (#9686)	2019-05-15 21:14:20 -06:00
Aaron Raimist	c38b5cabb1	Allow the strings to be translated ... Signed-off-by: Aaron Raimist <aaron@raim.ist>	2019-05-15 22:11:51 -05:00
Aaron Raimist	bfd37d8089	Add tooltips to rotate and close buttons in ImageView (#9686) ... Signed-off-by: Aaron Raimist <aaron@raim.ist>	2019-05-15 22:06:02 -05:00
Bruno Windels	085f2d199d	focus editor after clicking edit	2019-05-15 17:17:35 +01:00
Bruno Windels	6366371c0d	add * to fallback messages for edits	2019-05-15 15:54:05 +01:00
Bruno Windels	5805a88ab9	adjust to js-sdk changes of marking original event as replaced	2019-05-15 11:54:26 +01:00
Bruno Windels	d83e278f6b	PR feedback, cleanup	2019-05-15 09:46:08 +01:00
Bruno Windels	dc21faa240	send edit also in n.new_content field ... so we can have fallback content in the regular content for clients that don't support edits. Note that we're not reading m.new_content yet as it's going to be a bit of a headache to change this. So for now just sending the edit in both the normal content and the m.new_content subfield, so all events out there already are well-formed	2019-05-14 16:32:08 +01:00
Bruno Windels	45991bc3de	replace original event if there have been previous edits	2019-05-14 15:39:24 +01:00
Bruno Windels	e2388afb51	consistent naming between serialize and deserialize modules	2019-05-14 15:39:24 +01:00
Bruno Windels	759a4a54ef	send the actual m.replace event from composer content	2019-05-14 15:38:16 +01:00
Bruno Windels	a3b02cf0cc	make logging quiet	2019-05-14 15:38:16 +01:00
Bruno Windels	4ff37ca046	don't show model for now	2019-05-14 15:38:16 +01:00
Bruno Windels	9e0816c51c	find caret offset and calculate editor text in same tree-walking algo ... instead of having the same logic twice	2019-05-14 15:38:16 +01:00
Bruno Windels	7ebb6ce621	WIP commit, newlines sort of working	2019-05-14 15:38:16 +01:00
Bruno Windels	8d97c0033e	catch this for now as caret behaviour is still a bit flaky	2019-05-14 15:38:16 +01:00
Bruno Windels	64b171198c	rerender through callback instead of after modifying model ... this way rendering is centralized and we can better rerender from interaction in the autocompleter (we didn't have access to caret before)	2019-05-14 15:38:16 +01:00
Bruno Windels	317e88bef2	initial hacky hookup of Autocomplete menu in MessageEditor	2019-05-14 15:38:16 +01:00
Bruno Windels	a2f1f49972	update the DOM manually as opposed through react rendering ... react messes up the DOM sometimes because of, I assume, not being aware of the changes to the real DOM by contenteditable.	2019-05-14 15:38:16 +01:00
Bruno Windels	6be6492cd2	initial parsing of pills for editor	2019-05-14 15:38:16 +01:00
Bruno Windels	76bb56a2bf	initial hookup editor code with react component	2019-05-14 15:38:16 +01:00
Bruno Windels	6599d605cd	wire up editor component (somewhat hacky)	2019-05-14 15:38:16 +01:00
Travis Ralston	25e3f7888e	newline for the linter	2019-05-13 18:31:43 -06:00
Travis Ralston	e4576dac28	Render underlines and tooltips on custom server names in auth pages ... See https://github.com/vector-im/riot-web/issues/9290	2019-05-13 17:16:40 -06:00
J. Ryan Stinnett	26f732723e	Animate tooltips when hiding as well as showing ... This uses the same animation style as on show, but twice as fast.	2019-04-25 14:29:10 +01:00
J. Ryan Stinnett	aec14e64fa	Throttle validation in response to user input ... This avoids the case of the password complexity progress jumping wildly for every character you type.	2019-04-25 14:29:10 +01:00
J. Ryan Stinnett	4f41161a47	Check password complexity during registration ... This adds a password complexity rule during registration to require strong passwords. This is based on the `zxcvbn` module that we already use for key backup passphrases. In addition, this also tweaks validation more generally to allow rules to be async functions.	2019-04-25 14:29:10 +01:00
J. Ryan Stinnett	008ca3543b	Migrate passwords on registration to new validation ... In addition to migrating password fields, this also removes the remaining support for old-style validation in registration now that all checks have been converted.	2019-04-25 14:29:10 +01:00
J. Ryan Stinnett	9064875312	Migrate email on registration to new validation	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	1cbb4be6f7	Add support for validating more strictly at submit time ... When submitting a form, we want to validate more strictly to check for empty values that might be required. A separate mode is used since we want to ignore this issue when visiting a field one by one to enter data. As an example, we convert the pre-existing logic for the username requirement using this new support.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	778697abf1	Use input element's value directly ... Since we're keeping the input as a ref anyway, let's use that rather than requiring the value to be passed to `validate`. This allows others to call `validate` as well.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	5d95c31875	Focus the first invalid field ... This adjusts the submission step to focus the first invalid field and redisplay validation. This also rearranges the older style field error handling on registration which is slated for removal once we convert all fields to the new style.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	62a01e7a37	Track per-field validity with new-style validation ... This updates the registration form to include the new-style validation state when deciding whether the entire form is valid overall. In addition, this tweaks the validation helper to take functions instead of strings for translated text. This allows the validation helper to be create once per component instead of once every render, which improves performance.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	37e09b5569	Add check and x icons for validation feedback ... Adds icons from the Feather set with the same color as text. Tweaks validation item spacing to match the design.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	87f13cfe55	Add focus handling to validation ... Update the Field component and validation handling to show / hide validation feedback on focus / blur events.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	338d83ab55	Add validation feedback helper ... This adds a general validation feedback mechanism for checking input values. An initial example is wired up for the username input on registration.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	37ecf2a623	Remove unused ref from Field component ... The `fieldInput` ref is no longer used now that we have controlled components everywhere.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	12f7d1715b	Remove BottomLeftMenu and supporting bits ... The `BottomLeftMenu` component is not used in the new design. This removes the component and also any images and sub-components that were only used by it.	2019-04-09 17:38:32 +01:00
J. Ryan Stinnett	f2da833ac9	Fix validation to avoid undefined class on fields ... The class name handling for validation inadvertently added `undefined` as a class when validation is not used. This rearranges the logic to avoid the issue. Fixes https://github.com/vector-im/riot-web/issues/9345	2019-04-09 16:10:36 +01:00
Travis Ralston	a61ab4eb4e	Merge pull request #2862 from matrix-org/travis/stickerpicker/remount ... Don't re-init the stickerpicker unless something actually changes	2019-04-04 09:46:38 -06:00
Travis Ralston	9618187d2e	Merge pull request #2855 from YaoiFangirl420/rotate_images ... Add option to rotate images	2019-04-04 09:46:06 -06:00
Travis Ralston	6722451207	semicolon	2019-04-04 09:36:45 -06:00
J. Ryan Stinnett	b0f59007f3	Clarify level variable name	2019-04-04 10:30:23 +01:00
YaoiFangirl420	1cbbe5f31f	Add i18n and fix method declaration ... Add i18n entries for rotating images; fix the way `getName` is defined Signed-off-by: YaoiFangirl420 <48789208+YaoiFangirl420@users.noreply.github.com>	2019-04-04 02:27:58 -07:00