Commit Graph

448 Commits

Author SHA1 Message Date
JC Brand
ee46b0ccad CSS fixes to embedded chat
* Don't change styling based on media queries
* Fix offsets so that an embedded chat fits properly inside container element
2018-04-25 18:04:04 +02:00
JC Brand
e487fe4e54 Update mockups and tweak margin for chatroom in responsive mode 2018-04-24 18:22:44 +02:00
JC Brand
d0387a65ca Let an embedded MUC expand to fill its containing element 2018-04-24 17:31:44 +02:00
JC Brand
fe1ba6265a Revert "Doesn't seem necessary to build fonts.css"
Actually, it's used for rendering a MUC inside a webcomponent!
2018-04-24 16:27:56 +02:00
JC Brand
07ac8d4a3e Various HTML/CSS fixes for the demos, particularly embedded MUC 2018-04-24 14:46:09 +02:00
JC Brand
71be72b50c Automatically grow/shrink input as text is entered/removed 2018-04-24 14:33:00 +02:00
JC Brand
a15c9e54d0 Also test for when XEP-0363 is not supported
Updates #161
2018-04-22 17:47:34 +02:00
JC Brand
a19e7aeffe Add support for XEP-0066 Out of band data 2018-04-18 16:58:52 +02:00
JC Brand
463b0e6abe Fix height for minimized chats toggle
Also tweak progress indicator margin
2018-04-18 11:49:28 +02:00
JC Brand
95e648e79f Tweak margin and padding for messages 2018-04-18 08:53:54 +02:00
JC Brand
b889637f8d Fix height for chatroom forms 2018-04-17 15:21:16 +02:00
JC Brand
0a757a25e7 Fixes #1059 Remove bottom borders, uppercase titles and tweak padding 2018-04-10 21:23:32 +02:00
JC Brand
eddc359a64 Fix height and padding for minimized chats toggle 2018-04-10 20:55:47 +02:00
JC Brand
9528d81c00 Move various MUC methods onto the Backbone.Model
To more cleanly separate views and models and to make MUC in headless
mode more viable.

Refs #1032
2018-04-10 18:59:02 +02:00
JC Brand
9a526d4194 Refactoring of the XEP-0085 Chat State Notifications code
* Distinguish between CSN messages and other types of messages
* Properly clear previous notifications
* Better handling of notifications from multiple users (in MUC)
* Rename methods to make clarify intent
2018-04-06 17:02:28 +02:00
JC Brand
1cec976b5b Don't build theme.css from sass
The theme is still bootstrap3 based and there isn't enough time
currently to redo on bootstrap4.
2018-03-30 14:23:39 +02:00
JC Brand
108bd03e3a Fix padding offset bug for inverse 2018-03-30 14:22:51 +02:00
JC Brand
e21f14f4bd Don't let .converse-chatboxes expand and cover other elements. 2018-03-30 14:22:51 +02:00
JC Brand
95406a149d Re-add xhr_user_search_url and autocomplete when adding contacts 2018-03-30 14:22:51 +02:00
JC Brand
7a254a56e0 Pad the toggle and rename to "Chat Contacts"
to make it clearer that this toggle relates to chatting.
2018-03-30 14:16:07 +02:00
JC Brand
1d5b6839b1 Rename inlcuded FontAwesome font to ConverseFontAwesome
to avoid name clashes
2018-03-30 14:16:07 +02:00
JC Brand
ea4337da51 Set column width for chatbox buttons in the sass file 2018-03-30 14:16:07 +02:00
JC Brand
4d8fdb9990 More changes to emoji toolbar (based on tests in Plone) 2018-03-30 14:16:06 +02:00
JC Brand
245ea22df3 Styling of emoji picker in the overlay view 2018-03-30 14:16:06 +02:00
JC Brand
3f1602ddf2 Set z-index for .converse-chatboxes 2018-03-30 14:16:06 +02:00
JC Brand
11788bb7a1 Bundle font-awesome in the css 2018-03-30 14:16:05 +02:00
JC Brand
03bda96e4d Tweak line-height for requesting contacts 2018-03-30 14:16:05 +02:00
JC Brand
f90ca8f7f4 Remove unused class 2018-03-30 14:16:04 +02:00
JC Brand
aa2f0d8d2d Tweak unread messages indicator 2018-03-17 17:07:43 +00:00
JC Brand
f0ae8c44ff Show caret for room, bookmark and group toggles 2018-03-17 11:42:17 +00:00
JC Brand
14de16f728 Tweak .button-on css 2018-03-16 19:41:00 +00:00
JC Brand
1565decfc0 Add identifiable class name 2018-03-14 18:25:33 +00:00
JC Brand
ca141401a0 Fix failing tests 2018-03-13 13:42:00 +01:00
JC Brand
7f2143edb5 Fix spinner 2018-03-12 14:52:11 +01:00
JC Brand
fa30f936b6 Use sass for the theme css 2018-03-11 12:04:27 +01:00
JC Brand
bfc3081874 Update css for mobile view of overlay mode. 2018-03-11 12:04:27 +01:00
JC Brand
d7de739001 Add close button for controlbox in overlay view mode 2018-03-09 23:53:05 +01:00
JC Brand
a1145140c3 Various small tweaks
- Style room invite
- Remove old border-radius
- Show close icon for minimized chats
2018-03-09 23:27:12 +01:00
JC Brand
c10a2596e3 Eagerly render emoji picker and avoid overflow in overlay view 2018-03-09 23:16:53 +01:00
JC Brand
392a7e8ab3 Don't use the bootstrap responsive grid for chats in overlay mode 2018-03-09 23:06:41 +01:00
JC Brand
849d6b2612 Update the minimized chats widget 2018-03-09 18:14:18 +01:00
JC Brand
9c0b7c71cd Render OTR menu as a bootstrap dropdown 2018-03-09 17:30:42 +01:00
JC Brand
9825d6e777 Use bootstrap dropdown to render the emoji picker 2018-03-09 14:51:24 +01:00
JC Brand
40f4555419 Only show controlbox head when logging in, in overlayed view mode 2018-03-09 11:46:23 +01:00
JC Brand
914a55707d Replace col- classes with Sass mixins 2018-03-09 10:12:05 +01:00
JC Brand
db44a4f44d Update the login form for the overlayed view mode 2018-03-07 21:40:55 +01:00
JC Brand
d72463c939 Make more semantic by putting login/register column info in css 2018-03-07 18:06:02 +01:00
JC Brand
b3f2fafeea Various smaller fixes and improvements 2018-03-07 14:36:19 +01:00
JC Brand
2db4550b13 Update chat events markup. 2018-03-07 11:02:12 +01:00
JC Brand
b154d6d534 Render chat head, content and message form as flex items. 2018-03-07 10:10:22 +01:00
JC Brand
d04a7df295 Update room features markup to use font awesome 2018-03-06 18:33:59 +01:00
JC Brand
181b1836b0 Update and further style toolbars 2018-03-06 15:26:05 +01:00
JC Brand
95645413c4 Darken modal overlay 2018-03-05 18:43:43 +01:00
JC Brand
2f2e687a18 Use flex column for occupant sidebar 2018-03-05 18:38:00 +01:00
JC Brand
d4d3d4c838 Merge branch 'split-muc' into bootstrap4 2018-03-05 16:51:33 +01:00
JC Brand
860befcab9 Fixes #1025
Rename icon to avoid confusion. Add back the OTR status text.
2018-03-02 12:11:47 +01:00
JC Brand
877b5ca082 Tweak roster contacts spacing 2018-02-25 17:54:55 +01:00
JC Brand
c655781bc9 More login form improvements and also update registration form 2018-02-24 19:59:25 +01:00
JC Brand
e1d1bac790 Update the login form with markup from bootstrap mockup 2018-02-24 18:43:32 +01:00
JC Brand
3b22f918fa More work on the user profile modal 2018-02-23 23:10:46 +01:00
JC Brand
66e6ae2eed Increase fade transition, to work around timing bug
in bootstrap.native.

https://github.com/thednp/bootstrap.native/issues/192
2018-02-23 16:33:10 +01:00
JC Brand
7e6cc86c94 CSS tweaks 2018-02-22 17:47:18 +01:00
JC Brand
4e508cfe88 Add a modal to list rooms 2018-02-22 17:40:01 +01:00
JC Brand
e143c88475 More work on the "add chatroom" modal. Working now. 2018-02-22 15:58:23 +01:00
JC Brand
d9709af7cf Initial work on the new chatroom modal 2018-02-21 16:59:16 +01:00
JC Brand
b5812e257d Work on the status modal 2018-02-21 16:17:57 +01:00
JC Brand
21556832f8 Update chatbox headers and buttons 2018-02-20 16:48:01 +01:00
JC Brand
2b935fa57b Show subdued grey for icons (and darker when hovering) 2018-02-20 15:57:01 +01:00
JC Brand
5e6860754f Update chatbox head with new markup 2018-02-19 22:36:37 +01:00
JC Brand
c4367e7a0a Show own avatar 2018-02-19 22:12:50 +01:00
JC Brand
658c27730c Fix showing of room info in rooms list 2018-02-19 18:11:02 +01:00
JC Brand
6cdaa47493 Fix roster filter functionality 2018-02-19 17:37:47 +01:00
JC Brand
493ecb2e4f Update markup for the roster filter 2018-02-19 16:08:54 +01:00
JC Brand
2fa8304945 Improve and update roster markup 2018-02-19 15:01:02 +01:00
JC Brand
650ed22da7 Update requesting contacts and tweak bookmark icons 2018-02-16 15:24:17 +01:00
JC Brand
c4a99c7f29 Render rooms and bookmarks lists according to mockups 2018-02-16 15:08:16 +01:00
JC Brand
ede21e7c32 Remove controlbox tabs and show rooms and contacts panels together 2018-02-16 14:16:55 +01:00
JC Brand
5401998558 Don't put #chatrooms inside #converse-roster and remove users id 2018-02-15 15:49:16 +01:00
JC Brand
1405884c59 Reset user agent styles. Fix login form margin and height 2018-02-15 14:38:10 +01:00
JC Brand
617019af0e Merge remote-tracking branch 'origin' into bootstrap4 2018-02-15 14:15:04 +01:00
JC Brand
2d746d2a1e Make converse-muc-embedded a core plugin.
1. Add a new `view_mode` value: `embedded`.

   This value is used to determine wether the `converse-muc-embedded`
   plugin is active or not.

2. Remove the need for the #converse-embedded-chat element.

   Instead we reuse the #conversejs element and embed inside that.

3. Removed the need to manually blacklist core plugins

   This is now done automatically if `view_mode` is set to `embedded`.
   Perhaps eventually we don't blacklist at all and instead use the
   `enable` plugin method. For some that probably won't work, like
   `converse-chatview`, which we still need to be active.
2018-02-09 16:37:55 +01:00
JC Brand
03371c1815 Add css file with only fonts.
Needed when converse.js is included inside a webcomponent.
The fonts.css file is then copied over to the host DOM.

Necessary due to this bug:
  https://bugs.chromium.org/p/chromium/issues/detail?id=336876
2018-02-09 16:37:55 +01:00
JC Brand
4742e66b69 Fix linting errors and failing tests 2018-02-07 14:21:46 +01:00
JC Brand
0031938b97 Make the toolbar a little lighter 2018-02-07 13:16:34 +01:00
JC Brand
e34fa5d635 Style the spoiler 2018-02-07 10:30:06 +01:00
JC Brand
f6db2a9167 Use template to render the spoiler message. 2018-02-06 18:58:06 +01:00
JC Brand
19d9e281ae Update css and keep input and textarea values across toggles 2018-02-06 18:05:12 +01:00
JC Brand
400bdf775d More refactoring of spoilers code 2018-02-06 18:05:12 +01:00
ChaosKid42
c354dfde80 fix image rendering in IE11 (#1011) 2018-02-04 09:18:42 +01:00
JC Brand
2c8c872a65 Fixes #959 2018-01-29 15:06:27 +01:00
JC Brand
f724f49087 Add ability to run tests for transpiled code 2018-01-29 14:14:56 +01:00
linkmauve
4dc5e01d76 Replace tabs with spaces in source files. (#1005) 2018-01-27 16:20:35 +01:00
JC Brand
0436a36169 Various smaller css fixes 2018-01-27 11:18:06 +01:00
JC Brand
c385674665 For some reason everything is 0.5em to the right 2018-01-26 21:05:04 +01:00
JC Brand
53adebb780 Fix sidebar in responsive mode 2018-01-26 20:50:11 +01:00
JC Brand
b5a43f8177 Fix issues around chatroom textarea height and responsiveness 2018-01-26 20:25:38 +01:00
JC Brand
d1b1433e69 Don't set min width since the chatbox is now reponsive 2018-01-26 19:52:32 +01:00
JC Brand
5a9fd6c28d Minor improvements on the minimized chat toggle. 2018-01-26 19:34:24 +01:00
JC Brand
24afd73842 Various tweaks (margins and otherwise) around responsiveness 2018-01-26 15:32:31 +01:00
JC Brand
808155bc3c Place chat boxes inside bootstrap rows
instead of the other way around.
2018-01-26 14:41:50 +01:00
JC Brand
7f8b42faf0 Some work on bundling bootstrap within the css files.
Will likely later have to create versions which exclude bootstrap
2018-01-25 16:52:01 +01:00
JC Brand
799b53c098 Fix chatbox width for narrower viewports 2018-01-25 16:33:08 +01:00
JC Brand
3cee6a5650 mockup.css is no more. 2018-01-25 16:11:48 +01:00
JC Brand
97e3199508 Start moving media queries to sass files 2018-01-25 12:28:24 +01:00
JC Brand
6914ec61dd Move fullscreen styles from mockup.css to sass files 2018-01-25 12:14:20 +01:00
JC Brand
5568ac5a30 Remove pure.css 2018-01-23 20:55:00 +01:00
JC Brand
221693b2b5 Take .fullscreen class into consideration in css 2018-01-23 20:50:28 +01:00
JC Brand
e6d5631452 Start moving css from mockup.css into the core sass files 2018-01-23 14:34:05 +01:00
JC Brand
db1c9c38d7 Add a link to weblate on inverse landing page 2018-01-18 11:14:06 +01:00
JC Brand
9231781ab4 Reduce message padding somewhat 2018-01-16 17:08:44 +01:00
JC Brand
8997af7890 Updates #984 Add color-fadein animation for messages 2018-01-16 16:36:23 +01:00
JC Brand
6739b508c3 Small css and text fixes 2018-01-04 16:27:56 +00:00
JC Brand
cdfd1e2d42 Add units (webkit fix) 2018-01-04 12:11:03 +00:00
JC Brand
671691353a Use Backbone.NativeView instead of Backbone.View 2018-01-03 20:41:03 +00:00
JC Brand
fb35ed844a Avoid flashing when opening chat room. 2017-12-20 11:02:46 +00:00
JC Brand
6c6ef1f1f9 Refactoring of the roster view.
* Removed the dependency on jQuery
* Contacts are now shown inside a group element, simplifying the code
2017-12-19 18:44:31 +00:00
JC Brand
c874efeb79 Sort chatroom occupants alphabetically and according to role 2017-12-14 18:07:40 +00:00
JC Brand
23e2aceaca Indicate visitors by making them lighter grey 2017-12-14 13:45:14 +00:00
JC Brand
41ca34a051 Fixes #953 MUC "Features" displayed when exiting configuration 2017-12-06 16:39:29 +01:00
JC Brand
9aefd2739f Remove jquery as dependency for converse-profile.js 2017-11-17 14:21:18 +01:00
JC Brand
d395387861 25% rounded avatars for all 2017-11-17 13:31:56 +01:00
JC Brand
b4b50049e1 Some margin tweaking 2017-09-24 11:03:00 +02:00
JC Brand
92af05d510 Some more refactoring now that we use a vdom for the login panel
We can now simply call `render` whenever we want to show an error or
notification message.

The flip side is that the template is now larger and contains more login.
2017-09-24 00:30:43 +02:00
JC Brand
4063bbfc1c converse-register: Consolidate validation and error reporting 2017-09-24 00:30:43 +02:00
JC Brand
2bb6565168 Fix unnecessary scrolling on login/register panes 2017-09-24 00:30:43 +02:00
JC Brand
9cdb0dde8c Various changes
* In certain places, use native methods instead of jQuery
* Nicer rendering of registration forms
* Use CSS3 fade-in animations.
2017-09-24 00:30:43 +02:00
JC Brand
57d2f9bce8 Add validation message for an invalid JID in the login form 2017-09-24 00:30:43 +02:00
JC Brand
7e4fb52f8d Render register and login forms via links 2017-09-24 00:30:43 +02:00
JC Brand
37fcc6b70e Hide connection feedback parent element 2017-09-24 00:30:43 +02:00
JC Brand
99581b8300 Update fonticons to remove unused smileys and add social icons 2017-09-24 00:30:43 +02:00
JC Brand
1613c0d7de Styling changes now that we don't have tabs. 2017-09-24 00:30:43 +02:00
JC Brand
681245584e Remove Login and Registration tabs and consolidate into one panel 2017-09-24 00:30:42 +02:00
JC Brand
bd913734e4 Don't hang indefinitely + nicer error messages
when a connection can't be established.
2017-09-08 14:24:38 +02:00
JC Brand
4104dec89b Fix emoji height (broken in Chromium 60) 2017-09-02 19:59:48 +02:00
JC Brand
4938621048 Nicer CSS and markup for room configuration forms. 2017-08-16 09:39:13 +02:00
JC Brand
1c80fa41c8 Improved CSS for the registration form. 2017-08-15 21:46:47 +02:00
JC Brand
38f8724dd9 roomslist: Add ability to add or remove bookmarks 2017-08-09 15:50:24 +02:00
JC Brand
0bd69b3baa css: Add padding to form messages 2017-07-21 19:51:38 +02:00
JC Brand
75342b066e css: Titles for available chat rooms were cut off too soon 2017-07-21 18:08:29 +02:00
JC Brand
f84790e68c muc: Show JID (instead of only server) in room info
Also made some styling changes and tweaked the room head to better
differentiate between the Name and JID of a room.
2017-07-19 08:30:04 +02:00
JC Brand
8ffd9e24a3 css: fix alignment issues for messages with emojis in converse 2017-07-18 08:56:25 +02:00
JC Brand
c69bb0d04f css: fix highlighting in emoji picker 2017-07-18 08:23:55 +02:00
JC Brand
6fea88fcc3 Add JID validation and error messages to the add contact form 2017-07-17 22:08:15 +02:00
JC Brand
d23046329e Fixed a bug in slideOut where offsetHeight changes after sliding out
As a result we can again show emoji categories and skin tones on the same line
(if there is enough space).
2017-07-17 18:09:14 +02:00
JC Brand
496d2521fc muc: Show room domain in header.
Also make sure room name gets saved once it's been updated.
2017-07-17 18:07:31 +02:00
JC Brand
49dd36dd6c Make text color a bit darker 2017-07-17 14:42:36 +02:00
JC Brand
1bcb33ab58 emoji: Fix alignment issues of messages containing emojis 2017-07-17 14:36:27 +02:00
JC Brand
e4ebcc8f71 emoji: various css and html changes to improve ui/ux in converse and inverse 2017-07-16 15:04:54 +02:00
JC Brand
9a5f2fce61 emoji: Add a skin-tone picker to the emoji toolbar 2017-07-16 12:29:09 +02:00
JC Brand
284e884766 Add js-xss and use it to sanitize message HTML 2017-07-15 19:15:48 +02:00