Adds notifications when a user joins/leaves or is added/removed from lastN.

.buckconfig

@@ -1,6 +0,0 @@
-
-[android]
-  target = Google Inc.:Google APIs:23
-
-[maven_repositories]
-  central = https://repo1.maven.org/maven2

.editorconfig

@@ -1,13 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-indent_size = 4
-indent_style = space
-max_line_length = 80
-trim_trailing_whitespace = true
-
-[Makefile]
-indent_style = tab

.eslintignore

@@ -1,12 +0,0 @@
-# The build artifacts of the jitsi-meet project.
-build/*
-
-# Third-party source code which we (1) do not want to modify or (2) try to
-# modify as little as possible.
-flow-typed/*
-libs/*
-
-# ESLint will by default ignore its own configuration file. However, there does
-# not seem to be a reason why we will want to risk being inconsistent with our
-# remaining JavaScript source code.
-!.eslintrc.js

.eslintrc.js

@@ -1,44 +0,0 @@
-module.exports = {
-    'env': {
-        'browser': true,
-        'commonjs': true,
-        'es6': true
-    },
-    'extends': [
-        'eslint:recommended',
-        'plugin:flowtype/recommended'
-    ],
-    'globals': {
-        // The globals that (1) are accessed but not defined within many of our
-        // files, (2) are certainly defined, and (3) we would like to use
-        // without explicitly specifying them (using a comment) inside of our
-        // files.
-        '__filename': false
-    },
-    'parser': 'babel-eslint',
-    'parserOptions': {
-        'ecmaFeatures': {
-            'experimentalObjectRestSpread': true
-        },
-        'sourceType': 'module'
-    },
-    'plugins': [
-        'flowtype'
-    ],
-    'rules': {
-        'new-cap': [
-            'error',
-            {
-                'capIsNew': false // Behave like JSHint's newcap.
-            }
-        ],
-        // While it is considered a best practice to avoid using methods on
-        // console in JavaScript that is designed to be executed in the browser
-        // and ESLint includes the rule among its set of recommended rules, (1)
-        // the general practice is to strip such calls before pushing to
-        // production and (2) we prefer to utilize console in lib-jitsi-meet
-        // (and jitsi-meet).
-        'no-console': 'off',
-        'semi': 'error'
-    }
-};

.flowconfig

@@ -1,50 +0,0 @@
-[ignore]
-; We fork some components by platform
-.*/*[.]android.js
-
-; Ignore "BUCK" generated dirs
-<PROJECT_ROOT>/\.buckd/
-
-; Ignore unexpected extra "@providesModule"
-.*/node_modules/.*/node_modules/fbjs/.*
-
-; Ignore duplicate module providers
-; For RN Apps installed via npm, "Libraries" folder is inside
-; "node_modules/react-native" but in the source repo it is in the root
-.*/Libraries/react-native/React.js
-.*/Libraries/react-native/ReactNative.js
-
-; Ignore packages in node_modules which we (i.e. the jitsi-meet project) have
-; seen to cause errors and we have chosen not to fix.
-.*/node_modules/babel-core/.*
-.*/node_modules/bower/.*
-.*/node_modules/jsonlint/.*
-
-[include]
-
-[libs]
-node_modules/react-native/Libraries/react-native/react-native-interface.js
-node_modules/react-native/flow
-flow/
-
-[options]
-module.system=haste
-
-experimental.strict_type_args=true
-
-munge_underscores=true
-
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
-
-suppress_type=$FlowIssue
-suppress_type=$FlowFixMe
-suppress_type=$FixMe
-
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-7]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-7]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
-
-unsafe.enable_getters_and_setters=true
-
-[version]
-^0.37.0

.gitattributes

@@ -1,3 +0,0 @@
-*.bundle.js -text -diff
-*.pbxproj -text
-lib-jitsi-meet.js -text -diff

.gitignore

@@ -1,68 +1 @@
-*.swp
-.*.tmp
-deploy-local.sh
-libs/
-all.css
-*css.map
-.remote-sync.json
-.sync-config.cson
-
-# The following are automatically generated by the react-native command line
-# utility (either with the init or upgrade option which pull in the latest
-# template files recommended by Facebook for React Native).
-
-# OSX
-#
-.DS_Store
-
-# Xcode
-#
-build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-project.xcworkspace
-
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
-local.properties
-*.iml
-
-# node.js
-#
-node_modules/
-npm-debug.log
-yarn-error.log
-
-# BUCK
-#
-buck-out/
-\.buckd/
-android/app/libs
-*.keystore
-
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use
-# fastlane to re-generate the screenshots whenever they are needed. For more
-# information about the recommended setup visit:
-# https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md
-#
-fastlane/report.xml
-fastlane/Preview.html
-fastlane/screenshots
+node_modules

.jshintignore

@@ -1,12 +1,6 @@
-# The following do not need to be checked because they do not represent JS
-# source code.
-build/
-debian/
-libs/
-node_modules/
-
-# The following are checked by ESLint which supersedes JSHint.
-flow-typed/
-react/
-
-analytics.js
+node_modules
+libs
+replacement.js
+prezi.js
+muc.js
+app.js

.jshintrc

@@ -1,5 +1,4 @@
 {
-    // Refer to http://jshint.com/docs/options/ for an exhaustive list of options
     "asi": false, // true: Tolerate Automatic Semicolon Insertion (no semicolons)
     "expr": true, // true: Tolerate `ExpressionStatement` as Programs
     "loopfunc": true, // true: Tolerate functions being defined in loops
@@ -13,8 +12,5 @@
     "indent": 4, // {int} Number of spaces to use for indentation
     "latedef": true, // true: Require variables/functions to be defined before being used
     "newcap": true, // true: Require capitalization of all constructor functions e.g. `new F()`
-    "maxlen": 80, // {int} Max number of characters per line
-    "latedef": false, //This option prohibits the use of a variable before it was defined
-    "laxbreak": true, //Ignore line breaks around "=", "==", "&&", etc.
-    "esnext": true //support ES2015
-}
+    "maxlen": 80    // {int} Max number of characters per line
+}

.watchmanconfig

@@ -1 +0,0 @@
-{}

404.html

@@ -1,12 +0,0 @@
-<html>
-<head>
-    <link rel="stylesheet" href="css/all.css"/>
-    <!--#include virtual="title.html" -->
-</head>
-<body>
-    <div class="error_page">
-        <h2>404 Not Found</h2>
-        <p class="error_page__message">You can create new conversation <a class="link" href="/">here</a></p>
-    </div>
-</body>
-</html>

ConferenceEvents.js

@@ -1,4 +0,0 @@
-/**
- * Notifies interested parties that hangup procedure will start.
- */
-export const BEFORE_HANGUP = "conference.before_hangup";

INSTALL.md

@@ -1,54 +1,52 @@
 # Server Installation for Jitsi Meet
 
-This describes configuring a server `jitsi.example.com` running Debian or a Debian Derivative. You will need to
+This describes configuring a server `jitsi.example.com`.  You will need to
 change references to that to match your host, and generate some passwords for
-`YOURSECRET1`, `YOURSECRET2` and `YOURSECRET3`.
+`YOURSECRET1` and `YOURSECRET2`.
 
 There are also some complete [example config files](https://github.com/jitsi/jitsi-meet/tree/master/doc/example-config-files/) available, mentioned in each section.
 
-## Install prosody
+## Install prosody and otalk modules
 ```sh
-apt-get install prosody
+apt-get install lsb-release
+echo deb http://packages.prosody.im/debian $(lsb_release -sc) main | sudo tee -a /etc/apt/sources.list
+wget --no-check-certificate https://prosody.im/files/prosody-debian-packages.key -O- | sudo apt-key add -
+apt-get update
+apt-get install prosody-trunk
+apt-get install git lua-zlib lua-sec-prosody lua-dbi-sqlite3 liblua5.1-bitop-dev liblua5.1-bitop0
+git clone https://github.com/andyet/otalk-server.git
+cd otalk-server
+cp -r mod* /usr/lib/prosody/modules
 ```
 
 ## Configure prosody
-Add config file in `/etc/prosody/conf.avail/jitsi.example.com.cfg.lua` :
-
-- add your domain virtual host section:
+Modify the config file in `/etc/prosody/prosody.cfg.lua` (see also the example config file):
 
+- modules to enable/add: compression, bosh, smacks, carbons, mam, lastactivity, offline, pubsub, adhoc, websocket, http_altconnect
+- comment out: `c2s_require_encryption = true`, and `s2s_secure_auth = false`
+- change `authentication = "internal_hashed"`
+- add this:
+```
+daemonize = true
+cross_domain_bosh = true;
+storage = {archive2 = "sql2"}
+sql = { driver = "SQLite3", database = "prosody.sqlite" }
+default_archive_policy = "roster"
+```
+- configure your domain by editing the example.com virtual host section section:
 ```
 VirtualHost "jitsi.example.com"
-    authentication = "anonymous"
-    ssl = {
-        key = "/var/lib/prosody/jitsi.example.com.key";
-        certificate = "/var/lib/prosody/jitsi.example.com.crt";
-    }
-    modules_enabled = {
-        "bosh";
-        "pubsub";
-    }
-```
-- add domain with authentication for conference focus user:
-```
-VirtualHost "auth.jitsi.example.com"
-    authentication = "internal_plain"
-```
-- add focus user to server admins:
-```
-admins = { "focus@auth.jitsi.example.com" }
+authentication = "anonymous"
+ssl = {
+    key = "/var/lib/prosody/jitsi.example.com.key";
+    certificate = "/var/lib/prosody/jitsi.example.com.crt";
+}
 ```
 - and finally configure components:
 ```
 Component "conference.jitsi.example.com" "muc"
 Component "jitsi-videobridge.jitsi.example.com"
     component_secret = "YOURSECRET1"
-Component "focus.jitsi.example.com"
-    component_secret = "YOURSECRET2"
-```
-
-Add link for the added configuration
-```sh
-ln -s /etc/prosody/conf.avail/jitsi.example.com.cfg.lua /etc/prosody/conf.d/jitsi.example.com.cfg.lua
 ```
 
 Generate certs for the domain:
@@ -56,11 +54,6 @@ Generate certs for the domain:
 prosodyctl cert generate jitsi.example.com
 ```
 
-Create conference focus user:
-```sh
-prosodyctl register focus auth.jitsi.example.com YOURSECRET3
-```
-
 Restart prosody XMPP server with the new config
 ```sh
 prosodyctl restart
@@ -71,28 +64,39 @@ prosodyctl restart
 apt-get install nginx
 ```
 
+Add nginx config for domain in `/etc/nginx/nginx.conf`:
+```
+tcp_nopush on;
+types_hash_max_size 2048;
+server_names_hash_bucket_size 64;
+```
+
 Add a new file `jitsi.example.com` in `/etc/nginx/sites-available` (see also the example config file):
 ```
-server_names_hash_bucket_size 64;
-
 server {
     listen 80;
     server_name jitsi.example.com;
     # set the root
     root /srv/jitsi.example.com;
     index index.html;
-    location ~ ^/([a-zA-Z0-9=\?]+)$ {
+    location ~ ^/([a-zA-Z0-9]+)$ {
         rewrite ^/(.*)$ / break;
     }
-    location / {
-        ssi on;
-    }
     # BOSH
     location /http-bind {
         proxy_pass      http://localhost:5280/http-bind;
         proxy_set_header X-Forwarded-For $remote_addr;
         proxy_set_header Host $http_host;
     }
+    # xmpp websockets
+    location /xmpp-websocket {
+        proxy_pass http://localhost:5280;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host $host;
+        tcp_nodelay on;
+    }
 }
 ```
 
@@ -102,6 +106,12 @@ cd /etc/nginx/sites-enabled
 ln -s ../sites-available/jitsi.example.com jitsi.example.com
 ```
 
+## Fix firewall if needed
+```sh
+ufw allow 80
+ufw allow 5222
+```
+
 ## Install Jitsi Videobridge
 ```sh
 wget https://download.jitsi.org/jitsi-videobridge/linux/jitsi-videobridge-linux-{arch-buildnum}.zip
@@ -113,8 +123,6 @@ Install JRE if missing:
 apt-get install default-jre
 ```
 
-_NOTE: When installing on older Debian releases keep in mind that you need JRE >= 1.7._
-
 In the user home that will be starting Jitsi Videobridge create `.sip-communicator` folder and add the file `sip-communicator.properties` with one line in it:
 ```
 org.jitsi.impl.neomedia.transform.srtp.SRTPCryptoContext.checkReplay=false
@@ -129,40 +137,12 @@ Or autostart it by adding the line in `/etc/rc.local`:
 /bin/bash /root/jitsi-videobridge-linux-{arch-buildnum}/jvb.sh --host=localhost --domain=jitsi.example.com --port=5347 --secret=YOURSECRET1 </dev/null >> /var/log/jvb.log 2>&1
 ```
 
-## Install Jitsi Conference Focus (jicofo)
-
-Install JDK and Maven if missing:
-```
-apt-get install default-jdk maven
-```
-
-_NOTE: When installing on older Debian releases keep in mind that you need JDK >= 1.7._
-
-Clone source from Github repo:
-```sh
-git clone https://github.com/jitsi/jicofo.git
-```
-Build distribution package. Replace {os-name} with one of: 'lin', 'lin64', 'macosx', 'win', 'win64'.
-```sh
-cd jicofo
-mvn package -DskipTests -Dassembly.skipAssembly=false
-```
-Run jicofo:
-```sh
-=======
-unzip target/jicofo-{os-name}-1.0-SNAPSHOT.zip
-cd jicofo-{os-name}-1.0-SNAPSHOT'
-./jicofo.sh --host=localhost --domain=jitsi.example.com --secret=YOURSECRET2 --user_domain=auth.jitsi.example.com --user_name=focus --user_password=YOURSECRET3
-```
-
 ## Deploy Jitsi Meet
 Checkout and configure Jitsi Meet:
 ```sh
 cd /srv
 git clone https://github.com/jitsi/jitsi-meet.git
 mv jitsi-meet/ jitsi.example.com
-npm install
-make
 ```
 
 Edit host names in `/srv/jitsi.example.com/config.js` (see also the example config file):
@@ -171,11 +151,11 @@ var config = {
     hosts: {
         domain: 'jitsi.example.com',
         muc: 'conference.jitsi.example.com',
-        bridge: 'jitsi-videobridge.jitsi.example.com',
-        focus: 'focus.jitsi.example.com'
+        bridge: 'jitsi-videobridge.jitsi.example.com'
     },
     useNicks: false,
     bosh: '//jitsi.example.com/http-bind', // FIXME: use xep-0156 for that
+    desktopSharing: 'false' // Desktop sharing method. Can be set to 'ext', 'webrtc' or false to disable.
     //chromeExtensionId: 'diibjkoicjeejcmhdnailmkgecihlobk', // Id of desktop streamer Chrome extension
     //minChromeExtVersion: '0.1' // Required version of Chrome extension
 };
@@ -186,10 +166,56 @@ Restart nginx to get the new configuration:
 invoke-rc.d nginx restart
 ```
 
-## Running behind NAT
-Jitsi-Videobridge can run behind a NAT, provided that all required ports are routed (forwarded) to the machine that it runs on. By default these ports are (TCP/443 or TCP/4443 and UDP 10000-20000).
 
-The following extra lines need to be added the file `~/.sip-communicator/sip-communicator.properties` (in the home directory of the user running the videobridge):
+## Install [Turn server](https://github.com/andyet/otalk-server/tree/master/restund)
+```sh
+apt-get install make gcc
+wget http://creytiv.com/pub/re-0.4.7.tar.gz
+tar zxvf re-0.4.7.tar.gz
+ln -s re-0.4.7 re
+cd re-0.4.7
+sudo make install PREFIX=/usr
+cd ..
+wget http://creytiv.com/pub/restund-0.4.2.tar.gz
+wget https://raw.github.com/andyet/otalk-server/master/restund/restund-auth.patch
+tar zxvf restund-0.4.2.tar.gz
+cd restund-0.4.2/
+patch -p1 < ../restund-auth.patch
+sudo make install PREFIX=/usr
+cp debian/restund.init /etc/init.d/restund
+chmod +x /etc/init.d/restund
+cd /etc
+wget https://raw.github.com/andyet/otalk-server/master/restund/restund.conf
+```
+
+Configure addresses and ports as desired, and the password to be configured in prosody:
+```
+realm           jitsi.example.com
+# share this with your prosody server
+auth_shared     YOURSECRET2
+
+# modules
+module_path     /usr/lib/restund/modules
+turn_relay_addr [turn ip address]
+```
+
+Configure prosody to use it in `/etc/prosody/prosody.cfg.lua`.  Add to your virtual host:
+```
+turncredentials_secret = "YOURSECRET2";
+turncredentials = {
+    { type = "turn", host = "turn.address.ip.configured", port = 3478, transport = "tcp" }
+}
+```
+
+Add turncredentials module in the "modules_enabled" section
+
+Reload prosody if needed
+```
+prosodyctl restart
+```
+
+## Running behind NAT
+In case of videobridge being installed on a machine behind NAT, add the following extra lines to the file `~/.sip-communicator/sip-communicator.properties` (in the home of user running the videobridge):
 ```
 org.jitsi.videobridge.NAT_HARVESTER_LOCAL_ADDRESS=<Local.IP.Address>
 org.jitsi.videobridge.NAT_HARVESTER_PUBLIC_ADDRESS=<Public.IP.Address>
@@ -226,4 +252,4 @@ enableRecording: true
 
 Restart jitsi-videobridge and start a new conference (making sure that the page
 is reloaded with the new config.js) -- the organizer of the conference should
-now have a "recording" button in the floating menu, near the "mute" button.
+now have a "recoriding" button in the floating menu, near the "mute" button.

LICENSE

@@ -1,219 +1,21 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
-   
-   
-
-Note:
-
-This project was originally contributed to the community under the MIT license and with the following notice:
-
 The MIT License (MIT)
 
-Copyright (c) 2013 ESTOS GmbH 
+Copyright (c) 2013 ESTOS GmbH
 Copyright (c) 2013 BlueJimp SARL
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Makefile

@@ -1,61 +0,0 @@
-BUILD_DIR = build
-CLEANCSS = ./node_modules/.bin/cleancss
-DEPLOY_DIR = libs
-LIBJITSIMEET_DIR = node_modules/lib-jitsi-meet/
-NODE_SASS = ./node_modules/.bin/node-sass
-NPM = npm
-OUTPUT_DIR = .
-STYLES_BUNDLE = css/all.bundle.css
-STYLES_DESTINATION = css/all.css
-STYLES_MAIN = css/main.scss
-WEBPACK = ./node_modules/.bin/webpack
-
-all: update-deps compile deploy clean
-
-# FIXME: there is a problem with node-sass not correctly installed (compiled)
-# a quick fix to make sure it is installed on every update
-# the problem appears on linux and not on macosx
-update-deps:
-	$(NPM) update && $(NPM) install node-sass
-
-compile:
-	$(WEBPACK) -p
-
-clean:
-	rm -fr $(BUILD_DIR)
-
-deploy: deploy-init deploy-appbundle deploy-lib-jitsi-meet deploy-css deploy-local
-
-deploy-init:
-	mkdir -p $(DEPLOY_DIR)
-
-deploy-appbundle:
-	cp \
-		$(BUILD_DIR)/app.bundle.min.js \
-		$(BUILD_DIR)/app.bundle.min.map \
-		$(BUILD_DIR)/external_api.min.js \
-		$(BUILD_DIR)/external_api.min.map \
-		$(OUTPUT_DIR)/analytics.js \
-		$(DEPLOY_DIR)
-
-deploy-lib-jitsi-meet:
-	cp \
-		$(LIBJITSIMEET_DIR)/lib-jitsi-meet.min.js \
-		$(LIBJITSIMEET_DIR)/lib-jitsi-meet.min.map \
-		$(LIBJITSIMEET_DIR)/connection_optimization/external_connect.js \
-		$(DEPLOY_DIR)
-
-deploy-css:
-	$(NODE_SASS) $(STYLES_MAIN) $(STYLES_BUNDLE) && \
-	$(CLEANCSS) $(STYLES_BUNDLE) > $(STYLES_DESTINATION) ; \
-	rm $(STYLES_BUNDLE)
-
-deploy-local:
-	([ ! -x deploy-local.sh ] || ./deploy-local.sh)
-
-source-package:
-	mkdir -p source_package/jitsi-meet/css && \
-	cp -r *.js *.html connection_optimization favicon.ico fonts images libs sounds LICENSE lang source_package/jitsi-meet && \
-	cp css/all.css source_package/jitsi-meet/css && \
-	(cd source_package ; tar cjf ../jitsi-meet.tar.bz2 jitsi-meet) && \
-	rm -rf source_package

README.md

@@ -1,98 +1,22 @@
-# Jitsi Meet - Secure, Simple and Scalable Video Conferences
-
-Jitsi Meet is an open-source (Apache) WebRTC JavaScript application that uses [Jitsi Videobridge](https://jitsi.org/videobridge) to provide high quality, scalable video conferences. You can see [Jitsi Meet in action](http://youtu.be/7vFUVClsNh0) here at the session #482 of the VoIP Users Conference.
+Jitsi Meet - Secure, Simple and Scalable Video Conferences 
+====
+Jitsi Meet is an OpenSource (MIT) WebRTC JavaScript application that uses [Jitsi Videobridge](https://jitsi.org/videobridge) to provide high quality, scalable video conferences. You can see [Jitsi Meet in action](http://youtu.be/7vFUVClsNh0) here at the 482 session of the VoIP Users Conference.
 
 You can also try it out yourself at https://meet.jit.si .
 
-Jitsi Meet allows for very efficient collaboration. It allows users to stream their desktop or only some windows. It also supports shared document editing with Etherpad.
+Jitsi Meet allows for very efficient collaboration. It allows users to stream their desktop or only some windows. It also supports shared document editing with Etherpad and remote presentations with Prezi. 
 
-## Installation
+## Install
 
-Installing Jitsi Meet is quite a simple experience. For Debian-based systems, we recommend following the [quick-install](https://github.com/jitsi/jitsi-meet/blob/master/doc/quick-install.md) document, which uses the package system.
+Installing Jitsi Meet is quite a simple experience even though it requires installing a few other components first, such as Jitsi Videobridge, a web server such as Nginx and an XMPP one like Prosody.
 
-For other systems, or if you wish to install all components manually, see the [detailed manual installation instructions](https://github.com/jitsi/jitsi-meet/blob/master/doc/manual-install.md).
+You can find information on how to deploy Jitsi Meet in the [installation instructions](https://jitsi.org/meet/deploy)
 
-## Download
-
-You can download Debian/Ubuntu binaries:
-* [stable](https://download.jitsi.org/stable/) ([instructions](https://jitsi.org/Main/InstallJitsiMeetDebianStableRepository))
-* [testing](https://download.jitsi.org/testing/) ([instructions](https://jitsi.org/Main/InstallJitsiMeetDebianTestingRepository))
-* [nightly](https://download.jitsi.org/unstable/) ([instructions](https://jitsi.org/Main/InstallJitsiMeetDebianNightlyRepository))
-
-## Building the sources
-
-Jitsi Meet uses [Browserify](http://browserify.org). If you want to make changes in the code you need to [install Browserify](http://browserify.org/#install). Browserify requires [nodejs](http://nodejs.org).
-
-On Debian/Ubuntu systems, the required packages can be installed with:
-```
-sudo apt-get install npm nodejs-legacy
-cd jitsi-meet
-npm install
-```
-
-To build the Jitsi Meet application, just type
-```
-make
-```
-
-## Working with the library sources (lib-jitsi-meet)
-
-By default the library is build from its git repository sources. The default dependency path in package.json is :
-```json
-"lib-jitsi-meet": "jitsi/lib-jitsi-meet",
-```
-
-To work with local copy you must change the path to:
-```json
-"lib-jitsi-meet": "file:///Users/name/local-lib-jitsi-meet-copy",
-```
-
-To make the project you must force it to take the sources as 'npm update' will not do it.
-```
-npm install lib-jitsi-meet --force && make
-```
-
-Or if you are making only changes to the library:
-```
-npm install lib-jitsi-meet --force && make deploy-lib-jitsi-meet
-```
-
-Alternative way is to use [npm link](https://docs.npmjs.com/cli/link).
-It allows to link `lib-jitsi-meet` dependency to local source in few steps:
-
-```bash
-cd lib-jitsi-meet
-
-# create global symlink for lib-jitsi-meet package
-npm link
-
-cd ../jitsi-meet
-
-# create symlink from the local node_modules folder to the global lib-jitsi-meet symlink
-npm link lib-jitsi-meet
-```
-
-So now after changes in local `lib-jitsi-meet` repository you can rebuild it with `npm run install` and your `jitsi-meet` repository will use that modified library.
-Note: when using node version 4.x, the make file of jitsi-meet do npm update which will delete the link, no longer the case with version 6.x.
-
-If you do not want to use local repository anymore you should run
-```bash
-cd jitsi-meet
-npm unlink lib-jitsi-meet
-npm install
-```
-
-## Embedding in external applications
-
-Jitsi Meet provides a very flexible way of embedding it in external applications by using the [Jitsi Meet API](doc/api.md).
-
-## Mobile app
-Jitsi Meet is also available as a React Native application for Android and iOS.
-Instructions on how to build it can be  found [here](doc/mobile.md).
+You may also find it helpful to have a look at our sample [config files](https://github.com/jitsi/jitsi-meet/tree/master/doc/example-config-files/) 
 
 ## Discuss
-Please use the [Jitsi dev mailing list](http://lists.jitsi.org/pipermail/dev/) to discuss feature requests before opening an issue on Github.
+Please use the [Jitsi dev mailing list](http://lists.jitsi.org/pipermail/dev/) to discuss feature requests before opening an issue on github. 
 
 ## Acknowledgements
 
-Jitsi Meet started out as a sample conferencing application using Jitsi Videobridge. It was originally developed by then ESTOS' developer Philipp Hancke who then contributed it to the community where development continues with joint forces!
+Jitsi Meet started out as a sample conferencing application using Jitsi Videobridge. It was originally developed by Philipp Hancke who then contributed it to the community where development continues with joint forces! 

analytics.js

@@ -1,33 +1,8 @@
-/* global ga */
-
-(function (ctx) {
-  function Analytics() {
-    /* eslint-disable */
-
-    /**
-     * Google Analytics
-     */
-    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-    ga('create', 'UA-319188-14', 'jit.si');
-    ga('send', 'pageview');
-
-    /* eslint-enable */
-  }
-
-  Analytics.prototype.sendEvent = function (action, data) {
-    // empty label if missing value for it and add the value,
-    // the value should be integer or null
-    var value = data.value;
-    value = value? Math.round(parseFloat(value)) : null;
-    var label = data.label || "";
-
-    ga('send', 'event', 'jit.si',
-        action + '.' + data.browserName, label, value);
-  };
-
-  if(typeof ctx.analyticsHandlers === "undefined")
-    ctx.analyticsHandlers = [];
-  ctx.analyticsHandlers.push(Analytics);
-}(window));
+/**
+ * Google Analytics
+ */
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+             (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+        ga('create', 'UA-319188-14', 'jit.si');
+        ga('send', 'pageview');

android/app/BUCK

@@ -1,66 +0,0 @@
-import re
-
-# To learn about Buck see [Docs](https://buckbuild.com/).
-# To run your application with Buck:
-# - install Buck
-# - `npm start` - to start the packager
-# - `cd android`
-# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
-# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
-# - `buck install -r android/app` - compile, install and run application
-#
-
-lib_deps = []
-for jarfile in glob(['libs/*.jar']):
-  name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile)
-  lib_deps.append(':' + name)
-  prebuilt_jar(
-    name = name,
-    binary_jar = jarfile,
-  )
-
-for aarfile in glob(['libs/*.aar']):
-  name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile)
-  lib_deps.append(':' + name)
-  android_prebuilt_aar(
-    name = name,
-    aar = aarfile,
-  )
-
-android_library(
-  name = 'all-libs',
-  exported_deps = lib_deps
-)
-
-android_library(
-  name = 'app-code',
-  srcs = glob([
-    'src/main/java/**/*.java',
-  ]),
-  deps = [
-    ':all-libs',
-    ':build_config',
-    ':res',
-  ],
-)
-
-android_build_config(
-  name = 'build_config',
-  package = 'org.jitsi.meet',
-)
-
-android_resource(
-  name = 'res',
-  res = 'src/main/res',
-  package = 'org.jitsi.meet',
-)
-
-android_binary(
-  name = 'app',
-  package_type = 'debug',
-  manifest = 'src/main/AndroidManifest.xml',
-  keystore = '//android/keystores:debug',
-  deps = [
-    ':app-code',
-  ],
-)

android/app/build.gradle

@@ -1,158 +0,0 @@
-apply plugin: 'com.android.application'
-
-import com.android.build.OutputFile
-
-/**
- * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
- * and bundleReleaseJsAndAssets).
- * These basically call `react-native bundle` with the correct arguments during the Android build
- * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
- * bundle directly from the development server. Below you can see all the possible configurations
- * and their defaults. If you decide to add a configuration block, make sure to add it before the
- * `apply from: "../../node_modules/react-native/react.gradle"` line.
- *
- * project.ext.react = [
- *   // the name of the generated asset file containing your JS bundle
- *   bundleAssetName: "index.android.bundle",
- *
- *   // the entry file for bundle generation
- *   entryFile: "index.android.js",
- *
- *   // whether to bundle JS and assets in debug mode
- *   bundleInDebug: false,
- *
- *   // whether to bundle JS and assets in release mode
- *   bundleInRelease: true,
- *
- *   // whether to bundle JS and assets in another build variant (if configured).
- *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
- *   // The configuration property can be in the following formats
- *   //         'bundleIn${productFlavor}${buildType}'
- *   //         'bundleIn${buildType}'
- *   // bundleInFreeDebug: true,
- *   // bundleInPaidRelease: true,
- *   // bundleInBeta: true,
- *
- *   // the root of your project, i.e. where "package.json" lives
- *   root: "../../",
- *
- *   // where to put the JS bundle asset in debug mode
- *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
- *
- *   // where to put the JS bundle asset in release mode
- *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in debug mode
- *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in release mode
- *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
- *
- *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
- *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
- *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
- *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
- *   // for example, you might want to remove it from here.
- *   inputExcludes: ["android/**", "ios/**"],
- *
- *   // override which node gets called and with what additional arguments
- *   nodeExecutableAndArgs: ["node"]
- *
- *   // supply additional arguments to the packager
- *   extraPackagerArgs: []
- * ]
- */
-
-apply from: '../../node_modules/react-native/react.gradle'
-
-/**
- * Set this to true to create two separate APKs instead of one:
- *   - An APK that only works on ARM devices
- *   - An APK that only works on x86 devices
- * The advantage is the size of the APK is reduced by about 4MB.
- * Upload all the APKs to the Play Store and people will download
- * the correct one based on the CPU architecture of their device.
- */
-def enableSeparateBuildPerCPUArchitecture = false
-
-/**
- * Run Proguard to shrink the Java bytecode in release builds.
- */
-def enableProguardInReleaseBuilds = false
-
-android {
-    compileSdkVersion 23
-    buildToolsVersion '23.0.1'
-
-    defaultConfig {
-        applicationId 'org.jitsi.meet'
-        minSdkVersion 16
-        targetSdkVersion 22
-        versionCode Integer.parseInt("${version}")
-        versionName "1.2.${version}"
-        ndk {
-            abiFilters 'armeabi-v7a', 'x86'
-        }
-        packagingOptions {
-            // The project react-native does not provide 64-bit binaries at the
-            // time of this writing. Unfortunately, packaging any 64-bit
-            // binaries into the .apk will crash the app at runtime on 64-bit
-            // platforms.
-            exclude 'lib/x86_64/libjingle_peerconnection_so.so'
-            exclude 'lib/arm64-v8a/libjingle_peerconnection_so.so'
-        }
-    }
-    splits {
-        abi {
-            reset()
-            enable enableSeparateBuildPerCPUArchitecture
-            universalApk false  // If true, also generate a universal APK
-            include 'armeabi-v7a', 'x86'
-        }
-    }
-    buildTypes {
-        release {
-            minifyEnabled enableProguardInReleaseBuilds
-            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
-        }
-    }
-    // applicationVariants are e.g. debug, release
-    applicationVariants.all { variant ->
-        variant.outputs.each { output ->
-            // For each separate APK per architecture, set a unique version code as described here:
-            // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
-            def versionCodes = ['armeabi-v7a':1, 'x86':2]
-            def abi = output.getFilter(OutputFile.ABI)
-            if (abi != null) {  // null for the universal-debug, universal-release variants
-                output.versionCodeOverride =
-                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
-            }
-        }
-    }
-}
-
-if (project.hasProperty('JITSI_SIGNING')
-        && new File(project.property('JITSI_SIGNING')).exists()) {
-    apply from: project.property('JITSI_SIGNING');
-}
-
-dependencies {
-    compile project(':react-native-immersive')
-    compile project(':react-native-keep-awake')
-    compile project(':react-native-vector-icons')
-    compile project(':react-native-webrtc')
-    compile fileTree(dir: 'libs', include: ['*.jar'])
-    compile 'com.android.support:appcompat-v7:23.0.1'
-    compile 'com.facebook.react:react-native:+'  // From node_modules
-}
-
-apply from: '../../node_modules/react-native-vector-icons/fonts.gradle'
-
-// Run this once to be able to run the application with BUCK
-// puts all compile dependencies into folder libs for BUCK to use
-task copyDownloadableDepsToLibs(type: Copy) {
-    from configurations.compile
-    into 'libs'
-}

android/app/proguard-rules.pro

@@ -1,66 +0,0 @@
-# Add project specific ProGuard rules here.
-# By default, the flags in this file are appended to flags specified
-# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
-# You can edit the include path and order by changing the proguardFiles
-# directive in build.gradle.
-#
-# For more details, see
-#   http://developer.android.com/guide/developing/tools/proguard.html
-
-# Add any project specific keep options here:
-
-# If your project uses WebView with JS, uncomment the following
-# and specify the fully qualified class name to the JavaScript interface
-# class:
-#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
-#   public *;
-#}
-
-# Disabling obfuscation is useful if you collect stack traces from production crashes
-# (unless you are using a system that supports de-obfuscate the stack traces).
--dontobfuscate
-
-# React Native
-
-# Keep our interfaces so they can be used by other ProGuard rules.
-# See http://sourceforge.net/p/proguard/bugs/466/
--keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
--keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
--keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip
-
-# Do not strip any method/class that is annotated with @DoNotStrip
--keep @com.facebook.proguard.annotations.DoNotStrip class *
--keep @com.facebook.common.internal.DoNotStrip class *
--keepclassmembers class * {
-    @com.facebook.proguard.annotations.DoNotStrip *;
-    @com.facebook.common.internal.DoNotStrip *;
-}
-
--keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
-  void set*(***);
-  *** get*();
-}
-
--keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }
--keep class * extends com.facebook.react.bridge.NativeModule { *; }
--keepclassmembers,includedescriptorclasses class * { native <methods>; }
--keepclassmembers class *  { @com.facebook.react.uimanager.UIProp <fields>; }
--keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactProp <methods>; }
--keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactPropGroup <methods>; }
-
--dontwarn com.facebook.react.**
-
-# okhttp
-
--keepattributes Signature
--keepattributes *Annotation*
--keep class okhttp3.** { *; }
--keep interface okhttp3.** { *; }
--dontwarn okhttp3.**
-
-# okio
-
--keep class sun.misc.Unsafe { *; }
--dontwarn java.nio.file.*
--dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
--dontwarn okio.**

android/app/src/main/AndroidManifest.xml

@@ -1,58 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="org.jitsi.meet"
-    android:versionCode="1"
-    android:versionName="1.0">
-
-    <!-- XXX: ACCESS_NETWORK_STATE is required by WebRTC. -->
-    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
-    <uses-permission android:name="android.permission.BLUETOOTH" />
-    <uses-permission android:name="android.permission.CAMERA" />
-    <uses-permission android:name="android.permission.INTERNET" />
-    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
-    <uses-permission android:name="android.permission.RECORD_AUDIO" />
-    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-
-    <uses-feature android:name="android.hardware.camera" />
-    <uses-feature android:name="android.hardware.camera.autofocus"/>
-
-    <uses-sdk
-        android:minSdkVersion="19"
-        android:targetSdkVersion="23" />
-
-    <application
-      android:allowBackup="true"
-      android:icon="@mipmap/ic_launcher"
-      android:label="@string/app_name"
-      android:name=".MainApplication"
-      android:theme="@style/AppTheme">
-      <activity
-        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
-        android:label="@string/app_name"
-        android:launchMode="singleTask"
-        android:name=".MainActivity">
-        <intent-filter>
-            <action android:name="android.intent.action.MAIN" />
-            <category android:name="android.intent.category.LAUNCHER" />
-        </intent-filter>
-        <intent-filter>
-            <action android:name="android.intent.action.VIEW" />
-            <category android:name="android.intent.category.BROWSABLE" />
-            <category android:name="android.intent.category.DEFAULT" />
-            <data android:host="beta.hipchat.me" android:scheme="https" />
-            <data android:host="beta.meet.jit.si" android:scheme="https" />
-            <data android:host="chaos.hipchat.me" android:scheme="https" />
-            <data android:host="enso.me" android:scheme="https" />
-            <data android:host="hipchat.me" android:scheme="https" />
-            <data android:host="meet.jit.si" android:scheme="https" />
-        </intent-filter>
-        <intent-filter>
-            <action android:name="android.intent.action.VIEW" />
-            <category android:name="android.intent.category.BROWSABLE" />
-            <category android:name="android.intent.category.DEFAULT" />
-            <data android:scheme="org.jitsi.meet" />
-        </intent-filter>
-      </activity>
-      <activity
-        android:name="com.facebook.react.devsupport.DevSettingsActivity" />
-    </application>
-</manifest>

android/app/src/main/java/org/jitsi/meet/MainActivity.java

@@ -1,46 +0,0 @@
-package org.jitsi.meet;
-
-import com.facebook.react.ReactActivity;
-import com.facebook.react.ReactActivityDelegate;
-import com.facebook.react.ReactRootView;
-
-public class MainActivity extends ReactActivity {
-    /**
-     * {@inheritDoc}
-     *
-     * Overrides {@link ReactActivity#createRootActivityDelegate()} to customize
-     * the {@link ReactRootView} with a background color that is in accord with
-     * the JavaScript and iOS parts of the application and causes less perceived
-     * visual flicker than the default background color.
-     */
-    @Override
-    protected ReactActivityDelegate createReactActivityDelegate() {
-        return new ReactActivityDelegate(this, getMainComponentName()) {
-            /**
-             * {@inheritDoc}
-             *
-             * Overrides {@link ReactActivityDelegate#createRootView()} to
-             * customize the {@link ReactRootView} with a background color that
-             * is in accord with the JavaScript and iOS parts of the application
-             * and causes less perceived visual flicker than the default
-             * background color.
-             */
-            @Override
-            protected ReactRootView createRootView() {
-                ReactRootView rootView = super.createRootView();
-
-                rootView.setBackgroundColor(0xFF111111);
-                return rootView;
-            }
-        };
-    }
-
-    /**
-     * Returns the name of the main component registered from JavaScript.
-     * This is used to schedule rendering of the component.
-     */
-    @Override
-    protected String getMainComponentName() {
-        return "App";
-    }
-}

android/app/src/main/java/org/jitsi/meet/MainApplication.java

@@ -1,63 +0,0 @@
-package org.jitsi.meet;
-
-import android.app.Application;
-
-import com.facebook.react.ReactApplication;
-import com.facebook.react.ReactNativeHost;
-import com.facebook.react.ReactPackage;
-import com.facebook.soloader.SoLoader;
-
-import java.util.Arrays;
-import java.util.List;
-
-public class MainApplication extends Application implements ReactApplication {
-    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
-        /**
-         * {@inheritDoc}
-         */
-        @Override
-        public boolean getUseDeveloperSupport() {
-            return BuildConfig.DEBUG;
-        }
-
-        /**
-         * {@inheritDoc}
-         */
-        @Override
-        protected List<ReactPackage> getPackages() {
-            return Arrays.<ReactPackage>asList(
-                new com.corbt.keepawake.KCKeepAwakePackage(),
-                new com.facebook.react.shell.MainReactPackage(),
-                new com.oblador.vectoricons.VectorIconsPackage(),
-                new com.oney.WebRTCModule.WebRTCModulePackage(),
-                new com.rnimmersive.RNImmersivePackage(),
-                new org.jitsi.meet.audiomode.AudioModePackage()
-            );
-        }
-    };
-
-    /**
-     * {@inheritDoc}
-     */
-    @Override
-    public ReactNativeHost getReactNativeHost() {
-        return mReactNativeHost;
-    }
-
-    /**
-     * {@inheritDoc}
-     */
-    @Override
-    public void onCreate() {
-        super.onCreate();
-
-        SoLoader.init(this, /* native exopackage */ false);
-
-        if (!getReactNativeHost()
-                .getReactInstanceManager()
-                    .getDevSupportManager()
-                        .getDevSupportEnabled()) {
-            // TODO Auto-generated method stub
-        }
-    }
-}

android/app/src/main/java/org/jitsi/meet/audiomode/AudioModeModule.java

@@ -1,322 +0,0 @@
-package org.jitsi.meet.audiomode;
-
-import android.annotation.TargetApi;
-import android.content.BroadcastReceiver;
-import android.content.Context;
-import android.content.Intent;
-import android.content.IntentFilter;
-import android.media.AudioDeviceInfo;
-import android.media.AudioManager;
-import android.os.Build;
-import android.os.Handler;
-import android.os.Looper;
-import android.util.Log;
-
-import com.facebook.react.bridge.Promise;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-
-import java.util.HashMap;
-import java.util.Map;
-
-/**
- * Module implementing a simple API to select the appropriate audio device for a
- * conference call.
- *
- * Audio calls should use <tt>AudioModeModule.AUDIO_CALL</tt>, which uses the
- * builtin earpiece, wired headset or bluetooth headset. The builtin earpiece is
- * the default audio device.
- *
- * Video calls should should use <tt>AudioModeModule.VIDEO_CALL</tt>, which uses
- * the builtin speaker, earpiece, wired headset or bluetooth headset. The
- * builtin speaker is the default audio device.
- *
- * Before a call has started and after it has ended the
- * <tt>AudioModeModule.DEFAULT</tt> mode should be used.
- */
-public class AudioModeModule extends ReactContextBaseJavaModule {
-    /**
-     * Constants representing the audio mode.
-     * - DEFAULT: Used before and after every call. It represents the default
-     *   audio routing scheme.
-     * - AUDIO_CALL: Used for audio only calls. It will use the earpiece by
-     *   default, unless a wired or Bluetooth headset is connected.
-     * - VIDEO_CALL: Used for video calls. It will use the speaker by default,
-     *   unless a wired or Bluetooth headset is connected.
-     */
-    private static final int DEFAULT    = 0;
-    private static final int AUDIO_CALL = 1;
-    private static final int VIDEO_CALL = 2;
-
-    /**
-     *
-     */
-    private static final String ACTION_HEADSET_PLUG
-        = (Build.VERSION.SDK_INT >= 21)
-            ? AudioManager.ACTION_HEADSET_PLUG
-            : Intent.ACTION_HEADSET_PLUG;
-
-    /**
-     * React Native module name.
-     */
-    private static final String MODULE_NAME = "AudioMode";
-
-    /**
-     * Tag used when logging messages.
-     */
-    static final String TAG = MODULE_NAME;
-
-    /**
-     * {@link AudioManager} instance used to interact with the Android audio
-     * subsystem.
-     */
-    private final AudioManager audioManager;
-
-    /**
-     * {@link BluetoothHeadsetMonitor} for detecting Bluetooth device changes in
-     * old (< M) Android versions.
-     */
-    private BluetoothHeadsetMonitor bluetoothHeadsetMonitor;
-
-    /**
-     * {@link Handler} for running all operations on the main thread.
-     */
-    private final Handler mainThreadHandler
-        = new Handler(Looper.getMainLooper());
-
-    /**
-     * {@link Runnable} for running update operation on the main thread.
-     */
-    private final Runnable mainThreadRunner
-        = new Runnable() {
-            @Override
-            public void run() {
-                if (mode != -1) {
-                    updateAudioRoute(mode);
-                }
-            }
-        };
-
-    /**
-     * Audio mode currently in use.
-     */
-    private int mode = -1;
-
-    /**
-     * Initializes a new module instance. There shall be a single instance of
-     * this module throughout the lifetime of the application.
-     *
-     * @param reactContext the {@link ReactApplicationContext} where this module
-     * is created.
-     */
-    public AudioModeModule(ReactApplicationContext reactContext) {
-        super(reactContext);
-
-        audioManager
-            = (AudioManager)
-                reactContext.getSystemService(Context.AUDIO_SERVICE);
-
-        // Setup runtime device change detection.
-        setupAudioRouteChangeDetection();
-    }
-
-    /**
-     * Gets a mapping with the constants this module is exporting.
-     *
-     * @return a {@link Map} mapping the constants to be exported with their
-     * values.
-     */
-    @Override
-    public Map<String, Object> getConstants() {
-        Map<String, Object> constants = new HashMap<>();
-
-        constants.put("AUDIO_CALL", AUDIO_CALL);
-        constants.put("DEFAULT", DEFAULT);
-        constants.put("VIDEO_CALL", VIDEO_CALL);
-
-        return constants;
-    }
-
-    /**
-     * Gets the name for this module, to be used in the React Native bridge.
-     *
-     * @return a string with the module name.
-     */
-    @Override
-    public String getName() {
-        return MODULE_NAME;
-    }
-
-    /**
-     * Helper method to trigger an audio route update when devices change. It
-     * makes sure the operation is performed on the main thread.
-     */
-    void onAudioDeviceChange() {
-        mainThreadHandler.post(mainThreadRunner);
-    }
-
-    /**
-     * Helper method to set the output route to a Bluetooth device.
-     *
-     * @param enabled true if Bluetooth should use used, false otherwise.
-     */
-    private void setBluetoothAudioRoute(boolean enabled) {
-        if (enabled) {
-            audioManager.startBluetoothSco();
-            audioManager.setBluetoothScoOn(true);
-        } else {
-            audioManager.setBluetoothScoOn(false);
-            audioManager.stopBluetoothSco();
-        }
-    }
-
-    /**
-     * Public method to set the current audio mode.
-     *
-     * @param mode the desired audio mode.
-     * @param promise a {@link Promise} which will be resolved if the audio mode
-     * could be updated successfully, and it will be rejected otherwise.
-     */
-    @ReactMethod
-    public void setMode(final int mode, final Promise promise) {
-        if (mode != DEFAULT && mode != AUDIO_CALL && mode != VIDEO_CALL) {
-            promise.reject("setMode", "Invalid audio mode " + mode);
-            return;
-        }
-
-        Runnable r = new Runnable() {
-            @Override
-            public void run() {
-                if (updateAudioRoute(mode)) {
-                    AudioModeModule.this.mode = mode;
-                    promise.resolve(null);
-                } else {
-                    promise.reject(
-                            "setMode",
-                            "Failed to set the requested audio mode");
-                }
-            }
-        };
-        mainThreadHandler.post(r);
-    }
-
-    /**
-     * Setup the audio route change detection mechanism. We use the
-     * {@link android.media.AudioDeviceCallback} API on Android >= 23 only.
-     */
-    private void setupAudioRouteChangeDetection() {
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-            setupAudioRouteChangeDetectionM();
-        } else {
-            setupAudioRouteChangeDetectionPreM();
-        }
-    }
-
-    /**
-     * Audio route change detection mechanism for Android API >= 23.
-     */
-    @TargetApi(Build.VERSION_CODES.M)
-    private void setupAudioRouteChangeDetectionM() {
-        android.media.AudioDeviceCallback audioDeviceCallback =
-                new android.media.AudioDeviceCallback() {
-                    @Override
-                    public void onAudioDevicesAdded(
-                            AudioDeviceInfo[] addedDevices) {
-                        Log.d(TAG, "Audio devices added");
-                        onAudioDeviceChange();
-                    }
-
-                    @Override
-                    public void onAudioDevicesRemoved(
-                            AudioDeviceInfo[] removedDevices) {
-                        Log.d(TAG, "Audio devices removed");
-                        onAudioDeviceChange();
-                    }
-                };
-
-        audioManager.registerAudioDeviceCallback(audioDeviceCallback, null);
-    }
-
-    /**
-     * Audio route change detection mechanism for Android API < 23.
-     */
-    private void setupAudioRouteChangeDetectionPreM() {
-        Context context = getReactApplicationContext();
-
-        // Detect changes in wired headset connections.
-        IntentFilter wiredHeadSetFilter = new IntentFilter(ACTION_HEADSET_PLUG);
-        BroadcastReceiver wiredHeadsetReceiver = new BroadcastReceiver() {
-            @Override
-            public void onReceive(Context context, Intent intent) {
-                Log.d(TAG, "Wired headset added / removed");
-                onAudioDeviceChange();
-            }
-        };
-        context.registerReceiver(wiredHeadsetReceiver, wiredHeadSetFilter);
-
-        // Detect Bluetooth device changes.
-        bluetoothHeadsetMonitor = new BluetoothHeadsetMonitor(this, context);
-    }
-
-    /**
-     * Updates the audio route for the given mode.
-     *
-     * @param mode the audio mode to be used when computing the audio route.
-     * @return true if the audio route was updated successfully, false
-     * otherwise.
-     */
-    private boolean updateAudioRoute(int mode) {
-        Log.d(TAG, "Update audio route for mode: " + mode);
-
-        if (mode == DEFAULT) {
-            audioManager.setMode(AudioManager.MODE_NORMAL);
-            audioManager.abandonAudioFocus(null);
-            audioManager.setSpeakerphoneOn(false);
-            audioManager.setMicrophoneMute(true);
-            setBluetoothAudioRoute(false);
-
-            return true;
-        }
-
-        audioManager.setMode(AudioManager.MODE_IN_COMMUNICATION);
-        audioManager.setMicrophoneMute(false);
-
-        if (audioManager.requestAudioFocus(
-                    null,
-                    AudioManager.STREAM_VOICE_CALL,
-                    AudioManager.AUDIOFOCUS_GAIN)
-                == AudioManager.AUDIOFOCUS_REQUEST_FAILED) {
-            Log.d(TAG, "Audio focus request failed");
-            return false;
-        }
-
-        boolean useSpeaker = (mode == VIDEO_CALL);
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-            // On Android >= M we use the AudioDeviceCallback API, so turn on
-            // Bluetooth SCO from the start.
-            if (audioManager.isBluetoothScoAvailableOffCall()) {
-                audioManager.startBluetoothSco();
-            }
-        } else {
-            // On older Android versions we must set the Bluetooth route
-            // manually. Also disable the speaker in that case.
-            setBluetoothAudioRoute(
-                    bluetoothHeadsetMonitor.isHeadsetAvailable());
-            if (bluetoothHeadsetMonitor.isHeadsetAvailable()) {
-                useSpeaker = false;
-            }
-        }
-
-        // XXX: isWiredHeadsetOn is not deprecated when used just for knowing if
-        // there is a wired headset connected, regardless of audio being routed
-        // to it.
-        audioManager.setSpeakerphoneOn(
-                useSpeaker
-                    && !(audioManager.isWiredHeadsetOn()
-                        || audioManager.isBluetoothScoOn()));
-
-        return true;
-    }
-}

android/app/src/main/java/org/jitsi/meet/audiomode/AudioModePackage.java

@@ -1,48 +0,0 @@
-package org.jitsi.meet.audiomode;
-
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-
-import java.util.ArrayList;
-import java.util.Collections;
-import java.util.List;
-
-/**
- * Implements {@link ReactPackage} for {@link AudioModeModule}.
- */
-public class AudioModePackage implements ReactPackage {
-    /**
-     * {@inheritDoc}
-     */
-    @Override
-    public List<Class<? extends JavaScriptModule>> createJSModules() {
-        return Collections.emptyList();
-    }
-
-    /**
-     * {@inheritDoc}
-     *
-     * @return List of native modules to be exposed by React Native.
-     */
-    @Override
-    public List<NativeModule> createNativeModules(
-            ReactApplicationContext reactContext) {
-        List<NativeModule> modules = new ArrayList<>();
-
-        modules.add(new AudioModeModule(reactContext));
-
-        return modules;
-    }
-
-    /**
-     * {@inheritDoc}
-     */
-    @Override
-    public List<ViewManager> createViewManagers(
-            ReactApplicationContext reactContext) {
-        return Collections.emptyList();
-    }
-}

android/app/src/main/java/org/jitsi/meet/audiomode/BluetoothHeadsetMonitor.java

@@ -1,189 +0,0 @@
-package org.jitsi.meet.audiomode;
-
-import android.bluetooth.BluetoothAdapter;
-import android.bluetooth.BluetoothDevice;
-import android.bluetooth.BluetoothHeadset;
-import android.bluetooth.BluetoothProfile;
-import android.content.BroadcastReceiver;
-import android.content.Context;
-import android.content.Intent;
-import android.content.IntentFilter;
-import android.media.AudioManager;
-import android.os.Handler;
-import android.os.Looper;
-import android.util.Log;
-
-/**
- * Helper class to detect and handle Bluetooth device changes.  It monitors
- * Bluetooth headsets being connected / disconnected and notifies the module
- * about device changes when this occurs.
- */
-public class BluetoothHeadsetMonitor {
-    /**
-     * {@link AudioModeModule} where this monitor reports.
-     */
-    private final AudioModeModule audioModeModule;
-
-    /**
-     * The {@link Context} in which {@link #audioModeModule} executes.
-     */
-    private final Context context;
-
-    /**
-     * Reference to a proxy object which allows us to query connected devices.
-     */
-    private BluetoothHeadset headset;
-
-    /**
-     * Flag indicating if there are any Bluetooth headset devices currently
-     * available.
-     */
-    private boolean headsetAvailable = false;
-
-    /**
-     * {@link Handler} for running all operations on the main thread.
-     */
-    private final Handler mainThreadHandler
-        = new Handler(Looper.getMainLooper());
-
-    /**
-     * Helper for running Bluetooth operations on the main thread.
-     */
-    private final Runnable updateDevicesRunnable
-        = new Runnable() {
-            @Override
-            public void run() {
-                headsetAvailable
-                    = (headset != null)
-                        && !headset.getConnectedDevices().isEmpty();
-                audioModeModule.onAudioDeviceChange();
-            }
-        };
-
-    public BluetoothHeadsetMonitor(
-            AudioModeModule audioModeModule,
-            Context context) {
-        this.audioModeModule = audioModeModule;
-        this.context = context;
-
-        AudioManager audioManager
-            = (AudioManager) context.getSystemService(Context.AUDIO_SERVICE);
-
-        if (!audioManager.isBluetoothScoAvailableOffCall()) {
-            Log.w(AudioModeModule.TAG, "Bluetooth SCO is not available");
-            return;
-        }
-
-        if (getBluetoothHeadsetProfileProxy()) {
-            registerBluetoothReceiver();
-
-            // Initial detection.
-            updateDevices();
-        }
-    }
-
-    private boolean getBluetoothHeadsetProfileProxy() {
-        BluetoothAdapter adapter = BluetoothAdapter.getDefaultAdapter();
-
-        if (adapter == null) {
-            Log.w(AudioModeModule.TAG, "Device doesn't support Bluetooth");
-            return false;
-        }
-
-        // XXX: The profile listener listens for system services of the given
-        // type being available to the application. That is, if our Bluetooth
-        // adapter has the "headset" profile.
-        BluetoothProfile.ServiceListener listener
-            = new BluetoothProfile.ServiceListener() {
-                @Override
-                public void onServiceConnected(
-                        int profile,
-                        BluetoothProfile proxy) {
-                    if (profile == BluetoothProfile.HEADSET) {
-                        headset = (BluetoothHeadset) proxy;
-                        updateDevices();
-                    }
-                }
-
-                @Override
-                public void onServiceDisconnected(int profile) {
-                    // The logic is the same as the logic of onServiceConnected.
-                    onServiceConnected(profile, /* proxy */ null);
-                }
-            };
-
-        return
-            adapter.getProfileProxy(
-                    context,
-                    listener,
-                    BluetoothProfile.HEADSET);
-    }
-
-    /**
-     * Returns the current headset availability.
-     *
-     * @return true if there is a Bluetooth headset connected, false otherwise.
-     */
-    public boolean isHeadsetAvailable() {
-        return headsetAvailable;
-    }
-
-    private void onBluetoothReceiverReceive(Context context, Intent intent) {
-        final String action = intent.getAction();
-
-        if (action.equals(BluetoothHeadset.ACTION_CONNECTION_STATE_CHANGED)) {
-            // XXX: This action will be fired when a Bluetooth headset is
-            // connected or disconnected to the system. This is not related to
-            // audio routing.
-            int state = intent.getIntExtra(BluetoothHeadset.EXTRA_STATE, -99);
-
-            switch (state) {
-            case BluetoothHeadset.STATE_CONNECTED:
-            case BluetoothHeadset.STATE_DISCONNECTED:
-                Log.d(
-                        AudioModeModule.TAG,
-                        "BT headset connection state changed: " + state);
-                updateDevices();
-                break;
-            }
-        } else if (action.equals(AudioManager.ACTION_SCO_AUDIO_STATE_UPDATED)) {
-            // XXX: This action will be fired when the connection established
-            // with a Bluetooth headset (called a SCO connection) changes state.
-            // When the SCO connection is active we route audio to it.
-            int state
-                = intent.getIntExtra(AudioManager.EXTRA_SCO_AUDIO_STATE, -99);
-
-            switch (state) {
-            case AudioManager.SCO_AUDIO_STATE_CONNECTED:
-            case AudioManager.SCO_AUDIO_STATE_DISCONNECTED:
-                Log.d(
-                        AudioModeModule.TAG,
-                        "BT SCO connection state changed: " + state);
-                updateDevices();
-                break;
-            }
-        }
-    }
-
-    private void registerBluetoothReceiver() {
-        BroadcastReceiver receiver = new BroadcastReceiver() {
-            @Override
-            public void onReceive(Context context, Intent intent) {
-                onBluetoothReceiverReceive(context, intent);
-            }
-        };
-        IntentFilter filter = new IntentFilter();
-
-        filter.addAction(AudioManager.ACTION_SCO_AUDIO_STATE_UPDATED);
-        filter.addAction(BluetoothHeadset.ACTION_CONNECTION_STATE_CHANGED);
-        context.registerReceiver(receiver, filter);
-    }
-
-    /**
-     * Detects if there are new devices connected / disconnected and fires the
-     * {@link AudioModeModule#onAudioDeviceChange()} callback.
-     */
-    private void updateDevices() {
-        mainThreadHandler.post(updateDevicesRunnable);
-    }
-}

android/app/src/main/res/values/strings.xml

@@ -1,3 +0,0 @@
-<resources>
-    <string name="app_name">Jitsi Meet</string>
-</resources>

android/app/src/main/res/values/styles.xml

@@ -1,9 +0,0 @@
-<resources>
-
-    <!-- Base application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
-        <!-- Customize your theme here. -->
-        <item name="android:windowTranslucentStatus">true</item>
-    </style>
-
-</resources>

android/build.gradle

@@ -1,24 +0,0 @@
-// Top-level build file where you can add configuration options common to all sub-projects/modules.
-
-buildscript {
-    repositories {
-        jcenter()
-    }
-    dependencies {
-        classpath 'com.android.tools.build:gradle:1.3.1'
-
-        // NOTE: Do not place your application dependencies here; they belong
-        // in the individual module build.gradle files
-    }
-}
-
-allprojects {
-    repositories {
-        mavenLocal()
-        jcenter()
-        maven {
-            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-            url "$rootDir/../node_modules/react-native/android"
-        }
-    }
-}

android/gradle.properties

@@ -1,21 +0,0 @@
-# Project-wide Gradle settings.
-
-# IDE (e.g. Android Studio) users:
-# Gradle settings configured through the IDE *will override*
-# any settings specified in this file.
-
-# For more details on how to configure your build environment visit
-# http://www.gradle.org/docs/current/userguide/build_environment.html
-
-# Specifies the JVM arguments used for the daemon process.
-# The setting is particularly useful for tweaking memory settings.
-# Default value: -Xmx10248m -XX:MaxPermSize=256m
-# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
-
-# When configured, Gradle will run in incubating parallel mode.
-# This option should only be used with decoupled projects. More details, visit
-# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
-# org.gradle.parallel=true
-
-android.useDeprecatedNdk=true
-version=1

android/gradle/wrapper/gradle-wrapper.properties

@@ -1,5 +0,0 @@
-distributionBase=GRADLE_USER_HOME
-distributionPath=wrapper/dists
-zipStoreBase=GRADLE_USER_HOME
-zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip

android/gradlew

@@ -1,164 +0,0 @@
-#!/usr/bin/env bash
-
-##############################################################################
-##
-##  Gradle start up script for UN*X
-##
-##############################################################################
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS=""
-
-APP_NAME="Gradle"
-APP_BASE_NAME=`basename "$0"`
-
-# Use the maximum available, or set MAX_FD != -1 to use that value.
-MAX_FD="maximum"
-
-warn ( ) {
-    echo "$*"
-}
-
-die ( ) {
-    echo
-    echo "$*"
-    echo
-    exit 1
-}
-
-# OS specific support (must be 'true' or 'false').
-cygwin=false
-msys=false
-darwin=false
-case "`uname`" in
-  CYGWIN* )
-    cygwin=true
-    ;;
-  Darwin* )
-    darwin=true
-    ;;
-  MINGW* )
-    msys=true
-    ;;
-esac
-
-# For Cygwin, ensure paths are in UNIX format before anything is touched.
-if $cygwin ; then
-    [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"`
-fi
-
-# Attempt to set APP_HOME
-# Resolve links: $0 may be a link
-PRG="$0"
-# Need this for relative symlinks.
-while [ -h "$PRG" ] ; do
-    ls=`ls -ld "$PRG"`
-    link=`expr "$ls" : '.*-> \(.*\)$'`
-    if expr "$link" : '/.*' > /dev/null; then
-        PRG="$link"
-    else
-        PRG=`dirname "$PRG"`"/$link"
-    fi
-done
-SAVED="`pwd`"
-cd "`dirname \"$PRG\"`/" >&-
-APP_HOME="`pwd -P`"
-cd "$SAVED" >&-
-
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
-
-# Determine the Java command to use to start the JVM.
-if [ -n "$JAVA_HOME" ] ; then
-    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
-        # IBM's JDK on AIX uses strange locations for the executables
-        JAVACMD="$JAVA_HOME/jre/sh/java"
-    else
-        JAVACMD="$JAVA_HOME/bin/java"
-    fi
-    if [ ! -x "$JAVACMD" ] ; then
-        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-else
-    JAVACMD="java"
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-fi
-
-# Increase the maximum file descriptors if we can.
-if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
-    MAX_FD_LIMIT=`ulimit -H -n`
-    if [ $? -eq 0 ] ; then
-        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
-            MAX_FD="$MAX_FD_LIMIT"
-        fi
-        ulimit -n $MAX_FD
-        if [ $? -ne 0 ] ; then
-            warn "Could not set maximum file descriptor limit: $MAX_FD"
-        fi
-    else
-        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
-    fi
-fi
-
-# For Darwin, add options to specify how the application appears in the dock
-if $darwin; then
-    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
-fi
-
-# For Cygwin, switch paths to Windows format before running java
-if $cygwin ; then
-    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
-    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
-
-    # We build the pattern for arguments to be converted via cygpath
-    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
-    SEP=""
-    for dir in $ROOTDIRSRAW ; do
-        ROOTDIRS="$ROOTDIRS$SEP$dir"
-        SEP="|"
-    done
-    OURCYGPATTERN="(^($ROOTDIRS))"
-    # Add a user-defined pattern to the cygpath arguments
-    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
-        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
-    fi
-    # Now convert the arguments - kludge to limit ourselves to /bin/sh
-    i=0
-    for arg in "$@" ; do
-        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
-        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
-
-        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
-            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
-        else
-            eval `echo args$i`="\"$arg\""
-        fi
-        i=$((i+1))
-    done
-    case $i in
-        (0) set -- ;;
-        (1) set -- "$args0" ;;
-        (2) set -- "$args0" "$args1" ;;
-        (3) set -- "$args0" "$args1" "$args2" ;;
-        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
-        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
-        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
-        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
-        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
-        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
-    esac
-fi
-
-# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
-function splitJvmOpts() {
-    JVM_OPTS=("$@")
-}
-eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
-JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
-
-exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"

android/gradlew.bat

@@ -1,90 +0,0 @@
-@if "%DEBUG%" == "" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS=
-
-set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto init
-
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto init
-
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:init
-@rem Get command-line arguments, handling Windowz variants
-
-if not "%OS%" == "Windows_NT" goto win9xME_args
-if "%@eval[2+2]" == "4" goto 4NT_args
-
-:win9xME_args
-@rem Slurp the command line arguments.
-set CMD_LINE_ARGS=
-set _SKIP=2
-
-:win9xME_args_slurp
-if "x%~1" == "x" goto execute
-
-set CMD_LINE_ARGS=%*
-goto execute
-
-:4NT_args
-@rem Get arguments from the 4NT Shell from JP Software
-set CMD_LINE_ARGS=%$
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
-
-:end
-@rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega

android/keystores/BUCK

@@ -1,8 +0,0 @@
-keystore(
-  name = 'debug',
-  store = 'debug.keystore',
-  properties = 'debug.keystore.properties',
-  visibility = [
-    'PUBLIC',
-  ],
-)

android/keystores/debug.keystore.properties

@@ -1,4 +0,0 @@
-key.store=debug.keystore
-key.alias=androiddebugkey
-key.store.password=android
-key.alias.password=android

android/settings.gradle

@@ -1,11 +0,0 @@
-rootProject.name = 'jitsi-meet-react'
-
-include ':app'
-include ':react-native-immersive'
-project(':react-native-immersive').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-immersive/android')
-include ':react-native-keep-awake'
-project(':react-native-keep-awake').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-keep-awake/android')
-include ':react-native-vector-icons'
-project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
-include ':react-native-webrtc'
-project(':react-native-webrtc').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webrtc/android')

api_connector.js

@@ -0,0 +1,202 @@
+/**
+ * Implements API class that communicates with external api class
+ * and provides interface to access Jitsi Meet features by external
+ * applications that embed Jitsi Meet
+ */
+var APIConnector = (function () {
+
+    function APIConnector() { }
+
+    /**
+     * List of the available commands.
+     * @type {{
+     *              displayName: inputDisplayNameHandler,
+     *              muteAudio: toggleAudio,
+     *              muteVideo: toggleVideo,
+     *              filmStrip: toggleFilmStrip
+     *          }}
+     */
+    var commands =
+    {
+        displayName: VideoLayout.inputDisplayNameHandler,
+        muteAudio: toggleAudio,
+        muteVideo: toggleVideo,
+        toggleFilmStrip: BottomToolbar.toggleFilmStrip,
+        toggleChat: BottomToolbar.toggleChat,
+        toggleContactList: BottomToolbar.toggleContactList
+    };
+
+
+    /**
+     * Maps the supported events and their status
+     * (true it the event is enabled and false if it is disabled)
+     * @type {{
+     *              incommingMessage: boolean,
+     *              outgoingMessage: boolean,
+     *              displayNameChange: boolean,
+     *              participantJoined: boolean,
+     *              participantLeft: boolean
+     *      }}
+     */
+    var events =
+    {
+        incommingMessage: false,
+        outgoingMessage:false,
+        displayNameChange: false,
+        participantJoined: false,
+        participantLeft: false
+    };
+
+    /**
+     * Check whether the API should be enabled or not.
+     * @returns {boolean}
+     */
+    APIConnector.isEnabled = function () {
+        var hash = location.hash;
+        if(hash && hash.indexOf("external") > -1 && window.postMessage)
+            return true;
+        return false;
+    };
+
+    /**
+     * Initializes the APIConnector. Setups message event listeners that will
+     * receive information from external applications that embed Jitsi Meet.
+     * It also sends a message to the external application that APIConnector
+     * is initialized.
+     */
+    APIConnector.init = function () {
+        if (window.addEventListener)
+        {
+            window.addEventListener('message',
+                APIConnector.processMessage, false);
+        }
+        else
+        {
+            window.attachEvent('onmessage', APIConnector.processMessage);
+        }
+        APIConnector.sendMessage({type: "system", loaded: true});
+    };
+
+    /**
+     * Sends message to the external application.
+     * @param object
+     */
+    APIConnector.sendMessage = function (object) {
+        window.parent.postMessage(JSON.stringify(object), "*");
+    };
+
+    /**
+     * Processes a message event from the external application
+     * @param event the message event
+     */
+    APIConnector.processMessage = function(event)
+    {
+        var message;
+        try {
+            message = JSON.parse(event.data);
+        } catch (e) {}
+
+        if(!message.type)
+            return;
+        switch (message.type)
+        {
+            case "command":
+                APIConnector.processCommand(message);
+                break;
+            case "event":
+                APIConnector.processEvent(message);
+                break;
+            default:
+                console.error("Unknown type of the message");
+                return;
+        }
+
+    };
+
+    /**
+     * Processes commands from external applicaiton.
+     * @param message the object with the command
+     */
+    APIConnector.processCommand = function (message)
+    {
+        if(message.action != "execute")
+        {
+            console.error("Unknown action of the message");
+            return;
+        }
+        for(var key in message)
+        {
+            if(commands[key])
+                commands[key].apply(null, message[key]);
+        }
+    };
+
+    /**
+     * Processes events objects from external applications
+     * @param event the event
+     */
+    APIConnector.processEvent = function (event) {
+        if(!event.action)
+        {
+            console.error("Event with no action is received.");
+            return;
+        }
+
+        switch(event.action)
+        {
+            case "add":
+                for(var i = 0; i < event.events.length; i++)
+                {
+                    events[event.events[i]] = true;
+                }
+                break;
+            case "remove":
+                for(var i = 0; i < event.events.length; i++)
+                {
+                    events[event.events[i]] = false;
+                }
+                break;
+            default:
+                console.error("Unknown action for event.");
+        }
+
+    };
+
+    /**
+     * Checks whether the event is enabled ot not.
+     * @param name the name of the event.
+     * @returns {*}
+     */
+    APIConnector.isEventEnabled = function (name) {
+        return events[name];
+    };
+
+    /**
+     * Sends event object to the external application that has been subscribed
+     * for that event.
+     * @param name the name event
+     * @param object data associated with the event
+     */
+    APIConnector.triggerEvent = function (name, object) {
+        APIConnector.sendMessage({
+            type: "event", action: "result", event: name, result: object});
+    };
+
+    /**
+     * Removes the listeners.
+     */
+    APIConnector.dispose = function () {
+        if(window.removeEventListener)
+        {
+            window.removeEventListener("message",
+                APIConnector.processMessage, false);
+        }
+        else
+        {
+            window.detachEvent('onmessage', APIConnector.processMessage);
+        }
+
+    };
+
+    return APIConnector;
+})();

audio_levels.js

@@ -0,0 +1,214 @@
+/**
+ * The audio Levels plugin.
+ */
+var AudioLevels = (function(my) {
+    var audioLevelCanvasCache = {};
+
+    my.LOCAL_LEVEL = 'local';
+
+    /**
+     * Updates the audio level canvas for the given peerJid. If the canvas
+     * didn't exist we create it.
+     */
+    my.updateAudioLevelCanvas = function (peerJid) {
+        var resourceJid = null;
+        var videoSpanId = null;
+        if (!peerJid)
+            videoSpanId = 'localVideoContainer';
+        else {
+            resourceJid = Strophe.getResourceFromJid(peerJid);
+
+            videoSpanId = 'participant_' + resourceJid;
+        }
+
+        videoSpan = document.getElementById(videoSpanId);
+
+        if (!videoSpan) {
+            if (resourceJid)
+                console.error("No video element for jid", resourceJid);
+            else
+                console.error("No video element for local video.");
+
+            return;
+        }
+
+        var audioLevelCanvas = $('#' + videoSpanId + '>canvas');
+
+        var videoSpaceWidth = $('#remoteVideos').width();
+        var thumbnailSize
+            = VideoLayout.calculateThumbnailSize(videoSpaceWidth);
+        var thumbnailWidth = thumbnailSize[0];
+        var thumbnailHeight = thumbnailSize[1];
+
+        if (!audioLevelCanvas || audioLevelCanvas.length === 0) {
+
+            audioLevelCanvas = document.createElement('canvas');
+            audioLevelCanvas.className = "audiolevel";
+            audioLevelCanvas.style.bottom = "-" + interfaceConfig.CANVAS_EXTRA/2 + "px";
+            audioLevelCanvas.style.left = "-" + interfaceConfig.CANVAS_EXTRA/2 + "px";
+            resizeAudioLevelCanvas( audioLevelCanvas,
+                    thumbnailWidth,
+                    thumbnailHeight);
+
+            videoSpan.appendChild(audioLevelCanvas);
+        } else {
+            audioLevelCanvas = audioLevelCanvas.get(0);
+
+            resizeAudioLevelCanvas( audioLevelCanvas,
+                    thumbnailWidth,
+                    thumbnailHeight);
+        }
+    };
+
+    /**
+     * Updates the audio level UI for the given resourceJid.
+     *
+     * @param resourceJid the resource jid indicating the video element for
+     * which we draw the audio level
+     * @param audioLevel the newAudio level to render
+     */
+    my.updateAudioLevel = function (resourceJid, audioLevel) {
+        drawAudioLevelCanvas(resourceJid, audioLevel);
+
+        var videoSpanId = getVideoSpanId(resourceJid);
+
+        var audioLevelCanvas = $('#' + videoSpanId + '>canvas').get(0);
+
+        if (!audioLevelCanvas)
+            return;
+
+        var drawContext = audioLevelCanvas.getContext('2d');
+
+        var canvasCache = audioLevelCanvasCache[resourceJid];
+
+        drawContext.clearRect (0, 0,
+                audioLevelCanvas.width, audioLevelCanvas.height);
+        drawContext.drawImage(canvasCache, 0, 0);
+    };
+
+    /**
+     * Resizes the given audio level canvas to match the given thumbnail size.
+     */
+    function resizeAudioLevelCanvas(audioLevelCanvas,
+                                    thumbnailWidth,
+                                    thumbnailHeight) {
+        audioLevelCanvas.width = thumbnailWidth + interfaceConfig.CANVAS_EXTRA;
+        audioLevelCanvas.height = thumbnailHeight + interfaceConfig.CANVAS_EXTRA;
+    };
+
+    /**
+     * Draws the audio level canvas into the cached canvas object.
+     *
+     * @param resourceJid the resource jid indicating the video element for
+     * which we draw the audio level
+     * @param audioLevel the newAudio level to render
+     */
+    function drawAudioLevelCanvas(resourceJid, audioLevel) {
+        if (!audioLevelCanvasCache[resourceJid]) {
+
+            var videoSpanId = getVideoSpanId(resourceJid);
+
+            var audioLevelCanvasOrig = $('#' + videoSpanId + '>canvas').get(0);
+
+            /*
+             * FIXME Testing has shown that audioLevelCanvasOrig may not exist.
+             * In such a case, the method CanvasUtil.cloneCanvas may throw an
+             * error. Since audio levels are frequently updated, the errors have
+             * been observed to pile into the console, strain the CPU.
+             */
+            if (audioLevelCanvasOrig)
+            {
+                audioLevelCanvasCache[resourceJid]
+                    = CanvasUtil.cloneCanvas(audioLevelCanvasOrig);
+            }
+        }
+
+        var canvas = audioLevelCanvasCache[resourceJid];
+
+        if (!canvas)
+            return;
+
+        var drawContext = canvas.getContext('2d');
+
+        drawContext.clearRect(0, 0, canvas.width, canvas.height);
+
+        var shadowLevel = getShadowLevel(audioLevel);
+
+        if (shadowLevel > 0)
+            // drawContext, x, y, w, h, r, shadowColor, shadowLevel
+            CanvasUtil.drawRoundRectGlow(   drawContext,
+                interfaceConfig.CANVAS_EXTRA/2, interfaceConfig.CANVAS_EXTRA/2,
+                canvas.width - interfaceConfig.CANVAS_EXTRA,
+                canvas.height - interfaceConfig.CANVAS_EXTRA,
+                interfaceConfig.CANVAS_RADIUS,
+                interfaceConfig.SHADOW_COLOR,
+                shadowLevel);
+    };
+
+    /**
+     * Returns the shadow/glow level for the given audio level.
+     *
+     * @param audioLevel the audio level from which we determine the shadow
+     * level
+     */
+    function getShadowLevel (audioLevel) {
+        var shadowLevel = 0;
+
+        if (audioLevel <= 0.3) {
+            shadowLevel = Math.round(interfaceConfig.CANVAS_EXTRA/2*(audioLevel/0.3));
+        }
+        else if (audioLevel <= 0.6) {
+            shadowLevel = Math.round(interfaceConfig.CANVAS_EXTRA/2*((audioLevel - 0.3) / 0.3));
+        }
+        else {
+            shadowLevel = Math.round(interfaceConfig.CANVAS_EXTRA/2*((audioLevel - 0.6) / 0.4));
+        }
+        return shadowLevel;
+    };
+
+    /**
+     * Returns the video span id corresponding to the given resourceJid or local
+     * user.
+     */
+    function getVideoSpanId(resourceJid) {
+        var videoSpanId = null;
+        if (resourceJid === AudioLevels.LOCAL_LEVEL
+                || (connection.emuc.myroomjid && resourceJid
+                    === Strophe.getResourceFromJid(connection.emuc.myroomjid)))
+            videoSpanId = 'localVideoContainer';
+        else
+            videoSpanId = 'participant_' + resourceJid;
+
+        return videoSpanId;
+    };
+
+    /**
+     * Indicates that the remote video has been resized.
+     */
+    $(document).bind('remotevideo.resized', function (event, width, height) {
+        var resized = false;
+        $('#remoteVideos>span>canvas').each(function() {
+            var canvas = $(this).get(0);
+            if (canvas.width !== width + interfaceConfig.CANVAS_EXTRA) {
+                canvas.width = width + interfaceConfig.CANVAS_EXTRA;
+                resized = true;
+            }
+
+            if (canvas.heigh !== height + interfaceConfig.CANVAS_EXTRA) {
+                canvas.height = height + interfaceConfig.CANVAS_EXTRA;
+                resized = true;
+            }
+        });
+
+        if (resized)
+            Object.keys(audioLevelCanvasCache).forEach(function (resourceJid) {
+                audioLevelCanvasCache[resourceJid].width
+                    = width + interfaceConfig.CANVAS_EXTRA;
+                audioLevelCanvasCache[resourceJid].height
+                    = height + interfaceConfig.CANVAS_EXTRA;
+            });
+    });
+
+    return my;
+
+})(AudioLevels || {});

authError.html

@@ -1,9 +0,0 @@
-<html>
-<head>
-    <link rel="stylesheet" href="css/all.css"/>
-    <!--#include virtual="title.html" -->
-</head>
-<body>
-    <div class="redirectPageMessage">Sorry! You are not allowed to be here :(</div>
-</body>
-</html>

bottom_toolbar.js

@@ -0,0 +1,42 @@
+var BottomToolbar = (function (my) {
+    my.toggleChat = function() {
+        if (ContactList.isVisible()) {
+            buttonClick("#contactListButton", "active");
+            $('#contactlist').css('z-index', 4);
+            setTimeout(function() {
+                $('#contactlist').css('display', 'none');
+                $('#contactlist').css('z-index', 5);
+            }, 500);
+        }
+
+        Chat.toggleChat();
+
+        buttonClick("#chatBottomButton", "active");
+    };
+
+    my.toggleContactList = function() {
+        if (Chat.isVisible()) {
+            buttonClick("#chatBottomButton", "active");
+            setTimeout(function() {
+                $('#chatspace').css('display', 'none');
+            }, 500);
+        }
+
+        buttonClick("#contactListButton", "active");
+
+        ContactList.toggleContactList();
+    };
+
+    my.toggleFilmStrip = function() {
+        var filmstrip = $("#remoteVideos");
+        filmstrip.toggleClass("hidden");
+    };
+
+    $(document).bind("remotevideo.resized", function (event, width, height) {
+        var bottom = (height - $('#bottomToolbar').outerHeight())/2 + 18;
+
+        $('#bottomToolbar').css({bottom: bottom + 'px'});
+    });
+
+    return my;
+}(BottomToolbar || {}));

canvas_util.js

@@ -0,0 +1,109 @@
+/**
+ * Utility class for drawing canvas shapes.
+ */
+var CanvasUtil = (function(my) {
+
+    /**
+     * Draws a round rectangle with a glow. The glowWidth indicates the depth
+     * of the glow.
+     *
+     * @param drawContext the context of the canvas to draw to
+     * @param x the x coordinate of the round rectangle
+     * @param y the y coordinate of the round rectangle
+     * @param w the width of the round rectangle
+     * @param h the height of the round rectangle
+     * @param glowColor the color of the glow
+     * @param glowWidth the width of the glow
+     */
+    my.drawRoundRectGlow
+        = function(drawContext, x, y, w, h, r, glowColor, glowWidth) {
+
+        // Save the previous state of the context.
+        drawContext.save();
+
+        if (w < 2 * r) r = w / 2;
+        if (h < 2 * r) r = h / 2;
+
+        // Draw a round rectangle.
+        drawContext.beginPath();
+        drawContext.moveTo(x+r, y);
+        drawContext.arcTo(x+w, y,   x+w, y+h, r);
+        drawContext.arcTo(x+w, y+h, x,   y+h, r);
+        drawContext.arcTo(x,   y+h, x,   y,   r);
+        drawContext.arcTo(x,   y,   x+w, y,   r);
+        drawContext.closePath();
+
+        // Add a shadow around the rectangle
+        drawContext.shadowColor = glowColor;
+        drawContext.shadowBlur = glowWidth;
+        drawContext.shadowOffsetX = 0;
+        drawContext.shadowOffsetY = 0;
+
+        // Fill the shape.
+        drawContext.fill();
+
+        drawContext.save();
+
+        drawContext.restore();
+
+//      1) Uncomment this line to use Composite Operation, which is doing the
+//      same as the clip function below and is also antialiasing the round
+//      border, but is said to be less fast performance wise.
+
+//      drawContext.globalCompositeOperation='destination-out';
+
+        drawContext.beginPath();
+        drawContext.moveTo(x+r, y);
+        drawContext.arcTo(x+w, y,   x+w, y+h, r);
+        drawContext.arcTo(x+w, y+h, x,   y+h, r);
+        drawContext.arcTo(x,   y+h, x,   y,   r);
+        drawContext.arcTo(x,   y,   x+w, y,   r);
+        drawContext.closePath();
+
+//      2) Uncomment this line to use Composite Operation, which is doing the
+//      same as the clip function below and is also antialiasing the round
+//      border, but is said to be less fast performance wise.
+
+//      drawContext.fill();
+
+        // Comment these two lines if choosing to do the same with composite
+        // operation above 1 and 2.
+        drawContext.clip();
+        drawContext.clearRect(0, 0, 277, 200);
+
+        // Restore the previous context state.
+        drawContext.restore();
+    };
+
+    /**
+     * Clones the given canvas.
+     *
+     * @return the new cloned canvas.
+     */
+    my.cloneCanvas = function (oldCanvas) {
+        /*
+         * FIXME Testing has shown that oldCanvas may not exist. In such a case,
+         * the method CanvasUtil.cloneCanvas may throw an error. Since audio
+         * levels are frequently updated, the errors have been observed to pile
+         * into the console, strain the CPU.
+         */
+        if (!oldCanvas)
+            return oldCanvas;
+
+        //create a new canvas
+        var newCanvas = document.createElement('canvas');
+        var context = newCanvas.getContext('2d');
+
+        //set dimensions
+        newCanvas.width = oldCanvas.width;
+        newCanvas.height = oldCanvas.height;
+
+        //apply the old canvas to the new one
+        context.drawImage(oldCanvas, 0, 0);
+
+        //return the new canvas
+        return newCanvas;
+    };
+
+    return my;
+})(CanvasUtil || {});

chat.js

@@ -0,0 +1,461 @@
+/* global $, Util, connection, nickname:true, getVideoSize, getVideoPosition, showToolbar, processReplacements */
+/**
+ * Chat related user interface.
+ */
+var Chat = (function (my) {
+    var notificationInterval = false;
+    var unreadMessages = 0;
+
+    /**
+     * Initializes chat related interface.
+     */
+    my.init = function () {
+        var storedDisplayName = window.localStorage.displayname;
+        if (storedDisplayName) {
+            nickname = storedDisplayName;
+
+            Chat.setChatConversationMode(true);
+        }
+
+        $('#nickinput').keydown(function (event) {
+            if (event.keyCode === 13) {
+                event.preventDefault();
+                var val = Util.escapeHtml(this.value);
+                this.value = '';
+                if (!nickname) {
+                    nickname = val;
+                    window.localStorage.displayname = nickname;
+
+                    connection.emuc.addDisplayNameToPresence(nickname);
+                    connection.emuc.sendPresence();
+
+                    Chat.setChatConversationMode(true);
+
+                    return;
+                }
+            }
+        });
+
+        $('#usermsg').keydown(function (event) {
+            if (event.keyCode === 13) {
+                event.preventDefault();
+                var value = this.value;
+                $('#usermsg').val('').trigger('autosize.resize');
+                this.focus();
+                var command = new CommandsProcessor(value);
+                if(command.isCommand())
+                {
+                    command.processCommand();
+                }
+                else
+                {
+                    var message = Util.escapeHtml(value);
+                    connection.emuc.sendMessage(message, nickname);
+                }
+            }
+        });
+
+        var onTextAreaResize = function () {
+            resizeChatConversation();
+            scrollChatToBottom();
+        };
+        $('#usermsg').autosize({callback: onTextAreaResize});
+
+        $("#chatspace").bind("shown",
+            function () {
+                unreadMessages = 0;
+                setVisualNotification(false);
+            });
+
+        addSmileys();
+    };
+
+    /**
+     * Appends the given message to the chat conversation.
+     */
+    my.updateChatConversation = function (from, displayName, message) {
+        var divClassName = '';
+
+        if (connection.emuc.myroomjid === from) {
+            divClassName = "localuser";
+        }
+        else {
+            divClassName = "remoteuser";
+
+            if (!Chat.isVisible()) {
+                unreadMessages++;
+                Util.playSoundNotification('chatNotification');
+                setVisualNotification(true);
+            }
+        }
+
+        //replace links and smileys
+        var escMessage = Util.escapeHtml(message);
+        var escDisplayName = Util.escapeHtml(displayName);
+        message = processReplacements(escMessage);
+
+        var messageContainer =
+            '<div class="chatmessage">'+
+                '<img src="../images/chatArrow.svg" class="chatArrow">' +
+                '<div class="username ' + divClassName +'">' + escDisplayName + '</div>' +
+                '<div class="timestamp">' + getCurrentTime() + '</div>' +
+                '<div class="usermessage">' + message + '</div>' +
+            '</div>';
+
+        $('#chatconversation').append(messageContainer);
+        $('#chatconversation').animate(
+                { scrollTop: $('#chatconversation')[0].scrollHeight}, 1000);
+    };
+
+    /**
+     * Appends error message to the conversation
+     * @param errorMessage the received error message.
+     * @param originalText the original message.
+     */
+    my.chatAddError = function(errorMessage, originalText)
+    {
+        errorMessage = Util.escapeHtml(errorMessage);
+        originalText = Util.escapeHtml(originalText);
+
+        $('#chatconversation').append('<div class="errorMessage"><b>Error: </b>'
+            + 'Your message' + (originalText? (' \"'+ originalText + '\"') : "")
+            + ' was not sent.' + (errorMessage? (' Reason: ' + errorMessage) : '')
+            +  '</div>');
+        $('#chatconversation').animate(
+            { scrollTop: $('#chatconversation')[0].scrollHeight}, 1000);
+    };
+
+    /**
+     * Sets the subject to the UI
+     * @param subject the subject
+     */
+    my.chatSetSubject = function(subject)
+    {
+        if(subject)
+            subject = subject.trim();
+        $('#subject').html(linkify(Util.escapeHtml(subject)));
+        if(subject == "")
+        {
+            $("#subject").css({display: "none"});
+        }
+        else
+        {
+            $("#subject").css({display: "block"});
+        }
+    };
+
+    /**
+     * Opens / closes the chat area.
+     */
+    my.toggleChat = function () {
+        var chatspace = $('#chatspace');
+        var videospace = $('#videospace');
+
+        var chatSize = (Chat.isVisible()) ? [0, 0] : Chat.getChatSize();
+        var videospaceWidth = window.innerWidth - chatSize[0];
+        var videospaceHeight = window.innerHeight;
+        var videoSize
+            = getVideoSize(null, null, videospaceWidth, videospaceHeight);
+        var videoWidth = videoSize[0];
+        var videoHeight = videoSize[1];
+        var videoPosition = getVideoPosition(videoWidth,
+                                             videoHeight,
+                                             videospaceWidth,
+                                             videospaceHeight);
+        var horizontalIndent = videoPosition[0];
+        var verticalIndent = videoPosition[1];
+
+        var thumbnailSize = VideoLayout.calculateThumbnailSize(videospaceWidth);
+        var thumbnailsWidth = thumbnailSize[0];
+        var thumbnailsHeight = thumbnailSize[1];
+        var completeFunction = Chat.isVisible() ?
+            function() {} : function () {
+                                scrollChatToBottom();
+                                chatspace.trigger('shown');
+                            };
+
+        videospace.animate({right: chatSize[0],
+                            width: videospaceWidth,
+                            height: videospaceHeight},
+                            {queue: false,
+                            duration: 500,
+                            complete: completeFunction});
+
+        $('#remoteVideos').animate({height: thumbnailsHeight},
+                                    {queue: false,
+                                    duration: 500});
+
+        $('#remoteVideos>span').animate({height: thumbnailsHeight,
+                                        width: thumbnailsWidth},
+                                        {queue: false,
+                                        duration: 500,
+                                        complete: function() {
+                                            $(document).trigger(
+                                                    "remotevideo.resized",
+                                                    [thumbnailsWidth,
+                                                     thumbnailsHeight]);
+                                        }});
+
+        $('#largeVideoContainer').animate({ width: videospaceWidth,
+                                            height: videospaceHeight},
+                                            {queue: false,
+                                             duration: 500
+                                            });
+
+        $('#largeVideo').animate({  width: videoWidth,
+                                    height: videoHeight,
+                                    top: verticalIndent,
+                                    bottom: verticalIndent,
+                                    left: horizontalIndent,
+                                    right: horizontalIndent},
+                                    {   queue: false,
+                                        duration: 500
+                                    }
+        );
+
+        if (Chat.isVisible()) {
+            $("#toast-container").animate({right: '5px'},
+                                {queue: false,
+                                duration: 500});
+            chatspace.hide("slide", { direction: "right",
+                                            queue: false,
+                                            duration: 500});
+
+        }
+        else {
+            // Undock the toolbar when the chat is shown and if we're in a 
+            // video mode.
+            if (VideoLayout.isLargeVideoVisible()) {
+                ToolbarToggler.dockToolbar(false);
+            }
+
+
+            $("#toast-container").animate({right: (chatSize[0] + 5) + 'px'},
+                {queue: false,
+                    duration: 500});
+            chatspace.show("slide", { direction: "right",
+                                            queue: false,
+                                            duration: 500,
+                                            complete: function () {
+                                                // Request the focus in the nickname field or the chat input field.
+                                                if ($('#nickname').css('visibility') === 'visible') {
+                                                    $('#nickinput').focus();
+                                                } else {
+                                                    $('#usermsg').focus();
+                                                }
+                                            }
+            });
+
+            Chat.resizeChat();
+        }
+
+    };
+
+    /**
+     * Sets the chat conversation mode.
+     */
+    my.setChatConversationMode = function (isConversationMode) {
+        if (isConversationMode) {
+            $('#nickname').css({visibility: 'hidden'});
+            $('#chatconversation').css({visibility: 'visible'});
+            $('#usermsg').css({visibility: 'visible'});
+            $('#smileysarea').css({visibility: 'visible'});
+            $('#usermsg').focus();
+        }
+    };
+
+    /**
+     * Resizes the chat area.
+     */
+    my.resizeChat = function () {
+        var chatSize = Chat.getChatSize();
+
+        $('#chatspace').width(chatSize[0]);
+        $('#chatspace').height(chatSize[1]);
+
+        resizeChatConversation();
+    };
+
+    /**
+     * Returns the size of the chat.
+     */
+    my.getChatSize = function () {
+        var availableHeight = window.innerHeight;
+        var availableWidth = window.innerWidth;
+
+        var chatWidth = 200;
+        if (availableWidth * 0.2 < 200)
+            chatWidth = availableWidth * 0.2;
+
+        return [chatWidth, availableHeight];
+    };
+
+    /**
+     * Indicates if the chat is currently visible.
+     */
+    my.isVisible = function () {
+        return $('#chatspace').is(":visible");
+    };
+    /**
+     * Shows and hides the window with the smileys
+     */
+    my.toggleSmileys = function() {
+        var smileys = $('#smileysContainer');
+        if(!smileys.is(':visible')) {
+            smileys.show("slide", { direction: "down", duration: 300});
+        } else {
+            smileys.hide("slide", { direction: "down", duration: 300});
+        }
+        $('#usermsg').focus();
+    };
+
+    /**
+     * Adds the smileys container to the chat
+     */
+    function addSmileys() {
+        var smileysContainer = document.createElement('div');
+        smileysContainer.id = 'smileysContainer';
+        function addClickFunction(smiley, number) {
+            smiley.onclick = function addSmileyToMessage() {
+                var usermsg = $('#usermsg');
+                var message = usermsg.val();
+                message += smileys['smiley' + number];
+                usermsg.val(message);
+                usermsg.get(0).setSelectionRange(message.length, message.length);
+                Chat.toggleSmileys();
+                usermsg.focus();
+            };
+        }
+        for(var i = 1; i <= 21; i++) {
+            var smileyContainer = document.createElement('div');
+            smileyContainer.id = 'smiley' + i;
+            smileyContainer.className = 'smileyContainer';
+            var smiley = document.createElement('img');
+            smiley.src = 'images/smileys/smiley' + i + '.svg';
+            smiley.className =  'smiley';
+            addClickFunction(smiley, i);
+            smileyContainer.appendChild(smiley);
+            smileysContainer.appendChild(smileyContainer);
+        }
+
+        $("#chatspace").append(smileysContainer);
+    }
+
+    /**
+     * Resizes the chat conversation.
+     */
+    function resizeChatConversation() {
+        var msgareaHeight = $('#usermsg').outerHeight();
+        var chatspace = $('#chatspace');
+        var width = chatspace.width();
+        var chat = $('#chatconversation');
+        var smileys = $('#smileysarea');
+
+        smileys.height(msgareaHeight);
+        $("#smileys").css('bottom', (msgareaHeight - 26) / 2);
+        $('#smileysContainer').css('bottom', msgareaHeight);
+        chat.width(width - 10);
+        chat.height(window.innerHeight - 15 - msgareaHeight);
+    }
+
+    /**
+     * Shows/hides a visual notification, indicating that a message has arrived.
+     */
+    function setVisualNotification(show) {
+        var unreadMsgElement = document.getElementById('unreadMessages');
+        var unreadMsgBottomElement = document.getElementById('bottomUnreadMessages');
+
+        var glower = $('#chatButton');
+        var bottomGlower = $('#chatBottomButton');
+
+        if (unreadMessages) {
+            unreadMsgElement.innerHTML = unreadMessages.toString();
+            unreadMsgBottomElement.innerHTML = unreadMessages.toString();
+
+            ToolbarToggler.dockToolbar(true);
+
+            var chatButtonElement
+                = document.getElementById('chatButton').parentNode;
+            var leftIndent = (Util.getTextWidth(chatButtonElement) -
+                Util.getTextWidth(unreadMsgElement)) / 2;
+            var topIndent = (Util.getTextHeight(chatButtonElement) -
+                Util.getTextHeight(unreadMsgElement)) / 2 - 3;
+
+            unreadMsgElement.setAttribute(
+                'style',
+                    'top:' + topIndent +
+                    '; left:' + leftIndent + ';');
+
+            var chatBottomButtonElement
+                = document.getElementById('chatBottomButton').parentNode;
+            var bottomLeftIndent = (Util.getTextWidth(chatBottomButtonElement) -
+                Util.getTextWidth(unreadMsgBottomElement)) / 2;
+            var bottomTopIndent = (Util.getTextHeight(chatBottomButtonElement) -
+                Util.getTextHeight(unreadMsgBottomElement)) / 2 - 2;
+
+            unreadMsgBottomElement.setAttribute(
+                'style',
+                    'top:' + bottomTopIndent +
+                    '; left:' + bottomLeftIndent + ';');
+
+
+            if (!glower.hasClass('icon-chat-simple')) {
+                glower.removeClass('icon-chat');
+                glower.addClass('icon-chat-simple');
+            }
+        }
+        else {
+            unreadMsgElement.innerHTML = '';
+            unreadMsgBottomElement.innerHTML = '';
+            glower.removeClass('icon-chat-simple');
+            glower.addClass('icon-chat');
+        }
+
+        if (show && !notificationInterval) {
+            notificationInterval = window.setInterval(function () {
+                glower.toggleClass('active');
+                bottomGlower.toggleClass('active glowing');
+            }, 800);
+        }
+        else if (!show && notificationInterval) {
+            window.clearInterval(notificationInterval);
+            notificationInterval = false;
+            glower.removeClass('active');
+            bottomGlower.removeClass('glowing');
+            bottomGlower.addClass('active');
+        }
+    }
+
+    /**
+     * Scrolls chat to the bottom.
+     */
+    function scrollChatToBottom() {
+        setTimeout(function () {
+            $('#chatconversation').scrollTop(
+                    $('#chatconversation')[0].scrollHeight);
+        }, 5);
+    }
+
+    /**
+     * Returns the current time in the format it is shown to the user
+     * @returns {string}
+     */
+    function getCurrentTime() {
+        var now     = new Date();
+        var hour    = now.getHours();
+        var minute  = now.getMinutes();
+        var second  = now.getSeconds();
+        if(hour.toString().length === 1) {
+            hour = '0'+hour;
+        }
+        if(minute.toString().length === 1) {
+            minute = '0'+minute;
+        }
+        if(second.toString().length === 1) {
+            second = '0'+second;
+        }
+        return hour+':'+minute+':'+second;
+    }
+
+    return my;
+}(Chat || {}));

chromeonly.html

@@ -0,0 +1,20 @@
+<html>
+<head>
+<title>Jitsi Meet: Unsupported Browser</title>
+<link rel="stylesheet" type="text/css" media="screen" href="css/chromeonly.css" />
+</head>
+
+<body>
+<!-- wrap starts here -->
+<div id="wrap"> 
+<a href="http://google.com/chrome"><div id="left"></div></a>
+<div id="middle"></div>
+<div id="text">
+    <p>This application is currently only supported by <a href="http://google.com/chrome">Chrome</a>, <a href="http://www.chromium.org/">Chromium</a> and <a href="http://www.opera.com">Opera</a></p>
+    <p><a href="http://google.com/chrome">Download Chrome</a></p>
+    <p class="firefox">We are hoping that <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=977864">multistream support</a> for Firefox would not be long so that we could all use this application with our favorite browser.</p>
+</div>
+<!-- wrap ends here -->
+</div>		
+</body>
+</html>

close.html

@@ -1,22 +0,0 @@
-<html>
-<head>
-    <link rel="stylesheet" href="css/all.css"/>
-    <!--#include virtual="title.html" -->
-    <script><!--#include virtual="/interface_config.js" --></script>
-    <script src="close.js"></script>
-</head>
-<body>
-<div class="redirectPageMessage">
-    <div class="thanks-msg">
-        <p>Thank you for your feedback!</p>
-    </div>
-    <div class="hint-msg">
-        <p>
-            <span id="hintQuestion">Did you know?</span>
-            <span class="hint-msg__holder" id="hintMessage"></span>
-        </p>
-        <div class="happy-software"></div>
-    </div>
-</div>
-</body>
-</html>

close.js

@@ -1,59 +0,0 @@
-/* global interfaceConfig */
-//list of tips
-var hints = [
-    "You can pin participants by clicking on their thumbnails.",// jshint ignore:line
-    "You can tell others you have something to say by using the \"Raise Hand\" feature",// jshint ignore:line
-    "You can learn about key shortcuts by pressing Shift+?",// jshint ignore:line
-    "You can learn more about the state of everyone's connection by hovering on the bars in their thumbnail",// jshint ignore:line
-    "You can hide all thumbnails by using the button in the bottom right corner"// jshint ignore:line
-];
-
-/**
- * Get a random hint meessage from hint array.
- *
- * @return {string} the hint message.
- */
-function getHint(){
-    var l = hints.length - 1;
-    var n = Math.round(Math.random() * l);
-
-    return hints[n];
-}
-
-/**
- * Inserts text message
- * into DOM element
- *
- * @param id {string} element identificator
- * @param msg {string} text message
- */
-// eslint-disable-next-line no-unused-vars
-function insertTextMsg(id, msg){
-    var el = document.getElementById(id);
-
-    if (el)
-        el.innerHTML = msg;
-}
-
-/**
- * Sets the hint and thanks messages. Will be executed on load event.
- */
-function onLoad() {
-    //Works only for close2.html because close.html doesn't have this element.
-    insertTextMsg('thanksMessage',
-        'Thank you for using ' + interfaceConfig.APP_NAME);
-
-    // If there is a setting show a special message only for the guests
-    if (interfaceConfig.CLOSE_PAGE_GUEST_HINT) {
-        if ( window.sessionStorage.getItem('guest') === 'true' ) {
-            var element = document.getElementById('hintQuestion');
-            element.classList.add('hide');
-            insertTextMsg('hintMessage', interfaceConfig.CLOSE_PAGE_GUEST_HINT);
-            return;
-        }
-    }
-
-    insertTextMsg('hintMessage', getHint());
-}
-
-window.onload = onLoad;

close2.html

@@ -1,22 +0,0 @@
-<html>
-<head>
-    <link rel="stylesheet" href="css/all.css"/>
-    <!--#include virtual="title.html" -->
-    <script><!--#include virtual="/interface_config.js" --></script>
-    <script src="close.js"></script>
-</head>
-<body>
-    <div class="redirectPageMessage">
-        <div class="thanks-msg">
-            <p id="thanksMessage"></p>
-        </div>
-        <div class="hint-msg">
-            <p>
-                <span id="hintQuestion">Did you know?</span>
-                <span class="hint-msg__holder" id="hintMessage"></span>
-            </p>
-            <div class="happy-software"></div>
-        </div>
-    </div>
-</body>
-</html>

commands.js

@@ -0,0 +1,98 @@
+/**
+ * Handles commands received via chat messages.
+ */
+var CommandsProcessor = (function()
+{
+    /**
+     * Constructs new CommandProccessor instance from a message.
+     * @param message the message
+     * @constructor
+     */
+    function CommandsPrototype(message)
+    {
+        /**
+         * Extracts the command from the message.
+         * @param message the received message
+         * @returns {string} the command
+         */
+        function getCommand(message)
+        {
+            if(message)
+            {
+                for(var command in commands)
+                {
+                    if(message.indexOf("/" + command) == 0)
+                        return command;
+                }
+            }
+            return "";
+        };
+
+        var command = getCommand(message);
+
+        /**
+         * Returns the name of the command.
+         * @returns {String} the command
+         */
+        this.getCommand = function()
+        {
+            return command;
+        }
+
+
+        var messageArgument = message.substr(command.length + 2);
+
+        /**
+         * Returns the arguments of the command.
+         * @returns {string}
+         */
+        this.getArgument = function()
+        {
+            return messageArgument;
+        }
+    }
+
+    /**
+     * Checks whether this instance is valid command or not.
+     * @returns {boolean}
+     */
+    CommandsPrototype.prototype.isCommand = function()
+    {
+        if(this.getCommand())
+            return true;
+        return false;
+    }
+
+    /**
+     * Processes the command.
+     */
+    CommandsPrototype.prototype.processCommand = function()
+    {
+        if(!this.isCommand())
+            return;
+
+        commands[this.getCommand()](this.getArgument());
+
+    }
+
+    /**
+     * Processes the data for topic command.
+     * @param commandArguments the arguments of the topic command.
+     */
+    var processTopic = function(commandArguments)
+    {
+        var topic = Util.escapeHtml(commandArguments);
+        connection.emuc.setSubject(topic);
+    }
+
+    /**
+     * List with supported commands. The keys are the names of the commands and
+     * the value is the function that processes the message.
+     * @type {{String: function}}
+     */
+    var commands = {
+        "topic" : processTopic
+    };
+
+    return CommandsPrototype;
+})();

config.js

@@ -1,15 +1,10 @@
-/* jshint maxlen:false */
-
-var config = { // eslint-disable-line no-unused-vars
-//    configLocation: './config.json', // see ./modules/HttpConfigFetch.js
+var config = {
     hosts: {
         domain: 'jitsi-meet.example.com',
         //anonymousdomain: 'guest.example.com',
-        //authdomain: 'jitsi-meet.example.com',  // defaults to <domain>
         muc: 'conference.jitsi-meet.example.com', // FIXME: use XEP-0030
-        //jirecon: 'jirecon.jitsi-meet.example.com',
-        //call_control: 'callcontrol.jitsi-meet.example.com',
-        //focus: 'focus.jitsi-meet.example.com', // defaults to 'focus.jitsi-meet.example.com'
+        bridge: 'jitsi-videobridge.jitsi-meet.example.com', // FIXME: use XEP-0030
+        //call_control: 'callcontrol.jitsi-meet.example.com'
     },
 //  getroomnode: function (path) { return 'someprefixpossiblybasedonpath'; },
 //  useStunTurn: true, // use XEP-0215 to fetch STUN and TURN server
@@ -17,68 +12,19 @@ var config = { // eslint-disable-line no-unused-vars
     useNicks: false,
     bosh: '//jitsi-meet.example.com/http-bind', // FIXME: use xep-0156 for that
     clientNode: 'http://jitsi.org/jitsimeet', // The name of client node advertised in XEP-0115 'c' stanza
-    //focusUserJid: 'focus@auth.jitsi-meet.example.com', // The real JID of focus participant - can be overridden here
     //defaultSipNumber: '', // Default SIP number
-
-    // The ID of the jidesha extension for Chrome.
-    desktopSharingChromeExtId: null,
-    // Whether desktop sharing should be disabled on Chrome.
-    desktopSharingChromeDisabled: true,
-    // The media sources to use when using screen sharing with the Chrome
-    // extension.
-    desktopSharingChromeSources: ['screen', 'window', 'tab'],
-    // Required version of Chrome extension
-    desktopSharingChromeMinExtVersion: '0.1',
-
-    // The ID of the jidesha extension for Firefox. If null, we assume that no
-    // extension is required.
-    desktopSharingFirefoxExtId: null,
-    // Whether desktop sharing should be disabled on Firefox.
-    desktopSharingFirefoxDisabled: true,
-    // The maximum version of Firefox which requires a jidesha extension.
-    // Example: if set to 41, we will require the extension for Firefox versions
-    // up to and including 41. On Firefox 42 and higher, we will run without the
-    // extension.
-    // If set to -1, an extension will be required for all versions of Firefox.
-    desktopSharingFirefoxMaxVersionExtRequired: -1,
-    // The URL to the Firefox extension for desktop sharing.
-    desktopSharingFirefoxExtensionURL: null,
-
-    // Disables ICE/UDP by filtering out local and remote UDP candidates in signalling.
-    webrtcIceUdpDisable: false,
-    // Disables ICE/TCP by filtering out local and remote TCP candidates in signalling.
-    webrtcIceTcpDisable: false,
-
+    desktopSharing: 'ext', // Desktop sharing method. Can be set to 'ext', 'webrtc' or false to disable.
+    chromeExtensionId: 'diibjkoicjeejcmhdnailmkgecihlobk', // Id of desktop streamer Chrome extension
+    desktopSharingSources: ['screen', 'window'],
+    minChromeExtVersion: '0.1', // Required version of Chrome extension
+    enableRtpStats: true, // Enables RTP stats processing
     openSctp: true, // Toggle to enable/disable SCTP channels
-    disableStats: false,
-    disableAudioLevels: false,
     channelLastN: -1, // The default value of the channel attribute last-n.
     adaptiveLastN: false,
-    //disableAdaptiveSimulcast: false,
+    adaptiveSimulcast: false,
+    useRtcpMux: true,
+    useBundle: true,
     enableRecording: false,
-    enableWelcomePage: true,
-    //enableClosePage: false, // enabling the close page will ignore the welcome
-                              // page redirection when call is hangup
-    disableSimulcast: false,
-    logStats: false, // Enable logging of PeerConnection stats via the focus
-//    requireDisplayName: true, // Forces the participants that doesn't have display name to enter it when they enter the room.
-//    startAudioMuted: 10, // every participant after the Nth will start audio muted
-//    startVideoMuted: 10, // every participant after the Nth will start video muted
-//    defaultLanguage: "en",
-// To enable sending statistics to callstats.io you should provide Applicaiton ID and Secret.
-//    callStatsID: "", // Application ID for callstats.io API
-//    callStatsSecret: "", // Secret for callstats.io API
-    /*noticeMessage: 'Service update is scheduled for 16th March 2015. ' +
-    'During that time service will not be available. ' +
-    'Apologise for inconvenience.',*/
-    disableThirdPartyRequests: false,
-    minHDHeight: 540,
-    // If true - all users without token will be considered guests and all users
-    // with token will be considered non-guests. Only guests will be allowed to
-    // edit their profile.
-    enableUserRolesBasedOnToken: false,
-    // Suspending video might cause problems with audio playback. Disabling until these are fixed.
-    disableSuspendVideo: true,
-    // disables or enables RTX (RFC 4588).
-    disableRtx: true
+    enableWelcomePage: false,
+    enableSimulcast: false
 };

connection.js

@@ -1,141 +0,0 @@
-/* global APP, JitsiMeetJS, config */
-const logger = require("jitsi-meet-logger").getLogger(__filename);
-
-import AuthHandler from './modules/UI/authentication/AuthHandler';
-import jitsiLocalStorage from './modules/util/JitsiLocalStorage';
-
-const ConnectionEvents = JitsiMeetJS.events.connection;
-const ConnectionErrors = JitsiMeetJS.errors.connection;
-
-/**
- * Checks if we have data to use attach instead of connect. If we have the data
- * executes attach otherwise check if we have to wait for the data. If we have
- * to wait for the attach data we are setting handler to APP.connect.handler
- * which is going to be called when the attach data is received otherwise
- * executes connect.
- *
- * @param {string} [id] user id
- * @param {string} [password] password
- * @param {string} [roomName] the name of the conference.
- */
-function checkForAttachParametersAndConnect(id, password, connection) {
-    if(window.XMPPAttachInfo){
-        APP.connect.status = "connecting";
-        // When connection optimization is not deployed or enabled the default
-        // value will be window.XMPPAttachInfo.status = "error"
-        // If the connection optimization is deployed and enabled and there is
-        // a failure the value will be window.XMPPAttachInfo.status = "error"
-        if(window.XMPPAttachInfo.status === "error") {
-            connection.connect({id, password});
-            return;
-        }
-
-        var attachOptions = window.XMPPAttachInfo.data;
-        if(attachOptions) {
-            connection.attach(attachOptions);
-            delete window.XMPPAttachInfo.data;
-        } else {
-            connection.connect({id, password});
-        }
-    } else {
-        APP.connect.status = "ready";
-        APP.connect.handler = checkForAttachParametersAndConnect.bind(null,
-            id, password, connection);
-    }
-}
-
-/**
- * Try to open connection using provided credentials.
- * @param {string} [id]
- * @param {string} [password]
- * @param {string} [roomName]
- * @returns {Promise<JitsiConnection>} connection if
- * everything is ok, else error.
- */
-function connect(id, password, roomName) {
-
-    let connectionConfig = Object.assign({}, config);
-
-    connectionConfig.bosh += '?room=' + roomName;
-    let connection
-        = new JitsiMeetJS.JitsiConnection(null, config.token, connectionConfig);
-
-    return new Promise(function (resolve, reject) {
-        connection.addEventListener(
-            ConnectionEvents.CONNECTION_ESTABLISHED, handleConnectionEstablished
-        );
-        connection.addEventListener(
-            ConnectionEvents.CONNECTION_FAILED, handleConnectionFailed
-        );
-
-        function unsubscribe() {
-            connection.removeEventListener(
-                ConnectionEvents.CONNECTION_ESTABLISHED,
-                handleConnectionEstablished
-            );
-            connection.removeEventListener(
-                ConnectionEvents.CONNECTION_FAILED,
-                handleConnectionFailed
-            );
-        }
-
-        function handleConnectionEstablished() {
-            unsubscribe();
-            resolve(connection);
-        }
-
-        function handleConnectionFailed(err) {
-            unsubscribe();
-            logger.error("CONNECTION FAILED:", err);
-            reject(err);
-        }
-
-        checkForAttachParametersAndConnect(id, password, connection);
-    });
-}
-
-/**
- * Open JitsiConnection using provided credentials.
- * If retry option is true it will show auth dialog on PASSWORD_REQUIRED error.
- *
- * @param {object} options
- * @param {string} [options.id]
- * @param {string} [options.password]
- * @param {string} [options.roomName]
- * @param {boolean} [retry] if we should show auth dialog
- * on PASSWORD_REQUIRED error.
- *
- * @returns {Promise<JitsiConnection>}
- */
-export function openConnection({id, password, retry, roomName}) {
-
-    let usernameOverride
-        = jitsiLocalStorage.getItem("xmpp_username_override");
-    let passwordOverride
-        = jitsiLocalStorage.getItem("xmpp_password_override");
-
-    if (usernameOverride && usernameOverride.length > 0) {
-        id = usernameOverride;
-    }
-
-    if (passwordOverride && passwordOverride.length > 0) {
-        password = passwordOverride;
-    }
-
-    return connect(id, password, roomName).catch(function (err) {
-        if (!retry) {
-            throw err;
-        }
-
-        if (err === ConnectionErrors.PASSWORD_REQUIRED) {
-            // do not retry if token is not valid
-            if (config.token) {
-                throw err;
-            } else {
-                return AuthHandler.requestAuth(roomName, connect);
-            }
-        } else {
-            throw err;
-        }
-    });
-}

connection_optimization/do_external_connect.js

@@ -1,75 +0,0 @@
-/* global config, getRoomName, getConfigParamsFromUrl */
-/* global createConnectionExternally */
-/**
- * Implements extrnal connect using createConnectionExtenally function defined
- * in external_connect.js for Jitsi Meet. Parses the room name and token from
- * the url and executes createConnectionExtenally.
- *
- * NOTE: If you are using lib-jitsi-meet without Jitsi Meet you should use this
- * file as reference only because the implementation is Jitsi Meet specific.
- *
- * NOTE: For optimal results this file should be included right after
- * exrnal_connect.js.
- */
-
-/**
- * Executes createConnectionExternally function.
- */
-(function () {
-    var hashParams = getConfigParamsFromUrl("hash", true);
-    var searchParams = getConfigParamsFromUrl("search", true);
-
-    //Url params have higher proirity than config params
-    var url = config.externalConnectUrl;
-    if(hashParams.hasOwnProperty('config.externalConnectUrl'))
-        url = hashParams["config.externalConnectUrl"];
-
-    /**
-     * Check if connect from connection.js was executed and executes the handler
-     * that is going to finish the connect work.
-     */
-    function checkForConnectHandlerAndConnect() {
-
-        if(window.APP && window.APP.connect.status === "ready") {
-            window.APP.connect.handler();
-        }
-    }
-
-    function error_callback(error){
-        if(error) //error=undefined if external connect is disabled.
-            console.warn(error);
-        // Sets that global variable to be used later by connect method in
-        // connection.js
-        window.XMPPAttachInfo = {
-            status: "error"
-        };
-        checkForConnectHandlerAndConnect();
-    }
-
-    if(!url || !window.createConnectionExternally) {
-        error_callback();
-        return;
-    }
-    var room_name = getRoomName();
-    if(!room_name) {
-        error_callback();
-        return;
-    }
-
-    url += "?room=" + room_name;
-
-    var token = hashParams["config.token"] || config.token ||
-        searchParams.jwt;
-    if(token)
-        url += "&token=" + token;
-
-    createConnectionExternally(url, function(connectionInfo) {
-        // Sets that global variable to be used later by connect method in
-        // connection.js
-        window.XMPPAttachInfo = {
-            status: "success",
-            data: connectionInfo
-        };
-        checkForConnectHandlerAndConnect();
-    }, error_callback);
-})();

connectionquality.js

@@ -0,0 +1,127 @@
+var ConnectionQuality = (function () {
+
+    /**
+     * Constructs new ConnectionQuality object
+     * @constructor
+     */
+    function ConnectionQuality() {
+
+    }
+
+    /**
+     * local stats
+     * @type {{}}
+     */
+    var stats = {};
+
+    /**
+     * remote stats
+     * @type {{}}
+     */
+    var remoteStats = {};
+
+    /**
+     * Interval for sending statistics to other participants
+     * @type {null}
+     */
+    var sendIntervalId = null;
+
+    /**
+     * Updates the local statistics
+     * @param data new statistics
+     */
+    ConnectionQuality.updateLocalStats = function (data) {
+        stats = data;
+        VideoLayout.updateLocalConnectionStats(100 - stats.packetLoss.total,stats);
+        if(sendIntervalId == null)
+        {
+            startSendingStats();
+        }
+    };
+
+    /**
+     * Start statistics sending.
+     */
+    function startSendingStats() {
+        sendStats();
+        sendIntervalId = setInterval(sendStats, 10000);
+    }
+
+    /**
+     * Sends statistics to other participants
+     */
+    function sendStats() {
+        connection.emuc.addConnectionInfoToPresence(convertToMUCStats(stats));
+        connection.emuc.sendPresence();
+    }
+
+    /**
+     * Converts statistics to format for sending through XMPP
+     * @param stats the statistics
+     * @returns {{bitrate_donwload: *, bitrate_uplpoad: *, packetLoss_total: *, packetLoss_download: *, packetLoss_upload: *}}
+     */
+    function convertToMUCStats(stats) {
+        return {
+            "bitrate_download": stats.bitrate.download,
+            "bitrate_upload": stats.bitrate.upload,
+            "packetLoss_total": stats.packetLoss.total,
+            "packetLoss_download": stats.packetLoss.download,
+            "packetLoss_upload": stats.packetLoss.upload
+        };
+    }
+
+    /**
+     * Converts statitistics to format used by VideoLayout
+     * @param stats
+     * @returns {{bitrate: {download: *, upload: *}, packetLoss: {total: *, download: *, upload: *}}}
+     */
+    function parseMUCStats(stats) {
+        return {
+            bitrate: {
+                download: stats.bitrate_download,
+                upload: stats.bitrate_upload
+            },
+            packetLoss: {
+                total: stats.packetLoss_total,
+                download: stats.packetLoss_download,
+                upload: stats.packetLoss_upload
+            }
+        };
+    }
+
+    /**
+     * Updates remote statistics
+     * @param jid the jid associated with the statistics
+     * @param data the statistics
+     */
+    ConnectionQuality.updateRemoteStats = function (jid, data) {
+        if(data == null || data.packetLoss_total == null)
+        {
+            VideoLayout.updateConnectionStats(jid, null, null);
+            return;
+        }
+        remoteStats[jid] = parseMUCStats(data);
+
+        VideoLayout.updateConnectionStats(jid, 100 - data.packetLoss_total,remoteStats[jid]);
+
+    };
+
+    /**
+     * Stops statistics sending.
+     */
+    ConnectionQuality.stopSendingStats = function () {
+        clearInterval(sendIntervalId);
+        sendIntervalId = null;
+        //notify UI about stopping statistics gathering
+        VideoLayout.onStatsStop();
+    };
+
+    /**
+     * Returns the local statistics.
+     */
+    ConnectionQuality.getStats = function () {
+        return stats;
+    }
+
+    return ConnectionQuality;
+})();

contact_list.js

@@ -0,0 +1,282 @@
+/**
+ * Contact list.
+ */
+var ContactList = (function (my) {
+
+    var numberOfContacts = 0;
+    var notificationInterval;
+
+    /**
+     * Indicates if the chat is currently visible.
+     *
+     * @return <tt>true</tt> if the chat is currently visible, <tt>false</tt> -
+     * otherwise
+     */
+    my.isVisible = function () {
+        return $('#contactlist').is(":visible");
+    };
+
+    /**
+     * Adds a contact for the given peerJid if such doesn't yet exist.
+     *
+     * @param peerJid the peerJid corresponding to the contact
+     */
+    my.ensureAddContact = function(peerJid) {
+        var resourceJid = Strophe.getResourceFromJid(peerJid);
+
+        var contact = $('#contactlist>ul>li[id="' + resourceJid + '"]');
+
+        if (!contact || contact.length <= 0)
+            ContactList.addContact(peerJid);
+    };
+
+    /**
+     * Adds a contact for the given peer jid.
+     *
+     * @param peerJid the jid of the contact to add
+     */
+    my.addContact = function(peerJid) {
+        var resourceJid = Strophe.getResourceFromJid(peerJid);
+
+        var contactlist = $('#contactlist>ul');
+
+        var newContact = document.createElement('li');
+        newContact.id = resourceJid;
+        newContact.className = "clickable";
+        newContact.onclick = function(event) {
+            if(event.currentTarget.className === "clickable") {
+                var jid = event.currentTarget.id;
+                var videoContainer = $("#participant_" + jid);
+                if (videoContainer.length > 0) {
+                    videoContainer.click();
+                } else if (jid == Strophe.getResourceFromJid(connection.emuc.myroomjid)) {
+                    $("#localVideoContainer").click();
+                }
+            }
+        };
+
+        newContact.appendChild(createAvatar());
+        newContact.appendChild(createDisplayNameParagraph("Participant"));
+
+        var clElement = contactlist.get(0);
+
+        if (resourceJid === Strophe.getResourceFromJid(connection.emuc.myroomjid)
+            && $('#contactlist>ul .title')[0].nextSibling.nextSibling)
+        {
+            clElement.insertBefore(newContact,
+                    $('#contactlist>ul .title')[0].nextSibling.nextSibling);
+        }
+        else {
+            clElement.appendChild(newContact);
+        }
+        updateNumberOfParticipants(1);
+    };
+
+    /**
+     * Removes a contact for the given peer jid.
+     *
+     * @param peerJid the peerJid corresponding to the contact to remove
+     */
+    my.removeContact = function(peerJid) {
+        var resourceJid = Strophe.getResourceFromJid(peerJid);
+
+        var contact = $('#contactlist>ul>li[id="' + resourceJid + '"]');
+
+        if (contact && contact.length > 0) {
+            var contactlist = $('#contactlist>ul');
+
+            contactlist.get(0).removeChild(contact.get(0));
+
+            updateNumberOfParticipants(-1);
+        }
+    };
+
+    /**
+     * Opens / closes the contact list area.
+     */
+    my.toggleContactList = function () {
+        var contactlist = $('#contactlist');
+        var videospace = $('#videospace');
+
+        var chatSize = (ContactList.isVisible()) ? [0, 0] : Chat.getChatSize();
+        var videospaceWidth = window.innerWidth - chatSize[0];
+        var videospaceHeight = window.innerHeight;
+        var videoSize
+            = getVideoSize(null, null, videospaceWidth, videospaceHeight);
+        var videoWidth = videoSize[0];
+        var videoHeight = videoSize[1];
+        var videoPosition = getVideoPosition(videoWidth,
+                                             videoHeight,
+                                             videospaceWidth,
+                                             videospaceHeight);
+        var horizontalIndent = videoPosition[0];
+        var verticalIndent = videoPosition[1];
+
+        var thumbnailSize = VideoLayout.calculateThumbnailSize(videospaceWidth);
+        var thumbnailsWidth = thumbnailSize[0];
+        var thumbnailsHeight = thumbnailSize[1];
+        var completeFunction = ContactList.isVisible() ?
+            function() {} : function () { contactlist.trigger('shown');};
+
+        videospace.animate({right: chatSize[0],
+                            width: videospaceWidth,
+                            height: videospaceHeight},
+                            {queue: false,
+                            duration: 500,
+                            complete: completeFunction
+                            });
+
+        $('#remoteVideos').animate({height: thumbnailsHeight},
+                                    {queue: false,
+                                    duration: 500});
+
+        $('#remoteVideos>span').animate({height: thumbnailsHeight,
+                                        width: thumbnailsWidth},
+                                        {queue: false,
+                                        duration: 500,
+                                        complete: function() {
+                                            $(document).trigger(
+                                                    "remotevideo.resized",
+                                                    [thumbnailsWidth,
+                                                     thumbnailsHeight]);
+                                        }});
+
+        $('#largeVideoContainer').animate({ width: videospaceWidth,
+                                            height: videospaceHeight},
+                                            {queue: false,
+                                             duration: 500
+                                            });
+
+        $('#largeVideo').animate({  width: videoWidth,
+                                    height: videoHeight,
+                                    top: verticalIndent,
+                                    bottom: verticalIndent,
+                                    left: horizontalIndent,
+                                    right: horizontalIndent},
+                                    {   queue: false,
+                                        duration: 500
+                                    });
+
+        if (ContactList.isVisible()) {
+            $("#toast-container").animate({right: '12px'},
+                {queue: false,
+                    duration: 500});
+            $('#contactlist').hide("slide", { direction: "right",
+                                            queue: false,
+                                            duration: 500});
+        } else {
+            // Undock the toolbar when the chat is shown and if we're in a 
+            // video mode.
+            if (VideoLayout.isLargeVideoVisible())
+                ToolbarToggler.dockToolbar(false);
+
+
+            $("#toast-container").animate({right: '212px'},
+                {queue: false,
+                    duration: 500});
+            $('#contactlist').show("slide", { direction: "right",
+                                            queue: false,
+                                            duration: 500});
+
+            //stop the glowing of the contact list icon
+            setVisualNotification(false);
+        }
+    };
+
+    /**
+     * Updates the number of participants in the contact list button and sets
+     * the glow
+     * @param delta indicates whether a new user has joined (1) or someone has
+     * left(-1)
+     */
+    function updateNumberOfParticipants(delta) {
+        //when the user is alone we don't show the number of participants
+        if(numberOfContacts === 0) {
+            $("#numberOfParticipants").text('');
+            numberOfContacts += delta;
+        } else if(numberOfContacts !== 0 && !ContactList.isVisible()) {
+            setVisualNotification(true);
+            numberOfContacts += delta;
+            $("#numberOfParticipants").text(numberOfContacts);
+        }
+    };
+
+    /**
+     * Creates the avatar element.
+     * 
+     * @return the newly created avatar element
+     */
+    function createAvatar() {
+        var avatar = document.createElement('i');
+        avatar.className = "icon-avatar avatar";
+
+        return avatar;
+    }
+
+    /**
+     * Creates the display name paragraph.
+     *
+     * @param displayName the display name to set
+     */
+    function createDisplayNameParagraph(displayName) {
+        var p = document.createElement('p');
+        p.innerHTML = displayName;
+
+        return p;
+    }
+
+    /**
+     * Shows/hides a visual notification, indicating that a new user has joined
+     * the conference.
+     */
+    function setVisualNotification(show, stopGlowingIn) {
+        var glower = $('#contactListButton');
+        function stopGlowing() {
+            window.clearInterval(notificationInterval);
+            notificationInterval = false;
+            glower.removeClass('glowing');
+            if(!ContactList.isVisible()) {
+                glower.removeClass('active');
+            }
+        }
+
+        if (show && !notificationInterval) {
+            notificationInterval = window.setInterval(function () {
+                glower.toggleClass('active glowing');
+            }, 800);
+        }
+        else if (!show && notificationInterval) {
+            stopGlowing();
+        }
+        if(stopGlowingIn) {
+            setTimeout(stopGlowing, stopGlowingIn);
+        }
+    }
+
+    /**
+     * Indicates that the display name has changed.
+     */
+    $(document).bind(   'displaynamechanged',
+                        function (event, peerJid, displayName) {
+        if (peerJid === 'localVideoContainer')
+            peerJid = connection.emuc.myroomjid;
+
+        var resourceJid = Strophe.getResourceFromJid(peerJid);
+
+        var contactName = $('#contactlist #' + resourceJid + '>p');
+
+        if (contactName && displayName && displayName.length > 0)
+            contactName.html(displayName);
+    });
+
+    my.setClickable = function(resourceJid, isClickable) {
+        var contact = $('#contactlist>ul>li[id="' + resourceJid + '"]');
+        if(isClickable) {
+            contact.addClass('clickable');
+        } else {
+            contact.removeClass('clickable');
+        }
+    };
+
+    return my;
+}(ContactList || {}));

css/404.scss

@@ -1,14 +0,0 @@
-.error_page {
-    width: 60%;
-    margin: 20% auto;
-    text-align: center;
-
-    h2 {
-        font-size: 36px;
-    }
-
-    &__message {
-        font-size: 24px;
-        margin-top: 20px;
-    }
-}

css/_animations.scss

@@ -1,83 +0,0 @@
-/**
-* Project animations
-**/
-
-/**
- *   Slide in animation for extended toolbar.
- */
-@include keyframes(slideInX) {
-    0% { transform: translateX(-100%); }
-    100% { transform: translateX(0%); }
-}
-
-@include keyframes(slideOutX) {
-    0% { transform: translateX(0%); }
-    100% { transform: translateX(-100%); }
-}
-
-@include keyframes(slideInExtX) {
-    0% { transform: translateX(-500%); }
-    100% { transform: translateX(0%); }
-}
-
-@include keyframes(slideOutExtX) {
-    0% { transform: translateX(0%); }
-    100% { transform: translateX(-500%); }
-}
-
-/**
- *   Slide in / out animation for main toolbar.
- */
-
-@include keyframes(slideInY) {
-    100% { transform: translateY(0%); }
-}
-
-@include keyframes(slideOutY) {
-    0% { transform: translateY(0%); }
-    100% { transform: translateY(-100%); }
-}
-
-/**
- *   Slide in animation for extended toolbar (inner) panel.
- */
-
-// FIX: Can't use percentage because of breaking animation when width is changed
-// (100% of 0 is also zero) Extracted this to config variable.
-@include keyframes(slideInExt) {
-    from { left: -$sidebarWidth; }
-    to   { left: 0; }
-}
-
-@include keyframes(slideOutExt) {
-    from { left: 0; }
-    to   { left: -$sidebarWidth; }
-}
-
-/**
-*   Slide in animation for extended toolbar container
-**/
-
-@include keyframes(slideOutExtContainer) {
-    from { width: $sidebarWidth; }
-    to { width: 0; }
-}
-
-@include keyframes(slideInExtContainer) {
-    from { width: 0; }
-    to { width: $sidebarWidth; }
-}
-
-/**
-*   Fade in / out animations
-**/
-
-@include keyframes(fadeIn) {
-    from { opacity: 0; }
-    to { opacity: 1; }
-}
-
-@include keyframes(fadeOut) {
-    from { opacity: 1; }
-    to { opacity: 0; }
-}

css/_base.scss

@@ -1,142 +0,0 @@
-* {
-    -webkit-user-select: none;
-    user-select: none;
-}
-
-html, body{
-    margin:0px;
-    height:100%;
-    color: $defaultColor;
-    font-size: 12px;
-    font-weight: 400;
-    background: #000000;
-    overflow: hidden;
-}
-
-p {
-    margin: 0;
-}
-
-html, body, input, textarea, keygen, select, button {
-    font-family: $baseFontFamily !important;
-}
-
-#nowebrtc {
-    display:none;
-}
-
-.no-fa-video-camera, .fa-microphone-slash {
-    color: #636363;
-}
-
-button, input, select, textarea {
-    margin: 0;
-    vertical-align: baseline;
-    color: $inputColor;
-    font-size: 1em;
-}
-
-button, select, input[type="button"],
-input[type="reset"], input[type="submit"] {
-    height: 32px;
-    line-height: 32px;
-    padding-left: 4px;
-    padding-right: 4px;
-    cursor: pointer;
-}
-
-textarea {
-    overflow: hidden;
-    word-wrap: break-word;
-    resize: none;
-    line-height: 1.5em;
-}
-
-input[type='text'], input[type='password'], textarea {
-    outline: none; /* removes the default outline */
-    resize: none; /* prevents the user-resizing, adjust to taste */
-}
-
-button {
-    color: #FFF;
-    background-color: $buttonBackground;
-    border-radius: $borderRadius;
-
-    &.no-icon {
-        padding: 0 1em;
-    }
-}
-
-button,
-form {
-    display: block;
-}
-
-.watermark {
-    display: block;
-    position: absolute;
-    top: 15;
-    width: 186px;
-    height: 74px;
-    background-size: contain;
-    background-repeat: no-repeat;
-    z-index: 2;
-}
-
-.leftwatermark {
-    left: $defaultToolbarSize;
-    margin-left: 10px;
-    background-image: url($defaultWatermarkLink);
-    background-position: center left;
-}
-
-.rightwatermark {
-    right: 15;
-    background-position: center right;
-}
-
-.poweredby {
-    position: absolute;
-    left: 25;
-    bottom: 7;
-    font-size: 11pt;
-    color: rgba(255,255,255,.50);
-    text-decoration: none;
-    z-index: 100;
-}
-
-.connected {
-    color: #21B9FC;
-    font-size: 12px;
-}
-
-.lastN, .disconnected {
-    color: #a3a3a3;
-    font-size: 12px;
-}
-
-/**
-* Tooltips
-**/
-.tipsy {
-    z-index: $tooltipsZ;
-    &-inner {
-        background-color: $tooltipBg;
-    }
-
-    &-arrow {
-        border-color: $tooltipBg;
-    }
-}
-
-/**
-* Dialogs fade
-*/
-.aui-blanket {
-    visibility: visible;
-}
-
-#inviteLinkRef {
-    -webkit-user-select: text;
-    user-select: text;
-}

css/_connection-info.scss

@@ -1,43 +0,0 @@
-%connection-info {
-    text-align: left;
-    font-size: 12px;
-    font-weight: 400;
-    color: $popoverFontColor;
-
-    td {
-        padding: 2px 0;
-    }
-}
-
-.connection-info
-{
-    float: left;
-    padding: 5px;
-    padding-left: 0;
-    @extend %connection-info;
-
-    > table {
-        white-space: nowrap;
-        @extend %connection-info;
-    }
-
-    td:nth-child(n-1) {
-        padding-left: 5px;
-    }
-
-    &__icon {
-        margin-right: 2px;
-    }
-
-    &__download
-    {
-        @extend .connection-info__icon;
-        color: $downloadConnectionIconColor;
-    }
-
-    &__upload
-    {
-        @extend .connection-info__icon;
-        color: $uploadConnectionIconColor;
-    }
-}

css/_contact_list.scss

@@ -1,61 +0,0 @@
-#contacts_container {
-    cursor: default;
-
-    > ul#contacts {
-        font-size: 12px;
-        bottom: 0px;
-        margin: 0;
-        margin-top: 12px;
-        padding: 0px;
-        width: 100%;
-    }
-
-    .clickable {
-        cursor: pointer;
-    }
-
-    .icon-security,
-    .icon-security-locked {
-        font-size: 16px;
-    }
-}
-
-#contacts {
-
-    >li {
-        display: block;
-        list-style-type: none;
-        text-align: left;
-        white-space: nowrap;
-        color: $baseLight;
-        font-size: 16px;
-        padding: 0 10%;
-        height: 27px;
-
-        &:hover,
-        &:active {
-            background: $toolbarSelectBackground;
-        }
-
-        > p {
-            display: inline-block;
-            vertical-align: middle;
-            margin: 0px;
-            width: 100%;
-            line-height: 1.5em;
-            text-overflow: ellipsis;
-            overflow: hidden;
-        }
-    }
-}
-
-
-.avatar {
-    padding: 0px;
-    margin-right: 10px;
-    vertical-align: middle;
-    font-size: 22pt;
-    border-radius: 20px;
-    max-height: 30px;
-    max-width: 30px;
-}

css/_device_settings_dialog.scss

@@ -1,31 +0,0 @@
-.settingsContent {
-    display: flex;
-    display: -webkit-flex;
-
-    #localVideoPreview {
-        width: 50%;
-        align-self: baseline;
-    }
-
-    .deviceSelection {
-        display: flex;
-        display: -webkit-flex;
-        -webkit-flex: 1;
-        flex: 1;
-        flex-direction: column;
-        flex-wrap: nowrap;
-        justify-content: flex-start;
-        align-items: left;
-        margin-left: 10px;
-
-        .device {
-            display: flex;
-            margin-bottom: 5px;
-
-            select {
-                flex: 1;
-                margin_right: 5px;
-            }
-        }
-    }
-}

css/_filmstrip.scss

@@ -1,124 +0,0 @@
-%align-right {
-    @include flex();
-    flex-direction: row-reverse;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-}
-
-.filmstrip {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    padding: 10px 5px;
-    @extend %align-right;
-
-    &__toolbar {
-        @include flex();
-        flex-direction: column-reverse;
-        flex-wrap: nowrap;
-        position: relative;
-        z-index: 1;                     // Set z-index to make element visible
-        width: $hideFilmstripButtonWidth;
-
-        button {
-            font-size: 14px;
-            line-height: 1.2;
-            text-align: center;
-            background: transparent;
-            opacity: 0.7;
-            height: auto;
-            width: 100%;
-            padding: 0;
-            margin: 0;
-            border: none;
-            outline: none;
-
-            -webkit-appearance: none;
-
-            &:hover {
-                opacity: 1;
-            }
-
-            i {
-                cursor: pointer;
-            }
-        }
-    }
-
-    &__videos {
-        @extend %align-right;
-        position:relative;
-        height:196px;
-        padding: 0;
-        /*The filmstrip should not be covered by the left toolbar*/
-        padding-left: $defaultToolbarSize + 5;
-        bottom: 0;
-        width:auto;
-        border: $thumbnailsBorder solid transparent;
-        z-index: 5;
-        transition: bottom 2s;
-        overflow: visible !important;
-        /*!!!Removes the gap between the local video container and the remote
-        videos.*/
-        font-size: 0pt;
-
-        &.hidden {
-            bottom: -196px;
-        }
-
-        .videocontainer {
-            display: none;
-            position: relative;
-            background-size: contain;
-            border: $thumbnailVideoBorder solid transparent;
-            border-radius: $borderRadius;
-            margin: 0 $thumbnailVideoMargin;
-
-            &.videoContainerFocused, &:hover {
-                cursor: hand;
-            }
-
-            /**
-            * Focused video thumbnail.
-            */
-            &.videoContainerFocused {
-                transition-duration: 0.5s;
-                -webkit-transition-duration: 0.5s;
-                -webkit-animation-name: greyPulse;
-                -webkit-animation-duration: 2s;
-                -webkit-animation-iteration-count: 1;
-                border: $thumbnailVideoBorder solid $videoThumbnailSelected !important;
-                box-shadow: inset 0 0 3px $videoThumbnailSelected,
-                0 0 3px $videoThumbnailSelected !important;
-            }
-
-            .remotevideomenu > .icon-menu {
-                display: none;
-            }
-
-            /**
-            * Hovered video thumbnail.
-            */
-            &:hover {
-                cursor: hand;
-                border: $thumbnailVideoBorder solid $videoThumbnailHovered;
-                box-shadow: inset 0 0 3px $videoThumbnailHovered,
-                0 0 3px $videoThumbnailHovered;
-
-                .remotevideomenu > .icon-menu {
-                    display: inline-block;
-                }
-            }
-
-            /* With TemasysWebRTC plugin <object/> element is used
-            instead of <video/> */
-            & > video,
-            & > object {
-                cursor: hand;
-                border-radius: $borderRadius;
-                object-fit: cover;
-                overflow: hidden;
-            }
-        }
-    }
-}

css/_functions.scss

@@ -1,6 +0,0 @@
-/* Functions */
-
-/* Pixels to Ems function */
-@function em($value, $base: 16) {
-    @return #{$value / $base}em;
-}

css/_inlay.scss

@@ -1,33 +0,0 @@
-.inlay {
-    margin-top: 14%;
-    @include border-radius(4px);
-    padding: 40px 38px 44px;
-    color: #fff;
-    background: $inlayColorBg;
-    text-align: center;
-
-    &__title {
-        margin: 17px 0;
-        padding-bottom: 17px;
-        color: $popoverFontColor;
-        font-size: 21px;
-        letter-spacing: 0.3px;
-        border-bottom: 1px solid $inlayBorderColor;
-    }
-
-    &__text {
-        color: $popoverFontColor;
-        display: block;
-        margin-top: 22px;
-        font-size: 16px;
-    }
-
-    &__icon {
-        margin: 0 10px;
-        font-size: 50px;
-    }
-
-    &__button {
-        float: none !important;
-    }
-}

css/_jitsi_popover.scss

@@ -1,47 +0,0 @@
-.jitsipopover {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1010;
-    display: none;
-    max-width: 300px;
-    min-width: 100px;
-    text-align: left;
-    color: $popoverFontColor;
-    background-color: $popoverBg;
-    background-clip: padding-box;
-    border-radius: $borderRadius;
-    /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
-    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/
-    white-space: normal;
-    margin-top: -$popoverMenuPadding;
-
-    &__menu-padding {
-        height: $popoverMenuPadding;
-        width: 100px;
-        position: absolute;
-        bottom: -$popoverMenuPadding;
-    }
-
-    &__showmore {
-        display: block;
-        text-align: center;
-        width: 90px;
-        margin: 10px auto;
-    }
-
-    > .arrow {
-        position: absolute;
-        display: block;
-        left: 50%;
-        bottom: -5px;
-        margin-left: -5px;
-        width: 0;
-        height: 0;
-        border-color: transparent;
-        border-top-color: $popoverBg;
-        border-style: solid;
-        border-width: 5px;
-        border-bottom-width: 0;
-    }
-}

css/_jquery.contextMenu.scss

@@ -1,206 +0,0 @@
-@charset "UTF-8";
-/*!
- * jQuery contextMenu - Plugin for simple contextMenu handling
- *
- * Version: v2.1.1
- *
- * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
- * Web: http://swisnl.github.io/jQuery-contextMenu/
- *
- * Copyright (c) 2011-2016 SWIS BV and contributors
- *
- * Licensed under
- *   MIT License http://www.opensource.org/licenses/mit-license
- *
- * Date: 2016-02-28T09:53:18.890Z
- */
-@font-face {
-  font-family: "context-menu-icons";
-  font-style: normal; 
-  font-weight: normal;
-
-  src: url("font/context-menu-icons.eot?2qmzf");
-  src: url("font/context-menu-icons.eot?2qmzf#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?2qmzf") format("woff2"), url("font/context-menu-icons.woff?2qmzf") format("woff"), url("font/context-menu-icons.ttf?2qmzf") format("truetype");
-}
-
-.context-menu-icon:before {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 28px; 
-  font-family: "context-menu-icons";
-  font-size: 16px;
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  color: #2980b9;
-  text-align: center;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-       -o-transform: translateY(-50%);
-          transform: translateY(-50%);
-
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.context-menu-icon-add:before {
-  content: "";
-}
-
-.context-menu-icon-copy:before {
-  content: "";
-}
-
-.context-menu-icon-cut:before {
-  content: "";
-}
-
-.context-menu-icon-delete:before {
-  content: "";
-}
-
-.context-menu-icon-edit:before {
-  content: "";
-}
-
-.context-menu-icon-paste:before {
-  content: "";
-}
-
-.context-menu-icon-quit:before {
-  content: "";
-}
-
-.context-menu-icon.context-menu-hover:before {
-  color: #fff;
-}
-
-.context-menu-list {
-  position: absolute; 
-  display: inline-block;
-  min-width: 180px;
-  max-width: 360px;
-  padding: 4px 0;
-  margin: 5px;
-  font-family: inherit;
-  font-size: inherit;
-  list-style-type: none;
-  background: #fff;
-  border: 1px solid #bebebe;
-  border-radius: $borderRadius;
-  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
-          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
-}
-
-.context-menu-item {
-  position: relative;
-  padding: 3px 28px;
-  color: #2f2f2f;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none; 
-  background-color: #fff;
-}
-
-.context-menu-separator {
-  padding: 0; 
-  margin: 5px 0;
-  border-bottom: 1px solid #e6e6e6;
-}
-
-.context-menu-item > label > input,
-.context-menu-item > label > textarea {
-  -webkit-user-select: text;
-     -moz-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-
-.context-menu-item.context-menu-hover {
-  color: #fff;
-  cursor: pointer; 
-  background-color: #2980b9;
-}
-
-.context-menu-item.context-menu-disabled {
-  color: #626262; 
-  background-color: #fff;
-}
-
-.context-menu-item.context-menu-disabled {
-  color: #626262;
-}
-
-.context-menu-input.context-menu-hover,
-.context-menu-item.context-menu-disabled.context-menu-hover {
-  cursor: default; 
-  background-color: #eee;
-}
-
-.context-menu-submenu:after {
-  position: absolute;
-  top: 50%;
-  right: 8px;
-  z-index: 1; 
-  width: 0;
-  height: 0;
-  content: '';
-  border-color: transparent transparent transparent #2f2f2f;
-  border-style: solid;
-  border-width: 4px 0 4px 4px;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-       -o-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-
-/**
- * Inputs
- */
-.context-menu-item.context-menu-input {
-  padding: 5px 10px;
-}
-
-/* vertically align inside labels */
-.context-menu-input > label > * {
-  vertical-align: top;
-}
-
-/* position checkboxes and radios as icons */
-.context-menu-input > label > input[type="checkbox"],
-.context-menu-input > label > input[type="radio"] {
-  position: relative;
-  top: 3px;
-}
-
-.context-menu-input > label,
-.context-menu-input > label > input[type="text"],
-.context-menu-input > label > textarea,
-.context-menu-input > label > select {
-  display: block;
-  width: 100%; 
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-.context-menu-input > label > textarea {
-  height: 100px;
-}
-
-.context-menu-item > .context-menu-list {
-  top: 5px; 
-  /* re-positioned by js */
-  right: -5px;
-  display: none;
-}
-
-.context-menu-item.context-menu-visible > .context-menu-list {
-  display: block;
-}
-
-.context-menu-accesskey {
-  text-decoration: underline;
-}

css/_keyboard-shortcuts.scss

@@ -1,25 +0,0 @@
-#keyboard-shortcuts {
-    display: none;
-    position: absolute;
-    bottom: 20px;
-    left: $defaultToolbarSize;
-    overflow: hidden;
-    padding: 20px;
-    margin-left: 10px;
-    z-index: 10;
-    border-radius: $borderRadius;
-    background-attachment: scroll;
-    background-size: auto auto;
-    color: rgba(255, 255, 255, .8);
-    background-color: rgba(0, 0, 0, .8);
-}
-
-#keyboard-shortcuts .item-action {
-    color: #209EFF;
-    font-size: 14pt;
-    padding-right: 5px;
-}
-
-#keyboard-shortcuts-list {
-    list-style-type: none;
-}

css/_login_menu.scss

@@ -1,58 +0,0 @@
-/*Initialize*/
-ul.loginmenu {
-    font-family: $baseFontFamily;
-    line-height: normal;
-    display:none;
-    position: absolute;
-    margin: 0;
-    padding: 5px;
-    padding-bottom: 7px;
-    top: 45px;
-    left: -5px;
-    background-color: rgba(0,0,0,0.9);
-    border: 1px solid rgba(256, 256, 256, 0.2);
-    border-radius:8px;
-}
-
-ul.loginmenu li {
-    list-style-type: none;
-    padding: 7px;
-    color: #fff;
-    font-size: 11pt;
-    cursor: default;
-    white-space: pre;
-}
-
-ul.loginmenu:after {
-    content: url('../images/dropdownPointer.png');
-    display: block;
-    position: absolute;
-    top: -7px;
-    left: 18px;
-}
-
-a.disabled {
-    color: gray !important;
-    pointer-events: none;
-}
-
-.loginmenuPadding {
-    width: 50px;
-    height: 30px;
-    position: absolute;
-    top: -30px;
-    left: 0px;
-}
-
-.loginmenu.extendedToolbarPopup {
-    left: 55px;
-    top: 0px;
-}
-
-ul.loginmenu.extendedToolbarPopup:after {
-    content: url('../images/leftDropdownPointer.png');
-    display: block;
-    position: absolute;
-    top: 18px;
-    left: -7px;
-}

css/_mixins.scss

@@ -1,161 +0,0 @@
-/**
- * Animation mixin.
- */
-@mixin animation($animate...) {
-  $max: length($animate);
-  $animations: '';
-
-  @for $i from 1 through $max {
-    $animations: #{$animations + nth($animate, $i)};
-
-    @if $i < $max {
-      $animations: #{$animations + ", "};
-    }
-  }
-  -webkit-animation: $animations;
-  -moz-animation:    $animations;
-  -o-animation:      $animations;
-  animation:         $animations;
-}
-
-@mixin flex() {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-}
-
-/**
- * Keyframes mixin.
- */
-@mixin keyframes($animationName) {
-  @-webkit-keyframes #{$animationName} {
-    @content;
-  }
-  @-moz-keyframes #{$animationName} {
-    @content;
-  }
-  @-o-keyframes #{$animationName} {
-    @content;
-  }
-  @keyframes #{$animationName} {
-    @content;
-  }
-}
-
-@mixin circle($diameter) {
-  width: $diameter;
-  height: $diameter;
-  border-radius: 50%;
-}
-
-/**
-* Absolute position the element at the top left corner
-**/
-@mixin topLeft() {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-@mixin absoluteAligning() {
-  top: 50%;
-  left: 50%;
-  position: absolute;
-  @include transform(translate(-50%, -50%));
-}
-
-/**
-* Defines the maximum width and height
-**/
-@mixin maxSize($value) {
-    max-width: $value;
-    max-height: $value;
-}
-
-@mixin transform($func) {
-  -moz-transform: $func;
-  -ms-transform: $func;
-  -webkit-transform: $func;
-  -o-transform: $func;
-  transform: $func;
-}
-
-@mixin transition($transition...) {
-  -moz-transition:    $transition;
-  -o-transition:      $transition;
-  -webkit-transition: $transition;
-  transition:         $transition;
-}
-
-/**
-* Mixin styling placeholder
-**/
-@mixin placeholder() {
-  $selectors: (
-          "::-webkit-input-placeholder",
-          "::-moz-placeholder",
-          ":-moz-placeholder",
-          ":-ms-input-placeholder"
-  );
-
-  @each $selector in $selectors {
-    #{$selector} {
-      @content;
-    }
-  }
-}
-
-@mixin box-shadow($h, $y, $blur, $color, $inset: false) {
-  @if $inset {
-    -webkit-box-shadow: inset $h $y $blur $color;
-    -moz-box-shadow: inset $h $y $blur $color;
-    box-shadow: inset $h $y $blur $color;
-  } @else {
-    -webkit-box-shadow: $h $y $blur $color;
-    -moz-box-shadow: $h $y $blur $color;
-    box-shadow: $h $y $blur $color;
-  }
-}
-
-@mixin no-box-shadow {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-
-@mixin box-sizing($box-model) {
-  -webkit-box-sizing: $box-model; // Safari <= 5
-     -moz-box-sizing: $box-model; // Firefox <= 19
-          box-sizing: $box-model;
-}
-
-@mixin border-radius($radius) {
-  -webkit-border-radius: $radius;
-  border-radius: $radius;
-  /* stops bg color from leaking outside the border: */
-  background-clip: padding-box;
-}
-
-@mixin opacity($opacity) {
-  opacity: $opacity;
-  $opacity-ie: $opacity * 100;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie);
-  filter: alpha(opacity=$opacity-ie); //IE8
-}
-
-@mixin text-truncate {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/**
- * Creates a semi-transparent background with the given color and alpha
- * (opacity) value.
- */
-@mixin transparentBg($color, $alpha) {
-  background-color: rgba(red($color), green($color), blue($color), $alpha);
-}

css/_notice.scss

@@ -1,11 +0,0 @@
-#notice {
-    position: relative;
-    z-index: 3;
-    margin-top: 6px;
-}
-#noticeText {
-    background-color: #000000;
-    color: white;
-    padding: 3px;
-    border-radius: 5px;
-}

css/_policy.scss

@@ -1,15 +0,0 @@
-.policy {
-    &__logo {
-        display: block;
-        width: 200px;
-        height: 50px;
-        margin: 30px auto 0;
-    }
-
-    &__text {
-        text-align: center;
-        font-size: 14px;
-        line-height: 21px;
-        font-weight: 300;
-    }
-}

css/_popup_menu.scss

@@ -1,73 +0,0 @@
-/**
-* Initialize
-**/
-
-.popupmenu {
-    padding: 0;
-    margin: 2px 0;
-    bottom: 0;
-    height: auto;
-
-    &:first-child {
-        margin-top: 2px;
-    }
-
-    &__item {
-        list-style-type: none;
-        text-align: left;
-        height: 35px;
-
-        &:hover {
-            background-color: $popupMenuSelectedItemBackground;
-        }
-    }
-
-    // Link Appearance
-    &__link {
-        display: block;
-        box-sizing: border-box;
-        text-decoration: none;
-        color: #fff;
-        padding: 5px;
-        height: 100%;
-        font-size: 9pt;
-        width: 100%;
-        cursor: hand;
-
-        &.disabled {
-            color: gray !important;
-            pointer-events: none;
-        }
-    }
-
-    &__text {
-        display: inline-block;
-        vertical-align: middle;
-    }
-
-    &__icon {
-        vertical-align: middle;
-        position: relative;
-        display: inline-block;
-        width: 20px;
-        height: 100%;
-        text-align: center;
-
-        > * {
-            @include absoluteAligning();
-        }
-    }
-
-    .icon-kick {
-        font-size: 8pt;
-    }
-}
-
-span.remotevideomenu:hover ul.popupmenu, ul.popupmenu:hover {
-    display:block !important;
-}
-
-.remote-control-spinner {
-    top: 6px;
-    left: 2px;
-}

css/_recording.scss

@@ -1,4 +0,0 @@
-.recordingSpinner {
-    display: none;
-    vertical-align: top;
-}

css/_redirect_page.scss

@@ -1,41 +0,0 @@
-html, body {
-    width: 100%;
-    height:100%;
-    color: $defaultColor;
-    background: $defaultBackground;
-}
-
-.redirectPageMessage {
-    width: 30%;
-    margin: 20% auto;
-    text-align: center;
-    font-size: 24px;
-
-    .thanks-msg {
-        border-bottom: 1px solid $selectBg;
-        padding-left: 30px;
-        padding-right: 30px;
-        p {
-            margin: 30px auto;
-            font-size: 24px;
-            line-height: 24px;
-        }
-    }
-    .hint-msg{
-        p {
-            margin: 26px auto;
-            font-weight: 600;
-            font-size: 16px;
-            line-height: 18px;
-            .hint-msg__holder{
-                font-weight: 200;
-            }
-        }
-        .happy-software{
-            width: 120px;
-            height: 86px;
-            margin: 0 auto;
-            background: $happySoftwareBackground;
-        }
-    }
-}

css/_side_toolbar_container.scss

@@ -1,140 +0,0 @@
-/**
- * Toolbar side panel main container element.
- */
-#sideToolbarContainer {
-    background-color: rgba(0,0,0,0.8);
-    height: 100%;
-    left: $defaultToolbarSize;
-    max-width: $sidebarWidth;
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    width: 0;
-    z-index: 800;
-
-    /**
-     * Labels inside the side panel.
-     */
-    label {
-        color: $baseLight;
-    }
-
-    /**
-     * Form elements and blocks.
-     */
-    input, select, a,
-    .sideToolbarBlock, .form-control, .button-control {
-        display: block;
-        margin-top: 15px;
-        margin-left: 10%;
-        width: 80%;
-    }
-
-    /**
-     * Specify styling of elements inside a block.
-     */
-    .sideToolbarBlock {
-        input, button, a, select {
-            margin-left: 0;
-            margin-top: 5px;
-            width: 100%;
-        }
-        input[type='checkbox'] {
-            display: inline;
-            width: auto !important;
-            > label {
-                margin-top: 5px;
-                width: 80%;
-            }
-        }
-    }
-
-    /**
-     * Inner container, for example contact list, settings or profile.
-     */
-    .sideToolbarContainer__inner {
-        display: none;
-        height: 100%;
-        width: $sidebarWidth;
-        position: absolute;
-        box-sizing: border-box;
-        color: #FFF;
-
-        .input-control {
-            border: 0;
-        }
-
-        /**
-         * Titles and subtitles of inner containers.
-         */
-        div.title, div.subTitle {
-            margin: 24px 0 11px;
-        }
-
-        /**
-         * Main title size.
-         */
-        div.title {
-            color: $toolbarTitleColor;
-            text-align: center;
-            font-size: $toolbarTitleFontSize;
-        }
-
-        /**
-         * Subtitle specific properties.
-         */
-        div.subTitle {
-            color: $defaultSideBarFontColor !important;
-            font-size: 11px;
-            font-weight: 500;
-            margin-left: 10%;
-            text-align: left;
-        }
-
-        /**
-         * First element after a title.
-         */
-        .first {
-            margin-top: 0 !important;
-        }
-
-        /**
-         * Buttons in the side toolbar container.
-         */
-        .button-control {
-            margin: 9px 0;
-            width: 100%;
-        }
-    }
-}
-
-#device_settings {
-    width : auto !important;
-    text-align: center;
-}
-
-/**
- * Profile
- */
-.auth_container {
-    ul {
-        padding: 0;
-
-        li {
-            list-style-type: none;
-
-            a.authButton {
-                width: 160px;
-                margin: 10px 20px;
-                padding: 3px 29px;
-                box-sizing: border-box;
-                background-color: #06a5df;
-                border-radius: 4px;
-                cursor: pointer;
-                color: $defaultColor;
-                text-decoration: none;
-                text-align: center;
-            }
-        }
-    }
-}

css/_toastr.scss

@@ -1,107 +0,0 @@
-/*
- * Toastr
- * Copyright 2012-2014 John Papa and Hans Fjällemark.
- * All Rights Reserved.
- * Use, reproduction, distribution, and modification of this code is subject to the terms and
- * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
- *
- * Author: John Papa and Hans Fjällemark
- * Project: https://github.com/CodeSeven/toastr
- *
- * Last updated: October 13, 2016
- */
-
-.toast-title,
-.toast-message .nickname {
-  font-weight: bold;
-  margin: 0 0 3px;
-  @include text-truncate;
-}
-
-.toast-message {
-  -ms-word-wrap: break-word;
-  word-wrap: break-word;
-}
-
-.toast-message a,
-.toast-message label,
-.toast-message .connected,
-.toast-message .disconnected {
-  color: $notificationLinkColor;
-  text-decoration: none;
-}
-
-.toast-message a:hover {
-  text-decoration: underline;
-}
-
-.toast-message br {
-  display: none;
-}
-
-// close button
-.toast-close-button {
-  color: $notificationColor;
-  background: transparent;
-
-  font-size: 15px;
-  line-height: 1.2;
-
-  height: 20px;
-  width: 20px;
-  padding: 0;
-  border: 0;
-  margin: -6px -10px 0 0;
-  float: right;
-
-  cursor: pointer;
-  @include opacity(0.4);
-  /* Additional properties for button version
-  iOS requires the button element instead of an anchor tag.
-  If you want the anchor version, it requires `href="#"`. */
-  -webkit-appearance: none;
-}
-
-.toast-close-button:hover,
-.toast-close-button:focus {
-  @include opacity(1);
-}
-
-
-.toast {
-  color: $notificationColor;
-  background-color: $notificationBackground;
-
-  font-size: $notificationFontSize;
-
-  padding: $notificationPadding;
-  border: 1px solid lighten($notificationBackground, 10%);
-
-  @include border-radius($notificationBorderRadius);
-  @include box-shadow(1px, 1px, 2px, rgba(0,0,0,0.3));
-  @include opacity($notificationOpacity);
-}
-
-.toast:hover {
-  @include opacity(1);
-}
-
-#toast-container {
-  position: fixed;
-  z-index: $notificationZ;
-}
-
-#toast-container.notification-bottom-right {
-  $videoOffset: 2 * ($thumbnailVideoMargin + $thumbnailsBorder) + $thumbnailVideoBorder;
-  bottom: 135px;
-  right: $hideFilmstripButtonWidth + $videoOffset;
-}
-
-#toast-container * {
-  @include box-sizing(border-box);
-}
-
-#toast-container .toast {
-  width: $notificationWidth;
-  margin: 0 0 8px;
-}

css/_toolbars.scss

@@ -1,280 +0,0 @@
-.toolbar {
-    background-color: $toolbarBackground;
-    position: relative;
-    z-index: $toolbarZ;
-    height: 100%;
-    pointer-events: auto;
-
-    /**
-     * Splitter button in the toolbar.
-     */
-    &__splitter {
-        display: inline-block;
-        vertical-align: middle;
-        width: 1px;
-        height: 50%;
-        margin: 0 $splitterToolbarButtonMargin;
-        background: $splitterColor;
-    }
-}
-
-#mainToolbarContainer{
-    display: block;
-    position: absolute;
-    text-align: center;
-    top:0;
-    left:0;
-    right:0;
-    z-index: $toolbarZ;
-    pointer-events: none;
-    min-height: 100px;
-    opacity: 0;
-}
-
-#subject {
-    position: relative;
-    z-index: 3;
-    width: auto;
-    padding: 5px;
-    margin-left: 40%;
-    margin-right: 40%;
-    text-align: center;
-    background: linear-gradient(to bottom, rgba(255,255,255,.85) , rgba(255,255,255,.35));
-    box-shadow: 0 0 2px #000000, 0 0 10px #000000;
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
-}
-
-#mainToolbar {
-    height: $defaultToolbarSize;
-    display: inline-block;
-    position: relative;
-    top: 30px;
-    margin-left: auto;
-    margin-right: auto;
-    width: auto;
-    border-radius: 3px;
-    .button:first-child {
-        border-bottom-left-radius: 3px;
-        border-top-left-radius: 3px;
-    }
-    .button:last-child {
-        border-bottom-right-radius: 3px;
-        border-top-right-radius: 3px;
-    }
-}
-
-#extendedToolbar {
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: flex;
-    width: $defaultToolbarSize;
-    height: 100%;
-    top: 0;
-    left: 0;
-    padding-top: 10px;
-    box-sizing: border-box;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-    align-items: center;
-    transform: translateX(-100%);
-    -webkit-transform: translateX(-100%);
-}
-
-#toolbar_button_hangup {
-    color: #BF2117;
-    font-size: $hangupFontSize !important;
-}
-
-#toolbar_button_etherpad {
-    display: none;
-}
-
-#mainToolbar a.button:last-child::after {
-    content: none;
-}
-
-.button {
-    display: inline-block;
-    position: relative;
-    color: #FFFFFF;
-    top:0px;
-    width: 50px;
-    height: 50px;
-    cursor: pointer;
-    text-align: center;
-    z-index: 1;
-    font-size: $toolbarFontSize !important;
-    line-height: 50px !important;
-    vertical-align: middle;
-}
-
-.button[disabled] {
-    opacity: 0.5;
-}
-
-.button.unclickable {
-    cursor: default;
-}
-
-.button.toggled {
-    background: $toolbarToggleBackground !important;
-}
-
-a.button.unclickable:hover,
-a.button.unclickable:active,
-a.button.unclickable.selected{
-    cursor: default;
-    background: none;
-}
-
-a.button:hover,
-a.button:active,
-a.button.selected {
-    cursor: pointer;
-    text-decoration: none;
-    // sum opacity with background layer should give us 0.8
-    background: $toolbarSelectBackground;
-}
-
-a.button>#avatar {
-    width: 30px;
-    border-radius: 50%;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-#feedbackButton {
-    margin-top: auto;
-}
-
-/**
- * Round badge.
- */
-.badge-round {
-    background-color: $toolbarBadgeBackground;
-    color: $toolbarBadgeColor;
-    font-size: 9px;
-    line-height: 13px;
-    font-weight: 700;
-    text-align: center;
-    border-radius: 50%;
-    min-width: 13px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    box-sizing: border-box;
-    vertical-align: middle;
-    // Do not inherit the font-family from the toolbar button, because it's an
-    // icon style.
-    font-family: $baseFontFamily;
-}
-
-/**
- * Toolbar specific round badge.
- */
-.toolbar .badge-round {
-    position: absolute;
-    right: 9px;
-    bottom: 9px;
-}
-
-/**
- * START of slide in animation for extended toolbar.
- */
-@include keyframes(slideInX) {
-  0% { transform: translateX(-100%); }
-  100% { transform: translateX(0%); }
-}
-
-.slideInX {
-  @include animation('slideInX .5s forwards');
-}
-
-@include keyframes(slideOutX) {
-  0% { transform: translateX(0%); }
-  100% { transform: translateX(-100%); }
-}
-
-.slideOutX {
-  @include animation('slideOutX .5s forwards');
-}
-
-@include keyframes(slideInExtX) {
-    0% { transform: translateX(-500%); }
-    100% { transform: translateX(0%); }
-}
-
-.slideInExtX {
-  @include animation('slideInExtX .5s forwards');
-}
-
-@include keyframes(slideOutExtX) {
-    0% { transform: translateX(0%); }
-    100% { transform: translateX(-500%); }
-}
-
-.slideOutExtX {
-  @include animation('slideOutExtX .5s forwards');
-}
-
-/**
- * END of slide out animation for extended toolbar.
- */
-
-/**
- * START of slide in / out animation for main toolbar.
- */
-@include keyframes(slideInY) {
-    100% { transform: translateY(0%); }
-}
-
-.slideInY {
-  @include animation('slideInY .5s forwards');
-}
-
-@include keyframes(slideOutY) {
-    0% { transform: translateY(0%); }
-    100% { transform: translateY(-100%); }
-}
-
-.slideOutY {
-    @include animation('slideOutY .5s forwards');
-}
-/**
- * END of slide in / out animation for main toolbar.
- */
-
-/**
- * START of slide in animation for extended toolbar panel.
- */
-@include keyframes(slideInExt) {
-    from { width: 0px; }
-    to   { width: $sidebarWidth; } // TO FIX: Make this value a percentage.
-}
-
-.slideInExt {
-    @include animation("slideInExt .5s forwards");
-}
-
-@include keyframes(slideOutExt) {
-  from { width: $sidebarWidth; } // TO FIX: Make this value a percentage.
-  to   { width: 0px; }
-}
-
-.slideOutExt {
-  @include animation("slideOutExt .5s forwards");
-}
-
-/**
- * START of fade in animation for main toolbar
- */
-.fadeIn {
-    @include animation('fadeIn .3s linear .2s forwards');
-}
-
-.fadeOut {
-    @include animation('fadeOut .5s linear forwards');
-}

css/_utils.scss

@@ -1,38 +0,0 @@
-/**
- * Hides an element.
- */
-.hide {
-    display: none !important;
-}
-
-/**
- * Shows an element.
- */
-.show {
-    display: block !important;
-}
-
-/**
- * Shows an inline element.
- */
-.show-inline {
-    display: inline-block !important;
-}
-
-/**
-* Shows as a list item
-**/
-.show-list-item {
-    display: list-item !important;
-}
-
-/**
- * Shows a flex element.
- */
-.show-flex {
-    display: -webkit-box !important;
-    display: -moz-box !important;
-    display: -ms-flexbox !important;
-    display: -webkit-flex !important;
-    display: flex !important;
-}

css/_variables.scss

@@ -1,136 +0,0 @@
-@import "themes/light";
-
-/**
- * Style variables
- */
-$baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-$toolbarFontSize: 1.9em;
-$hangupFontSize: 2em;
-
-/**
- * Size variables.
- */
-$defaultToolbarSize: 50px;
-
-// Video layout.
-$thumbnailToolbarHeight: 22px;
-$thumbnailIndicatorBorder: 2px;
-$thumbnailIndicatorSize: $thumbnailToolbarHeight;
-$thumbnailVideoMargin: 5px;
-$thumbnailsBorder: 2px;
-$thumbnailVideoBorder: 2px;
-$hideFilmstripButtonWidth: 17px;
-
-
-/**
- * Color variables.
- */
-$defaultColor: #F1F1F1;
-$defaultSideBarFontColor: #44A5FF;
-$defaultSemiDarkColor: #ACACAC;
-$defaultDarkColor: #2b3d5c;
-$tooltipBg: rgba(0,0,0, 0.7);
-
-/**
- * Toolbar
- */
-$toolbarTitleColor: #FFFFFF;
-$toolbarTitleFontSize: 19px;
-$toolbarBackground: rgba(0, 0, 0, 0.5);
-$toolbarSelectBackground: rgba(0, 0, 0, .6);
-$toolbarBadgeBackground: #165ECC;
-$toolbarBadgeColor: #FFFFFF;
-$toolbarToggleBackground: #12499C;
-$splitterToolbarButtonMargin: 18px;
-
-/**
- * Main controls
- * TODO: looks like we don't use it
- */
-$inputSemiBackground: rgba(132, 132, 132, .8);
-$inputLightBackground: #EBEBEB;
-
-/**
- * Video layout
- */
-$videoThumbnailHovered: rgba(22, 94, 204, .4);
-$videoThumbnailSelected: #165ECC;
-$participantNameColor: #fff;
-$thumbnailPictogramColor: #fff;
-$dominantSpeakerBg: #165ecc;
-$raiseHandBg: #D6D61E;
-$audioLevelBg: #44A5FF;
-$connectionIndicatorBg: #165ecc;
-$audioLevelShadow: rgba(9, 36, 77, 0.9);
-$videoStateIndicatorColor: $defaultColor;
-$videoStateIndicatorBackground: $toolbarBackground;
-
-/**
- * Feedback Modal
- */
-$feedbackContentBg: #fff;
-$feedbackInputBg: #fff;
-$feedbackTextColor: #000;
-$feedbackInputTextColor: #333;
-$feedbackInputPlaceholderColor: #777;
-$rateStarLabelColor: #333;
-$rateStarDefault: #ccc;
-$rateStarActivity: #165ecc;
-$rateStarSize: 34px;
-
-/**
- * Notifications
- */
-$notificationFontSize: 13px;
-$notificationColor: #FFFFFF;
-$notificationBackground: $tooltipBg;
-$notificationTitleColor: $notificationColor;
-$notificationMessageColor: $notificationColor;
-$notificationLinkColor: $notificationColor;
-$notificationOpacity: 0.9;
-$notificationPadding: 15px 20px;
-$notificationBorderRadius: 4px;
-$notificationWidth: 215px;
-
-/**
- * Misc.
- */
-$borderRadius: 4px;
-$defaultWatermarkLink: '../images/watermark.png';
-$sidebarWidth: 220px;
-$popoverMenuPadding: 13px;
-$happySoftwareBackground: transparent;
-
-/**
- * Z-indexes. TODO: Replace this by a function.
- */
-$tooltipsZ: 901;
-$toolbarZ: 900;
-$overlayZ: 902;
-$notificationZ: 1012;
-$ringingZ: 800;
-$dropdownZ: 901;
-$dropdownMaskZ: 900;
-
-/**
- * Font Colors
- */
-$defaultFontColor: #777;
-$defaultLightFontColor: #F1F1F1;
-$defaultDarkFontColor: #000;
-
-/**
- * Forms
- */
-//inputs
-$inputControlEmColor: #f29424;
-//buttons
-$linkFontColor: #489afe;
-$linkHoverFontColor: #287ade;
-
-/**
- * Landing
- */
-$primaryUnsupportedBrowserButtonBgColor: #17a0db;
-$unsupportedBrowserButtonBgColor: #ff9a00;
-$unsupportedBrowserTextColor: #4a4a4a;

css/_videolayout_default.scss

@@ -1,531 +0,0 @@
-#videoconference_page {
-    min-height: 100%;
-}
-
-#videospace {
-    display: block;
-    min-height: 100%;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    right: 0px;
-    overflow: hidden;
-}
-
-.videocontainer {
-    position: relative;
-    text-align: center;
-
-    &__background {
-        @include topLeft();
-        background-color: black;
-        border-radius: $borderRadius;
-        width: 100%;
-        height: 100%;
-    }
-
-    /**
-     * The toolbar of the video thumbnail.
-     */
-    &__toolbar,
-    &__toptoolbar {
-        position: absolute;
-        left: 0;
-        z-index: 3;
-        width: 100%;
-        box-sizing: border-box; // Includes the padding in the 100% width.
-    }
-
-    &__toolbar {
-        bottom: 0;
-        padding: 0 5px 0 5px;
-        height: $thumbnailToolbarHeight;
-    }
-
-    &__toptoolbar {
-        $toolbarPadding: 5px;
-        top: 0;
-        padding: $toolbarPadding;
-        padding-bottom: 0;
-
-        span.indicator {
-            position: relative;
-            font-size: 8px;
-            text-align: center;
-            line-height: $thumbnailIndicatorSize;
-            display: none;
-            padding: 0;
-            margin-right: em(5, 8);
-            float: left;
-            @include circle($thumbnailIndicatorSize);
-            box-sizing: border-box;
-            z-index: 3;
-            background: $dominantSpeakerBg;
-            color: $thumbnailPictogramColor;
-            border: $thumbnailIndicatorBorder solid $thumbnailPictogramColor;
-
-            &:last-child {
-                margin-right: 0;
-            }
-
-            .indicatoricon {
-                @include absoluteAligning();
-            }
-
-            .connection {
-                position: relative;
-                display: inline-block;
-                margin: 0 auto;
-                left: 0;
-                @include transform(translate(0, -50%));
-
-                &_empty
-                {
-                    color: #8B8B8B;/*#FFFFFF*/
-                    overflow: hidden;
-                }
-
-                &_lost
-                {
-                    color: #8B8B8B;
-                    overflow: visible;
-                }
-
-                &_full
-                {
-                    @include topLeft();
-                    color: #FFFFFF;/*#15A1ED*/
-                    overflow: hidden;
-                }
-            }
-
-            .icon-connection,
-            .icon-connection-lost {
-                font-size: 1em;
-            }
-        }
-    }
-
-    &__hoverOverlay {
-        background: rgba(0,0,0,.6);
-        border-radius: $borderRadius;
-        position: relative;
-        width: 100%;
-        height: 100%;
-        visibility: hidden;
-        z-index: 2;
-    }
-}
-
-#localVideoWrapper {
-    display:inline-block;
-}
-
-.flipVideoX {
-    transform: scale(-1, 1);
-    -moz-transform: scale(-1, 1);
-    -webkit-transform: scale(-1, 1);
-    -o-transform: scale(-1, 1);
-}
-
-#localVideoWrapper>video,
-#localVideoWrapper>object {
-    border-radius: $borderRadius !important;
-    cursor: hand;
-    object-fit: cover;
-}
-
-#largeVideo,
-#largeVideoWrapper,
-#largeVideoContainer {
-    overflow: hidden;
-    text-align: center;
-}
-
-#largeVideo,
-#largeVideoWrapper
-{
-    object-fit: cover;
-}
-
-#sharedVideo,
-#etherpad,
-#localVideoWrapper>video,
-#localVideoWrapper>object,
-#localVideoWrapper,
-#largeVideoWrapper,
-#largeVideoWrapper>video,
-#largeVideoWrapper>object,
-.videocontainer>video,
-.videocontainer>object {
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-}
-
-#etherpad {
-    text-align: center;
-}
-
-#etherpad {
-    z-index: 0;
-}
-
-/**
- * Positions video thumbnail display name and editor.
- */
-.videocontainer .displayname,
-.videocontainer .editdisplayname {
-    display: inline-block;
-    position: absolute;
-    left: 10%;
-    width: 80%;
-    top: 50%;
-    @include transform(translateY(-40%));
-    color: $participantNameColor;
-    text-align: center;
-    text-overflow: ellipsis;
-    font-size: 12px;
-    font-weight: 100;
-    overflow: hidden;
-    white-space: nowrap;
-    line-height: $thumbnailToolbarHeight;
-    z-index: 2;
-}
-
-/**
- * Positions video thumbnail display name editor.
- */
-.videocontainer .editdisplayname {
-    outline: none;
-    border: none;
-    background: none;
-    box-shadow: none;
-    padding: 0;
-}
-
-#localVideoContainer .displayname:hover {
-    cursor: text;
-}
-
-.videocontainer .displayname {
-    pointer-events: none;
-    padding: 0 3px 0 3px;
-}
-
-.videocontainer .editdisplayname {
-    height: auto;
-}
-
-#localDisplayName {
-    pointer-events: auto !important;
-}
-
-.videocontainer>a.displayname {
-    display: inline-block;
-    position: absolute;
-    color: #FFFFFF;
-    bottom: 0;
-    right: 0;
-    padding: 3px 5px;
-    font-size: 9pt;
-    cursor: pointer;
-    z-index: 2;
-}
-
-/**
- * Video thumbnail toolbar icon.
- */
-.videocontainer .toolbar-icon {
-    font-size: 8pt;
-    text-align: center;
-    text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
-    color: #FFFFFF;
-    width: 12px;
-    line-height: $thumbnailToolbarHeight;
-    height: $thumbnailToolbarHeight;
-    padding: 0;
-    border: 0;
-    margin: 0px 5px 0px 0px;
-    float: left;
-}
-
-/**
- * Toolbar icon internal i elements (font icons).
- */
-.toolbar-icon>i {
-    line-height: $thumbnailToolbarHeight;
-}
-
-/**
- * Toolbar icons positioned on the right.
- */
-.toolbar-icon.right {
-  float: right;
-  margin: 0px 0px 0px 5px;
-}
-
-#raisehandindicator {
-  background: $raiseHandBg;
-}
-
-#connectionindicator {
-  background: $connectionIndicatorBg;
-}
-
-.remotevideomenu
-{
-    display: inline-block;
-    position: absolute;
-    top: 0px;
-    right: 0;
-    margin: 7px;
-    z-index: 3;
-    width: 18px;
-    height: 13px;
-    color: #FFF;
-    font-size: 8pt;
-}
-
-/**
- * Audio indicator on video thumbnails.
- */
-.videocontainer>span.audioindicator {
-    position: absolute;
-    display: inline-block;
-    left: 6px;
-    top: 50%;
-    margin-top: -17px;
-    width: 6px;
-    height: 35px;
-    z-index: 2;
-    border: none;
-
-    .audiodot-top,
-    .audiodot-bottom,
-    .audiodot-middle {
-        opacity: 0;
-        display: inline-block;
-        @include circle(5px);
-        background: $audioLevelShadow;
-        margin: 1px 0 1px 0;
-        transition: opacity .25s ease-in-out;
-        -moz-transition: opacity .25s ease-in-out;
-    }
-
-    span.audiodot-top::after,
-    span.audiodot-bottom::after,
-    span.audiodot-middle::after {
-        content: "";
-        display: inline-block;
-        width: 5px;
-        height: 5px;
-        border-radius: 50%;
-        -webkit-filter: blur(0.5px);
-        filter: blur(0.5px);
-        background: $audioLevelBg;
-    }
-}
-
-#reloadPresentation {
-    display: none;
-    position: absolute;
-    color: #FFFFFF;
-    top: 0;
-    right:0;
-    padding: 10px 10px;
-    font-size: 11pt;
-    cursor: pointer;
-    background: rgba(0, 0, 0, 0.3);
-    border-radius: 5px;
-    background-clip: padding-box;
-    -webkit-border-radius: 5px;
-    -webkit-background-clip: padding-box;
-    z-index: 20; /*The reload button should appear on top of the header!*/
-}
-
-.audiolevel {
-    display: inline-block;
-    position: absolute;
-    z-index: 0;
-    border-radius:1px;
-    pointer-events: none;
-}
-
-#dominantSpeaker {
-    visibility: hidden;
-    width: 300px;
-    height: 300px;
-    margin: auto;
-    position: relative;
-}
-
-#mixedstream {
-    display:none !important;
-}
-
-#dominantSpeakerAvatar,
-.dynamic-shadow {
-    width: 200px;
-    height: 200px;
-}
-
-#dominantSpeakerAvatar {
-    top: 50px;
-    margin: auto;
-    position: relative;
-    border-radius: 100px;
-    visibility: inherit;
-    background-color: #000000;
-}
-
-.dynamic-shadow {
-    border-radius: 50%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -100px 0 0 -100px;
-    transition: box-shadow 0.3s ease;
-}
-
-.userAvatar {
-    @include maxSize(60px);
-    @include absoluteAligning();
-    border-radius: 50%;
-    height: 50%;
-    width: auto;
-}
-
-.sharedVideoAvatar {
-    height: 100%;
-    width: 100%;
-    object-fit: cover;
-}
-
-.noMic {
-    position: absolute;
-    border-radius: 8px;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    background-image: url("../images/noMic.png");
-    background-color: #000;
-    background-repeat: no-repeat;
-    background-position: center;
-}
-
-.noVideo {
-    position: absolute;
-    border-radius: 8px;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    background-image: url("../images/noVideo.png");
-    background-color: #000;
-    background-repeat: no-repeat;
-    background-position: center;
-}
-
-.videoMessageFilter {
-    -webkit-filter: grayscale(.5) opacity(0.8);
-    filter: grayscale(.5) opacity(0.8);
-}
-
-.remoteVideoProblemFilter {
-    -webkit-filter: grayscale(100%);
-    filter: grayscale(100%);
-}
-
-.videoProblemFilter {
-    -webkit-filter: blur(10px) grayscale(.5) opacity(0.8);
-    filter: blur(10px) grayscale(.5) opacity(0.8);
-}
-
-.videoThumbnailProblemFilter {
-    -webkit-filter: grayscale(100%);
-    filter: grayscale(100%);
-}
-
-#remoteConnectionMessage {
-    display: none;
-    position: absolute;
-    width: auto;
-    z-index: 2;
-    font-weight: 600;
-    font-size: 14px;
-    text-align: center;
-    color: #FFF;
-    opacity: .80;
-    text-shadow:    0px 0px 1px rgba(0,0,0,0.3),
-                    0px 1px 1px rgba(0,0,0,0.3),
-                    1px 0px 1px rgba(0,0,0,0.3),
-                    0px 0px 1px rgba(0,0,0,0.3);
-
-    background: rgba(0,0,0,.5);
-    border-radius: 5px;
-    padding: 5px;
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-#localConnectionMessage {
-    display: none;
-    position: absolute;
-    left: 0;
-    width: 100%;
-    top:50%;
-    z-index: 2;
-    font-weight: 600;
-    font-size: 14px;
-    text-align: center;
-    color: #FFF;
-    opacity: .80;
-    text-shadow:    0px 0px 1px rgba(0,0,0,0.3),
-                    0px 1px 1px rgba(0,0,0,0.3),
-                    1px 0px 1px rgba(0,0,0,0.3),
-                    0px 0px 1px rgba(0,0,0,0.3);
-}
-
-.video-state-indicator {
-    background: $videoStateIndicatorBackground;
-    color: $videoStateIndicatorColor;
-    font-size: 13px;
-    line-height: 20px;
-    text-align: center;
-    min-width: 40px;
-    height: 40px;
-    padding: 10px 5px;
-    border-radius: 50%;
-    position: absolute;
-    box-sizing: border-box;
-}
-
-#videoResolutionLabel,
-.centeredVideoLabel {
-    display: none;
-    z-index: 1011;
-}
-
-.centeredVideoLabel {
-    bottom: 45%;
-    border-radius: 2px;
-    -webkit-transition: all 2s 2s linear;
-    transition: all 2s 2s linear;
-
-    &.moveToCorner {
-        bottom: auto;
-    }
-}
-
-.moveToCorner {
-    position: absolute;
-    top: 30px;
-    right: 30px;
-}
-
-.moveToCorner + .moveToCorner {
-    right: 80px;
-}

css/aui-components/dropdown.scss

@@ -1,68 +0,0 @@
-.select2-container.aui-select2-container {
-    background-color: transparent !important;
-    margin-top: 2px;
-
-    a.select2-choice {
-        height: 28px !important;
-        line-height: 18px !important;
-        width: 100% !important;
-        background-color: $selectBg !important;
-        border-color: $selectBg !important;
-        color: $selectFontColor !important;
-        text-shadow: none !important;
-        font-size: 12px !important;
-        margin: 0 auto !important;
-
-        &:after {
-            border-top-color: $selectFontColor;
-        }
-    }
-
-    &.select2-dropdown-open{
-        a.select2-choice {
-            background-color: $selectActiveBg !important;
-            border-color: $selectActiveBg !important;
-        }
-    }
-}
-
-.select2-drop.aui-select2-drop.aui-style-default {
-    z-index: $dropdownZ;
-    background-color: $selectActiveBg;
-    border-color: $selectActiveBg;
-
-    .select2-results{
-        background-color: $selectActiveBg;
-        border-color: $selectActiveBg;
-
-        &::-webkit-scrollbar {
-            background-color: transparent;
-        }
-        &::-webkit-scrollbar-track {
-            background-color: transparent;
-        }
-        &::-webkit-scrollbar-track-piece {
-            background-color: transparent;
-        }
-        &::-webkit-scrollbar-thumb {
-            background-color: $selectActiveItemBg;
-        }
-
-        .select2-result{
-            &.select2-highlighted{
-                background-color: $selectActiveItemBg;
-            }
-
-            .select2-result-label{
-                font-size: 12px;
-                color: $selectFontColor !important;
-                line-height: 20px;
-            }
-        }
-
-    }
-}
-
-.select2-drop-mask {
-    z-index: $dropdownMaskZ;
-}

css/chat.css

@@ -1,4 +1,9 @@
-#chat_container * {
+#chatspace {
+    background-color: black;
+    border-left: 1px solid #424242;
+}
+
+#chatspace * {
     -webkit-user-select: text;
     user-select: text;
 }
@@ -13,28 +18,9 @@
     font-size: 10pt;
     width: 100%;
     height: 90%;
-    overflow: auto;
+    overflow-y: scroll;
+    overflow-x: hidden;
     word-wrap: break-word;
-
-    a:link {
-        color: rgb(184, 184, 184);
-    }
-
-    a:visited {
-        color: white;
-    }
-
-    a:hover {
-        color: rgb(213, 213, 213);
-    }
-
-    a:active {
-        color: black;
-    }
-}
-
-#chat_container.is-conversation-mode #chatconversation {
-    visibility: visible;
 }
 
 .localuser {
@@ -75,10 +61,6 @@
     box-shadow: none;
 }
 
-#chat_container.is-conversation-mode #usermsg {
-    visibility: visible;
-}
-
 #nickname {
     position: absolute;
     text-align: center;
@@ -90,10 +72,6 @@
     width: 95%;
 }
 
-#chat_container.is-conversation-mode #nickname {
-    visibility: hidden;
-}
-
 #nickinput {
     margin-top: 20px;
     font-size: 14px;
@@ -103,23 +81,33 @@
     color: #a7a7a7;
 }
 
-#chat_container .username {
+#unreadMessages {
+    font-size: 8px;
+    position: absolute;
+    left: 46%;
+    top: 27%
+}
+
+#bottomUnreadMessages {
+    top: 5px;
+    left: 10px;
+    position: absolute;
+    font-size: 8px;
+}
+
+#chatspace .username {
     float: left;
     padding-left: 5px;
     font-weight: bold;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    width: 95%;
-    overflow: hidden;
 }
 
-#chat_container .timestamp {
+#chatspace .timestamp {
     float: right;
     padding-right: 5px;
     font-size: 11px;
 }
 
-#chat_container .usermessage {
+#chatspace .usermessage {
     padding-top: 20px;
     padding-left: 5px;
 }
@@ -133,7 +121,7 @@
 .chatmessage {
     background: #3a3a3a;
     width: 93%;
-    margin-left: 9px;
+    margin-left: 5%;
     margin-right: auto;
     border-radius: 5px;
     border-top-left-radius: 0px;
@@ -180,10 +168,6 @@
     visibility: hidden;
 }
 
-#chat_container.is-conversation-mode #smileysarea {
-    visibility: visible;
-}
-
 #smileysContainer {
     display: none;
     position: absolute;

css/chromeonly.css

@@ -0,0 +1,54 @@
+body {
+    width:100%;
+    height:100%;
+    background-color: white;
+    color: #424242;
+    font-family:'YanoneKaffeesatzLight',Verdana,Tahoma,Arial;
+    margin:0;
+    padding:0;
+}
+#wrap{
+    display: block;
+    position: absolute;
+    width:900px;
+    height: 262px;
+    overflow:hidden;
+    text-align: center;
+    margin: auto;
+    top: 0; left: 0; bottom: 0; right: 0;
+}
+#left{
+    display:inline-block;
+    background-image:url(../images/chromelogo.png);
+    background-repeat:no-repeat;
+    width:246px;
+    height:262px;
+    float: left;
+}
+.firefox{
+    font-size: 11pt;
+    color: #c8c8c8;
+}
+#middle{
+    display:inline-block;
+    background-image:url(../images/chromepointer.png);
+    background-repeat:no-repeat;
+    width:53px;
+    height:262px;
+    float: left;
+}
+#text{
+    display:inline-block;
+    font-size: 18pt;
+    width: 560px;
+    vertical-align:middle;
+    padding-top: 30px;
+}
+
+a {
+    color: #087dba;
+    text-decoration:none;
+}
+  
+   
+   

css/components/_button-control.scss

@@ -1,89 +0,0 @@
-.button-control {
-    box-sizing: border-box;
-    display: inline-block;
-    border: 1px solid $buttonBorder;
-    vertical-align: baseline;
-    height: 30px;
-    min-width: 60px;
-    padding: 4px 10px;
-    margin: 0;
-    line-height: 1.5em;
-    outline: none;
-    background-color: transparent;
-    float: right;
-    font-size: 14px;
-    margin-left: 10px;
-    color: $buttonColor;
-    font-weight: $buttonFontWeight;
-    @include transition(background-color .1s ease-out);
-
-    &[disabled] {
-        color: #666;
-        cursor: default;
-    }
-
-    &_full-width {
-        margin: 0;
-        width: 100%;
-    }
-
-    &:hover {
-        border: 1px solid $buttonHoverBorder;
-        background-color: $buttonHoverBackground;
-        @include transition(background-color .1s ease-in);
-    }
-
-    &:active {
-        @include box-shadow(0, 0, 1px, $buttonShadowColor, true);
-    }
-
-    &_light {
-        color: $defaultDarkColor;
-        background-color: $buttonLightBackground;
-        border: 1px solid $buttonLightBorder;
-
-        &:hover {
-            border: 1px solid $buttonLightHoverBorder;
-            background-color: $buttonLightHoverBackground;
-        }
-    }
-
-    &_link {
-        color: $buttonLinkColor;
-        background-color: $buttonLinkBackground;
-
-        &:hover {
-            background-color: $buttonLinkBackground;
-        }
-    }
-
-    &_primary {
-        background-color: $primaryButtonBackground;
-        border: 1px solid $primaryButtonBackground;
-        color: $primaryButtonColor !important;
-        font-weight: $primaryButtonFontWeight;
-
-        &:hover {
-            border: 1px solid $primaryButtonHoverBackground;
-            background-color: $primaryButtonHoverBackground;
-        }
-
-        &[disabled] {
-            color: $primaryButtonColor;
-        }
-    }
-
-    &_close {
-        color: $defaultFontColor;
-    }
-    &_submit {
-        color: $linkFontColor;
-        &:hover {
-            color: $linkHoverFontColor;
-        }
-    }
-
-    &_center {
-        float: none !important;
-    }
-}

css/components/_form-control.scss

@@ -1,62 +0,0 @@
-.form-control {
-    padding: 16px 0;
-
-    &:first-child {
-        padding-top: 0;
-    }
-
-    &:last-child {
-        padding-bottom: 0;
-    }
-
-    &__text {
-        margin: 8px 0;
-        font-size: 1em
-    }
-
-    &__label {
-        font-size: 1em;
-        font-weight: $labelFontWeight;
-    }
-
-    &__em {
-        color: $inputControlEmColor;
-    }
-
-    &__hint {
-        margin-top: 0;
-        font-size: $hintFontSize;
-
-        span {
-            vertical-align: middle;
-        }
-
-        &_error {
-            color: $errorColor;
-        }
-    }
-
-    &__container {
-        position: relative;
-        width: 100%;
-        margin-top: 5px;
-        margin-bottom: 5px;
-        @include flex();
-
-        .button-control {
-            margin: 1px 0 1px 10px;
-        }
-    }
-
-    &__right {
-        position: absolute;
-        right: 0;
-    }
-}
-
-/**
- * Set a specific color for read only style.
- */
-input:read-only {
-    color: $readOnlyInputColor;
-}

css/components/_input-control.scss

@@ -1,32 +0,0 @@
-.input-control {
-    @include transition(all .2s ease-in);
-    display: inline-block;
-    width: 100%;
-    padding: 5px 7px;
-    color: $inputColor;
-    border-radius: $borderRadius;
-    line-height: 32px;
-    height: 32px;
-    text-align: left;
-    border:1px solid $inputBorderColor;
-    background-color: $inputBackground;
-    margin-bottom: 8px;
-
-    &:last-child {
-        margin-bottom: inherit;
-    }
-
-    &::selection {
-        background-color: $defaultDarkSelectionColor;
-    }
-
-
-    &.error {
-        color: $errorColor;
-        border-color: $errorColor;
-    }
-}
-
-@include placeholder {
-    color: $placeHolderColor;
-}

css/components/_link.scss

@@ -1,11 +0,0 @@
-.link {
-    cursor: pointer;
-    color: $linkFontColor;
-    @include transition(color .1s ease-out);
-
-    &:hover {
-        color: $linkHoverFontColor;
-        text-decoration: underline;
-        @include transition(color .1s ease-in);
-    }
-}

css/contact_list.css

@@ -0,0 +1,41 @@
+#contactlist {
+    background-color: black;
+    cursor: default;
+}
+
+#contactlist>ul {
+    margin: 0px;
+    padding: 0px;
+}
+
+#contactlist>ul>li {
+    list-style-type: none;
+    text-align: left;
+    color: #FFF;
+    font-size: 10pt;
+    padding: 7px 10px;
+    margin: 2px;
+}
+
+#contactlist>ul>li>p {
+    display: inline-block;
+    vertical-align: middle;
+    margin: 0px;
+}
+
+#contactlist>ul>li.title {
+    color: #00ccff;
+    font-size: 11pt;
+    border-bottom: 1px solid #676767;
+}
+
+.avatar {
+    padding: 0px;
+    margin-right: 10px;
+    vertical-align: middle;
+    font-size: 22pt;
+}
+
+#contactlist .clickable {
+    cursor: pointer;
+}

css/font.css

@@ -16,126 +16,100 @@
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
-    line-height: 1.22em;
+    line-height: 0.75em;
     font-size: 1.22em;
-    cursor: default;
 
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-mic-camera-combined:before {
-  content: "\e903";
-}
-.icon-feedback:before {
-  content: "\e91d";
-}
-.icon-toggle-filmstrip:before {
-  content: "\e91c";
+.icon-contactList:before {
+    content: "\e615";
 }
 .icon-avatar:before {
-  content: "\e901";
+    content: "\e616";
 }
-.icon-hangup:before {
-  content: "\e905";
+.icon-callRetro:before {
+    content: "\e611";
 }
-.icon-chat:before {
-  content: "\e906";
-}
-.icon-download:before {
-  content: "\e902";
-}
-.icon-edit:before {
-  content: "\e907";
-}
-.icon-share-doc:before {
-  content: "\e908";
-}
-.icon-telephone:before {
-  content: "\e909";
-}
-.icon-kick:before {
-  content: "\e904";
-}
-.icon-menu-up:before {
-  content: "\e91f";
-}
-.icon-menu-down:before {
-  content: "\e920";
-}
-.icon-full-screen:before {
-  content: "\e90b";
-}
-.icon-exit-full-screen:before {
-  content: "\e90c";
-}
-.icon-star-full:before {
-  content: "\e90a";
-}
-.icon-security:before {
-  content: "\e90d";
-}
-.icon-security-locked:before {
-  content: "\e90e";
-}
-.icon-reload:before {
-  content: "\e90f";
-}
-.icon-microphone:before {
-  content: "\e910";
-}
-.icon-mic-empty:before {
-  content: "\e911";
-}
-.icon-mic-disabled:before {
-  content: "\e912";
-}
-.icon-raised-hand:before {
-  content: "\e91e";
-}
-.icon-contactList:before {
-  content: "\e91b";
-}
-.icon-link:before {
-  content: "\e913";
-}
-.icon-shared-video:before {
-  content: "\e914";
-}
-.icon-settings:before {
-  content: "\e915";
-}
-.icon-star:before {
-  content: "\e916";
-}
-.icon-switch-camera:before {
-  content: "\e921";
-}
-.icon-share-desktop:before {
-  content: "\e917";
-}
-.icon-camera:before {
-  content: "\e918";
-}
-.icon-camera-disabled:before {
-  content: "\e919";
-}
-.icon-volume:before {
-  content: "\e91a";
-}
-.icon-connection-lost:before {
-  content: "\e900";
-}
-.icon-connection:before {
-  content: "\e61a";
+.icon-callModern:before {
+    content: "\e612";
 }
 .icon-recDisable:before {
-  content: "\e613";
+    content: "\e613";
 }
 .icon-recEnable:before {
-  content: "\e614";
+    content: "\e614";
+}
+.icon-kick1:before {
+    content: "\e60f";
+}
+.icon-kick:before {
+    content: "\e610";
+}
+.icon-share-desktop:before {
+	content: "\e602";
+}
+.icon-chat-simple:before {
+	content: "\e606";
+}
+.icon-full-screen:before {
+	content: "\e60d";
+}
+.icon-exit-full-screen:before {
+	content: "\e60e";
+}
+.icon-prezi:before {
+	content: "\e60c";
+}
+.icon-link:before {
+	content: "\e600";
+}
+.icon-chat:before {
+	content: "\e601";
 }
 .icon-presentation:before {
-  content: "\e603";
+	content: "\e603";
+}
+.icon-security:before {
+	content: "\e604";
+}
+.icon-share-doc:before {
+	content: "\e605";
+}
+.icon-telephone:before {
+    content: "\e611";
+}
+.icon-security-locked:before {
+	content: "\e607";
+}
+.icon-camera:before {
+	content: "\e608";
+}
+.icon-camera-disabled:before {
+	content: "\e609";
+}
+.icon-mic-disabled:before {
+	content: "\e60a";
+}
+.icon-microphone:before {
+	content: "\e60b";
+}
+
+.icon-hangup:before {
+    content: "\e617";
+}
+
+.icon-reload:before {
+    content: "\e618";
+}
+
+.icon-filmstrip:before {
+    content: "\e619";
+}
+
+.icon-connection:before {
+    line-height: normal;
+    content: "\e61a";
 }

css/jitsi_popover.css

@@ -0,0 +1,103 @@
+.jitsipopover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1010;
+    display: none;
+    max-width: 300px;
+    min-width: 100px;
+    padding: 1px;
+    text-align: left;
+    color: #333333;
+    background-color: #ffffff;
+    background-clip: padding-box;
+    border: 1px solid #cccccc;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    border-radius: 6px;
+    /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
+    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/
+    white-space: normal;
+    margin-top: -10px;
+    margin-bottom: 35px;
+}
+
+.jitsipopover.black
+{
+    background-color: rgba(0,0,0,0.8);
+    color: #ffffff;
+}
+
+.jitsipopover-content {
+    padding: 9px 14px;
+    font-size: 10pt;
+    white-space:pre-wrap;
+    text-align: center;
+}
+
+.jitsipopover > .arrow,
+.jitsipopover > .arrow:after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+}
+
+.jitsipopover > .arrow {
+    border-width: 11px;
+    left: 50%;
+    margin-left: -11px;
+    border-bottom-width: 0;
+    border-top-color: #999999;
+    border-top-color: rgba(0, 0, 0, 0.25);
+    bottom: -11px;
+}
+.jitsipopover > .arrow:after {
+    border-width: 10px;
+    content: " ";
+    bottom: 1px;
+    margin-left: -10px;
+    border-bottom-width: 0;
+    border-top-color: #ffffff;
+}
+
+.jitsipopover.black > .arrow:after
+{
+    border-top-color: rgba(0, 0, 0, 0.8);
+}
+
+.jitsiPopupmenuPadding {
+    height: 35px;
+    width: 100px;
+    position: absolute;
+    bottom: -35;
+}
+
+.jitsipopover_green
+{
+    color: #4abd04;
+}
+
+.jitsipopover_orange
+{
+    color: #ffa800;
+}
+
+.jitsipopover_blue
+{
+    color: #06a5df;
+}
+
+.jitsipopover_showmore
+{
+    background-color: #06a5df;
+    color: #ffffff;
+    cursor: pointer;
+    border-radius: 3px;
+    text-align: center;
+    width: 90px;
+    height: 16px;
+    padding-top: 4px;
+    margin: 15px auto 0px auto;
+}

css/jquery-impromptu.css

@@ -9,8 +9,7 @@
 }
 div.jqi{ 
 	width: 400px;
-	position: absolute;
-    color: #3a3a3a;
+	position: absolute; 
 	background-color: #ffffff; 
 	font-size: 11px; 
 	text-align: left; 
@@ -56,7 +55,7 @@ div.jqi .jqibuttons{
 div.jqi .jqibuttons button{ 
 	margin: 0;
 	padding: 5px 20px;
-	background-color: transparent !important;
+	background-color: transparent;
 	font-weight: normal; 
 	border: none;
 	border-left: solid 1px #e4e4e4;