2018-01-23 09:50:54 +01:00
<!doctype html>
< html class = "no-js" lang = "en" >
2014-12-07 12:24:16 +01:00
< head >
2018-01-23 09:50:54 +01:00
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
2018-01-26 14:41:06 +01:00
< title > Chatroom Fullscreen< / title >
2018-01-23 09:50:54 +01:00
< link type = "text/css" rel = "stylesheet" media = "screen" href = "../../node_modules/font-awesome/css/font-awesome.css" / >
< link type = "text/css" rel = "stylesheet" media = "screen" href = "../../css/inverse.css" / >
2014-12-07 12:24:16 +01:00
< / head >
2018-03-05 18:37:18 +01:00
< body class = "reset" >
2018-04-24 18:22:44 +02:00
< div id = "conversejs" class = "fullscreen converse-fullscreen" >
2018-01-26 20:50:11 +01:00
< div class = "sidebar" > < / div >
2018-03-09 20:06:47 +01:00
< div class = "converse-chatboxes row no-gutters" >
2018-03-09 10:12:05 +01:00
< div id = "controlbox" class = "chatbox" >
2018-01-23 09:50:54 +01:00
< div class = "flyout box-flyout" >
< div class = "controlbox-panes" >
2018-02-15 15:49:16 +01:00
< div class = "controlbox-pane" > < / div >
2018-01-23 09:50:54 +01:00
< / div >
< / div >
2014-12-07 12:24:16 +01:00
< / div >
2015-10-28 22:07:29 +01:00
2018-03-09 10:12:05 +01:00
< div class = "chatbox chatroom" id = "chatbox-4a77380f1cd9d392627b0e1469688f9ca44e9392" >
2018-01-26 14:41:06 +01:00
< div class = "flyout box-flyout" >
2018-01-27 10:07:54 +01:00
< div class = "chat-head chat-head-chatroom row no-gutters" >
2018-03-06 14:48:23 +01:00
< div class = "col" >
2018-01-27 10:07:54 +01:00
< div class = "chat-title" > Chatroom with a very long name< / div >
2018-01-26 14:41:06 +01:00
< p class = "chatroom-topic" > May the force be with you< / p >
< / div >
2018-04-24 18:22:44 +02:00
< div class = "chatbox-buttons row no-gutters" >
< a class = "chatbox-btn fa fa-minus" > < / a >
< a class = "chatbox-btn fa fa-close" > < / a >
< a class = "chatbox-btn fa fa-wrench" > < / a >
2018-01-27 10:07:54 +01:00
< / div >
2018-01-26 14:41:06 +01:00
< / div >
2018-01-23 09:50:54 +01:00
2018-03-05 16:56:20 +01:00
< div class = "chat-body chatroom-body row no-gutters" >
2018-04-25 18:19:12 +02:00
< div class = "chat-area col-md-9 col-8" >
< div class = "chat-content" >
< time class = "message chat-info chat-date badge badge-info" data-isodate = "2018-04-36T00:00:00+02:00" > Tuesday Apr 36th 2018< / time >
< div class = "message chat-info chat-event" data-isodate = "2018-04-36T18:07:36+02:00" data-join = ""jc"" > jc has entered the room< / div > < div class = "message chat-message " data-isodate = "2018-04-36T18:07:26+02:00" data-msgid = "4fb4d101-8136-4f2a-8dfb-2615896b8316" >
< canvas height = "36" width = "36" class = "avatar" > < / canvas >
< span class = "chat-msg-author chat-msg-me" > 18:07 me: < / span >
< span class = "chat-msg-content" > ee< / span >
< div class = "chat-msg-media" > < / div >
< / div >
< div class = "message chat-message" >
< canvas height = "36" width = "36" class = "avatar" > < / canvas >
< span class = "chat-msg-author chat-msg-room" > 18:50
< span class = "chat-msg-room" > luke: < / span >
< / span >
< span class = "chat-msg-content" > leia: hi :)< / span >
< / div >
< div class = "message chat-message" >
< canvas height = "36" width = "36" class = "avatar" > < / canvas >
< span class = "chat-msg-author chat-msg-room" > 19:36
< span class = "chat-msg-room" > leia: < / span >
< / span >
< span class = "chat-msg-content" > I'll be gone for a while, will be back in about an hour< / span >
< / div >
< time class = "message chat-info badge badge-info" datetime = "2013-06-04T00:00:00.000Z" > Tue Jun 04 2013< / time >
< div class = "message chat-message" >
< canvas height = "36" width = "36" class = "avatar" > < / canvas >
< span class = "chat-msg-author chat-msg-room" > 19:36
< span class = "chat-msg-room" > Obi-wan Kenobi, Jedi Master: < / span >
< / span >
< span class = "chat-msg-content" > I'll be gone for a while, will be back in about an hour< / span >
< / div >
2018-03-07 10:42:15 +01:00
2018-04-25 18:19:12 +02:00
< div class = "message chat-info chat-event" data-isodate = "2018-03-07T10:21:09+01:00" data-join = ""jcbrand"" > jcbrand has entered the room< / div >
< div class = "message chat-info chat-event" data-isodate = "2018-03-07T10:21:09+01:00" data-join = ""jcbrand"" > Topic set by jcbrand< / div >
< div class = "message chat-info chat-topic" data-isodate = "2018-03-07T10:21:09+01:00" > Converse.js: The latest release is 3.3.4. Please be
patient if your questions aren't answered immediately. We're all in different timezones.< / div >
2018-03-07 10:42:15 +01:00
2018-04-25 18:19:12 +02:00
< div class = "message chat-message" >
< canvas height = "36" width = "36" class = "avatar" > < / canvas >
< span class = "chat-msg-author chat-msg-me" > 19:42
< span class = "chat-msg-me" > me: < / span >
< / span >
< span class = "chat-msg-content" > Supercalifragilisticexpialidociousstillnotlongenough< / span >
< / div >
< div class = "message chat-message" >
< canvas height = "36" width = "36" class = "avatar" > < / canvas >
< span class = "chat-msg-author chat-msg-room" > 19:43
< span class = "chat-msg-roomme" > Obi-wan Kenobi, Jedi Master: < / span >
< / span >
< span class = "chat-msg-content" > Another message to check that scrolling works.< / span >
2018-01-26 14:41:06 +01:00
< / div >
< / div >
2018-04-25 18:19:12 +02:00
< form class = "sendXMPPMessage" >
< ul class = "chat-toolbar no-text-select" >
< li class = "toggle-smiley fa fa-smile-o" title = "Insert a smiley" > < / li >
< li class = "toggle-occupants" > < a class = "fa fa-user-times" title = "Hide the list of occupants" > < / a > < / li >
< li class = "toggle-clear" > < a class = "fa fa-eraser" title = "Clear all messages" > < / a > < / li >
< / ul >
< textarea class = "chat-textarea form-control" placeholder = "Message" > < / textarea >
< / form >
< / div >
2018-01-23 09:50:54 +01:00
2018-04-25 18:19:12 +02:00
< div class = "occupants col-md-3 col-4" >
< p class = "occupants-heading" > Occupants:< / p >
< form class = "room-invite" >
< input class = "form-control" placeholder = "Invite..." type = "text" autocomplete = "off" spellcheck = "false" dir = "auto" >
< pre aria-hidden = "true" style = "position: absolute; visibility: hidden; white-space: pre;" > < / pre >
< / form >
2018-01-23 09:50:54 +01:00
2018-04-25 18:19:12 +02:00
< ul class = "occupant-list" >
< li class = "moderator occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Admiral Ackbar< / li >
< li class = "moderator occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Padmé Amidala< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Jar Jar Binks< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-away circle" title = "Away" > < / div > C-3PO< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Chewbacca< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Count Dooku< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Boba Fett< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Jabba the Hutt< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Mara Jade< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Queen Jamillia< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Jerec< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Moff Jerjerrod< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Qui-Gon Jinn< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Captain Kael< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Kir Kanos< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Talon Karrde< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Talon Karrde< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Obi-Wan Kenobi< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Darth Maul< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Princess Leia Organa< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Emperor Palpatine< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > R2-D2< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > R5-D4< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Darth Sidious< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Anakin Skywalker< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Luke Skywalker< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Han Solo< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > TC-14< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Booster Terrik< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Mirax Terrik< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Mod Terrik< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Tessek< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Darth Vader< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Supreme Chancellor Finis Valorum< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Nahdar Vebb< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > General Maximilian Veers< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Tahiri Veila< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Asajj Ventress< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Vergere< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > King Veruna< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Vima-Da-Boda< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Quinlan Vos< / li >
< li class = "participant occupant" title = "Click to mention leia in your message." >
< div class = "occupant-status occupant-online circle" title = "Online" > < / div > Yoda< / li >
< / ul >
< div class = "chatroom-features" >
< p class = "occupants-heading" > Features< / p >
< ul class = "features-list" >
< li class = "feature" title = "Secured: This room requires a password before entry" > < span class = "fa fa-unlock" > < / span > Password required< / li >
< li class = "feature" title = "Public: This room is publicly searchable" > < span class = "fa fa-eye" > < / span > Public< / li >
< li class = "feature" title = "Open: Anyone can join this room" > < span class = "fa fa-globe" > < / span > Open< / li >
< li class = "feature" title = "Persistent: This room persists even if it's unoccupied" > < span class = "fa fa-save" > < / span > Persistent< / li >
< li class = "feature" title = "Non-anonymous: All other room occupants can see your XMPP username" > < span class = "fa fa-vcard" > < / span > Non-anonymous< / li >
< li class = "feature" title = "Unmoderated: This room is not being moderated" > < span class = "fa fa-info-circle" > < / span > Unmoderated< / li >
2018-03-05 18:43:43 +01:00
< / ul >
2018-03-05 18:37:18 +01:00
< / div >
2018-01-23 09:50:54 +01:00
< / div >
< / div >
2014-12-07 12:24:16 +01:00
< / div >
< / div >
< / div >
2018-04-25 18:19:12 +02:00
< / div >
< div id = "converse-modals" class = "modals" > < / div >
2018-01-23 09:50:54 +01:00
< / div >
2014-12-07 12:24:16 +01:00
2018-01-23 09:50:54 +01:00
< script type = "text/javascript" src = "../../node_modules/lodash/lodash.js" > < / script >
< script type = "text/javascript" src = "../../node_modules/backbone/backbone.js" > < / script >
< script type = "text/javascript" src = "../../node_modules/backbone.nativeview/backbone.nativeview.js" > < / script >
< script type = "text/javascript" src = "sidebar.js" > < / script >
< script type = "text/javascript" src = "user-panel.js" > < / script >
< script type = "text/javascript" src = "modals.js" > < / script >
< script type = "text/javascript" src = "../../node_modules/bootstrap.native/dist/bootstrap-native-v4.js" > < / script >
2014-12-07 12:24:16 +01:00
2018-01-23 09:50:54 +01:00
< script >
document.addEventListener("DOMContentLoaded", function(event) {
new Modals();
new Sidebar();
new UserPanel();
2014-12-07 12:24:16 +01:00
});
< / script >
2018-01-26 14:41:06 +01:00
< / body >
2014-12-07 12:24:16 +01:00
< / html >
