Commit Graph

726 Commits

Author SHA1 Message Date
JC Brand
39f189b1d1 Use HTMLView for login form 2020-01-30 17:36:55 +01:00
JC Brand
30d08d2bfe muc-views: Remove features section...
and replace with button to open invite modal
2020-01-30 17:36:55 +01:00
JC Brand
9fb2056753 Move MUC invite widget into a modal 2020-01-30 17:36:55 +01:00
JC Brand
d310f1e3e4 emoji-views: use lit-html for templating
* declare picker events in lit-html
* init intersection observer only once
* don't set value manually
* don't manually add classes
* avoid x-scrollbar and 'undefined' in search input
2020-01-30 17:36:55 +01:00
JC Brand
ad93407907 Replace modal templates with lit-html components 2020-01-30 17:36:55 +01:00
JC Brand
be632b3600 Make overlay MUC wider 2020-01-30 17:36:55 +01:00
JC Brand
6459a786db Fix positioning of chat status indicators in chat status modal 2020-01-30 17:36:55 +01:00
Christoph Scholz
a472a0806e show headline messages in controlbox 2020-01-23 11:32:15 +01:00
JC Brand
d17ae811d7 More CSS and test fixes 2020-01-15 15:48:31 +01:00
JC Brand
a7c658a21c chat-head CSS fixes 2020-01-15 14:23:27 +01:00
JC Brand
66d1a65432 Update chat head markup and CSS
- Use flexbox where possible
- Simplify header by using `justify-content` instead of setting column widths
- Show description below the row containing the title and buttons
2020-01-14 13:38:27 +01:00
JC Brand
5128bc9eb0 Remove apparently unnecessary Boostrap modules 2020-01-13 11:18:02 +01:00
Christoph Scholz
e2d744ddc4 config option for roomid validation 2020-01-13 09:01:21 +01:00
JC Brand
916e300a79 Updates #1313 and #1793: Send button improvements 2020-01-10 15:40:46 +01:00
JC Brand
c15b4b3ac9 Small concord theme fixes 2020-01-10 11:02:40 +01:00
JC Brand
6f4b490b37 CSS: Apply highlight color on link, to avoid misalignment 2020-01-08 12:20:20 +01:00
JC Brand
17654aaf40 emoji-views: incorporate tab-based navigation 2020-01-08 11:38:31 +01:00
JC Brand
995f2a9997 Add arrow navigation to the emoji picker 2020-01-07 15:47:05 +01:00
raphaelSeguin
97b8ecbbdf Display status avatars in the occupants list 2019-12-05 14:13:52 +01:00
JC Brand
b1c9af3ed0 Various improvements to resizing of occupants view.
- Remove need for the `converse-mouse-events` plugin.
- Register `mousemove` and `mouseup` handlers only when necessary and only inside the MUC DOM element.
- Restore converse-dragresize to roughly it's original state before work started on this.
- Move `applyDragResistance` to utils.

updates #1640
2019-12-05 09:32:48 +01:00
JC Brand
0c4da63e07 Merge branch 'pullRequest_SkalierungTeilnehmerListe' of github.com:worlword/converse.js 2019-12-04 14:55:47 +01:00
JC Brand
5809c97828 Fixes #1666. Fixes #1792. Add scrollbars for modals 2019-12-03 11:08:35 +01:00
JC Brand
d7d810ba89 Improvements to rendering MUC MAM logs before joining
- Add config variable `muc_show_logs_before_join`
- Restore nickname form for the original use-case (when not showing MAM logs before joining).
- Render nickname form in the `.muc-bottom-panel` when showing MAM logs (instead of in a modal)
- Show a message when there aren't any archived messages to show
- Fix converse-mam so that chat logs are properly fetched before entering a MUC

closes #1266
2019-11-29 09:23:15 +01:00
JC Brand
3d4bad4b19 Don't mark info messages as followups 2019-11-22 13:50:36 +01:00
JC Brand
b4dafcc45b Add support for XEP-0424 and XEP-0425
- Add support for switching ephemerality after message creation
- Move more methods from ChatBox and ChatRoom to utils/stanza.js
- Rename 'ephemeral' to 'is_ephemeral' since it's a boolean
2019-11-22 13:50:36 +01:00
JC Brand
4a70d97b4e CSS fix. Show message actions side-by-side 2019-11-22 13:50:35 +01:00
JC Brand
707fd07dc6 Fix emoji picker for Safari.
Use `float:left` instead of flexbox
2019-11-19 13:37:12 +01:00
ndoell
b94e5653a9 Add resize functionality to occupants-list in MUC.
This adds the ability to resize the MUC-Member-List in all MUCs. The
MUC-Member-List can be scaled between 20% width of the MUC and 75% of
the MUC.
2019-11-13 19:39:35 +01:00
Dele Olajide
1f673b7aae StartinBlox PR to fix issues
1. enable avatars in autocomplete
2. change search/filter type for automcomplete
2019-11-12 16:22:37 +01:00
JC Brand
7bd1812054 CSS: wrap emoji-picker header, instead of showing scrollbar 2019-11-05 12:39:24 +01:00
JC Brand
b71500104b Move emoji-picker out so that its width can expand 2019-10-29 17:19:33 +01:00
JC Brand
9ee8a6e8bc Fix text wrapping issue for /me messages in overlayed view mode 2019-10-29 13:11:13 +01:00
JC Brand
acf14cf8cb Fixes #1757
- Increase z-index for chatbox flyouts so that they appear above the controlbox
- Also fix a margin offset bug for the controlbox (in smaller viewports)
2019-10-29 11:43:09 +01:00
JC Brand
053e82579f Tweak emoji CSS for overlayed view mode 2019-10-17 12:52:53 +02:00
JC Brand
e6e23a1a82 Add initial support for custom emojis 2019-10-17 12:12:08 +02:00
JC Brand
50b77e8608 Fixes #1733 2019-10-13 19:48:39 +02:00
JC Brand
05cdae999f CSS: Revert previous change and only apply if singleton 2019-10-09 11:55:43 +02:00
JC Brand
ffd3cda03b CSS: Don't set max-width for fullscreen Converse in smaller viewports 2019-10-09 10:35:08 +02:00
JC Brand
472a2e96a1 Add CSS property for the chat content background 2019-10-08 14:50:36 +02:00
JC Brand
63da4b4b49 Move webfonts to sass dir and don't make publicPath absolute 2019-09-12 11:29:01 +02:00
JC Brand
2ec70adc5d modtools: Add help text to explain roles and affiliations 2019-09-09 11:02:14 +02:00
JC Brand
01468fc087 converse-emoji: Sort search results
Also, don't show the categories while searching.
2019-09-05 14:49:06 +02:00
JC Brand
032d019029 Emoji CSS tweaks 2019-09-04 15:18:51 +02:00
JC Brand
12bca2298c Replace Bourbon with postcss/autoprefixer 2019-08-23 15:09:37 +02:00
JC Brand
9099ef89fa Close emoji popup after insertion 2019-08-22 13:56:47 +02:00
JC Brand
73c8002b76 Add search bar for emojis 2019-08-22 13:56:47 +02:00
JC Brand
13d419102a converse-emoji-views: Show categories in chosen skintone 2019-08-22 13:56:47 +02:00
JC Brand
1cf9a936a4 Move Views associated to emojis into a new plugin 2019-08-22 13:56:47 +02:00
JC Brand
d7ce231c51 Various emoji improvements:
* Add emoji tooltip
* Make categories configurable and add smileys category
* Rearrange emoji categories and style
& Show all emojis together
2019-08-22 13:56:47 +02:00
JC Brand
89ac4a6969 Show error message with option to retry when MAM query times out 2019-08-13 11:08:03 +02:00
JC Brand
135cbcd043 Move webfonts to the dist dir and fix path to images 2019-08-09 23:43:01 +02:00
JC Brand
aee6a192d1 Add a new command /modtools
in which you can set user affiliations and roles.

Also, let getAffiliationList return an Error instead of `null` if you're
not allowed to fetch a particular affiliation list.
2019-08-09 23:30:14 +02:00
JC Brand
a116a1ec8f Fix various website CSS issues. Re-add images 2019-08-09 00:17:03 +02:00
JC Brand
45e19acfb1 Use cursor: pointer instead of href="#" 2019-07-24 14:09:53 +02:00
JC Brand
033b6bd082 Break long words instead of showing a horizontal scrollbar 2019-07-22 16:36:44 +02:00
Chaimaa ZEGOUMOU
a0b925ef6e Fixes #1071. x clear cross now same size as text (#1609) 2019-06-19 15:37:55 +02:00
JC Brand
36549bf61d Revert flexbox, column-reverse changes
Unfortunately this doesn't work on Firefox and there's no proper
workaround. https://github.com/philipwalton/flexbugs/issues/108

Reverts:

Revert "Bugfix. Properly insert error messages and spinner"
This reverts commit 6a419cc145.

Revert "Use flexbox to keep the chat scrolled down"
This reverts commit dd91d3cc55.
2019-06-19 11:45:54 +02:00
JC Brand
55f7183f36 Keep horizontal padding on a per message level 2019-06-18 14:38:47 +02:00
JC Brand
dd91d3cc55 Use flexbox to keep the chat scrolled down
By using `display: flex` and `flex-direction: column-reverse`, the chat
now automatically scrolls down when loaded, without requiring any
extra JavaScript.

We still need to scroll down with JavaScript when sending a message.

By using `column-reverse`, the messages container now works in reverse.
So the newest message is the first element in the container and the
oldest message is the last. This is the reverse of before.

Due to this, this change will likely break some plugins.
2019-06-18 11:37:07 +02:00
JC Brand
38d0d8360b New config setting message_limit
for limiting messages to a certain number of characters.
2019-06-16 21:52:56 +02:00
JC Brand
73fd3d6a5f Fade out ephemeral messages 2019-06-12 07:09:22 +02:00
JC Brand
3d3c27001f Fixes #1445 Participants list uses big font in embedded mode 2019-06-04 12:20:53 +02:00
JC Brand
1d9bbb8ddd Message display improvements
* Checkmark and edit modal button are now on the right
* Instead of showing checkmarks for MUC messages,
  we now show them as light grey before MUC reflection
* Simplify message markup by requiring less `if` statements
2019-06-04 11:12:22 +02:00
JC Brand
16567324ef Fix controlbox position in fullscreen mode 2019-05-31 09:33:02 +02:00
JC Brand
d86a657a66 converse-controlbox: No need anymore to override insertIntoDOM
We now use CSS to make sure that the controlbox and toggle is always on the far right.
2019-05-31 09:14:07 +02:00
JC Brand
7a18f59f8f Simplify rendering of trimmed chats
Also fix issue where trimmed headline chatboxes don't show the proper
color
2019-05-29 13:28:45 +02:00
JC Brand
f387c947f5 Allow the full app to be embedded.
- new config option `singleton`.
- new plugin `converse-uniview`
- removed `converse-embedded`.
- various CSS changes, to properly render an embedded full app
- don't re-open cached and non-autojoined chats in singleton mode

The goal here is to extend the `embedded` `view_mode` so that the full app can
also be embedded, not just a single MUC or private chat.

To do this, we'll need to differentiate between multi and singleton chat apps.

* A singleton chat app contains only a single chat.
* A multi-chat app can contain zero or more chats

So we introduce a new config option, `singleton`, which when used with
`view_mode` set to `embedded` will determine whether a single chat or the full
app is embedded.

Similarly, in `overlayed`, `fullscreen` and `mobile` view modes, `singleton`
set to true will allow only one chat within the parameters of that view mode.

We're appropriating the word `singleton` and introducing the concepts of
`uniview` and `multiview` (see a785ca8) to cover what was
previously meant with `singleton`.

updates #1297
2019-05-24 20:39:19 +02:00
JC Brand
271c79eae8 Refactor message corrections
- Save date for older message versions and display it in the modal
- Properly handle the correction being received *before* the corrected message
2019-05-22 13:26:46 +02:00
supun19
d1572f3506 iOS viewport was less than 100vh so had to redefine vh units
fixes #1571
2019-05-15 18:32:11 +02:00
JC Brand
c2a0999627 Put CSS files also in ./dist 2019-05-10 12:57:30 +02:00
JC Brand
1be9958aa1 Bugfix. Highlighted roster contact shown as online when actually away
Removed CSS rules which don't appear to be used anywhere.
2019-05-09 11:40:48 +02:00
JC Brand
9f1ee11888 Add weblate as sponsor and update homepage text 2019-05-06 21:21:51 +02:00
JC Brand
7feab35a1d CSS fix. Nickname gets cut off in /me message 2019-04-27 13:25:47 +02:00
JC Brand
d311e14013 Render MUC forms with Backbone.VDOMView
That way we don't lose the user's input values, we avoid flashing and we
avoid unnecessary rendering.

In the process, fixed an annoying issue where Chrome auto-completes
what it thinks is the username into the "Language Tag" field of the MUC
config form.

Instead we tell Chrome that the MUC JID is the username, thereby also
letting it save the password to to that JID.
2019-04-24 14:51:12 +02:00
JC Brand
1251f395b1 Use webpack to generate css/converse.css 2019-04-18 17:50:05 +02:00
JC Brand
f48adb386e Fixes #1296 2019-04-16 12:59:36 +02:00
JC Brand
06f53e7f18 Add some padding to form error message 2019-04-11 23:42:19 +02:00
JC Brand
42e2cc6a7e Fixes #1530. Muted user can't close MUC participants view
Fixed by showing the participants sidebar hide button on larger screen
sizes as well.
2019-04-11 23:26:14 +02:00
JC Brand
b593b8deb6 Fixes #1533
Users can only be muted in moderated rooms
2019-04-11 23:10:57 +02:00
JC Brand
f84c201437 Hide the textarea when a user is muted in a groupchat 2019-04-11 01:40:16 +02:00
JC Brand
77241bf5fe Single emoji rendering fixes.
* Make the emoji a little bit smaller
* Avoid scrollbar appearing for single emoji messages
* Also identify single sent emojis
2019-03-31 20:46:49 +02:00
JC Brand
0725d5a53f Reduce top/bottom padding on messages 2019-03-28 12:43:34 +01:00
JC Brand
b726a2353c Remove Awesomeplete in favor of _converse.AutoComplete 2019-03-28 12:43:34 +01:00
JC Brand
75ae76ad93 Use _converse.AutoComplete in "Add Contact" modal 2019-03-28 10:47:14 +01:00
JC Brand
f0848c2815 Don't show bottom border for occupants list in overlay view mode 2019-03-27 15:34:12 +01:00
JC Brand
9e85143d31 Tweak "Participants" header and roster action icons positioning 2019-03-27 15:25:37 +01:00
JC Brand
ae4111b17b Reuse CSS variables 2019-03-27 14:42:59 +01:00
JC Brand
e3468b3c41 Hide the participants close button on larger screens
We need it for mobile where (eventually) we might have the participants
sidebar occupy the whole screen.
2019-03-27 13:29:37 +01:00
JC Brand
275ad40f13 CSS fix: Unread number not visible on unread message count 2019-03-26 11:31:47 +01:00
JC Brand
be156dee1e Explicitly set outline-color for chatbox and chatorom textarea 2019-03-07 18:18:42 +01:00
JC Brand
143d44c3f6 Avoid horizontal scrolling on the fullscreen login page 2019-03-07 17:47:30 +01:00
Emmanuel Gil Peyrot
b7ae9f212c Replace http: with https: in conversejs.org links 2019-03-04 17:47:45 +01:00
JC Brand
49da581d14 Fixes #1400. When chat message is only an emoji, enlarge it 2019-02-27 10:34:47 +01:00
JC Brand
2ddd918f6a Fixes #1437. List of groupchats doesn't scroll 2019-02-26 11:57:36 +01:00
JC Brand
e6b2e04755 Let panel take full height in overlay view_mode
Fixes scrollbar appearing next to spinner when logging in.
2019-02-22 16:28:44 +01:00
JC Brand
1bc2480ffb Fix website styles for mobile 2019-02-18 20:23:19 +01:00
JC Brand
5e0c320fb1 Two small styling fixes
* Use font from variables
* No need to load bourbon twice
2019-02-18 12:18:51 +01:00
JC Brand
bce4886a2b CSS: Add padding after message time 2019-02-13 18:23:47 +01:00
Emmanuel Gil Peyrot
60bb313988 Concord theme: Fix owner badge color.
Fixes #1431.
2019-02-01 10:39:37 +01:00
JC Brand
becbedd7db CSS: fix margin for lock icon 2019-01-31 15:26:19 +01:00
JC Brand
0b1e5c6308 Hack to avoid cutting of message author text 2019-01-31 13:31:58 +01:00
JC Brand
59a9c86fa5 Fixes #1417 2019-01-28 13:39:33 +01:00
JC Brand
d97deaea80 Fixes #1369
* Add test and changelog entry
* Also show message subject if available
2019-01-28 13:27:25 +01:00
JC Brand
ec14a31908 CSS: spacing of logo and byline on fullpage login form 2019-01-11 09:19:10 +01:00
JC Brand
1eb00d3e5d CSS/HTML: Nicer styling of branding on the login page 2019-01-10 21:15:01 +01:00
JC Brand
4f8cb48fb3 CSS: Avoid scrolled overflows for long messages and long usernames 2019-01-10 21:14:09 +01:00
JC Brand
360eccb223 Don't change color on hover 2019-01-03 10:57:04 +01:00
JC Brand
aa274f41c2 Make background darker and add new logo 2019-01-02 22:54:04 +01:00
JC Brand
bdc438db8e Make controlbox headings bold 2019-01-02 21:20:58 +01:00
JC Brand
72838be77e Positioning of logo and text 2019-01-01 13:04:12 +01:00
JC Brand
fafaf4e15e Fade in the brand heading 2019-01-01 12:31:02 +01:00
JC Brand
debb8f0e4f Remove .icon-converse styles 2019-01-01 12:30:54 +01:00
JC Brand
11655e2e32 Use Muli as the headings font 2019-01-01 12:05:46 +01:00
JC Brand
a31c2d40f2 Remove icomoon fonts and use Bauman and the new logo for branding 2019-01-01 11:12:23 +01:00
JC Brand
7ba59ff584 Indentation, make privacy policy text a bit smaller 2019-01-01 09:58:41 +01:00
JC Brand
14a7a19e95 New byline: messaging freedom 2019-01-01 09:46:54 +01:00
JC Brand
a2a81adef3 Initial work on integrating the new logo 2018-12-21 17:41:31 +01:00
JC Brand
d051085626 Only clear textarea once message was sent
This now requires `sendMessage` to return a boolean to indicate success.
Disable the textarea while message is being sent.
2018-12-21 05:58:22 +01:00
JC Brand
7ec6a0576e Fixes #1379 No longer an indication of unread messages in MUC 2018-12-16 12:30:41 +01:00
JC Brand
d5485d09ae Always render the OMEMO lock icon
When OMEMO isn't possible, render it as grey.

This change makes OMEMO for MUCs easier, since there I anticipate that
OMEMO support might change dynamically based on who enters/exits the
room.

updates #1180
2018-12-14 11:25:57 +01:00
pom2ter
aecf7f2cdf fixing some alignment issues in the sidebar 2018-12-12 10:45:17 +01:00
JC Brand
a31e14a355 CSS: properly align section heading and its actions 2018-12-10 18:07:22 +01:00
JC Brand
8ccf1da9d6 CSS: Set height for list items. Updates #1367 2018-12-10 15:12:33 +01:00
JC Brand
f3f819b67a CSS: Also color the room and contact toggles 2018-12-10 15:12:29 +01:00
JC Brand
1d55b131f6 CSS: set groupchat owner badge to groupchat color 2018-12-10 15:12:29 +01:00
JC Brand
262b9f9260 CSS: Give color to the controlbox headings 2018-12-10 15:12:28 +01:00
JC Brand
19735f76dd CSS: Properly align controlbox section headings and their actions 2018-12-10 15:12:28 +01:00
JC Brand
4c965b58d3 CSS: Reuse list-item-action class for "Contact Requests" actions 2018-12-10 15:12:27 +01:00
JC Brand
917b08a957 Bump distance between list item actions
- Set it to the same spacing for controlbox heading buttons
- Make it configurable
2018-12-10 13:07:27 +01:00
JC Brand
90bf42a002 HTML and CSS improvements for listed items in the controlbox
Fixes #1348

Tried to get the unread messages indicator to line up properly with the
text and icons in a room list item.

Also tried to reuse styles where appropriate, specifically
`.list-container` and `.list-toggle`.
2018-12-07 11:37:51 +01:00
JC Brand
5e217aae9b Reduce max width of roster items
Otherwise they get cut off sometimes
2018-12-03 11:26:01 +01:00
JC Brand
82a97fdcb0 Add padding to receipt checkmark 2018-11-15 10:50:25 +01:00
JC Brand
3505750536 Enforce avatar img size 2018-11-14 16:37:02 +01:00
Emmanuel Gil Peyrot
ab5dd4a146 Switch avatar rendering from canvas to SVG.
This delegates the calculation of the aspect ratio to the browser, and
generally simplifies the code.

Fixes #1156.
2018-11-14 16:03:37 +01:00
JC Brand
352c0797ad Rename theme to concord and add config option for setting the theme 2018-11-14 15:56:28 +01:00
JC Brand
dde2efb653 Fix trash icons for pending contacts 2018-11-14 15:46:51 +01:00
Emmanuel Gil Peyrot
174b257c39 Add a dark theme inspired by Discord
This theme takes inspiration from https://discordapp.com/ and builds on
top of custom-properties, making the design more familiar to some users.

In order to change the theme, add the 'theme-dark' class on #conversejs,
you can do it at any point during the lifetime of Converse, either
directly in your HTML or by changing the DOM at runtime.
2018-11-14 15:45:51 +01:00
JC Brand
1e7247b4d2 Add client info modal showing name and version number 2018-11-14 12:01:27 +01:00
Christoph Scholz
9a307da808 show version info in login dialog 2018-11-13 21:12:24 +01:00
Christoph Scholz
da5ca0b585 implement XEP-0184: Message Delivery Receipts 2018-11-13 17:13:35 +01:00
JC Brand
c2e549e7d7 Fixes #1216 2018-11-12 17:44:26 +01:00
JC Brand
77a7397614 Errors should be red 2018-11-12 14:23:35 +01:00
JC Brand
773c678c4d More button color fixes after switching to css properties 2018-11-12 14:06:52 +01:00
JC Brand
6139b8060d Consistent placing of modal buttons 2018-11-12 14:05:35 +01:00
JC Brand
795d8e0f00 More color fixes after switching to css properties 2018-11-12 12:15:13 +01:00
JC Brand
476b8041aa Fix badge & button colors. Ensure vars apply to .converse_content 2018-11-07 11:40:35 +01:00
JC Brand
5e7d5d7fb1 Add own class and style for controlbox heading buttons 2018-11-07 11:11:20 +01:00
JC Brand
a7211863e6 Remove unused styles for .sidebar element 2018-11-07 11:09:01 +01:00
golangbu
2b434197e9 show_send_button:true parameter not working for me.This pull is a fix for that issue (#1300)
fixes #1033
2018-11-06 10:34:05 +01:00
Emmanuel Gil Peyrot
28dc6e2cfe Switch from SASS variables to CSS custom properties
This will eventually allow client-side theming support.
2018-11-03 00:40:43 +01:00