Commit Graph

473 Commits

Author SHA1 Message Date
JC Brand
d200f24bea Update CSS so that tests pass. 2016-10-03 19:51:15 +02:00
JC Brand
49d0834719 One less Grunt dependency (minifying css) 2016-09-23 13:57:53 +02:00
JC Brand
a1e24c95c9 Add nickname to chat message when clicking on room occupant.
Allows you to easily mention someone in your message.
2016-07-26 09:31:23 +00:00
JC Brand
172ce7e0ce Remove the members-list work and keep the nickname form stuff
It's not stable yet and XMPP server support is very patchy.
However, the nickname form work can be merged into master.
2016-07-26 07:14:22 +00:00
JC Brand
be47ceaab5 In case of a nickname conflict, enable the user to choose a new one 2016-07-26 07:12:56 +00:00
JC Brand
cd75b2efab Let the user choose their nick after opening a chat room
This change is with an eye on supporting reserved nicknames, in which case the
user who has a reserved nickname won't have to choose a nick upon joining a
room.
2016-07-26 07:12:56 +00:00
JC Brand
93a8dfc024 Indicate whether a room occupant is online or not. 2016-07-26 07:12:56 +00:00
JC Brand
079b9e91ee Use the CDN to server fonts 2016-07-02 10:33:14 +02:00
JC Brand
ffa8661799 Update chatroom css 2016-06-20 19:56:06 +00:00
JC Brand
380a60aebd Two fixes related to occupants toggling
* Empty chat area doesn't resize when hiding occupants.
* Properly change icon when toggling occupants
2016-06-13 07:36:59 +00:00
JC Brand
5a1b308edd Render images from URLs 2016-05-28 11:13:49 +00:00
JC Brand
c738d085c4 Indicate to the user when there are unread messages
further down in the chat box.
2016-05-28 10:07:11 +00:00
JC Brand
62f0aacf56 Let the width of the #conversejs element change with the amount of chat boxes 2016-05-27 10:07:43 +00:00
JC Brand
aaaacf2513 Also show the day for the first received messages.
Until now, new days were only indicated for messages received on different days
*after* the day's messages.
2016-05-25 06:24:42 +00:00
JC Brand
aeabc2c0d4 Explicitly set roster items bg to white 2016-05-19 13:35:39 +00:00
JC Brand
8e0f8f0a6d Add the ability to filter contacts by chat state.
The roster filter is now also remembered across page loads.
2016-04-02 11:30:54 +00:00
JC Brand
373b1cd39f Don't hide control box's close button in mobile view.
There are cases where one would like to show it and the sticky_controlbox
config option can be used to remove it.
2016-04-02 03:41:39 +00:00
JC Brand
4ae29e188b Hide close button for controlbox in mobile view. 2016-04-01 13:30:17 +00:00
JC Brand
332a0d920d Sass and CSS fixes for landscape mobile views. 2016-04-01 12:40:38 +00:00
JC Brand
9c78883b2f Fix width issue for chatrooms in responsive/mobile view. 2016-04-01 08:12:06 +00:00
JC Brand
82aa9fec2c Support for showing headline messages. 2016-03-21 10:00:10 +00:00
JC Brand
f81acdbf00 Hide navbar in mobile view and set box height to full viewport height. 2015-11-05 10:42:51 +00:00
JC Brand
d36775fe91 Fixes around resizing of chats.
- The .box-flyout container also needs it's width set upon page load.
- Remove custom height/width upon viewport change (if viewport is small enough).
2015-11-05 10:02:23 +00:00
JC Brand
7c70452bb4 Some tweaks for better mobile/responsive behavior. 2015-11-04 18:36:18 +00:00
JC Brand
341d5e746d Update styling for the status change form. 2015-11-03 17:14:13 +00:00
JC Brand
984c74b516 Updates after testing on IE edge. 2015-11-03 16:42:39 +00:00
JC Brand
9dafaa75e9 Fix the width for roster entries. 2015-11-02 10:58:02 +00:00
JC Brand
bf524424c2 CSS fixes.
- Pending contacts were not aligned to action icons next to them.
- Invite contacts search box went out of bounds on FF
2015-11-02 00:32:30 +00:00
JC Brand
66c029ed3e More CSS and markup fixes after looking in FF.
Changed the icon-* selector to apply only to :before (fixes ugly font rendering in FF).
2015-11-02 00:11:00 +00:00
JC Brand
43b9fa0fc8 Initial work on rendering VCard info in chat box 2015-11-01 02:31:59 +00:00
JC Brand
715b6c22f2 Fix wrapping and truncation issues in chat head. 2015-11-01 02:00:31 +00:00
JC Brand
9436f6ed2f Initial updates to the chat head look.
- Round buttons
- Make the head taller
- Wrap name
- Add "view" button for viewing vcard data (needs JS code still).
2015-10-31 18:29:43 +00:00
JC Brand
89c7276d6d Add more sass variables for color variations. 2015-10-31 17:04:54 +00:00
JC Brand
dfcebeb621 Rename participants to occupants. 2015-10-31 16:48:50 +00:00
JC Brand
35a4f9bd7e Update the JS to better render the chatroom config form.
Other small tweaks as well.
2015-10-31 16:18:31 +00:00
JC Brand
041f431550 Update style for typeahead dropdown and inviting contacts. 2015-10-31 12:54:04 +00:00
JC Brand
bf3891569e Various small CSS fixes and improvements. 2015-10-30 18:47:13 +00:00
JC Brand
5a7340b387 Increase padding in #users pane 2015-10-30 18:30:39 +00:00
JC Brand
6d356817cb Found another form that's not a pure-form yet.
The add contact form.
2015-10-30 17:40:11 +00:00
JC Brand
cd4d6a981c Nice styling and fix sizing issue for chatrooms list and info 2015-10-30 17:33:14 +00:00
JC Brand
c647783281 Make avatar round and center/resize image properly. 2015-10-30 17:10:09 +00:00
JC Brand
8b968831c8 Fix scrolling for chatrooms with many participants. 2015-10-29 12:31:28 +00:00
JC Brand
e1f41777a4 Updated button styles and update buttons all over the place. 2015-10-29 09:57:52 +00:00
JC Brand
f37fadc318 Added a new color scheme. 2015-10-29 09:29:01 +00:00
JC Brand
aaa8ea36ee Fix CSS for minimized chats (broken after recent refactoring) 2015-10-29 08:12:40 +00:00
JC Brand
bb670e2053 Change text color and default chat height. 2015-10-29 07:51:55 +00:00
JC Brand
8fd20f3ac9 More CSS/styling updates
- Remove currently unused pure modules (forms and menus)
- Update forms (not all yet) markup and css
- Move all controlbox mockups to mockup/controlbox.html

Forms look much better now in mockups but JS and templates still needs updating.
2015-10-29 07:28:09 +00:00
JC Brand
1fb18eeff7 Update chatroom form for pure.css 2015-10-28 21:07:29 +00:00
JC Brand
8708b68577 Include CSS from pure.css and update styles and markup a bit. 2015-10-28 20:31:24 +00:00
JC Brand
a89659425d Add new css chat-msg-author as base class. 2015-10-28 09:03:37 +00:00
JC Brand
ca2b40f79c More css refactoring. 2015-10-28 08:49:28 +00:00
JC Brand
ee9f73ab50 Move more Sass out of core into separate files. 2015-10-28 07:33:50 +00:00
JC Brand
37c6925e9c More refactoring of css/sass.
- All chats (boxes and rooms) should now have .chatbox class (for base styles)
- Move specific stuff to new sass files (fonts, chatbox, normalize)
2015-10-27 10:22:19 +00:00
JC Brand
a55246c15c Tweak chat box buttons. 2015-10-25 19:54:17 +00:00
JC Brand
66249c1cfb Move control box specific scss into separate file. 2015-10-25 19:46:21 +00:00
JC Brand
a945d58ee0 Move roster specific scss into separate file. 2015-10-25 19:23:18 +00:00
JC Brand
b4c24a2b3a Move scss for minimized chats into separate file. 2015-10-25 19:10:44 +00:00
JC Brand
dc34f04058 Move Scss for chat rooms into separate file. 2015-10-25 19:02:54 +00:00
JC Brand
ff2910b9ce Fix CSS and horizontal dragresize for chat rooms.
- Rename .chat-body to .chatroom-body
- Upate SASS for chat rooms
- Hide the room occupants view by toggling the class "hidden"
- The chatroom chat area and occupants list are now shown as table cells.
2015-10-24 20:46:58 +00:00
JC Brand
07985ccf54 Fix CSS for the minimized chats toggle. 2015-10-24 20:46:58 +00:00
JC Brand
969c94d473 Honor the min-width and min-height CSS properties...
when it comes to chat box resizing.
2015-10-24 20:46:58 +00:00
JC Brand
c421c0fef3 Add .flyout class to templates. Declare more vars in Sass. 2015-10-24 20:46:58 +00:00
JC Brand
74aa6021f4 Enable diagonal and horizontal drag-resizing.
Only leftward resizing is allowed since there's no space for boxes to expand on the right.
Text area of chat boxes don't yet resize properly.
Didn't test at all on chat rooms.
2015-10-24 20:46:57 +00:00
JC Brand
b7ea4c29cd Better solution for roster contacts scrolling. 2015-10-16 16:01:39 +00:00
JC Brand
d8a9dd5acf Work around a IE10 bug.
IE 10 doesn't appear to properly handle calc(100% - 26px), breaking scrolling
of contacts.
2015-10-16 14:42:45 +00:00
JC Brand
8b20394560 CSS improvements.
- Last pending contact was being obscured/overflowing
- Select box for filtering was not aligned
2015-10-16 14:12:10 +00:00
JC Brand
b47069b4f6 Add, test and document an API method for setting the user's status.
fixes #367
2015-06-27 21:21:27 +02:00
JC Brand
f5c73cfeaa CSS changes.
- Try to harmonize the color scheme a bit.
- Visually distinguish the toolbar.
- Remove the map file from version control
2015-06-27 09:14:02 +02:00
JC Brand
aa9a96b691 Split sass files up into includes and update some Ruby dependencies.
Also fixed a CSS bug. Chat box's width wasn't responsive.
2015-06-04 15:07:03 +02:00
JC Brand
e3f20bf1ad Reduce the rightmost margin to 15px instead of 30px. 2015-05-31 13:18:57 +02:00
thierrytiti
85915a6498 Add XA status icon
fonts built with icomoon
2015-05-28 16:55:14 +02:00
thierrytiti
7fb4ad3050 CSS rebuild with sass 2015-05-20 18:27:21 +02:00
JC Brand
d5ead50b5a Tweaked the padding a bit 2015-05-11 18:01:01 +02:00
JC Brand
2e297a1c84 Some tweaking of the css.
Make the text part of an input-group a bit wider and other padding/margin
tweaking.
2015-05-01 18:49:39 +02:00
JC Brand
80943f9d24 Make sure that bundler also gets installed.
- Added a stamp file for bundler.
- We now specify binary paths for bundler and Sass.
- Added a step "watch" to watch the Sass files.
- Add map file for Sass/CSS
2015-04-26 09:44:29 +02:00
JC Brand
6dc355a02a Show the domain when rendering a legacy registration form.
Also updated the changelog with #377
2015-04-21 17:21:26 +02:00
JC Brand
6ef2e50387 Merge branch 'anon_login' 2015-04-09 14:09:26 +02:00
JC Brand
b177a6a7a0 Bugfix for incorrect roster height when allow_contact_requests=false.
Also update changelog and fix some linting errors.

Fixes #360
2015-04-08 13:12:29 +02:00
JC Brand
f3101a347f Use the ::-moz-selection because Firefox doesn't know ::selection
fixes #364
2015-04-08 12:20:50 +02:00
JC Brand
a2d27ee971 Merge branch 'master' into anon_login
Conflicts:
	converse.js
2015-04-02 12:23:13 +02:00
JC Brand
1545fe9c55 CSS fix. The spinner for chatroom info wasn't centered. 2015-03-29 21:58:45 +02:00
c143
07fe029e41 Added a grey color for visitors
You don't see visitors without hovering the specific user. So you would have to check everyone by yourself. This highlights them grey. (You're also marked as visitor when you're muted)
2015-03-26 09:49:51 +01:00
JC Brand
4d3b4380dd Add support for anonymous login. 2015-03-22 12:14:45 +01:00
JC Brand
0e535847c4 One more pixel. 2015-03-18 15:43:55 +01:00
JC Brand
abd8cf35bc Some CSS tweaks to make converse.js look better in a bootstrap site. 2015-03-18 15:39:37 +01:00
JC Brand
9b0d2904b6 CSS Tweak for IE10. 2015-03-06 17:29:55 +01:00
JC Brand
f73b74a8e3 CSS tweaks. 2015-03-06 12:01:56 +01:00
JC Brand
a359dc5e88 Add a drop-shadow for the user search box and fix widths. 2015-03-05 20:47:43 +01:00
JC Brand
61626873a3 Fix with of "add user" input. 2015-03-05 20:42:50 +01:00
JC Brand
039904eb8c Some CSS fixes.
* Make sure that minimized chats appear behind on mobile.
* Enable highlighting text (which for some reason is transparent).
2015-03-05 20:31:59 +01:00
JC Brand
dac013b2d4 Chat box textarea height fix. 2015-03-04 23:25:05 +01:00
JC Brand
a603913a11 Add dropshadow to the status menu. 2015-02-27 18:29:52 +01:00
JC Brand
5ed0e75ee5 Fix some style issues on the controlbox. 2015-01-16 22:56:23 +01:00
JC Brand
7ac5785bae Tweak shadow on the unselected tab. 2015-01-16 20:47:10 +01:00
JC Brand
2b2b176189 The approve/reject links for a requesting contact where obscured. 2015-01-01 23:08:54 +01:00
JC Brand
516def29cb Styling for the minimized chats list. 2014-12-31 16:58:15 +01:00
JC Brand
adc6fde404 Some initial work on making the UI responsive. 2014-12-31 13:08:51 +01:00
JC Brand
b176545605 Remove neat grid fm again. We won't be using it. 2014-12-31 12:17:30 +01:00
JC Brand
d02838eaee CSS tweak. Padding for login inputs 2014-12-31 12:03:12 +01:00
JC Brand
e03d22580e Move variables to sass/variables.scss 2014-12-31 11:54:33 +01:00
JC Brand
768dcbda83 Updated scss/css 2014-12-14 00:45:31 +01:00
JC Brand
b01b4b55e0 Bring mockup markup inline with reality and update scss/css 2014-12-13 03:26:41 +01:00
JC Brand
063e31e39e Add skeleton-sass and convert css files to scss. 2014-12-13 00:14:11 +01:00
JC Brand
e71cad8583 Add default avatar for users. 2014-12-07 13:44:27 +01:00
JC Brand
9f94d0f4ea Nicer styling for the chat room configuration form. 2014-12-07 12:23:53 +01:00
JC Brand
0ae8008201 Tweak reg form buttons. refs #117 2014-12-01 20:30:14 +01:00
JC Brand
96c2f2fca0 CSS tweak. Properly position status edit icon. 2014-11-27 10:40:23 +01:00
JC Brand
831faf7096 Show domain name in username field of the registration form. updates #117 2014-11-26 21:26:28 +01:00
JC Brand
7125bd1d67 Render form captcha. updates #117 2014-11-24 20:35:00 +01:00
JC Brand
89fa218c59 Some css tweaks. Center the controlpanel form elements 2014-11-24 18:57:28 +01:00
JC Brand
923056925f Show hardcoded urls. Some css width tweaks. updates #117 2014-11-23 22:26:38 +01:00
JC Brand
3dbcdd6171 More work on XEP-0077. updates #117
* On the registration form, show the xmpp.net badge for XMPP provider.
* More CSS and form improvements.
* New template registration_form.html
2014-11-20 11:51:12 +01:00
JC Brand
bfab4fb803 Better error handling, some handling of legacy forms and css fixes.
updates #117
2014-11-19 21:20:36 +01:00
JC Brand
d33f129d36 Increase font size of reg form title 2014-11-19 10:09:27 +01:00
JC Brand
65d4137373 Remove reliance on strophe.register plugin. updates #117 2014-11-18 11:29:12 +01:00
JC Brand
f4096ea9fb More form handling code. updates #117 2014-11-17 13:55:52 +01:00
JC Brand
91afe09007 Make default height for chat boxes 400px 2014-11-17 10:48:58 +01:00
JC Brand
e9638e70c7 Initial work on allowing in band registrations. XEP 077 2014-11-16 22:16:42 +01:00
Guillermo Bonvehí
69ccdc9a85 Add more field types to MUC config
Added support for fixed, jid-multi and list-multi types.
2014-11-13 18:18:32 -03:00
JC Brand
56ec4cf7bc New release 0.8.2 2014-09-22 17:57:56 +02:00
JC Brand
b241f8c64e Add new font set with an icon for converse.js
and one for logging out. Also added a favicon.
2014-09-21 18:58:36 +02:00
JC Brand
dbd45397a3 Move password form for chatrooms to an external template. 2014-09-20 22:59:29 +02:00
JC Brand
50f84ada39 Show when chat messages are selected. 2014-09-18 20:05:08 +02:00
JC Brand
ba6b72011c Show groupchat messages where user is mentioned in bold. 2014-09-17 21:40:19 +02:00
JC Brand
ecdcdc4880 Avoid double scroll-bars in control box 2014-09-07 09:51:32 +02:00
JC Brand
82659e87d7 Add extra chat room commands: /nick, /mute and /voice.
Also document the available chat room commands.
2014-09-05 18:27:32 +02:00
JC Brand
68714e9db5 Update the mockup with show/hide button for chat room participants. 2014-09-03 19:49:15 +02:00
JC Brand
4d479ae51d Update fonticons to add icons for toggling the chatroom participants. 2014-09-03 19:01:22 +02:00
JC Brand
3aaa8df41a Notification sound now also plays when nickname is mentioned in chat room.
updates #62
2014-09-03 18:47:24 +02:00
JC Brand
01ba7361d6 CSS tweak 2014-09-03 18:18:11 +02:00
JC Brand
1b4658745c Add a magnifying glass icon to invitee search field. updates #215 2014-09-01 13:05:10 +02:00
JC Brand
18cbe06d58 Add some initial tests for the room invite feature. updates #215 2014-08-31 22:48:26 +02:00
JC Brand
67c00d779d Tweak invite widget style and make the placeholder text translateable.
updates #215
2014-08-31 21:29:47 +02:00
JC Brand
172d18fa0a Typeahead now has actual queried suggestions. updates #215 2014-08-27 18:57:03 +02:00
JC Brand
84c2242c91 Enable typeahead on the input and style the suggestions dropdown. updates #215 2014-08-27 11:16:29 +02:00
JC Brand
f1555774f0 Add typeahead.js as dependency and integrate. updates #215. 2014-08-26 19:59:48 +02:00
JC Brand
28827428e7 Add initial markup for inviting someone to a room. updates #215 2014-08-26 19:41:47 +02:00
JC Brand
7106979023 CSS fix of roster height.
Illustrated via tests.
2014-08-18 20:28:25 +02:00
JC Brand
03cf27af67 Update mockup with group/user filter toggle 2014-08-11 21:47:28 +02:00
JC Brand
729bea2abb Add button to clear the filter value. update #212 2014-08-08 21:41:47 +02:00
JC Brand
aff91fc683 updates #212
* Make sure that the roster container has a fixed height, so that we can better
check whether the roster is overflowing.
* Call update after inserting the roster into the DOM
2014-08-08 18:00:48 +02:00
JC Brand
ecf667dc33 More tweaks. updates #212 2014-08-07 22:38:30 +02:00
JC Brand
00e05c029b Style the live filter and make sure that it...
only shows when the roster is overflowing. updates #212
2014-08-07 22:18:44 +02:00
JC Brand
1441f4ab64 Add text input to act as live filter. updates #212 2014-08-07 21:33:19 +02:00
JC Brand
b7f88c965c Generate new builds 2014-08-04 22:09:40 +02:00
JC Brand
e1ee833310 Fix requesting contact width bug 2014-07-31 18:41:37 +02:00
JC Brand
482d09777c Fix width for pending and requesting contacts 2014-07-23 18:25:26 +02:00
JC Brand
e1a19678ad Allow group headings to be toggleable. updates #83 2014-07-20 19:11:34 +02:00
JC Brand
b66560ce90 We now have a functioning mockup of contact groups. updates #83 2014-07-19 16:27:04 +02:00
JC Brand
c839ce2d96 Add new icons for opened and closed groups. 2014-07-19 16:02:01 +02:00
JC Brand
a338ede0d1 Replace accept/decline buttons with font icons 2014-07-19 14:50:25 +02:00
JC Brand
9bf4eba33b New fonticons from icomoon 2014-07-19 13:50:31 +02:00
JC Brand
00838aa4d8 Also dynamically compute controlbox height (for drag-to-resize) 2014-07-19 12:42:46 +02:00
JC Brand
ac807ae180 Simplify css for buttons (now looks nicer on IE) 2014-07-17 19:52:49 +02:00
JC Brand
df351d496d Fix vertical resizing of chat boxes.
This fix breaks compatibility with IE8
2014-07-17 19:19:32 +02:00
JC Brand
6bded11304 Add connection feedback on the controlbox.
Now that the toggle is hidden when the controlbox is visible.
2014-07-14 20:41:26 +02:00
JC Brand
166b3bd003 Increase the clickable area for restoring a minimized chat 2014-07-06 12:40:50 +02:00
JC Brand
e3afc2ec23 Merge branch 'master' of github.com:jcbrand/converse.js 2014-06-29 16:03:21 +02:00
JC Brand
27cce2c229 Refactor to store number of unread messages 2014-06-29 15:59:39 +02:00
JC Brand
abdca3efeb Updated css 2014-06-29 15:23:15 +02:00
JC Brand
7d6595435e Add the logic for toggling minimized chats 2014-06-11 22:01:18 +02:00
JC Brand
5f7ec3fca0 Auto-hide the minimized chats toggle 2014-06-08 21:37:13 +02:00
JC Brand
e4f0e34462 Add unread messages counter on the min. chats toggle. 2014-06-08 21:34:15 +02:00
JC Brand
0b4e273004 Style minimized chats toggle 2014-06-07 00:10:34 +02:00
JC Brand
f416a455d1 Add a toggle to show/hide the minimized chat boxes.
Still rough around the edges
2014-06-05 00:12:53 +02:00
JC Brand
e2d494f0ad Unread chat messages now appear on the minimized chat view. 2014-06-04 09:32:40 +02:00
JC Brand
ef9fd9617d Fix rendering of minimized chatrooms 2014-06-02 04:47:23 +02:00
JC Brand
afcb49b6b6 Show the consolidation in the mockup. 2014-06-01 20:56:58 +02:00
JC Brand
9d96b1bf20 Smaller width for trimmed chats 2014-06-01 17:56:03 +02:00
JC Brand
0e42170ae1 Use the fonticon spinner. Fixes #165 2014-05-27 09:37:33 +02:00
JC Brand
df9070fd26 offscreen-chatboxes renamed to trimmed-chatboxes 2014-05-12 18:12:29 +02:00
JC Brand
0b710b807d Update mockup with new theme and fix css 2014-05-11 20:15:50 +02:00
JC Brand
5acd6baad7 Start managing converse.css via less 2014-05-07 22:36:45 +02:00