build v2.0.0-beta2

- prevent double notices
- fix notice function on page reload

.gitignore

@@ -3,3 +3,6 @@ node_modules
 *.zip.sig
 bower_components
 archives/
+css/
+dev/
+.wti

.gitmodules

@@ -4,3 +4,6 @@
 [submodule "lib/otr"]
 	path = lib/otr
 	url = https://github.com/sualko/otr.git
+[submodule "lib/i18next"]
+	path = lib/i18next
+	url = https://github.com/i18next/i18next.git

.jshintrc

@@ -14,11 +14,15 @@
    "multistr": true,
    "devel": true,
    "globals": {
+      "t":true,
+      "i18n":true,
+      "I18next":true,
       "OTR":true, 
       "DSA":true, 
       "Worker":true, 
       "BigInt":true, 
       "Notification":true, 
+      "$": true,
       "jQuery":true, 
       "Strophe":true, 
       "localStorage":true, 
@@ -29,6 +33,7 @@
       "jsxc":true,
       "getUserMediaWithConstraints":true,
       "setupRTC":true,
-      "SDPUtil":true
+      "SDPUtil":true,
+      "getSelection":true
    }
-}
+}

CHANGELOG.md

@@ -1,3 +1,7 @@
+v1.1.0a / 2015-02-25
+===
+- fix css url path
+
 v1.1.0 / 2015-01-08
 ===
 - move from plain css to sass

Gruntfile.js

@@ -3,7 +3,7 @@ module.exports = function(grunt) {
 
    var dep = grunt.file.readJSON('dep.json');
    var dep_files = dep.map(function(el) {
-      return el.file;
+      return '<%= target %>/' + el.file;
    });
 
    // Project configuration.
@@ -12,6 +12,7 @@ module.exports = function(grunt) {
       meta: {
          banner: grunt.file.read('banner.js')
       },
+      target: 'dev',
       jshint: {
          options: {
             jshintrc: '.jshintrc'
@@ -19,18 +20,23 @@ module.exports = function(grunt) {
          gruntfile: {
             src: 'Gruntfile.js'
          },
-         files: [ 'jsxc.lib.webrtc.js', 'jsxc.lib.js' ]
+         files: [ 'src/jsxc.lib.*' ]
       },
       copy: {
          main: {
             files: [ {
                expand: true,
-               src: [ 'lib/strophe.jingle/*.js', 'lib/otr/build/**', 'lib/otr/lib/dsa-webworker.js', 'lib/otr/lib/sm-webworker.js', 'lib/otr/lib/const.js', 'lib/otr/lib/helpers.js', 'lib/otr/lib/dsa.js', 'lib/otr/vendor/*.js', 'lib/*.js', 'jsxc.lib.js', 'jsxc.lib.webrtc.js', 'LICENSE', 'img/**', 'sound/**' ],
-               dest: 'build/'
+               src: [ 'lib/i18next/release/i18next-latest.min.js', 'lib/strophe.jingle/*.js', 'lib/otr/build/**', 'lib/otr/lib/dsa-webworker.js', 'lib/otr/lib/sm-webworker.js', 'lib/otr/lib/const.js', 'lib/otr/lib/helpers.js', 'lib/otr/lib/dsa.js', 'lib/otr/vendor/*.js', 'lib/*.js', 'LICENSE', 'img/**', 'sound/**' ],
+               dest: '<%= target %>/'
+            }, {
+               expand: true,
+               cwd: 'lib/',
+               src: ['*.css'],
+               dest: '<%= target %>/css/'
             } ]
          }
       },
-      clean: [ 'build/' ],
+      clean: [ '<%= target %>/' ],
       usebanner: {
          dist: {
             options: {
@@ -38,20 +44,42 @@ module.exports = function(grunt) {
                banner: '<%= meta.banner %>'
             },
             files: {
-               src: [ 'build/*.js' ]
+               src: [ '<%= target %>/*.js' ]
             }
          }
       },
       replace: {
          version: {
-            src: [ 'build/jsxc.lib.js' ],
+            src: [ '<%= target %>/jsxc.js' ],
             overwrite: true,
-            replacements: [ {
-               from: '< $ app.version $ >',
-               to: "<%= app.version %>"
-            } ]
+            replacements: [
+              {
+                from: '< $ app.version $ >',
+                to: "<%= app.version %>"
+              }
+            ]
+         },
+         locales: {
+           src: [ '<%= target %>/lib/translation.js' ],
+           overwrite: true,
+           replacements: [
+             {
+               from: /^{/g,
+               to: 'var I18next = {'
+             },
+             {
+               from: /}$/g,
+               to: '};'
+             }
+           ]
          }
       },
+      merge_data: {
+        target: {
+          src: ['locales/*.{json,y{,a}ml}'],
+          dest: '<%= target %>/lib/translation.js'
+        }
+      },
       concat: {
          dep: {
             options: {
@@ -62,24 +90,30 @@ module.exports = function(grunt) {
                   ' * \n' +
                   ' */\n\n',
                process: function(src, filepath) {
-                  if (filepath === 'build/lib/otr/build/dep/crypto.js') {
+                  filepath = filepath.replace(/^[a-z]+\//i, '');
+
+                  if (filepath === 'lib/otr/build/dep/crypto.js') {
                      src += ';';
                   }
 
                   var data = dep[dep_files.indexOf(filepath)];
 
-                  return '/*!\n * Source: ' + filepath + ', license: ' + data.license + ', url: ' + data.url + ' */\n' + src;
+                  if (data) {
+                    return '/*!\n * Source: ' + filepath + ', license: ' + data.license + ', url: ' + data.url + ' */\n' + src;
+                  } else {
+                    return src;
+                  }
                }
             },
             src: dep_files,
-            dest: 'build/lib/jsxc.dep.js'
+            dest: '<%= target %>/lib/jsxc.dep.js'
          },
          jsxc: {
             options: {
                banner: '/*! This file is concatenated for the browser. */\n\n'
             },
-            src: ['build/jsxc.lib.js', 'build/jsxc.lib.webrtc.js'],
-            dest: 'build/jsxc.js'
+            src: ['src/jsxc.intro.js', 'src/jsxc.lib.js', 'src/jsxc.lib.*.js', 'src/jsxc.outro.js'],
+            dest: '<%= target %>/jsxc.js'
          }
       },
       uglify: {
@@ -90,15 +124,15 @@ module.exports = function(grunt) {
                preserveComments: 'some'
             },
             files: {
-               'build/lib/jsxc.dep.min.js': ['build/lib/jsxc.dep.js'],
-               'build/jsxc.min.js': ['build/jsxc.js']
+               '<%= target %>/lib/jsxc.dep.min.js': ['<%= target %>/lib/jsxc.dep.js'],
+               '<%= target %>/jsxc.min.js': ['<%= target %>/jsxc.js']
             }
          }
       },
       search: {
          console: {
             files: {
-               src: [ '*.js' ]
+               src: [ 'src/*.js' ]
             },
             options: {
                searchString: /console\.log\((?!'[<>]|msg)/g,
@@ -136,24 +170,24 @@ module.exports = function(grunt) {
       },
       dataUri: {
         dist: {
-          src: 'css/*.css',
-          dest: 'build/css/',
+          src: '<%= target %>/css/*.css',
+         dest: '<%= target %>/css/',
           options: {
-            target: ['img/*.*', 'img/**/*.*'],
-            fixDirLevel: true,
-            baseDir: './'
+            target: ['<%= target %>/img/*.*', '<%= target %>/img/**/*.*'],
+            fixDirLevel: false,
+            maxBytes: 2048
           }
         }
       },
       jsdoc: {
           dist: {
-              src: ['jsxc.lib.js', 'jsxc.lib.webrtc.js'],
+              src: ['src/jsxc.lib.*'],
               dest: 'doc'
           }
       },
       autoprefixer: {
             no_dest: {
-                src: 'css/*.css'
+                src: '<%= target %>/css/*.css'
             }
       },
       csslint: {
@@ -161,7 +195,7 @@ module.exports = function(grunt) {
             options: {
             import: 2
             },
-            src: ['css/*.css']
+            src: ['<%= target %>/css/*.css']
         },
       },
       sass: {
@@ -170,11 +204,25 @@ module.exports = function(grunt) {
         },
         dist: {
             files: {
-            'css/jsxc.css': 'scss/jsxc.scss',
-            'css/jsxc.webrtc.css': 'scss/jsxc.webrtc.scss'
+            '<%= target %>/css/jsxc.css': 'scss/jsxc.scss',
+            '<%= target %>/css/jsxc.webrtc.css': 'scss/jsxc.webrtc.scss'
             }
         }
       },
+      watch: {
+         locales: {
+            files: ['locales/*'],
+            tasks: ['merge_data', 'replace:locales', 'concat:dep']
+         },
+         css: {
+            files: ['scss/*'],
+            tasks: ['sass', 'autoprefixer']
+         },
+         js: {
+            files: ['src/jsxc.lib.*'],
+            tasks: ['concat:jsxc']
+         }
+      }
    });
 
    // These plugins provide necessary tasks.
@@ -189,21 +237,32 @@ module.exports = function(grunt) {
    grunt.loadNpmTasks('grunt-contrib-compress');
    grunt.loadNpmTasks('grunt-jsdoc');
    grunt.loadNpmTasks('grunt-data-uri');
+   grunt.loadNpmTasks('grunt-merge-data');
    grunt.loadNpmTasks('grunt-contrib-csslint');
    grunt.loadNpmTasks('grunt-sass');
    grunt.loadNpmTasks('grunt-autoprefixer');
+   grunt.loadNpmTasks('grunt-contrib-watch');
 
    //Default task
-   grunt.registerTask('default', [ 'css' ]);
+   grunt.registerTask('default', [ 'build', 'watch' ]);
 
-   // Create new build
-   grunt.registerTask('build', [ 'search:changelog', 'pre', 'jsdoc' ]);
+   grunt.registerTask('build', ['jshint', 'clean', 'sass', 'autoprefixer', 'copy', 'merge_data', 'replace:locales', 'concat']);
+   
+   grunt.registerTask('build:prerelease', 'Build a new pre-release', function(){
+      grunt.config.set('target', 'build/');
 
-   // Create alpha/beta build
-   grunt.registerTask('pre', [ 'jshint', 'search:console', 'clean', 'css', 'dataUri', 'copy', 'usebanner', 'replace', 'concat', 'uglify', 'compress' ]);
+      grunt.task.run([ 'search:console', 'build', 'dataUri',  'usebanner', 'replace:version', 'uglify', 'compress' ]);
+   });
+   
+   grunt.registerTask('build:release', 'Build a new release', function(){
+      grunt.config.set('target', 'build/');
 
+      grunt.task.run([ 'search:changelog', 'build:prerelease', 'jsdoc' ]);
+   });
+   
+   // Create alpha/beta build @deprecated
+   grunt.registerTask('pre', [ 'build:prerelease' ]);
+   
    // before commit
    grunt.registerTask('commit', [ 'jshint', 'search:console' ]);
-
-   grunt.registerTask('css', [ 'sass', 'autoprefixer' ]);
 };

build/css/jsxc.css

@@ -18,7 +18,7 @@
   background-position: center center; }
 
 div.jsxc_transfer, div.jsxc_transfer.jsxc_disabled:hover {
-  background-image: url("../../../img/padlock_open_grey.svg");
+  background-image: url("../img/padlock_open_grey.svg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 12px 12px; }
@@ -43,7 +43,7 @@ div.jsxc_transfer, div.jsxc_transfer.jsxc_disabled:hover {
   background-position: center center; }
 
 div.jsxc_transfer, div.jsxc_transfer.jsxc_disabled:hover {
-  background-image: url("../../../img/padlock_open_grey.svg");
+  background-image: url("../img/padlock_open_grey.svg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 12px 12px; }
@@ -151,10 +151,10 @@ div.jsxc_transfer, div.jsxc_transfer.jsxc_disabled:hover {
       #jsxc_buddylist .jsxc_options > div:hover {
         opacity: 1; }
   #jsxc_buddylist .jsxc_chaticon {
-    background-image: url("../../../img/speech_balloon_white.svg");
+    background-image: url("../img/speech_balloon_white.svg");
     background-size: 15px 15px; }
   #jsxc_buddylist .jsxc_videoicon {
-    background-image: url("../../../img/camera_icon_white.svg");
+    background-image: url("../img/camera_icon_white.svg");
     background-size: 13px 13px; }
   #jsxc_buddylist .jsxc_vcardicon {
     font-size: 15px;
@@ -195,76 +195,80 @@ div.jsxc_transfer, div.jsxc_transfer.jsxc_disabled:hover {
   border: 2px solid #f00 !important; }
 
 .jsxc_emoticon {
+  display: inline-block;
   width: 19px;
   height: 19px;
   background-size: 19px 19px !important;
   border: 0; }
 
 .jsxc_angel {
-  background: url("../../../img/emotions/angel.png"); }
+  background: url("../img/emotions/angel.png"); }
 
 .jsxc_angry {
-  background: url("../../../img/emotions/angry.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_smile {
-  background: url("../../../img/emotions/smile.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_grin {
-  background: url("../../../img//emotions/grin.png"); }
+  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB10RVh0Q29tbWVudABDcmVhdGVkIHdpdGggVGhlIEdJTVDvZCVuAAAAGHRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuMjBZn3ZRAAAGOUlEQVRIS+1Wa1AUVBS+LI9FwGgNmJiQUZkCBRIDUknaJEalElgjy5hMwRzK/IGm28OJcgw1iNFwmpRRKYYZc3o4kGI+QgEfm4guKoNujLi5iqvr5rbjzhL4dc7dBWQUxcfP7sw393HOPd895577EOL/MnAERpAoX6EQP0eMEKeSnhGW5ARhiRolTvEYywis89BKnLeXqMqY6tFdvm402vU5sJ4rhONyGZyXN8BxYRUsrbn4pWwMZr7s0a1UiipijnsQdm+aXJg2WXTqdk+C9WI5HNcOw2k7hK5/XHBeOyD7Tm5Tbb/0HRp3JyMtRXTyXALbuKcyhMJXs1KrQMfpPNguV8Nu2Q7H1So4rdXo+rta1ty3XyZc2e6qGaRnNryLkmUKUKRqiHXIYJm9mbT0CwHjyVfJ003kyWbYTBvhuLQJTvNmOK9shv0igcatFzYRymE+t1G2be5x25ksbF0resgH5XmhNl+gsXYYzO2rYP2rCKZTyzFntgYL8zLhMH0J+4Ui2M4Xw2osguVcEZoOfoLsN2dAu/g1OWY7zzqrYW9WoexzAXfY7+h4nHqS6Nz/q0BT/ViYzmhhPatF6WoNiouLsXz5cvz0/RuwnF0Kc5tWouPPD1HwsQYlJSXQarXYU5Ujx1nH2jwWjiaBrClyzwdOOM7emi1Euleg9VA0zK05sJ3NRVb6OGRlZUksnJ+ADspiE8lk3ZKDlMlxvXJt/ngYW1g+D6bGaFiPCLTsEFD6yGy/bRmRMVV0t9YKtNcJWBqHwW5Ih8OQgZBgf4SGhkokjw9GR4uGCDNhOpmJ9mPpCPAfImUhISHISHuCciODjl06DIdUMDYIdOgEHTXRPdA5zy8rooQiRV5lVzPhdCwcrcm8R72IjvSDSf8cjMeS0aGfhNb6Cf3k6qRAOd5+JAYnfidv9wkY9guUfyVt8CXTv3jQ7XNil4DpoIC90UXs1HvB1jwSCo8+4tgoJYxHoyTMx8egre7JfsSpyf6wHh+J9novSczb1vSbgG6ngPuG60/M1yB7a6GwOI+7YDvKfQVCgz16jasn+sDQEIz2w0Ew/xEst8TPt08+R+MJW5NCRo6JG3cLHCTihhqB8OHi1C0eJycKC5P2eMu1+ZArApppQxEWFiaxINcPTbsUFD4FyRWwNiqQkvRor/ybT33k4tvq+4iZtHa7QHycsNxCrH5WWOzkJac/e8uT24mU92f9qgCkpKRArVaj4ltP6QF705M4pZ+p3PKJaN3Z5y2HmT2+IzG/MjeHmD3lVTMxkyxaEI6CpSGSVB43d/ZzxhopgZbkRaBs9TC5GJbp9/SFme+F/bTHtw01b7yNjLDHHOIeUq57DLExSUiLYgJeHBOb6RRw+2Y9mVjupGKP92wbILk41avWuY5SXrYv8nKedmFuTF+b+gsIC9+heq6r3VPnUX/+3Fjkzo6Vdc/8jJeC0FAtULpygOPEh3vWdNHNnmTP8IfNZsPDKNmvp8roadIGvkAEP+K1P9JhXyPk3fugRa/XY9FcBfSU0e4PwoAPRVyqWnTy/sxMD4TBYLhvbofDgazMJLRSVr/y4l0eCfdyCgs+oENf7Q3N9Bi0tbXdM7ndbsf8ebNQUz4Eqz9SDOpZZG73R8ALDTuGE/kIVFRUoKura1AL0Ol00KSPx/4fhqPy62F8TfIvZFAfASaXX5+CJb5oOTAOJSsipbG1a9fK8Dudzt5F8ILMZjMqKyvpM5AO7fujYNRNwPrC8Hv++vQkgPzsTX3Bs7NhezSM+gzs2pqKZYvGYv7bCcibN4WQRsdnIr3RMdiy4Xl6lTRoqUuhDA6+v8+et7e3IiAgwEelUj1C7+xUlcpfp5mmvLFl/RgYm6bBfOYt+gS+R1hIbXrwm7NQVZ6EbM3jN4IeG6pzzVE9wjbY1l0/e35+ft6xsbHT4+PjVyQmJpYTthF2EfbR+FF6JIxk72p0pM/1pATFv4zoSOX1oKDAqyxjHdZ1z+G55WyLbbLtARegVCq9oqKi1KS8mCatIVS4yXdSvddttI7qekKDG9zmMSZkHdZlUp67hm2xTbZ9V88VlFmk6BkYGOgbRO7QlyaYwkdOhY0KDw9/KiIiYjRhjBujeYxlrMO6PIfnsg22dbvyH0cPldpaRSetAAAAAElFTkSuQmCC"); }
 
 .jsxc_sad {
-  background: url("../../../img/emotions/sad.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_wink {
-  background: url("../../../img/emotions/wink.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_tonguesmile {
-  background: url("../../../img/emotions/tonguesmile.png"); }
+  background: url("data:image/png;base64,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"); }
 
-.jsxc_surprised {
-  background: url("../../../img/emotions/surprised.png"); }
+.jsxc_surpised {
+  background: url("../img/emotions/surpised.png"); }
 
 .jsxc_kiss {
-  background: url("../../../img/emotions/kiss.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_sunglassess {
-  background: url("../../../img/emotions/sunglassess.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_crysad {
-  background: url("../../../img/emotions/crysad.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_doubt {
-  background: url("../../../img/emotions/doubt.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_zip {
-  background: url("../../../img/emotions/zip.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_thumbsup {
-  background: url("../../../img/emotions/thumbsup.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_thumbsdown {
-  background: url("../../../img/emotions/thumbsdown.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_beer {
-  background: url("../../../img/emotions/beer.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_devil {
-  background: url("../../../img/emotions/devil.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_kissing {
-  background: url("../../../img/emotions/kissing.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_rose {
-  background: url("../../../img/emotions/rose.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_music {
-  background: url("../../../img/emotions/music.png"); }
+  background: url("../img/emotions/music.png"); }
 
 .jsxc_love {
-  background: url("../../../img/emotions/love.png"); }
+  background: url("data:image/png;base64,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"); }
 
 .jsxc_tired {
-  background: url("../../../img/emotions/tired.png"); }
+  background: url("../img/emotions/tired.png"); }
+
+.jsxc_surprised {
+  background: url("data:image/png;base64,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"); }
 
 #jsxc_roster {
   position: fixed;
@@ -416,7 +420,8 @@ div.jsxc_transfer, div.jsxc_transfer.jsxc_disabled:hover {
 
 #jsxc_dialog {
   padding: 10px;
-  min-width: 300px; }
+  min-width: 300px;
+  display: inline-block; }
   #jsxc_dialog ul {
     list-style: none;
     margin: 0;
@@ -465,6 +470,18 @@ div.jsxc_transfer, div.jsxc_transfer.jsxc_disabled:hover {
       width: 50px; }
   #jsxc_dialog input[readonly] {
     background-color: #e6e6e6; }
+  #jsxc_dialog .jsxc_inputinfo {
+    padding-left: 30%;
+    font-style: italic;
+    margin-top: -1em; }
+  #jsxc_dialog .jsxc_waiting:before {
+    content: " ";
+    width: 1em;
+    height: 1em;
+    display: inline-block;
+    background-size: 100%;
+    margin: 0 3px 0 0;
+    background-image: url("../img/loading.gif"); }
 
 .jsxc_avatar img {
   display: block;
@@ -542,13 +559,12 @@ ul.jsxc_vCard {
   display: block;
   width: 25px;
   height: 30px;
-  background-image: url("../../../img/gear_white.svg");
+  background-image: url("../img/gear_white.svg");
   background-size: 18px 18px;
   background-repeat: no-repeat;
   background-position: center center; }
 
 @-webkit-keyframes bounce {
-
   0% {
     bottom: 0;
     -webkit-animation-timing-function: ease-in;
@@ -713,7 +729,7 @@ ul.jsxc_vCard {
     cursor: pointer; }
     .jsxc_window .jsxc_emoticons:after {
       content: ' ';
-      background-image: url("../../../img/smiley.png");
+      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALHQAACx0BpBPQ5gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGtSURBVDiNrdS7a1RBFAbw3+7KKlYKamGI6D9gBGsfCFoogijia0k6LRURG0ufaAjE/Qds1CKFlTZaWUgIQgo7kfhCJVhYqEUUvBZzbhzu3l1Z8YOBmW++890zc8+Zhnqsxinsx1asDf4LXuAR7uJ7NbBRY3YSNzGC13iKz7G3DruwBR9xMYxr0cB1FJjFjn7C2JsN7Y0+ibkSgkm0BpiVaIW2wNXq5hH8CsGwmIrYwyWxSrqruSyzDbiM0zUGnchoNNYr8BwLWAnjkfbeLOhOcAX2ZPy2jH+Y8fuC6zRxAB/wJBP8yOZL2fxnBFb5x/gUXl7p/fVrcB5H9eIgLmB9hb+Pl/ANt2oCh8Ukvjb1qaF/RROL2PgfvEaw2MQ8dvqT6aj05/+GcWyKeUPqnvlyo5B6FKalQj03wOxsaLqx3h0eHVJhv5N6s4U2HoTgGSawPcZEcEVo2lJhz+FteBHOZR+XRzgjVX9RGQtSB5VXNJVnl6Or/nEYw6EYYxmfPw5dNWjhtuGfr24ce/loVZzANWw2+IF9g0u4N+DDy2jjGGbwXurbpZjP4HhoevAb11xtRVQWs+YAAAAASUVORK5CYII=");
       background-position: center center;
       background-repeat: no-repeat;
       height: 30px;
@@ -791,14 +807,14 @@ ul.jsxc_vCard {
     box-sizing: border-box;
     text-align: right; }
   .jsxc_window input::-webkit-input-placeholder {
-  color: #000;
-  opacity: 0.3; }
+    color: #000;
+    opacity: 0.3; }
   .jsxc_window input::-moz-placeholder {
-  color: #000;
-  opacity: 0.3; }
+    color: #000;
+    opacity: 0.3; }
   .jsxc_window input:-ms-input-placeholder {
-  color: #000;
-  opacity: 0.3; }
+    color: #000;
+    opacity: 0.3; }
   .jsxc_window input::placeholder {
     color: #000;
     opacity: 0.3; }
@@ -826,7 +842,8 @@ ul.jsxc_vCard {
     left: 0;
     width: 15px;
     height: 15px;
-    z-index: 95 !important; }
+    z-index: 95 !important;
+    background-image: url("../img/resize_gray.svg"); }
   .jsxc_window .ui-resizable-n {
     position: absolute;
     top: 0;
@@ -855,11 +872,17 @@ ul.jsxc_vCard {
     width: 19px;
     height: 19px;
     background-size: 19px 19px; }
+  .jsxc_chatmessage .jsxc_avatar {
+    display: none; }
 
 .jsxc_timestamp {
   font-size: 8px;
   color: #999999;
-  line-height: 8px; }
+  line-height: 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 100%;
+  text-overflow: ellipsis; }
 
 .jsxc_in {
   float: left;
@@ -922,13 +945,13 @@ ul.jsxc_vCard {
   border-radius: 3px; }
 
 div.jsxc_settings {
-  background-image: url("../../../img/gear_grey.svg");
+  background-image: url("../img/gear_grey.svg");
   background-size: 15px 15px;
   background-repeat: no-repeat;
   background-position: center center;
   overflow: visible; }
   div.jsxc_settings:hover, div.jsxc_settings .hover {
-    background-image: url("../../../img/gear_white.svg"); }
+    background-image: url("../img/gear_white.svg"); }
   div.jsxc_settings ul {
     list-style: none;
     padding: 0;
@@ -959,13 +982,13 @@ div.jsxc_settings {
       background-color: #3f8fba; }
 
 div.jsxc_transfer:hover {
-  background-image: url("../../../img/padlock_open_white.svg"); }
+  background-image: url("../img/padlock_open_white.svg"); }
 div.jsxc_transfer.jsxc_fin {
-  background-image: url("../../../img/padlock_close_grey.svg"); }
+  background-image: url("../img/padlock_close_grey.svg"); }
 div.jsxc_transfer.jsxc_enc {
-  background-image: url("../../../img/padlock_close_orange.svg"); }
+  background-image: url("../img/padlock_close_orange.svg"); }
   div.jsxc_transfer.jsxc_enc.jsxc_trust {
-    background-image: url("../../../img/padlock_close_green.svg"); }
+    background-image: url("../img/padlock_close_green.svg"); }
 
 #colorbox {
   outline: none; }
@@ -979,7 +1002,7 @@ div.jsxc_transfer.jsxc_enc {
   height: 32px;
   border: 0;
   background-size: 32px 32px !important;
-  background: url("../../../img/loading.gif"); }
+  background: url("../img/loading.gif"); }
 
 /* @TODO: check */
 #jsxc_loginForm input[type="submit"] {

build/css/jsxc.webrtc.css

@@ -105,20 +105,20 @@ div:fullscreen {
   height: 100%;
   background-color: #000; }
   div:-webkit-full-screen.jsxc_localvideo {
-  border: 1px solid #fff; }
+    border: 1px solid #fff; }
   div:-moz-full-screen.jsxc_localvideo {
-  border: 1px solid #fff; }
+    border: 1px solid #fff; }
   div:-ms-fullscreen.jsxc_localvideo {
-  border: 1px solid #fff; }
+    border: 1px solid #fff; }
   div:fullscreen.jsxc_localvideo {
     border: 1px solid #fff; }
 div.jsxc_video {
-  background-image: url("../../../img/camera_icon_grey.svg");
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgd2lkdGg9IjIwIgogICBoZWlnaHQ9IjIwIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDM3ODg1OTQsMCwwLDAuMDM3ODg1OTQsLTAuNDEzNDA3OTMsLTIuNjMxMDcxNikiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoMzkwNiIKICAgICAgIHN0eWxlPSJmaWxsOiM4MDgwODA7c3Ryb2tlOm5vbmUiCiAgICAgICBkPSJtIDM2MS42NTE0OCwzMTMuNTE3NjggMTc3LjE2MDc0LC0xMzEuNzg1MTYgMCwzMDIuMjI5OTkgTCAzNTguOTczMzgsMzUwLjE4NTE3IFogTSAxMC45MTE5MjIsMTgyLjQwNjM0IGwgMzc4LjM3MjY3OCwwIDAsMzAyLjY1NTgyIC0zNzguMzcyNjc4LDAgeiIgLz4KICA8L2c+Cjwvc3ZnPgo=");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 15px 15px; }
   div.jsxc_video:not(.jsxc_disabled):hover {
-    background-image: url("../../../img/camera_icon_white.svg"); }
+    background-image: url("../img/camera_icon_white.svg"); }
 
 .jsxc_controlbar {
   width: 640px; }
@@ -198,7 +198,6 @@ div.jsxc_video {
           animation-delay: 0.78s; }
 
 @-webkit-keyframes bubblingG {
-
   0% {
     width: 16px;
     height: 16px;
@@ -235,6 +234,6 @@ div.jsxc_video {
   font-style: italic; }
 
 #jsxc_buddylist .jsxc_options .jsxc_video {
-  background-image: url("../../../img/camera_icon_white.svg"); }
+  background-image: url("../img/camera_icon_white.svg"); }
   #jsxc_buddylist .jsxc_options .jsxc_video.jsxc_disabled {
     opacity: 0.2; }

build/img/group_grey.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 1000 1000"
+   preserveAspectRatio="xMinYMin meet"
+   width="100%"
+   height="100%"
+   style="width: 512px; height: 512px;"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   sodipodi:docname="group_grey.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="980"
+     inkscape:window-height="888"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.6675088"
+     inkscape:cx="512.17823"
+     inkscape:cy="480.21903"
+     inkscape:window-x="889"
+     inkscape:window-y="85"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 0.94630456,763.0963 c 0,22.21203 9.08673644,33.31804 27.26020844,33.31804 l 112.069747,0 0,-142.35887 c 0,-18.17347 4.54363,-34.83222 13.63088,-49.97627 9.08724,-15.14405 21.70797,-26.75512 37.86216,-34.83326 l 115.09866,-54.52042 c 10.09637,-6.05782 18.17347,-13.12528 24.23129,-21.20238 -12.11564,-18.17347 -22.21202,-39.37586 -30.28912,-63.60715 -8.0771,-24.2313 -12.11564,-49.47223 -12.11564,-75.7228 0,-16.1542 2.01927,-32.3084 6.05782,-48.46259 4.03855,-16.1542 9.08674,-31.29876 15.14456,-45.43368 -20.19275,-14.13493 -41.39513,-21.20239 -63.60715,-21.20239 -38.36622,2.01928 -68.65534,17.66839 -90.86736,46.94736 -22.21201,29.27897 -33.31803,62.09244 -33.31803,98.44042 2.01928,62.59751 24.2313,107.02155 66.63606,133.27212 L 16.092416,596.50615 C 5.9960421,602.56397 0.94785546,612.66034 0.94785546,626.79527 l 0,136.30103 z M 191.76775,796.41434 c -2.01927,42.40476 10.09637,64.61678 36.34695,66.63606 l 542.17524,0 c 12.11565,-4.03855 20.69783,-10.09637 25.74653,-18.17347 5.04869,-8.0771 7.57305,-14.63948 7.57305,-19.68716 l 0,-171.13275 c 0,-18.17347 -7.06746,-30.28912 -21.20238,-36.34694 L 637.01936,545.01619 573.41221,514.72707 c 38.36622,-22.21202 63.60715,-60.57824 75.7228,-115.09865 8.0771,-30.28912 8.0771,-61.58788 0,-93.89627 -10.09637,-36.34695 -28.7744,-67.14115 -56.0341,-92.38259 -27.25969,-25.24145 -59.06352,-38.87182 -95.4115,-40.89109 -36.34694,2.01927 -67.6457,15.64964 -93.89627,40.89109 -26.25057,25.24144 -44.42404,55.02601 -54.52042,89.35368 -12.11564,46.44331 -8.07709,93.89627 12.11565,142.35886 16.1542,30.28912 37.35658,54.52041 63.60715,72.69389 l -57.54932,27.2602 -151.4456,69.66498 c -16.1542,8.0771 -24.2313,21.20238 -24.2313,39.37585 l 0,142.35887 z m 475.53918,-302.8912 c 8.0771,8.0771 18.17347,16.1542 30.28912,24.23129 12.11565,8.0771 23.22166,14.13493 33.31803,18.17348 10.09638,4.03855 23.22166,9.59181 39.37586,16.65979 16.1542,7.06797 28.26984,12.62124 36.34694,16.65979 16.1542,8.0771 28.77493,19.68819 37.86218,34.83326 9.08724,15.14507 13.63088,31.80384 13.63088,49.97627 l 0,142.35887 115.09865,0 c 18.17347,-2.01928 27.26021,-13.12529 27.26021,-33.31803 l 0,-136.30104 c 0,-14.13493 -5.04819,-24.2313 -15.14456,-30.28912 L 815.72517,514.72707 c 42.40477,-30.28912 63.60715,-73.70352 63.60715,-130.24321 0,-38.36622 -12.11565,-72.18881 -36.34694,-101.46778 -24.2313,-29.27897 -53.51078,-43.91896 -87.83845,-43.92 -22.21202,0 -44.42404,7.06747 -66.63606,21.20239 12.11564,30.28912 18.17347,61.58787 18.17347,93.89627 0,50.48187 -13.12529,96.92518 -39.37586,139.32995 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cscsscccsssccscccscccccssscccccscscccccscccssssssccssccssccscc"
+     style="fill:#999999;stroke-width:1.55090213;fill-opacity:1" />
+</svg>

build/img/group_white.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 1000 1000"
+   preserveAspectRatio="xMinYMin meet"
+   width="100%"
+   height="100%"
+   style="width: 512px; height: 512px;"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   sodipodi:docname="group_white.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1855"
+     inkscape:window-height="1056"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.6675088"
+     inkscape:cx="538.39511"
+     inkscape:cy="480.21903"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 0.94630456,763.0963 c 0,22.21203 9.08673644,33.31804 27.26020844,33.31804 l 112.069747,0 0,-142.35887 c 0,-18.17347 4.54363,-34.83222 13.63088,-49.97627 9.08724,-15.14405 21.70797,-26.75512 37.86216,-34.83326 l 115.09866,-54.52042 c 10.09637,-6.05782 18.17347,-13.12528 24.23129,-21.20238 -12.11564,-18.17347 -22.21202,-39.37586 -30.28912,-63.60715 -8.0771,-24.2313 -12.11564,-49.47223 -12.11564,-75.7228 0,-16.1542 2.01927,-32.3084 6.05782,-48.46259 4.03855,-16.1542 9.08674,-31.29876 15.14456,-45.43368 -20.19275,-14.13493 -41.39513,-21.20239 -63.60715,-21.20239 -38.36622,2.01928 -68.65534,17.66839 -90.86736,46.94736 -22.21201,29.27897 -33.31803,62.09244 -33.31803,98.44042 2.01928,62.59751 24.2313,107.02155 66.63606,133.27212 L 16.092416,596.50615 C 5.9960421,602.56397 0.94785546,612.66034 0.94785546,626.79527 l 0,136.30103 z M 191.76775,796.41434 c -2.01927,42.40476 10.09637,64.61678 36.34695,66.63606 l 542.17524,0 c 12.11565,-4.03855 20.69783,-10.09637 25.74653,-18.17347 5.04869,-8.0771 7.57305,-14.63948 7.57305,-19.68716 l 0,-171.13275 c 0,-18.17347 -7.06746,-30.28912 -21.20238,-36.34694 L 637.01936,545.01619 573.41221,514.72707 c 38.36622,-22.21202 63.60715,-60.57824 75.7228,-115.09865 8.0771,-30.28912 8.0771,-61.58788 0,-93.89627 -10.09637,-36.34695 -28.7744,-67.14115 -56.0341,-92.38259 -27.25969,-25.24145 -59.06352,-38.87182 -95.4115,-40.89109 -36.34694,2.01927 -67.6457,15.64964 -93.89627,40.89109 -26.25057,25.24144 -44.42404,55.02601 -54.52042,89.35368 -12.11564,46.44331 -8.07709,93.89627 12.11565,142.35886 16.1542,30.28912 37.35658,54.52041 63.60715,72.69389 l -57.54932,27.2602 -151.4456,69.66498 c -16.1542,8.0771 -24.2313,21.20238 -24.2313,39.37585 l 0,142.35887 z m 475.53918,-302.8912 c 8.0771,8.0771 18.17347,16.1542 30.28912,24.23129 12.11565,8.0771 23.22166,14.13493 33.31803,18.17348 10.09638,4.03855 23.22166,9.59181 39.37586,16.65979 16.1542,7.06797 28.26984,12.62124 36.34694,16.65979 16.1542,8.0771 28.77493,19.68819 37.86218,34.83326 9.08724,15.14507 13.63088,31.80384 13.63088,49.97627 l 0,142.35887 115.09865,0 c 18.17347,-2.01928 27.26021,-13.12529 27.26021,-33.31803 l 0,-136.30104 c 0,-14.13493 -5.04819,-24.2313 -15.14456,-30.28912 L 815.72517,514.72707 c 42.40477,-30.28912 63.60715,-73.70352 63.60715,-130.24321 0,-38.36622 -12.11565,-72.18881 -36.34694,-101.46778 -24.2313,-29.27897 -53.51078,-43.91896 -87.83845,-43.92 -22.21202,0 -44.42404,7.06747 -66.63606,21.20239 12.11564,30.28912 18.17347,61.58787 18.17347,93.89627 0,50.48187 -13.12529,96.92518 -39.37586,139.32995 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cscsscccsssccscccscccccssscccccscscccccscccssssssccssccssccscc"
+     style="fill:#ffffff;stroke-width:1.55090213" />
+</svg>

build/img/resize_gray.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="15"
+   height="15"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="resize_gray.svg">
+  <defs
+     id="defs4">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3803">
+      <rect
+         style="stroke:none"
+         id="rect3805"
+         width="16.09375"
+         height="14.71875"
+         x="0.84375"
+         y="1038.1434" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="6.9909088"
+     inkscape:cy="6.5564812"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1865"
+     inkscape:window-height="1056"
+     inkscape:window-x="55"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1037.3622)">
+    <path
+       style="fill:none;stroke:#bfbfbf;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 10.46875,1032.1747 -14.5,14.2813 z m 3.5,1.2501 -17.3125,17.3124 z"
+       id="path2985"
+       inkscape:connector-curvature="0"
+       clip-path="url(#clipPath3803)"
+       transform="translate(0.8125,0.6875)"
+       sodipodi:nodetypes="cccccc" />
+  </g>
+</svg>

css/jsxc.webrtc.css

@@ -1,240 +0,0 @@
-.jsxc_remotevideo, .jsxc_noRemoteVideo {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 9000;
-  background-color: #999999; }
-
-.jsxc_webrtc {
-  width: 900px; }
-  .jsxc_webrtc .jsxc_status {
-    z-index: 9999;
-    border-radius: 20px;
-    display: none;
-    position: absolute;
-    top: 30px;
-    left: 50%;
-    background-color: rgba(0, 0, 0, 0.5);
-    color: #fff;
-    padding: 15px;
-    font-weight: bold;
-    text-align: center; }
-  .jsxc_webrtc .slimScrollDiv {
-    opacity: 1 !important; }
-  .jsxc_webrtc li .jsxc_name {
-    cursor: auto; }
-    .jsxc_webrtc li .jsxc_name:hover {
-      color: gray; }
-
-.jsxc_videoContainer {
-  width: 640px;
-  height: 480px;
-  position: relative;
-  background-color: #999999; }
-  .jsxc_videoContainer video {
-    display: none; }
-  .jsxc_videoContainer .jsxc_noRemoteVideo {
-    display: none; }
-
-.jsxc_noRemoteVideo p {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  text-align: center;
-  color: #fff;
-  width: 100%;
-  z-index: 100; }
-.jsxc_noRemoteVideo > div {
-  width: 200px;
-  height: 200px;
-  overflow: hidden;
-  position: absolute;
-  top: 50%;
-  margin-top: -100px;
-  left: 50%;
-  margin-left: -100px; }
-  .jsxc_noRemoteVideo > div > div {
-    background-color: #4d4d4d; }
-    .jsxc_noRemoteVideo > div > div:first-child {
-      width: 50%;
-      height: 50%;
-      border-radius: 50%;
-      position: absolute;
-      left: 50%;
-      margin-left: -25%;
-      top: 10%; }
-    .jsxc_noRemoteVideo > div > div:last-child {
-      position: absolute;
-      bottom: -50%;
-      width: 100%;
-      height: 100%;
-      border-radius: 50%; }
-
-.jsxc_localvideo {
-  width: 160px;
-  height: 120px;
-  position: absolute;
-  right: 10px;
-  bottom: 10px;
-  z-index: 9990;
-  background-color: #000;
-  cursor: pointer; }
-
-div:full-screen {
-  width: 100%;
-  height: 100%;
-  background-color: #000; }
-  div:full-screen.jsxc_localvideo {
-    border: 1px solid #fff; }
-div:-webkit-full-screen {
-  width: 100%;
-  height: 100%;
-  background-color: #000; }
-div:-moz-full-screen {
-  width: 100%;
-  height: 100%;
-  background-color: #000; }
-div:-ms-fullscreen {
-  width: 100%;
-  height: 100%;
-  background-color: #000; }
-div:fullscreen {
-  width: 100%;
-  height: 100%;
-  background-color: #000; }
-  div:-webkit-full-screen.jsxc_localvideo {
-  border: 1px solid #fff; }
-  div:-moz-full-screen.jsxc_localvideo {
-  border: 1px solid #fff; }
-  div:-ms-fullscreen.jsxc_localvideo {
-  border: 1px solid #fff; }
-  div:fullscreen.jsxc_localvideo {
-    border: 1px solid #fff; }
-div.jsxc_video {
-  background-image: url("../img/camera_icon_grey.svg");
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 15px 15px; }
-  div.jsxc_video:not(.jsxc_disabled):hover {
-    background-image: url("../img/camera_icon_white.svg"); }
-
-.jsxc_controlbar {
-  width: 640px; }
-  .jsxc_controlbar .jsxc_showchat {
-    float: right; }
-
-.jsxc_multi > div {
-  display: none; }
-
-.jsxc_snapshotbar {
-  width: 100%;
-  display: none; }
-  .jsxc_snapshotbar img {
-    height: 50px; }
-
-.jsxc_buttongroup {
-  display: inline; }
-  .jsxc_buttongroup button:first-child {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    margin-right: 0; }
-  .jsxc_buttongroup button:last-child {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    margin-left: 0; }
-
-.jsxc_chatarea {
-  position: relative;
-  float: right;
-  height: 480px;
-  width: 250px;
-  background-color: #999999; }
-  .jsxc_chatarea .jsxc_settings {
-    display: none !important; }
-  .jsxc_chatarea .jsxc_close {
-    display: none !important; }
-  .jsxc_chatarea .jsxc_video {
-    display: none !important; }
-  .jsxc_chatarea .jsxc_window {
-    bottom: 0;
-    box-shadow: none; }
-  .jsxc_chatarea > ul {
-    width: 250px;
-    height: 480px;
-    list-style: none;
-    padding: 0; }
-
-.bubblingG {
-  text-align: center;
-  width: 129px;
-  height: 80px;
-  position: absolute;
-  top: 40%;
-  left: 50%;
-  margin-left: -64px; }
-  .bubblingG span {
-    display: inline-block;
-    vertical-align: middle;
-    width: 16px;
-    height: 16px;
-    margin: 40px auto;
-    background: #000;
-    border-radius: 81px;
-    -webkit-animation: bubblingG 1.3s infinite alternate;
-            animation: bubblingG 1.3s infinite alternate; }
-
-#bubblingG_1 {
-  -webkit-animation-delay: 0s;
-          animation-delay: 0s; }
-
-#bubblingG_2 {
-  -webkit-animation-delay: 0.39s;
-          animation-delay: 0.39s; }
-
-#bubblingG_3 {
-  -webkit-animation-delay: 0.78s;
-          animation-delay: 0.78s; }
-
-@-webkit-keyframes bubblingG {
-
-  0% {
-    width: 16px;
-    height: 16px;
-    background-color: #000;
-    -webkit-transform: translateY(0);
-            transform: translateY(0); }
-
-  100% {
-    width: 39px;
-    height: 39px;
-    background-color: #fff;
-    -webkit-transform: translateY(-34px);
-            transform: translateY(-34px); } }
-
-@keyframes bubblingG {
-  0% {
-    width: 16px;
-    height: 16px;
-    background-color: #000;
-    -webkit-transform: translateY(0);
-            transform: translateY(0); }
-
-  100% {
-    width: 39px;
-    height: 39px;
-    background-color: #fff;
-    -webkit-transform: translateY(-34px);
-            transform: translateY(-34px); } }
-
-.jsxc_fullscreen.jsxc_localvideo {
-  border: 1px solid #fff; }
-
-.jsxc_videoSuitable .jsxc_name {
-  font-style: italic; }
-
-#jsxc_buddylist .jsxc_options .jsxc_video {
-  background-image: url("../img/camera_icon_white.svg"); }
-  #jsxc_buddylist .jsxc_options .jsxc_video.jsxc_disabled {
-    opacity: 0.2; }

dep.json

@@ -1,72 +1,82 @@
 [
   {
-     "file": "build/lib/strophe.js",
+     "file": "lib/strophe.js",
      "license": "multiple",
      "url": "http://strophe.im/strophejs/"
   },
   {
-     "file": "build/lib/strophe.muc.js",
+     "file": "lib/strophe.muc.js",
      "license": "MIT",
      "url": "https://github.com/strophe/strophejs-plugins"
   },
   {
-     "file": "build/lib/strophe.disco.js",
+     "file": "lib/strophe.disco.js",
      "license": "MIT",
      "url": "https://github.com/strophe/strophejs-plugins"
   },
   {
-     "file": "build/lib/strophe.caps.js",
+     "file": "lib/strophe.caps.js",
      "license": "MIT",
      "url": "https://github.com/strophe/strophejs-plugins"
   },
   {
-     "file": "build/lib/strophe.vcard.js",
+     "file": "lib/strophe.vcard.js",
      "license": "MIT",
      "url": "https://github.com/strophe/strophejs-plugins"
   },
   {
-     "file": "build/lib/strophe.jingle/strophe.jingle.js",
+     "file": "lib/strophe.jingle/strophe.jingle.js",
      "license": "MIT",
      "url": "https://github.com/ESTOS/strophe.jingle"
   },
   {
-     "file": "build/lib/strophe.jingle/strophe.jingle.session.js",
+     "file": "lib/strophe.jingle/strophe.jingle.session.js",
      "license": "MIT",
      "url": "https://github.com/ESTOS/strophe.jingle"
   },
   {
-     "file": "build/lib/strophe.jingle/strophe.jingle.sdp.js",
+     "file": "lib/strophe.jingle/strophe.jingle.sdp.js",
      "license": "MIT",
      "url": "https://github.com/ESTOS/strophe.jingle"
   },
   {
-     "file": "build/lib/strophe.jingle/strophe.jingle.adapter.js",
+     "file": "lib/strophe.jingle/strophe.jingle.adapter.js",
      "license": "MIT",
      "url": "https://github.com/ESTOS/strophe.jingle"
   },
   {
-     "file": "build/lib/otr/build/dep/salsa20.js",
+     "file": "lib/otr/build/dep/salsa20.js",
      "license": "AGPL3",
      "url": "https://github.com/neoatlantis/node-salsa20"
   },
   {
-     "file": "build/lib/otr/build/dep/bigint.js",
+     "file": "lib/otr/build/dep/bigint.js",
      "license": "public domain",
      "url": "www.leemon.com"
   },
   {
-     "file": "build/lib/otr/build/dep/crypto.js",
+     "file": "lib/otr/build/dep/crypto.js",
      "license": "code.google.com/p/crypto-js/wiki/license",
      "url": "code.google.com/p/crypto-js"
   },
   {
-     "file": "build/lib/otr/build/dep/eventemitter.js",
+     "file": "lib/otr/build/dep/eventemitter.js",
      "license": "MIT",
      "url": "http://git.io/ee"
   },
   {
-     "file": "build/lib/otr/build/otr.js",
+     "file": "lib/otr/build/otr.js",
      "license": "MPL v2.0",
      "url": "https://arlolra.github.io/otr/"
+  },
+  {
+     "file": "lib/i18next/release/i18next-latest.min.js",
+     "license": "MIT",
+     "url": "http://i18next.com/"
+  },
+  {
+    "file": "lib/translation.js",
+    "license": "MIT",
+    "url": "https://webtranslateit.com/en/projects/10365-JSXC"
   }
- ]
+ ]

doc/index.html

@@ -54,7 +54,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:13 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:13 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.gui.dialog.html

@@ -547,7 +547,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:14 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:13 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.gui.html

@@ -3277,7 +3277,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:14 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:13 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.gui.queryActions.html

@@ -395,7 +395,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:14 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:13 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.gui.roster.html

@@ -1421,7 +1421,7 @@ alphabetical of the name
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:14 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:13 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.gui.template.html

@@ -115,7 +115,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:14 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:13 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.gui.window.html

@@ -2433,7 +2433,7 @@ be created.
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:14 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.html

@@ -3955,7 +3955,7 @@ normal signal
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:14 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:13 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.l10n.html

@@ -115,7 +115,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:15 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.lib.js.html

@@ -6271,7 +6271,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:13 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:12 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.lib.webrtc.js.html

@@ -1084,7 +1084,7 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:13 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:12 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.notification.html

@@ -1238,7 +1238,7 @@ messages.
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:15 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.options.html

@@ -1833,7 +1833,7 @@ connection is found.
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:15 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.otr.html

@@ -2024,7 +2024,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:15 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.storage.html

@@ -2311,7 +2311,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:15 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.webrtc.html

@@ -3190,7 +3190,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:15 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.xmpp.carbons.html

@@ -455,7 +455,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:16 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:15 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

doc/jsxc.xmpp.html

@@ -2521,7 +2521,7 @@
 <br clear="both">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Sun Feb 08 2015 20:03:16 GMT+0100 (CET)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.2.2</a> on Wed Feb 25 2015 19:15:14 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>

example/dev.html

@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+	  <title>JSXC example application</title>
+	  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+	  
+	  <link href="../lib/jquery-ui.min.css" media="all" rel="stylesheet" type="text/css" />
+	  <link href="../lib/jquery.mCustomScrollbar.css" media="all" rel="stylesheet" type="text/css" />
+	  <link href="../lib/jquery.colorbox.css" media="all" rel="stylesheet" type="text/css" />
+	  <link href="../dev/css/jsxc.css" media="all" rel="stylesheet" type="text/css" />
+	  <link href="../dev/css/jsxc.webrtc.css" media="all" rel="stylesheet" type="text/css" />
+	  
+	  <style type="text/css">
+	  body, * {font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;}
+	  fieldset {float: left;}
+	  </style>
+	  
+	  <script src="../dev/lib/jquery.min.js"></script>
+	  <script src="../dev/lib/jquery.ui.min.js"></script>
+	  <script src="../dev/lib/jquery.colorbox-min.js"></script>
+	  <script src="../dev/lib/jquery.slimscroll.js"></script>
+	  <script src="../dev/lib/jquery.fullscreen.js"></script>
+	 
+	  <script src="../dev/lib/jsxc.dep.js"></script>
+	  <script src="../dev/jsxc.js"></script>
+	  
+	  <script src="js/example.js"></script>
+
+	</head>
+	
+	<body>
+	  <form id="form" method="post" action="login.html">
+		  <fieldset>
+		     <legend>Dual-Login</legend>
+		     <label for="username">Username:</label><input type="text" id="username" name="username" /><br />
+		     <label for="password">Password:</label><input type="password" id="password" name="password" /><br />
+		     <input type="submit" value="Log in chat and page" />
+		  </fieldset>
+	  </form>
+	  
+	  <form id="form2" method="post">
+		  <fieldset>
+		     <legend>Chat Login</legend>
+		     <label for="username2">Username:</label><input type="text" id="username2" name="username2" /><br />
+		     <label for="password2">Password:</label><input type="password" id="password2" name="password2" /><br />
+		     <input type="submit" value="Log in chat" /> <button id="logout2" style="display:none;">Log out</button>
+		  </fieldset>
+	  </form>
+	</body>
+</html>

example/index.html

@@ -7,44 +7,23 @@
 	  <link href="../lib/jquery-ui.min.css" media="all" rel="stylesheet" type="text/css" />
 	  <link href="../lib/jquery.mCustomScrollbar.css" media="all" rel="stylesheet" type="text/css" />
 	  <link href="../lib/jquery.colorbox.css" media="all" rel="stylesheet" type="text/css" />
-	  <link href="../css/jsxc.css" media="all" rel="stylesheet" type="text/css" />
-	  <link href="../css/jsxc.webrtc.css" media="all" rel="stylesheet" type="text/css" />
+	  <link href="../build/css/jsxc.css" media="all" rel="stylesheet" type="text/css" />
+	  <link href="../build/css/jsxc.webrtc.css" media="all" rel="stylesheet" type="text/css" />
 	  
 	  <style type="text/css">
 	  body, * {font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;}
 	  fieldset {float: left;}
 	  </style>
 	  
-	  <script src="../lib/jquery.min.js"></script>
-	  <script src="../lib/jquery.ui.min.js"></script>
-	  <script src="../lib/jquery.colorbox-min.js"></script>
-	  <script src="../lib/jquery.slimscroll.js"></script>
-	  <script src="../lib/jquery.fullscreen.js"></script>
-	  
-	  <!-- Nightly files:
-	  
-	  <script src="../lib/strophe.js"></script>
-	  <script src="../lib/strophe.muc.js"></script>
-	  <script src="../lib/strophe.disco.js"></script>
-	  <script src="../lib/strophe.caps.js"></script>
-	  <script src="../lib/strophe.vcard.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.session.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.sdp.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.adapter.js"></script>
-	  <script src="../lib/otr/build/dep/salsa20.js"></script>
-	  <script src="../lib/otr/build/dep/bigint.js"></script>
-	  <script src="../lib/otr/build/dep/crypto.js"></script>
-	  <script src="../lib/otr/build/dep/eventemitter.js"></script>
-	  <script src="../lib/otr/build/otr.js"></script>
-	  <script src="../jsxc.lib.js"></script>
-	  <script src="../jsxc.lib.webrtc.js"></script> 
-	  -->
-	  
-	  <!-- Build files: -->
+	  <script src="../build/lib/jquery.min.js"></script>
+	  <script src="../build/lib/jquery.ui.min.js"></script>
+	  <script src="../build/lib/jquery.colorbox-min.js"></script>
+	  <script src="../build/lib/jquery.slimscroll.js"></script>
+	  <script src="../build/lib/jquery.fullscreen.js"></script>
+	 
 	  <script src="../build/lib/jsxc.dep.js"></script>
-	  <script src="../jsxc.lib.js"></script>
-	  <script src="../jsxc.lib.webrtc.js"></script>
+	  <script src="../build/jsxc.lib.js"></script>
+	  <script src="../build/jsxc.lib.webrtc.js"></script>
 	  
 	  <script src="js/example.js"></script>
 
@@ -69,4 +48,4 @@
 		  </fieldset>
 	  </form>
 	</body>
-</html>
+</html>

example/js/dev.js

@@ -0,0 +1,50 @@
+$(function() {
+   var settings = {
+      xmpp: {
+         url: '/http-bind/',
+         domain: 'localhost',
+         resource: 'example',
+         overwrite: true,
+         onlogin: true
+      }
+   };
+
+   jsxc.init({
+      loginForm: {
+         form: '#form',
+         jid: '#username',
+         pass: '#password'
+      },
+      logoutElement: $('#logout'),
+      checkFlash: false,
+      rosterAppend: 'body',
+      root: window.location.pathname.replace(/\/[^/]+$/, "/") + '../dev'
+      turnCredentialsPath: 'ajax/getturncredentials.json',
+      displayRosterMinimized: function() {
+         return true;
+      },
+      otr: {
+         debug: true,
+         SEND_WHITESPACE_TAG: true,
+         WHITESPACE_START_AKE: true
+      },
+      loadSettings: function(username, password) {
+         return settings;
+      },
+      xmpp: {
+         url: settings.xmpp.url
+      }
+   });
+
+   $('#form2').submit(function(ev) {
+      ev.preventDefault();
+
+      $(document).on('connectionReady.jsxc', function() {
+         $('#form2 input').prop('disabled', true);
+         
+         $('#logout2').show().click(jsxc.xmpp.logout);
+      });
+
+      jsxc.xmpp.login($('#username2').val() + '@' + settings.xmpp.domain, $('#password2').val());
+   });
+});

example/js/example.js

@@ -18,7 +18,7 @@ $(function() {
       logoutElement: $('#logout'),
       checkFlash: false,
       rosterAppend: 'body',
-      root: '/owncloud/apps/ojsxc/js/jsxc/',
+      root: window.location.pathname.replace(/\/[^/]+$/, '/') + '../build',
       turnCredentialsPath: 'ajax/getturncredentials.json',
       displayRosterMinimized: function() {
          return true;
@@ -47,4 +47,4 @@ $(function() {
 
       jsxc.xmpp.login($('#username2').val() + '@' + settings.xmpp.domain, $('#password2').val());
    });
-});
+});

example/login.html

@@ -7,44 +7,23 @@
      <link href="../lib/jquery-ui.min.css" media="all" rel="stylesheet" type="text/css" />
      <link href="../lib/jquery.mCustomScrollbar.css" media="all" rel="stylesheet" type="text/css" />
      <link href="../lib/jquery.colorbox.css" media="all" rel="stylesheet" type="text/css" />
-     <link href="../css/jsxc.css" media="all" rel="stylesheet" type="text/css" />
-     <link href="../css/jsxc.webrtc.css" media="all" rel="stylesheet" type="text/css" />
+     <link href="../build/css/jsxc.css" media="all" rel="stylesheet" type="text/css" />
+     <link href="../build/css/jsxc.webrtc.css" media="all" rel="stylesheet" type="text/css" />
      
      <style type="text/css">
      body, * {font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,FreeSans,sans-serif;}
      fieldset {float: left;}
      </style>
      
-     <script src="../lib/jquery.min.js"></script>
-	  <script src="../lib/jquery.ui.min.js"></script>
-	  <script src="../lib/jquery.colorbox-min.js"></script>
-	  <script src="../lib/jquery.slimscroll.js"></script>
-	  <script src="../lib/jquery.fullscreen.js"></script>
-	  
-	  <!-- Nightly files:
-	  
-	  <script src="../lib/strophe.js"></script>
-	  <script src="../lib/strophe.muc.js"></script>
-	  <script src="../lib/strophe.disco.js"></script>
-	  <script src="../lib/strophe.caps.js"></script>
-	  <script src="../lib/strophe.vcard.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.session.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.sdp.js"></script>
-	  <script src="../lib/strophe.jingle/strophe.jingle.adapter.js"></script>
-	  <script src="../lib/otr/build/dep/salsa20.js"></script>
-	  <script src="../lib/otr/build/dep/bigint.js"></script>
-	  <script src="../lib/otr/build/dep/crypto.js"></script>
-	  <script src="../lib/otr/build/dep/eventemitter.js"></script>
-	  <script src="../lib/otr/build/otr.js"></script>
-	  <script src="../jsxc.lib.js"></script>
-	  <script src="../jsxc.lib.webrtc.js"></script> 
-	  -->
-	  
-	  <!-- Build files: -->
-	  <script src="../build/lib/jsxc.dep.js"></script>
-	  <script src="../jsxc.lib.js"></script>
-	  <script src="../jsxc.lib.webrtc.js"></script>
+     <script src="../build/lib/jquery.min.js"></script>
+	 <script src="../build/lib/jquery.ui.min.js"></script>
+	 <script src="../build/lib/jquery.colorbox-min.js"></script>
+	 <script src="../build/lib/jquery.slimscroll.js"></script>
+	 <script src="../build/lib/jquery.fullscreen.js"></script>
+	 
+	 <script src="../build/lib/jsxc.dep.js"></script>
+	 <script src="../build/jsxc.lib.js"></script>
+	 <script src="../build/jsxc.lib.webrtc.js"></script>
      
      <script src="js/example.js"></script>
 
@@ -55,4 +34,4 @@
      
      <a href="index.html" id="logout">Log out</a>
    </body>
-</html>
+</html>

img/group_grey.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 1000 1000"
+   preserveAspectRatio="xMinYMin meet"
+   width="100%"
+   height="100%"
+   style="width: 512px; height: 512px;"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   sodipodi:docname="group_grey.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="980"
+     inkscape:window-height="888"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.6675088"
+     inkscape:cx="512.17823"
+     inkscape:cy="480.21903"
+     inkscape:window-x="889"
+     inkscape:window-y="85"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 0.94630456,763.0963 c 0,22.21203 9.08673644,33.31804 27.26020844,33.31804 l 112.069747,0 0,-142.35887 c 0,-18.17347 4.54363,-34.83222 13.63088,-49.97627 9.08724,-15.14405 21.70797,-26.75512 37.86216,-34.83326 l 115.09866,-54.52042 c 10.09637,-6.05782 18.17347,-13.12528 24.23129,-21.20238 -12.11564,-18.17347 -22.21202,-39.37586 -30.28912,-63.60715 -8.0771,-24.2313 -12.11564,-49.47223 -12.11564,-75.7228 0,-16.1542 2.01927,-32.3084 6.05782,-48.46259 4.03855,-16.1542 9.08674,-31.29876 15.14456,-45.43368 -20.19275,-14.13493 -41.39513,-21.20239 -63.60715,-21.20239 -38.36622,2.01928 -68.65534,17.66839 -90.86736,46.94736 -22.21201,29.27897 -33.31803,62.09244 -33.31803,98.44042 2.01928,62.59751 24.2313,107.02155 66.63606,133.27212 L 16.092416,596.50615 C 5.9960421,602.56397 0.94785546,612.66034 0.94785546,626.79527 l 0,136.30103 z M 191.76775,796.41434 c -2.01927,42.40476 10.09637,64.61678 36.34695,66.63606 l 542.17524,0 c 12.11565,-4.03855 20.69783,-10.09637 25.74653,-18.17347 5.04869,-8.0771 7.57305,-14.63948 7.57305,-19.68716 l 0,-171.13275 c 0,-18.17347 -7.06746,-30.28912 -21.20238,-36.34694 L 637.01936,545.01619 573.41221,514.72707 c 38.36622,-22.21202 63.60715,-60.57824 75.7228,-115.09865 8.0771,-30.28912 8.0771,-61.58788 0,-93.89627 -10.09637,-36.34695 -28.7744,-67.14115 -56.0341,-92.38259 -27.25969,-25.24145 -59.06352,-38.87182 -95.4115,-40.89109 -36.34694,2.01927 -67.6457,15.64964 -93.89627,40.89109 -26.25057,25.24144 -44.42404,55.02601 -54.52042,89.35368 -12.11564,46.44331 -8.07709,93.89627 12.11565,142.35886 16.1542,30.28912 37.35658,54.52041 63.60715,72.69389 l -57.54932,27.2602 -151.4456,69.66498 c -16.1542,8.0771 -24.2313,21.20238 -24.2313,39.37585 l 0,142.35887 z m 475.53918,-302.8912 c 8.0771,8.0771 18.17347,16.1542 30.28912,24.23129 12.11565,8.0771 23.22166,14.13493 33.31803,18.17348 10.09638,4.03855 23.22166,9.59181 39.37586,16.65979 16.1542,7.06797 28.26984,12.62124 36.34694,16.65979 16.1542,8.0771 28.77493,19.68819 37.86218,34.83326 9.08724,15.14507 13.63088,31.80384 13.63088,49.97627 l 0,142.35887 115.09865,0 c 18.17347,-2.01928 27.26021,-13.12529 27.26021,-33.31803 l 0,-136.30104 c 0,-14.13493 -5.04819,-24.2313 -15.14456,-30.28912 L 815.72517,514.72707 c 42.40477,-30.28912 63.60715,-73.70352 63.60715,-130.24321 0,-38.36622 -12.11565,-72.18881 -36.34694,-101.46778 -24.2313,-29.27897 -53.51078,-43.91896 -87.83845,-43.92 -22.21202,0 -44.42404,7.06747 -66.63606,21.20239 12.11564,30.28912 18.17347,61.58787 18.17347,93.89627 0,50.48187 -13.12529,96.92518 -39.37586,139.32995 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cscsscccsssccscccscccccssscccccscscccccscccssssssccssccssccscc"
+     style="fill:#999999;stroke-width:1.55090213;fill-opacity:1" />
+</svg>

img/group_white.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 1000 1000"
+   preserveAspectRatio="xMinYMin meet"
+   width="100%"
+   height="100%"
+   style="width: 512px; height: 512px;"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   sodipodi:docname="group_white.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1855"
+     inkscape:window-height="1056"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.6675088"
+     inkscape:cx="538.39511"
+     inkscape:cy="480.21903"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 0.94630456,763.0963 c 0,22.21203 9.08673644,33.31804 27.26020844,33.31804 l 112.069747,0 0,-142.35887 c 0,-18.17347 4.54363,-34.83222 13.63088,-49.97627 9.08724,-15.14405 21.70797,-26.75512 37.86216,-34.83326 l 115.09866,-54.52042 c 10.09637,-6.05782 18.17347,-13.12528 24.23129,-21.20238 -12.11564,-18.17347 -22.21202,-39.37586 -30.28912,-63.60715 -8.0771,-24.2313 -12.11564,-49.47223 -12.11564,-75.7228 0,-16.1542 2.01927,-32.3084 6.05782,-48.46259 4.03855,-16.1542 9.08674,-31.29876 15.14456,-45.43368 -20.19275,-14.13493 -41.39513,-21.20239 -63.60715,-21.20239 -38.36622,2.01928 -68.65534,17.66839 -90.86736,46.94736 -22.21201,29.27897 -33.31803,62.09244 -33.31803,98.44042 2.01928,62.59751 24.2313,107.02155 66.63606,133.27212 L 16.092416,596.50615 C 5.9960421,602.56397 0.94785546,612.66034 0.94785546,626.79527 l 0,136.30103 z M 191.76775,796.41434 c -2.01927,42.40476 10.09637,64.61678 36.34695,66.63606 l 542.17524,0 c 12.11565,-4.03855 20.69783,-10.09637 25.74653,-18.17347 5.04869,-8.0771 7.57305,-14.63948 7.57305,-19.68716 l 0,-171.13275 c 0,-18.17347 -7.06746,-30.28912 -21.20238,-36.34694 L 637.01936,545.01619 573.41221,514.72707 c 38.36622,-22.21202 63.60715,-60.57824 75.7228,-115.09865 8.0771,-30.28912 8.0771,-61.58788 0,-93.89627 -10.09637,-36.34695 -28.7744,-67.14115 -56.0341,-92.38259 -27.25969,-25.24145 -59.06352,-38.87182 -95.4115,-40.89109 -36.34694,2.01927 -67.6457,15.64964 -93.89627,40.89109 -26.25057,25.24144 -44.42404,55.02601 -54.52042,89.35368 -12.11564,46.44331 -8.07709,93.89627 12.11565,142.35886 16.1542,30.28912 37.35658,54.52041 63.60715,72.69389 l -57.54932,27.2602 -151.4456,69.66498 c -16.1542,8.0771 -24.2313,21.20238 -24.2313,39.37585 l 0,142.35887 z m 475.53918,-302.8912 c 8.0771,8.0771 18.17347,16.1542 30.28912,24.23129 12.11565,8.0771 23.22166,14.13493 33.31803,18.17348 10.09638,4.03855 23.22166,9.59181 39.37586,16.65979 16.1542,7.06797 28.26984,12.62124 36.34694,16.65979 16.1542,8.0771 28.77493,19.68819 37.86218,34.83326 9.08724,15.14507 13.63088,31.80384 13.63088,49.97627 l 0,142.35887 115.09865,0 c 18.17347,-2.01928 27.26021,-13.12529 27.26021,-33.31803 l 0,-136.30104 c 0,-14.13493 -5.04819,-24.2313 -15.14456,-30.28912 L 815.72517,514.72707 c 42.40477,-30.28912 63.60715,-73.70352 63.60715,-130.24321 0,-38.36622 -12.11565,-72.18881 -36.34694,-101.46778 -24.2313,-29.27897 -53.51078,-43.91896 -87.83845,-43.92 -22.21202,0 -44.42404,7.06747 -66.63606,21.20239 12.11564,30.28912 18.17347,61.58787 18.17347,93.89627 0,50.48187 -13.12529,96.92518 -39.37586,139.32995 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cscsscccsssccscccscccccssscccccscscccccscccssssssccssccssccscc"
+     style="fill:#ffffff;stroke-width:1.55090213" />
+</svg>

img/resize_gray.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="15"
+   height="15"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="resize_gray.svg">
+  <defs
+     id="defs4">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3803">
+      <rect
+         style="stroke:none"
+         id="rect3805"
+         width="16.09375"
+         height="14.71875"
+         x="0.84375"
+         y="1038.1434" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="6.9909088"
+     inkscape:cy="6.5564812"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1865"
+     inkscape:window-height="1056"
+     inkscape:window-x="55"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1037.3622)">
+    <path
+       style="fill:none;stroke:#bfbfbf;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 10.46875,1032.1747 -14.5,14.2813 z m 3.5,1.2501 -17.3125,17.3124 z"
+       id="path2985"
+       inkscape:connector-curvature="0"
+       clip-path="url(#clipPath3803)"
+       transform="translate(0.8125,0.6875)"
+       sodipodi:nodetypes="cccccc" />
+  </g>
+</svg>

jsxc.lib.muc.js

@@ -1,257 +0,0 @@
-/* global jsxc, Strophe, jQuery */
-
-jsxc.l10n.en.Join_chat = 'Join chat';
-jsxc.l10n.de.Join_chat = 'Chat beitreten';
-jsxc.l10n.en.Join = 'Join';
-jsxc.l10n.de.Join = 'Beitreten';
-
-jsxc.gui.template.joinChat = '<h3>%%Join_chat%%</h3>\
-         <p class=".jsxc_explanation">Blub</p>\
-         <p><label for="jsxc_room">%%Room%%:</label>\
-            <input type="text" name="room" id="jsxc_room" required="required" /></p>\
-         <p><label for="jsxc_nickname">%%Nickname%%:</label>\
-            <input type="text" name="nickname" id="jsxc_nickname" /></p>\
-         <p><label for="jsxc_password">%%Password%%:</label>\
-            <input type="text" name="password" id="jsxc_password" /></p>\
-         <p class="jsxc_right">\
-            <a href="#" class="button jsxc_close">%%Close%%</a> <a href="#" class="button creation jsxc_join">%%Join%%</a>\
-         </p>';
-
-(function($) {
-   "use strict";
-
-   jsxc.muc = {
-      conn: null,
-      initMenu: function() {
-         var li = $('<li>').attr('class', 'jsxc_joinChat').text(jsxc.translate('%%Join_chat%%'));
-         li.click(jsxc.muc.showJoinChat);
-         $('#jsxc_menu ul').append(li);
-
-      },
-      showJoinChat: function() {
-         var dialog = jsxc.gui.dialog.open(jsxc.gui.template.get('joinChat'));
-
-         dialog.find('.jsxc_join').click(function() {
-            var room = $('#jsxc_room').val() || null;
-            var nickname = $('#jsxc_nickname').val() || Strophe.getNodeFromJid(jsxc.xmpp.conn.jid);
-            var password = $('#jsxc_password').val() || null;
-
-            if (!room) {
-               $('#jsxc_room').addClass('jsxc_invalid').keyup(function() {
-                  if ($(this).val()) {
-                     $(this).removeClass('jsxc_invalid');
-                  }
-               });
-               return false;
-            }
-
-            if (!room.match(/@(.*)$/)) {
-               room += '@' + 'conference.localhost'; // @TODO: replace
-            }
-
-            var cid = jsxc.jidToCid(room);
-
-            if (jsxc.xmpp.conn.muc.roomNames.indexOf(room) < 0) {
-               jsxc.xmpp.conn.muc.join(room, nickname, null, null, null, password);
-
-               jsxc.storage.setUserItem('roomNames', jsxc.xmpp.conn.muc.roomNames);
-
-               var own = jsxc.storage.getUserItem('own') || [];
-               own.push(jsxc.xmpp.conn.muc.test_append_nick(room, nickname));
-               jsxc.storage.setUserItem('own', own);
-
-               jsxc.storage.setUserItem('buddy_' + cid, {
-                  jid: room,
-                  name: room,
-                  type: 'groupchat'
-               });
-
-               var bl = jsxc.storage.getUserItem('buddylist');
-               bl.push(cid);
-               jsxc.storage.setUserItem('buddylist', bl);
-
-               jsxc.gui.roster.add(cid);
-            }
-
-            jsxc.gui.window.open(cid);
-            jsxc.gui.dialog.close();
-         });
-
-         dialog.find('input').keydown(function(ev) {
-            if (ev.which !== 13) {
-               return;
-            }
-
-            dialog.find('.jsxc_join').click();
-         });
-      },
-      initWindow: function(event, win) {
-         var self = jsxc.muc;
-         var data = win.data();
-         var cid = jsxc.jidToCid(data.jid);
-         var sdata = jsxc.storage.getUserItem('window_' + cid);
-
-         if (!jsxc.xmpp.conn) {
-            $(document).one('connectionReady.jsxc', function() {
-               self.initWindow(null, win);
-            });
-            return;
-         }
-
-         if (self.conn.muc.roomNames.indexOf(data.jid) < 0) {
-            return;
-         }
-
-         win.addClass('jsxc_groupchat');
-         win.find('.jsxc_tools > .jsxc_transfer').after('<div class="jsxc_members">M</div>');
-         var ml = $('<div class="jsxc_memberlist"><ul></ul></div>');
-         win.append(ml);
-
-         ml.find('ul').slimScroll({
-            height: '255px',
-            distance: '3px'
-         });
-
-         var member = jsxc.storage.getUserItem('member_' + cid) || {};
-
-         $.each(member, function(index, val) {
-            self.insertMember(cid, index, val.jid, val.status);
-         });
-
-         if (sdata.minimize_ml || sdata.minimize_ml === null) {
-            self.hideMemberList(win, 200, true);
-         } else {
-            setTimeout(function() {
-               self.showMemberList(win, 200);
-            }, 500);
-         }
-
-         win.on('show', function() {
-            ml.slideDown();
-            ml.css('display', 'block');
-         });
-         win.on('hide', function() {
-            ml.slideUp();
-         });
-
-         win.trigger((sdata.minimize) ? 'hide' : 'show');
-      },
-      showMemberList: function(win, originalWidth, noani) {
-         if (!noani) {
-            win.animate({
-               width: (originalWidth + 200) + 'px'
-            }).css('overflow', 'visible');
-         }
-
-         jsxc.storage
-               .updateUserItem('window_' + jsxc.jidToCid(win.data().jid), 'minimize_ml', false);
-
-         win.find('.jsxc_members').off('click').one('click', function() {
-            jsxc.muc.hideMemberList(win, originalWidth);
-         });
-      },
-      hideMemberList: function(win, originalWidth, noani) {
-         if (!noani) {
-            win.animate({
-               width: originalWidth + 'px'
-            }).css('overflow', 'visible');
-         }
-
-         jsxc.storage
-               .updateUserItem('window_' + jsxc.jidToCid(win.data().jid), 'minimize_ml', true);
-
-         win.find('.jsxc_members').off('click').one('click', function() {
-            jsxc.muc.showMemberList(win, originalWidth);
-         });
-      },
-      onPresence: function(event, from, status, presence) {
-         var self = jsxc.muc;
-         var room = Strophe.getBareJidFromJid(from);
-         var cid = jsxc.jidToCid(room);
-         var nickname = Strophe.getResourceFromJid(from);
-         var xdata = $(presence).find('x[xmlns^="' + Strophe.NS.MUC + '"]');
-
-         if (self.conn.muc.roomNames.indexOf(room) < 0 || xdata.length === 0) {
-            return;
-         }
-
-         var jid = xdata.find('item').attr('jid');
-
-         var member = jsxc.storage.getUserItem('member_' + cid) || {};
-         if (status === 0) {
-            delete member[nickname];
-            self.removeMember(cid, nickname);
-            jsxc.gui.window.postMessage(cid, 'sys', nickname + ' left the building.');
-         } else {
-            if (!member[nickname]) {
-               jsxc.gui.window.postMessage(cid, 'sys', nickname + ' entered the room.');
-            }
-            member[nickname] = {
-               jid: jid,
-               status: status,
-               roomJid: from
-            };
-            self.insertMember(cid, nickname, jid, status);
-         }
-
-         jsxc.storage.setUserItem('member_' + cid, member);
-
-         return true;
-      },
-      insertMember: function(cid, nickname, jid, status) {
-         var win = jsxc.gui.getWindow(cid);
-         var m = win.find('.jsxc_memberlist li[data-nickname="' + nickname + '"]');
-
-         if (m.length === 0) {
-            m = $('<li title="' + jid + '">' + nickname + '</li>');
-            m.attr('data-nickname', nickname);
-            win.find('.jsxc_memberlist ul').append(m);
-         }
-
-         if (status !== null) {
-            m.removeClass('jsxc_' + jsxc.status.join(' jsxc_'))
-                  .addClass('jsxc_' + jsxc.status[status]);
-         }
-      },
-      removeMember: function(cid, nickname) {
-         var win = jsxc.gui.getWindow(cid);
-         var m = win.find('.jsxc_memberlist li[data-nickname="' + nickname + '"]');
-
-         if (m.length > 0) {
-            m.remove();
-         }
-      },
-      onGroupchatMessage: function(message) {
-         var from = $(message).attr('from');
-         var body = $(message).find('body:first').text();
-         body = Strophe.getResourceFromJid(from) + ': ' + body;
-         $(message).find('body:first').text(body);
-
-         jsxc.xmpp.onMessage($(message)[0]);
-
-         return true;
-      },
-      onNormalMessage: function() {
-
-         return true;
-      }
-   };
-
-   $(document).one('ready.roster.jsxc', jsxc.muc.initMenu);
-   $(document).one('attached', function() {
-      var self = jsxc.muc;
-      self.conn = jsxc.xmpp.conn;
-      self.conn.addHandler(self.onGroupchatMessage, null, 'message', 'groupchat');
-      self.conn.addHandler(self.onNormalMessage, null, 'message', 'normal');
-      self.conn.muc.roomNames = jsxc.storage.getUserItem('roomNames') || [];
-   });
-   $(document).one('connected', function() {
-      jsxc.storage.removeUserItem('roomNames');
-   });
-   $(document).on('init.window.jsxc', jsxc.muc.initWindow);
-   $(document).on('presence.jsxc', jsxc.muc.onPresence);
-
-   $(function() {
-
-   });
-}(jQuery));

locales/de.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": "Login läuft…",
+    "your_connection_is_unencrypted": "Deine Verbindung ist Unverschlüsselt.",
+    "your_connection_is_encrypted": "Deine Verbindung ist verschlüsselt.",
+    "your_buddy_closed_the_private_connection": "Dein Kontakt hat die private Verbindung getrennt.",
+    "start_private": "Privat starten",
+    "close_private": "Privat abbrechen",
+    "your_buddy_is_verificated": "Dein Kontakt ist verifiziert.",
+    "you_have_only_a_subscription_in_one_way": "Der Kontaktstatus ist einseitig.",
+    "authentication_query_sent": "Authentifizierungsanfrage gesendet.",
+    "your_message_wasnt_send_please_end_your_private_conversation": "Deine Nachricht wurde nicht gesendet. Bitte beende die private Konversation.",
+    "unencrypted_message_received": "Unverschlüsselte Nachricht erhalten.",
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": "Deine Nachricht wurde nicht gesandt, da der Kontaktstatus einseitig ist.",
+    "not_available": "Nicht verfügbar.",
+    "no_connection": "Keine Verbindung.",
+    "relogin": "Neu anmelden.",
+    "trying_to_start_private_conversation": "Versuche private Konversation zu starten.",
+    "Verified": "Verifiziert",
+    "Unverified": "Unverifiziert",
+    "private_conversation_started": "Private Konversation gestartet.",
+    "private_conversation_aborted": "Private Konversation abgebrochen.",
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": "Dein Kontakt hat die private Konversation beendet. Das solltest du auch tun!",
+    "conversation_is_now_verified": "Konversation ist jetzt verifiziert",
+    "authentication_failed": "Authentifizierung fehlgeschlagen.",
+    "your_buddy_is_attempting_to_determine_": "Dein Kontakt versucht herauszufinden ob er wirklich mit dir redet.",
+    "to_authenticate_to_your_buddy": "Um dich gegenüber deinem Kontakt zu verifizieren ",
+    "enter_the_answer_and_click_answer": "gib die Antwort ein und klick auf Antworten.",
+    "enter_the_secret": "gib das Geheimnis ein.",
+    "Creating_your_private_key_": "Wir werden jetzt deinen privaten Schlüssel generieren. Das kann einige Zeit in Anspruch nehmen.",
+    "Authenticating_a_buddy_helps_": "Einen Kontakt zu authentifizieren hilft sicher zustellen, dass die Person mit der du sprichst auch die ist die sie sagt.",
+    "How_do_you_want_to_authenticate_your_buddy": "Wie willst du {{bid_name}} (<b>{{bid_jid}}</b>) authentifizieren?",
+    "Select_method": "Wähle...",
+    "Manual": "Manual",
+    "Question": "Frage",
+    "Secret": "Geheimnis",
+    "To_verify_the_fingerprint_": "Um den Fingerprint zu verifizieren kontaktiere dein Kontakt über einen anderen Kommunikationsweg. Zum Beispiel per Telefonanruf.",
+    "Your_fingerprint": "Dein Fingerprint",
+    "Buddy_fingerprint": "Sein/Ihr Fingerprint",
+    "Close": "Schließen",
+    "Compared": "Verglichen",
+    "To_authenticate_using_a_question_": "Um die Authentifizierung per Frage durchzuführen, wähle eine Frage bei welcher nur dein Kontakt die Antwort weiß.",
+    "Ask": "Frage",
+    "To_authenticate_pick_a_secret_": "Um deinen Kontakt zu authentifizieren, wähle ein Geheimnis welches nur deinem Kontakt und dir bekannt ist.",
+    "Compare": "Vergleiche",
+    "Fingerprints": "Fingerprints",
+    "Authentication": "Authentifizierung",
+    "Message": "Nachricht",
+    "Add_buddy": "Kontakt hinzufügen",
+    "rename_buddy": "Kontakt umbenennen",
+    "delete_buddy": "Kontakt löschen",
+    "Login": "Anmeldung",
+    "Username": "Benutzername",
+    "Password": "Passwort",
+    "Cancel": "Abbrechen",
+    "Connect": "Verbinden",
+    "Type_in_the_full_username_": "Gib bitte den vollen Benutzernamen und optional ein Alias an.",
+    "Alias": "Alias",
+    "Add": "Hinzufügen",
+    "Subscription_request": "Kontaktanfrage",
+    "You_have_a_request_from": "Du hast eine Anfrage von",
+    "Deny": "Ablehnen",
+    "Approve": "Bestätigen",
+    "Remove_buddy": "Kontakt entfernen",
+    "You_are_about_to_remove_": "Du bist gerade dabei {{bid_name}} (<b>{{bid_jid}}</b>) von deiner Kontaktliste zu entfernen. Alle Chats werden geschlossen.",
+    "Continue_without_chat": "Weiter ohne Chat",
+    "Please_wait": "Bitte warten",
+    "Login_failed": "Chat-Anmeldung fehlgeschlagen",
+    "Sorry_we_cant_authentikate_": "Der Chatserver hat die Anmeldung abgelehnt. Falsches Passwort?",
+    "Retry": "Zurück",
+    "clear_history": "Lösche Verlauf",
+    "New_message_from": "Neue Nachricht von",
+    "Should_we_notify_you_": "Sollen wir dich in Zukunft über eingehende Nachrichten informieren, auch wenn dieser Tab nicht im Vordergrund ist?",
+    "Please_accept_": "Bitte klick auf den \"Zulassen\" Button oben.",
+    "Hide_offline": "Offline ausblenden",
+    "Show_offline": "Offline einblenden",
+    "About": "Über",
+    "dnd": "Beschäftigt",
+    "Mute": "Ton aus",
+    "Unmute": "Ton an",
+    "Subscription": "Bezug",
+    "both": "beidseitig",
+    "Status": "Status",
+    "online": "online",
+    "chat": "chat",
+    "away": "abwesend",
+    "xa": "länger abwesend",
+    "offline": "offline",
+    "none": "keine",
+    "Unknown_instance_tag": "Unbekannter instance tag.",
+    "Not_one_of_our_latest_keys": "Nicht einer unserer letzten Schlüssel.",
+    "Received_an_unreadable_encrypted_message": "Eine unlesbare verschlüsselte Nachricht erhalten.",
+    "Online": "Online",
+    "Chatty": "Gesprächig",
+    "Away": "Abwesend",
+    "Extended_away": "Länger abwesend",
+    "Offline": "Offline",
+    "Friendship_request": "Kontaktanfrage",
+    "Confirm": "Bestätigen",
+    "Dismiss": "Ablehnen",
+    "Remove": "Löschen",
+    "Online_help": "Online Hilfe",
+    "FN": "Name",
+    "N": " ",
+    "FAMILY": "Familienname",
+    "GIVEN": "Vorname",
+    "NICKNAME": "Spitzname",
+    "URL": "URL",
+    "ADR": "Adresse",
+    "STREET": "Straße",
+    "EXTADD": "Zusätzliche Adresse",
+    "LOCALITY": "Ortschaft",
+    "REGION": "Region",
+    "PCODE": "Postleitzahl",
+    "CTRY": "Land",
+    "TEL": "Telefon",
+    "NUMBER": "Nummer",
+    "EMAIL": "E-Mail",
+    "USERID": " ",
+    "ORG": "Organisation",
+    "ORGNAME": "Name",
+    "ORGUNIT": "Abteilung",
+    "TITLE": "Titel",
+    "ROLE": "Rolle",
+    "BDAY": "Geburtstag",
+    "DESC": "Beschreibung",
+    "PHOTO": " ",
+    "send_message": "Sende Nachricht",
+    "get_info": "Benutzerinformationen",
+    "Settings": "Einstellungen",
+    "Priority": "Priorität",
+    "Save": "Speichern",
+    "User_settings": "Benutzereinstellungen",
+    "A_fingerprint_": "Ein Fingerabdruck wird dazu benutzt deinen Gesprächspartner zu identifizieren.",
+    "Your_roster_is_empty_add_a": "Deine Kontaktliste ist leer, füge einen neuen Kontakt ",
+    "new_buddy": "hinzu",
+    "is": "ist",
+    "Login_options": "Anmeldeoptionen",
+    "BOSH_url": "BOSH url",
+    "Domain": "Domain",
+    "Resource": "Ressource",
+    "On_login": "Beim Anmelden",
+    "Received_an_unencrypted_message": "Unverschlüsselte Nachricht empfangen",
+    "Sorry_your_buddy_doesnt_provide_any_information": "Dein Kontakt stellt leider keine Informationen bereit.",
+    "Info_about": "Info über",
+    "Authentication_aborted": "Authentifizierung abgebrochen.",
+    "Authentication_request_received": "Authentifizierunganfrage empfangen.",
+    "Do_you_want_to_display_them": "Möchtest du sie sehen?",
+    "Log_in_without_chat": "Anmelden ohne Chat",
+    "has_come_online": "ist online gekommen",
+    "Unknown_sender": "Unbekannter Sender",
+    "You_received_a_message_from_an_unknown_sender": "Du hast eine Nachricht von einem unbekannten Sender erhalten",
+    "Please_allow_access_to_microphone_and_camera": "Bitte klick auf den \"Zulassen\" Button oben, um den Zugriff auf Kamera und Mikrofon zu erlauben.",
+    "Incoming_call": "Eingehender Anruf",
+    "from": "von",
+    "Do_you_want_to_accept_the_call_from": "Möchtest Du den Anruf annehmen von",
+    "Reject": "Ablehnen",
+    "Accept": "Annehmen",
+    "hang_up": "Auflegen",
+    "snapshot": "Schnappschuss",
+    "mute_my_audio": "Mein Ton aus",
+    "pause_my_video": "Mein Video pausieren",
+    "fullscreen": "Vollbild",
+    "Info": "Info",
+    "Local_IP": "Lokale IP",
+    "Remote_IP": "Remote IP",
+    "Local_Fingerprint": "Lokaler Fingerprint",
+    "Remote_Fingerprint": "Remote Fingerprint",
+    "Video_call_not_possible": "Videoanruf nicht verfügbar. Dein Gesprächspartner unterstützt keine Videotelefonie.",
+    "Start_video_call": "Starte Videoanruf"
+  }
+}

locales/el.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": null,
+    "your_connection_is_unencrypted": null,
+    "your_connection_is_encrypted": null,
+    "your_buddy_closed_the_private_connection": null,
+    "start_private": null,
+    "close_private": null,
+    "your_buddy_is_verificated": null,
+    "you_have_only_a_subscription_in_one_way": null,
+    "authentication_query_sent": null,
+    "your_message_wasnt_send_please_end_your_private_conversation": null,
+    "unencrypted_message_received": null,
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": null,
+    "not_available": null,
+    "no_connection": null,
+    "relogin": null,
+    "trying_to_start_private_conversation": null,
+    "Verified": null,
+    "Unverified": null,
+    "private_conversation_started": null,
+    "private_conversation_aborted": null,
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": null,
+    "conversation_is_now_verified": null,
+    "authentication_failed": null,
+    "your_buddy_is_attempting_to_determine_": null,
+    "to_authenticate_to_your_buddy": null,
+    "enter_the_answer_and_click_answer": null,
+    "enter_the_secret": null,
+    "Creating_your_private_key_": null,
+    "Authenticating_a_buddy_helps_": null,
+    "How_do_you_want_to_authenticate_your_buddy": null,
+    "Select_method": null,
+    "Manual": null,
+    "Question": null,
+    "Secret": null,
+    "To_verify_the_fingerprint_": null,
+    "Your_fingerprint": null,
+    "Buddy_fingerprint": null,
+    "Close": null,
+    "Compared": null,
+    "To_authenticate_using_a_question_": null,
+    "Ask": null,
+    "To_authenticate_pick_a_secret_": null,
+    "Compare": null,
+    "Fingerprints": null,
+    "Authentication": null,
+    "Message": null,
+    "Add_buddy": null,
+    "rename_buddy": null,
+    "delete_buddy": null,
+    "Login": null,
+    "Username": null,
+    "Password": null,
+    "Cancel": null,
+    "Connect": null,
+    "Type_in_the_full_username_": null,
+    "Alias": null,
+    "Add": null,
+    "Subscription_request": null,
+    "You_have_a_request_from": null,
+    "Deny": null,
+    "Approve": null,
+    "Remove_buddy": null,
+    "You_are_about_to_remove_": null,
+    "Continue_without_chat": null,
+    "Please_wait": null,
+    "Login_failed": null,
+    "Sorry_we_cant_authentikate_": null,
+    "Retry": null,
+    "clear_history": null,
+    "New_message_from": null,
+    "Should_we_notify_you_": null,
+    "Please_accept_": null,
+    "Hide_offline": null,
+    "Show_offline": null,
+    "About": null,
+    "dnd": null,
+    "Mute": null,
+    "Unmute": null,
+    "Subscription": null,
+    "both": null,
+    "Status": null,
+    "online": null,
+    "chat": null,
+    "away": null,
+    "xa": null,
+    "offline": null,
+    "none": null,
+    "Unknown_instance_tag": null,
+    "Not_one_of_our_latest_keys": null,
+    "Received_an_unreadable_encrypted_message": null,
+    "Online": null,
+    "Chatty": null,
+    "Away": null,
+    "Extended_away": null,
+    "Offline": null,
+    "Friendship_request": null,
+    "Confirm": null,
+    "Dismiss": null,
+    "Remove": null,
+    "Online_help": null,
+    "FN": null,
+    "N": null,
+    "FAMILY": null,
+    "GIVEN": null,
+    "NICKNAME": null,
+    "URL": null,
+    "ADR": null,
+    "STREET": null,
+    "EXTADD": null,
+    "LOCALITY": null,
+    "REGION": null,
+    "PCODE": null,
+    "CTRY": null,
+    "TEL": null,
+    "NUMBER": null,
+    "EMAIL": null,
+    "USERID": null,
+    "ORG": null,
+    "ORGNAME": null,
+    "ORGUNIT": null,
+    "TITLE": null,
+    "ROLE": null,
+    "BDAY": null,
+    "DESC": null,
+    "PHOTO": null,
+    "send_message": null,
+    "get_info": null,
+    "Settings": null,
+    "Priority": null,
+    "Save": null,
+    "User_settings": null,
+    "A_fingerprint_": null,
+    "Your_roster_is_empty_add_a": null,
+    "new_buddy": null,
+    "is": null,
+    "Login_options": null,
+    "BOSH_url": null,
+    "Domain": null,
+    "Resource": null,
+    "On_login": null,
+    "Received_an_unencrypted_message": null,
+    "Sorry_your_buddy_doesnt_provide_any_information": null,
+    "Info_about": null,
+    "Authentication_aborted": null,
+    "Authentication_request_received": null,
+    "Do_you_want_to_display_them": null,
+    "Log_in_without_chat": null,
+    "has_come_online": null,
+    "Unknown_sender": null,
+    "You_received_a_message_from_an_unknown_sender": null,
+    "Please_allow_access_to_microphone_and_camera": null,
+    "Incoming_call": null,
+    "from": null,
+    "Do_you_want_to_accept_the_call_from": null,
+    "Reject": null,
+    "Accept": null,
+    "hang_up": null,
+    "snapshot": null,
+    "mute_my_audio": null,
+    "pause_my_video": null,
+    "fullscreen": null,
+    "Info": null,
+    "Local_IP": null,
+    "Remote_IP": null,
+    "Local_Fingerprint": null,
+    "Remote_Fingerprint": null,
+    "Video_call_not_possible": null,
+    "Start_video_call": null
+  }
+}

locales/en.json

@@ -0,0 +1,263 @@
+{
+  "translation": {
+    "Logging_in": "Logging in…",
+    "your_connection_is_unencrypted": "Your connection is unencrypted.",
+    "your_connection_is_encrypted": "Your connection is encrypted.",
+    "your_buddy_closed_the_private_connection": "Your buddy closed the private connection.",
+    "start_private": "Start private",
+    "close_private": "Close private",
+    "your_buddy_is_verificated": "Your buddy is verified.",
+    "you_have_only_a_subscription_in_one_way": "You only have a one-way subscription.",
+    "authentication_query_sent": "Authentication query sent.",
+    "your_message_wasnt_send_please_end_your_private_conversation": "Your message was not sent. Please end your private conversation.",
+    "unencrypted_message_received": "Unencrypted message received",
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": "Your message was not sent because you have no valid subscription.",
+    "not_available": "Not available",
+    "no_connection": "No connection!",
+    "relogin": "relogin",
+    "trying_to_start_private_conversation": "Trying to start private conversation!",
+    "Verified": "Verified",
+    "Unverified": "Unverified",
+    "private_conversation_started": "Private conversation started.",
+    "private_conversation_aborted": "Private conversation aborted!",
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": "Your buddy closed the private conversation! You should do the same.",
+    "conversation_is_now_verified": "Conversation is now verified.",
+    "authentication_failed": "Authentication failed.",
+    "your_buddy_is_attempting_to_determine_": "You buddy is attempting to determine if he or she is really talking to you.",
+    "to_authenticate_to_your_buddy": "To authenticate to your buddy, ",
+    "enter_the_answer_and_click_answer": "enter the answer and click Answer.",
+    "enter_the_secret": "enter the secret.",
+    "Creating_your_private_key_": "Creating your private key; this may take a while.",
+    "Authenticating_a_buddy_helps_": "Authenticating a buddy helps ensure that the person you are talking to is really the one he or she claims to be.",
+    "How_do_you_want_to_authenticate_your_buddy": "How do you want to authenticate {{bid_name}} (<b>{{bid_jid}}</b>)?",
+    "Select_method": "Select method...",
+    "Manual": "Manual",
+    "Question": "Question",
+    "Secret": "Secret",
+    "To_verify_the_fingerprint_": "To verify the fingerprint, contact your buddy via some other trustworthy channel, such as the telephone.",
+    "Your_fingerprint": "Your fingerprint",
+    "Buddy_fingerprint": "Buddy fingerprint",
+    "Close": "Close",
+    "Compared": "Compared",
+    "To_authenticate_using_a_question_": "To authenticate using a question, pick a question whose answer is known only you and your buddy.",
+    "Ask": "Ask",
+    "To_authenticate_pick_a_secret_": "To authenticate, pick a secret known only to you and your buddy.",
+    "Compare": "Compare",
+    "Fingerprints": "Fingerprints",
+    "Authentication": "Authentication",
+    "Message": "Message",
+    "Add_buddy": "Add buddy",
+    "rename_buddy": "rename buddy",
+    "delete_buddy": "delete buddy",
+    "Login": "Login",
+    "Username": "Username",
+    "Password": "Password",
+    "Cancel": "Cancel",
+    "Connect": "Connect",
+    "Type_in_the_full_username_": "Type in the full username and an optional alias.",
+    "Alias": "Alias",
+    "Add": "Add",
+    "Subscription_request": "Subscription request",
+    "You_have_a_request_from": "You have a request from",
+    "Deny": "Deny",
+    "Approve": "Approve",
+    "Remove_buddy": "Remove buddy",
+    "You_are_about_to_remove_": "You are about to remove {{bid_name}} (<b>{{bid_jid}}</b>) from your buddy list. All related chats will be closed.",
+    "Continue_without_chat": "Continue without chat",
+    "Please_wait": "Please wait",
+    "Login_failed": "Chat login failed",
+    "Sorry_we_cant_authentikate_": "Authentication failed with the chat server. Maybe the password is wrong?",
+    "Retry": "Back",
+    "clear_history": "Clear history",
+    "New_message_from": "New message from",
+    "Should_we_notify_you_": "Should we notify you about new messages in the future?",
+    "Please_accept_": "Please click the \"Allow\" button at the top.",
+    "Hide_offline": "Hide offline contacts",
+    "Show_offline": "Show offline contacts",
+    "About": "About",
+    "dnd": "Do Not Disturb",
+    "Mute": "Mute",
+    "Unmute": "Unmute",
+    "Subscription": "Subscription",
+    "both": "both",
+    "Status": "Status",
+    "online": "online",
+    "chat": "chat",
+    "away": "away",
+    "xa": "extended away",
+    "offline": "offline",
+    "none": "none",
+    "Unknown_instance_tag": "Unknown instance tag.",
+    "Not_one_of_our_latest_keys": "Not one of our latest keys.",
+    "Received_an_unreadable_encrypted_message": "Received an unreadable encrypted message.",
+    "Online": "Online",
+    "Chatty": "Chatty",
+    "Away": "Away",
+    "Extended_away": "Extended away",
+    "Offline": "Offline",
+    "Friendship_request": "Friendship request",
+    "Confirm": "Confirm",
+    "Dismiss": "Dismiss",
+    "Remove": "Remove",
+    "Online_help": "Online help",
+    "FN": "Full name",
+    "N": " ",
+    "FAMILY": "Family name",
+    "GIVEN": "Given name",
+    "NICKNAME": "Nickname",
+    "URL": "URL",
+    "ADR": "Address",
+    "STREET": "Street Address",
+    "EXTADD": "Extended Address",
+    "LOCALITY": "Locality",
+    "REGION": "Region",
+    "PCODE": "Postal Code",
+    "CTRY": "Country",
+    "TEL": "Telephone",
+    "NUMBER": "Number",
+    "EMAIL": "Email",
+    "USERID": " ",
+    "ORG": "Organization",
+    "ORGNAME": "Name",
+    "ORGUNIT": "Unit",
+    "TITLE": "Job title",
+    "ROLE": "Role",
+    "BDAY": "Birthday",
+    "DESC": "Description",
+    "PHOTO": " ",
+    "send_message": "Send message",
+    "get_info": "Show information",
+    "Settings": "Settings",
+    "Priority": "Priority",
+    "Save": "Save",
+    "User_settings": "User settings",
+    "A_fingerprint_": "A fingerprint is used to make sure that the person you are talking to is who he or she is saying.",
+    "Your_roster_is_empty_add_a": "Your roster is empty, add a ",
+    "new_buddy": "new buddy",
+    "is": "is",
+    "Login_options": "Login options",
+    "BOSH_url": "BOSH URL",
+    "Domain": "Domain",
+    "Resource": "Resource",
+    "On_login": "On login",
+    "Received_an_unencrypted_message": "Received an unencrypted message",
+    "Sorry_your_buddy_doesnt_provide_any_information": "Sorry, your buddy does not provide any information.",
+    "Info_about": "Info about",
+    "Authentication_aborted": "Authentication aborted.",
+    "Authentication_request_received": "Authentication request received.",
+    "Do_you_want_to_display_them": "Do you want to display them?",
+    "Log_in_without_chat": "Log in without chat",
+    "has_come_online": "has come online",
+    "Unknown_sender": "Unknown sender",
+    "You_received_a_message_from_an_unknown_sender": "You received a message from an unknown sender",
+    "Please_allow_access_to_microphone_and_camera": "Please click the \"Allow\" button at the top, to allow access to microphone and camera.",
+    "Incoming_call": "Incoming call",
+    "from": "from",
+    "Do_you_want_to_accept_the_call_from": "Do you want to accept the call from",
+    "Reject": "Reject",
+    "Accept": "Accept",
+    "hang_up": "hang up",
+    "snapshot": "snapshot",
+    "mute_my_audio": "mute my audio",
+    "pause_my_video": "pause my video",
+    "fullscreen": "fullscreen",
+    "Info": "Info",
+    "Local_IP": "Local IP",
+    "Remote_IP": "Remote IP",
+    "Local_Fingerprint": "Local fingerprint",
+    "Remote_Fingerprint": "Remote fingerprint",
+    "Video_call_not_possible": "Video call not possible. Your buddy does not support video calls.",
+    "Start_video_call": "Start video call",
+    "Join_chat": "Join chat",
+    "Join": "Join",
+    "Room": "Room",
+    "Nickname": "Nickname",
+    "left_the_building": "__nickname__ left the building",
+    "entered_the_room": "__nickname__ entered the room",
+    "is_now_known_as": "__oldNickname__ is now known as __newNickname__",
+    "This_room_is": "This room is",
+    "muc_hidden": {
+        "keyword": "hidden",
+        "description": "can not be found through search"
+    },
+    "muc_membersonly": {
+        "keyword": "members-only",
+        "description": "you need to be on the member list"
+    },
+    "muc_moderated": {
+        "keyword": "moderated",
+        "description": "only persons with \"voice\" are allowed to send messages"
+    },
+    "muc_nonanonymous": {
+        "keyword": "non-anonymous",
+        "description": "your jabber id is exposed to all other occupants"
+    },
+    "muc_open": {
+        "keyword": "open",
+        "description": "everyone is allowed to join"
+    },
+    "muc_passwordprotected": {
+        "keyword": "password-protected",
+        "description": "you need to provide the correct password"
+    },
+    "muc_persistent": {
+        "keyword": "persistent",
+        "description": "will not be destroyed if the last occupant left"
+    },
+    "muc_public": {
+        "keyword": "public",
+        "description": "can be found through search"
+    },
+    "muc_semianonymous": {
+        "keyword": "semi-anonymous",
+        "description": "your jabber id is only exposed to room admins"
+    },
+    "muc_temporary": {
+        "keyword": "temporary",
+        "description": "will be destroyed if the last occupant left"
+    },
+    "muc_unmoderated": {
+        "keyword": "unmoderated",
+        "description": "everyone is allowed to send messages"
+    },
+    "muc_unsecured": {
+        "keyword": "unsecured",
+        "description": "you need no password to enter"
+    },
+    "Continue": "Continue",
+    "Server": "Server",
+    "Rooms_are_loaded": "Rooms are loaded",
+    "Could_load_only": "Could load only __count__ rooms for autocomplete",
+    "muc_explanation": "Please enter room name and optional a nickname and password to join a chat",
+    "You_already_joined_this_room": "You already joined this room",
+    "This_room_will_be_closed": "This room will be closed",
+    "Room_not_found_": "A new room will be created",
+    "Loading_room_information": "Loading room information",
+    "Destroy": "Destroy",
+    "Leave": "Leave",
+    "changed_subject_to": "__nickname__ changed the room subject to \"__subject__\"",
+    "muc_removed_kicked": "You have been kicked from the room",
+    "muc_removed_info_kicked": "__nickname__ has been kicked from the room",
+    "muc_removed_banned": "You have been banned from the room",
+    "muc_removed_info_banned": "__nickname__ has been banned from the room",
+    "muc_removed_affiliation": "You have been removed from the room, because of an affiliation change",
+    "muc_removed_info_affiliation": "__nickname__ has been removed from the room, because of an affiliation change",
+    "muc_removed_membersonly": "You have been removed from the room, because the room has been changed to members-only and you are no member",
+    "muc_removed_info_membersonly": "__nickname__ has been removed from the room, because the room has been changed to members-only and you are no member",
+    "muc_removed_shutdown": "You have been removed from the room, because the MUC service is being shut down",
+    "Reason": "Reason",
+    "message_not_send": "Your message was not send because of an error",
+    "message_not_send_item-not-found": "Your message was not send because this room does not exist",
+    "message_not_send_forbidden": "Your message was not send because you have no voice in this room",
+    "message_not_send_not-acceptable": "Your message was not send because you are no occupant of this room",
+    "This_room_has_been_closed": "This room has been closed",
+    "Room_logging_is_enabled": "Room logging is enabled",
+    "A_password_is_required": "A password is required",
+    "You_are_not_on_the_member_list": "You are not on the member list",
+    "You_are_banned_from_this_room": "You are banned from this room",
+    "Your_desired_nickname_": "Your desired nickname is already in use. Please choose another",
+    "The_maximum_number_": "The maximum number of user is reached in this room",
+    "This_room_is_locked_": "This room is locked",
+    "You_are_not_allowed_to_create_": "You are not allowed to create a room"
+  }
+}

locales/es.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": "Por favor, espere...",
+    "your_connection_is_unencrypted": "Su conexión no está cifrada.",
+    "your_connection_is_encrypted": "Su conexión está cifrada.",
+    "your_buddy_closed_the_private_connection": "Su amigo ha cerrado la conexión privada.",
+    "start_private": "Iniciar privado",
+    "close_private": "Cerrar privado",
+    "your_buddy_is_verificated": "Tu amigo está verificado.",
+    "you_have_only_a_subscription_in_one_way": "Sólo tienes una suscripción de un modo.",
+    "authentication_query_sent": "Consulta de verificación enviada.",
+    "your_message_wasnt_send_please_end_your_private_conversation": "Su mensaje no fue enviado. Por favor, termine su conversación privada.",
+    "unencrypted_message_received": "Mensaje no cifrado recibido:",
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": "Su mensaje no se ha enviado, porque usted no tiene suscripción válida.",
+    "not_available": "No disponible",
+    "no_connection": "Sin conexión!",
+    "relogin": "iniciar sesión nuevamente",
+    "trying_to_start_private_conversation": "Intentando iniciar una conversación privada!",
+    "Verified": "Verificado",
+    "Unverified": "No verificado",
+    "private_conversation_started": "se inició una conversación privada.",
+    "private_conversation_aborted": "Conversación privada abortada!",
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": "Su amigo cerró la conversación privada! Usted debería hacer lo mismo.",
+    "conversation_is_now_verified": "La conversación es ahora verificada.",
+    "authentication_failed": "Fallo la verificación.",
+    "your_buddy_is_attempting_to_determine_": "Tu amigo está tratando de determinar si él o ella está realmente hablando con usted.",
+    "to_authenticate_to_your_buddy": "Para autenticar a su amigo, ",
+    "enter_the_answer_and_click_answer": "introduce la respuesta y haga clic en Contestar.",
+    "enter_the_secret": "especifique el secreto.",
+    "Creating_your_private_key_": "Ahora vamos a crear su clave privada. Esto puede tomar algún tiempo.",
+    "Authenticating_a_buddy_helps_": "Autenticación de un amigo ayuda a garantizar que la persona que está hablando es quien él o ella está diciendo.",
+    "How_do_you_want_to_authenticate_your_buddy": "¿Cómo desea autenticar {{bid_name}} (<b>{{bid_jid}}</b>)?",
+    "Select_method": "Escoja un método...",
+    "Manual": "Manual",
+    "Question": "Pregunta",
+    "Secret": "Secreto",
+    "To_verify_the_fingerprint_": "Para verificar la firma digital, póngase en contacto con su amigo a través de algún otro canal autenticado, como el teléfono.",
+    "Your_fingerprint": "Tu firma digital",
+    "Buddy_fingerprint": "firma digital de tu amigo",
+    "Close": "Cerrar",
+    "Compared": "Comparado",
+    "To_authenticate_using_a_question_": "Para autenticar mediante una pregunta, elegir una pregunta cuya respuesta se conoce sólo usted y su amigo.",
+    "Ask": "Preguntar",
+    "To_authenticate_pick_a_secret_": "Para autenticar, elija un secreto conocido sólo por usted y su amigo.",
+    "Compare": "Comparar",
+    "Fingerprints": "Firmas digitales",
+    "Authentication": "Autenticación",
+    "Message": "Mensaje",
+    "Add_buddy": "Añadir amigo",
+    "rename_buddy": "renombrar amigo",
+    "delete_buddy": "eliminar amigo",
+    "Login": "Iniciar Sesión",
+    "Username": "Usuario",
+    "Password": "Contraseña",
+    "Cancel": "Cancelar",
+    "Connect": "Conectar",
+    "Type_in_the_full_username_": "Escriba el usuario completo y un alias opcional.",
+    "Alias": "Alias",
+    "Add": "Añadir",
+    "Subscription_request": "Solicitud de suscripción",
+    "You_have_a_request_from": "Tienes una petición de",
+    "Deny": "Rechazar",
+    "Approve": "Aprobar",
+    "Remove_buddy": "Eliminar amigo",
+    "You_are_about_to_remove_": "Vas a eliminar a {{bid_name}} (<b>{{bid_jid}}</b>) de tu lista de amigos. Todas las conversaciones relacionadas serán cerradas.",
+    "Continue_without_chat": "Continuar",
+    "Please_wait": "Espere por favor",
+    "Login_failed": "Fallo el inicio de sesión",
+    "Sorry_we_cant_authentikate_": "Lo sentimos, no podemos autentificarlo en nuestro servidor de chat. ¿Tal vez la contraseña es incorrecta?",
+    "Retry": "Reintentar",
+    "clear_history": "Borrar el historial",
+    "New_message_from": "Nuevo mensaje de",
+    "Should_we_notify_you_": "¿Debemos notificarle sobre nuevos mensajes en el futuro?",
+    "Please_accept_": "Por favor, haga clic en el botón \"Permitir\" en la parte superior.",
+    "Hide_offline": "Ocultar contactos desconectados",
+    "Show_offline": "Mostrar contactos desconectados",
+    "About": "Acerca de",
+    "dnd": "No Molestar",
+    "Mute": "Desactivar sonido",
+    "Unmute": "Activar sonido",
+    "Subscription": "Suscripción",
+    "both": "ambos",
+    "Status": "Estado",
+    "online": "en línea",
+    "chat": "chat",
+    "away": "ausente",
+    "xa": "mas ausente",
+    "offline": "desconectado",
+    "none": "nadie",
+    "Unknown_instance_tag": "Etiqueta de instancia desconocida.",
+    "Not_one_of_our_latest_keys": "No de nuestra ultima tecla.",
+    "Received_an_unreadable_encrypted_message": "Se recibió un mensaje cifrado ilegible.",
+    "Online": "En linea",
+    "Chatty": "Hablador",
+    "Away": "Ausente",
+    "Extended_away": "Mas ausente",
+    "Offline": "Desconectado",
+    "Friendship_request": "Solicitud de amistad",
+    "Confirm": "Confirmar",
+    "Dismiss": "Rechazar",
+    "Remove": "Eliminar",
+    "Online_help": "Ayuda en línea",
+    "FN": "Nombre completo ",
+    "N": " ",
+    "FAMILY": "Apellido",
+    "GIVEN": "Nombre",
+    "NICKNAME": "Apodar",
+    "URL": "URL",
+    "ADR": "Dirección",
+    "STREET": "Calle",
+    "EXTADD": "Extendido dirección",
+    "LOCALITY": "Población",
+    "REGION": "Región",
+    "PCODE": "Código postal",
+    "CTRY": "País",
+    "TEL": "Teléfono",
+    "NUMBER": "Número",
+    "EMAIL": "Emilio",
+    "USERID": " ",
+    "ORG": "Organización",
+    "ORGNAME": "Nombre",
+    "ORGUNIT": "Departamento",
+    "TITLE": "Título",
+    "ROLE": "Rol",
+    "BDAY": "Cumpleaños",
+    "DESC": "Descripción",
+    "PHOTO": " ",
+    "send_message": "mandar un texto",
+    "get_info": "obtener información",
+    "Settings": "Ajustes",
+    "Priority": "Prioridad",
+    "Save": "Guardar",
+    "User_settings": "Configuración de usuario",
+    "A_fingerprint_": "La huella digital se utiliza para que puedas estar seguro que la persona con la que estas hablando es quien realmente dice ser",
+    "Your_roster_is_empty_add_a": "Tu lista de amigos esta vacia",
+    "new_buddy": "Nuevo amigo",
+    "is": "es",
+    "Login_options": "Opciones de login",
+    "BOSH_url": "BOSH url",
+    "Domain": "Dominio",
+    "Resource": "Recurso",
+    "On_login": "Iniciar sesión",
+    "Received_an_unencrypted_message": "Recibe un mensaje no cifrado",
+    "Sorry_your_buddy_doesnt_provide_any_information": "Lo sentimos, su amigo no provee ninguna información.",
+    "Info_about": "Info acerca de",
+    "Authentication_aborted": "Autenticación abortada",
+    "Authentication_request_received": "Pedido de autenticación recibido.",
+    "Do_you_want_to_display_them": "¿Quiere mostrarlos?",
+    "Log_in_without_chat": "Ingresar sin chat",
+    "has_come_online": "se ha conectado",
+    "Unknown_sender": "Remitente desconocido",
+    "You_received_a_message_from_an_unknown_sender": "Ha recibido un mensaje de un remitente desconocido",
+    "Please_allow_access_to_microphone_and_camera": "Por favor, permitir el acceso al micrófono y la cámara.",
+    "Incoming_call": "Llamada entrante",
+    "from": "de",
+    "Do_you_want_to_accept_the_call_from": "Desea aceptar la llamada de",
+    "Reject": "Rechazar",
+    "Accept": "Aceptar",
+    "hang_up": "colgar",
+    "snapshot": "instantánea",
+    "mute_my_audio": "silenciar mi audio",
+    "pause_my_video": "pausar mi vídeo",
+    "fullscreen": "pantalla completa",
+    "Info": "Info",
+    "Local_IP": "IP local",
+    "Remote_IP": "IP remota",
+    "Local_Fingerprint": "Firma digital local",
+    "Remote_Fingerprint": "Firma digital remota",
+    "Video_call_not_possible": "Llamada de vídeo no es posible",
+    "Start_video_call": "Iniciar llamada de vídeo"
+  }
+}

locales/fr.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": "Connexion...",
+    "your_connection_is_unencrypted": "Connexion non chiffrée.",
+    "your_connection_is_encrypted": "Connexion chiffrée.",
+    "your_buddy_closed_the_private_connection": "Votre ami a fermé la connexion privée.",
+    "start_private": "Démarrer une conversation privé",
+    "close_private": "Clôturer une conversation privée",
+    "your_buddy_is_verificated": "Votre ami est vérifié.",
+    "you_have_only_a_subscription_in_one_way": "Vous ne pouvez souscrire qu'une fois.",
+    "authentication_query_sent": "Requête d’authentification envoyée.",
+    "your_message_wasnt_send_please_end_your_private_conversation": "Votre message n'a pas été envoyé. Veuillez terminer votre conversation privée.",
+    "unencrypted_message_received": "Message non chiffré reçu",
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": "Votre message n'a pas été envoyé car votre abonnement n'est pas valide.",
+    "not_available": "Pas disponible",
+    "no_connection": "Pas de connexion !",
+    "relogin": "Re-connexion",
+    "trying_to_start_private_conversation": "Essai de démarrage d'une conversation privée !",
+    "Verified": "Vérifié",
+    "Unverified": "Non vérifié",
+    "private_conversation_started": "Conversation privé démarrée.",
+    "private_conversation_aborted": "Conversation privée interrompue !",
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": "Votre ami a fermé la conversation privée ! Vous devriez faire de même.",
+    "conversation_is_now_verified": "La conversation est maintenant vérifiée.",
+    "authentication_failed": "L'authentification a échoué.",
+    "your_buddy_is_attempting_to_determine_": "Votre ami tente de déterminer si il ou elle parle vraiment à vous.",
+    "to_authenticate_to_your_buddy": "Vous authentifier à votre ami, ",
+    "enter_the_answer_and_click_answer": "Saisissez une réponse et cliquer sur Répondre.",
+    "enter_the_secret": "Entrez le mot secret",
+    "Creating_your_private_key_": "Création de votre clé privée; cela peut prendre un moment.",
+    "Authenticating_a_buddy_helps_": "L'authentification d'un ami permet de s'assurer que la personne à qui vous parlez est vraiment celui qu'il ou elle prétend être.",
+    "How_do_you_want_to_authenticate_your_buddy": "Comment voulez-vous vous authentifier {{bid_name}} (<b>{{bid_jid}}</b>)?",
+    "Select_method": "Sélection de la méthode...",
+    "Manual": "Manuel",
+    "Question": "Question",
+    "Secret": "Sécurité",
+    "To_verify_the_fingerprint_": "Pour vérifier l'empreinte, contactez votre ami via un autre canal digne de confiance, tel que le téléphone.",
+    "Your_fingerprint": "Votre empreinte",
+    "Buddy_fingerprint": "Empreinte de l'ami",
+    "Close": "Fermer",
+    "Compared": "Comparé",
+    "To_authenticate_using_a_question_": "Pour s'authentifier à l'aide d'une question, choisissez une question dont la réponse n'est connue que vous et de votre ami.",
+    "Ask": "Demander",
+    "To_authenticate_pick_a_secret_": "Pour vous authentifier, choisissez un secret connu seulement de vous et de votre ami.",
+    "Compare": "Comparer",
+    "Fingerprints": "Empreintes",
+    "Authentication": "Authentification",
+    "Message": "Message",
+    "Add_buddy": "Ajouter comme ami",
+    "rename_buddy": "Renommer l'ami",
+    "delete_buddy": "Supprimer l'ami",
+    "Login": "Connexion",
+    "Username": "Nom d'utilisateur",
+    "Password": "Mot de passe",
+    "Cancel": "Annuler",
+    "Connect": "Connecter",
+    "Type_in_the_full_username_": "Tapez un nom d'utilisateur complet et un alias(optionnel).",
+    "Alias": "Alias",
+    "Add": "Ajouter",
+    "Subscription_request": "Demande d'abonnement",
+    "You_have_a_request_from": "Vous avez une requête de ",
+    "Deny": "Refuser",
+    "Approve": "Approuver",
+    "Remove_buddy": "Supprimer l'ami",
+    "You_are_about_to_remove_": "Vous allez retirer {{bid_name}} (<b>{{bid_jid}}</b>) de votre liste d'amis. Toutes les fenêtres de chat en lien avec celui-ci seront fermées.",
+    "Continue_without_chat": "Continuer sans tchat",
+    "Please_wait": "Merci de patienter",
+    "Login_failed": "Authentification échouée",
+    "Sorry_we_cant_authentikate_": "La connexion avec le serveur de tchat a échoué. Vérifiez le mot de passe.",
+    "Retry": "Retour",
+    "clear_history": "Effacer l’historique",
+    "New_message_from": "Nouveau message de",
+    "Should_we_notify_you_": "Dans le futur, devrons-nous vous notifier les nouveaux messages ?",
+    "Please_accept_": "Merci de cliquer sur le bouton \"autoriser\" en haut de page",
+    "Hide_offline": "Masquer les contacts non connectés",
+    "Show_offline": "Afficher les contacts non connectés",
+    "About": "À propos",
+    "dnd": "Ne pas déranger",
+    "Mute": "Muet",
+    "Unmute": "Son actif",
+    "Subscription": "Abonnement",
+    "both": "Les deux",
+    "Status": "Status",
+    "online": "En ligne",
+    "chat": "tchat",
+    "away": "Absent",
+    "xa": "Options étendues",
+    "offline": "Hors ligne",
+    "none": "Aucun",
+    "Unknown_instance_tag": "Tag inconnu",
+    "Not_one_of_our_latest_keys": "Ce n'est pas l'une des dernières touches",
+    "Received_an_unreadable_encrypted_message": "Message chiffré non lisible",
+    "Online": "En ligne",
+    "Chatty": "tchatty",
+    "Away": "Absent",
+    "Extended_away": "Options étendues",
+    "Offline": "Hors ligne",
+    "Friendship_request": "Demande d'amitié",
+    "Confirm": "Valider",
+    "Dismiss": "Rejeter",
+    "Remove": "Supprimer",
+    "Online_help": "Aide en ligne",
+    "FN": "Nom",
+    "N": " N ",
+    "FAMILY": "Nom de famille",
+    "GIVEN": "prénom",
+    "NICKNAME": "Surnom",
+    "URL": "URL",
+    "ADR": "Adresse",
+    "STREET": "Rue",
+    "EXTADD": "Adresse (suite)",
+    "LOCALITY": "Localité",
+    "REGION": "Région",
+    "PCODE": "Code Postal",
+    "CTRY": "Pays",
+    "TEL": "Téléphone",
+    "NUMBER": "Numéro",
+    "EMAIL": "Courriel",
+    "USERID": " USERID ",
+    "ORG": "Organisation",
+    "ORGNAME": "Nom",
+    "ORGUNIT": "Unité",
+    "TITLE": "Qualité:",
+    "ROLE": "Rôle",
+    "BDAY": "Date de naissance",
+    "DESC": "Description",
+    "PHOTO": "Photo",
+    "send_message": "Envoyer le message",
+    "get_info": "Montrer les informations",
+    "Settings": "Réglages",
+    "Priority": "Priorité",
+    "Save": "Enregistrer",
+    "User_settings": "Paramètres utilisateur",
+    "A_fingerprint_": "Une empreinte est utilisée pour s'assurer de l'identité de la personne à qui vous parlez",
+    "Your_roster_is_empty_add_a": "Votre liste est vide, ajouter ",
+    "new_buddy": "Nouvel ami",
+    "is": "est",
+    "Login_options": "Options d'identification",
+    "BOSH_url": "URL BOSH",
+    "Domain": "Domaine",
+    "Resource": "Ressource",
+    "On_login": "Après authentification",
+    "Received_an_unencrypted_message": "Reçu un message non chiffré",
+    "Sorry_your_buddy_doesnt_provide_any_information": "Désolé, votre ami n'a pas fourni d'informations",
+    "Info_about": "A propos de",
+    "Authentication_aborted": "Authentification interrompue.",
+    "Authentication_request_received": "Requête d'authentification reçue.",
+    "Do_you_want_to_display_them": "Voulez-vous les afficher ?",
+    "Log_in_without_chat": "S'identifier sans tchat",
+    "has_come_online": "vient d'arriver",
+    "Unknown_sender": "Expéditeur inconnu",
+    "You_received_a_message_from_an_unknown_sender": "Vous avez reçu un message d'un expéditeur inconnu",
+    "Please_allow_access_to_microphone_and_camera": "Veuillez cliquez sur le bouton \"Autoriser\" en haut, pour permettre l'accès au micro et à la caméra.",
+    "Incoming_call": "Appel entrant",
+    "from": "de",
+    "Do_you_want_to_accept_the_call_from": "Voulez-vous accepter l'appel de",
+    "Reject": "Rejeté",
+    "Accept": "Accepté",
+    "hang_up": "Décrochez",
+    "snapshot": "Capture d’écran",
+    "mute_my_audio": "Couper l'audio",
+    "pause_my_video": "Mettre ma vidéo en pause",
+    "fullscreen": "Plein écran",
+    "Info": "Info",
+    "Local_IP": "IP locale",
+    "Remote_IP": "IP distante",
+    "Local_Fingerprint": "Empreinte locale",
+    "Remote_Fingerprint": "Empreinte distante",
+    "Video_call_not_possible": "L'appel vidéo n'est possible. Votre ami ne supporte pas les appels vidéo.",
+    "Start_video_call": "Démarrer l'appel vidéo"
+  }
+}

locales/it.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": "login…",
+    "your_connection_is_unencrypted": "La sua connessione è non cifrata.",
+    "your_connection_is_encrypted": "La sua connessione è cifrata.",
+    "your_buddy_closed_the_private_connection": "La sua connessione privata è stato chiuso dal suo compagno.",
+    "start_private": "Inizia privata",
+    "close_private": "Chiude privata",
+    "your_buddy_is_verificated": "Il tuo compagno è stato verificato",
+    "you_have_only_a_subscription_in_one_way": "Hai solo una one-way inscrizione.",
+    "authentication_query_sent": "Domanda d'autenticità inviata.",
+    "your_message_wasnt_send_please_end_your_private_conversation": "Il tuo messaggio non è stato inviato. Si prega di finire la sua conversazione privata.",
+    "unencrypted_message_received": "Messaggio non cifrato ricevuto",
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": "Il tuo messaggio non è stato inviato perché non hai una sottoscrizione valida.",
+    "not_available": "non disponibile",
+    "no_connection": "nessun collegamento!",
+    "relogin": "nuovo login",
+    "trying_to_start_private_conversation": "Cercando di avviare una conversazione privata!",
+    "Verified": "verificato",
+    "Unverified": "non verificato",
+    "private_conversation_started": "Conversazione privata iniziato.",
+    "private_conversation_aborted": "Conversazione privata abortito!",
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": "Il tuo compagno ha chiuso la conversazione privata! Si dovrebbe fare lo stesso.",
+    "conversation_is_now_verified": "Conversazione è ora verificato.",
+    "authentication_failed": "autenticazione fallita.",
+    "your_buddy_is_attempting_to_determine_": "Il tuo compagno sta cercando di determinare se lui o lei sta davvero parlando con te.",
+    "to_authenticate_to_your_buddy": "Per autenticare a il tuo compagno. ",
+    "enter_the_answer_and_click_answer": "inserisci la risposta e fare click su risposta.",
+    "enter_the_secret": "inserire il segreto.",
+    "Creating_your_private_key_": "Creare la propria chiave privata; questo potrebbe richiedere un po'.",
+    "Authenticating_a_buddy_helps_": "Autenticazione un compagno aiuta a garantire che la persona si sta parlando è davvero quello che lui o lei sostiene di essere.",
+    "How_do_you_want_to_authenticate_your_buddy": "Come si desidera autenticare {{bid_name}} (<b>{{bid_jid}}</b>)?",
+    "Select_method": "Seleziona metodo ..",
+    "Manual": "manuale",
+    "Question": "domanda",
+    "Secret": "segreto",
+    "To_verify_the_fingerprint_": "Per verificare l'impronta digitale, contattare il proprio compagno attraverso qualche altro canale affidabile, come il telefono.",
+    "Your_fingerprint": "il tuo impronta digitale",
+    "Buddy_fingerprint": "impronta digitale da compagno",
+    "Close": "chiude",
+    "Compared": "comparato",
+    "To_authenticate_using_a_question_": "Per autenticare tramite una questione, scegli una questione la cui risposta è nota solo voi e il tuo compagno",
+    "Ask": "chiedi",
+    "To_authenticate_pick_a_secret_": "Per autenticare, scegli un segreto noto solo a te e il tuo compagno.",
+    "Compare": "Comparare",
+    "Fingerprints": "Impronta digitale",
+    "Authentication": "Autenticazione",
+    "Message": "Messagio",
+    "Add_buddy": "Aggiungi un compagno",
+    "rename_buddy": "rinomina compagno",
+    "delete_buddy": "elimina compagno",
+    "Login": "Login",
+    "Username": "Identificazione dell'utente",
+    "Password": "Password",
+    "Cancel": "Cancella",
+    "Connect": "Collega",
+    "Type_in_the_full_username_": "Digita l'identificazione utente completo e un alias opzionale.",
+    "Alias": "Alias",
+    "Add": "Aggiungi",
+    "Subscription_request": "Rrichiesta di sottoscrizione",
+    "You_have_a_request_from": "Hai una richiesta da",
+    "Deny": "Refiuta",
+    "Approve": "Approva",
+    "Remove_buddy": "Rimuova il compagno",
+    "You_are_about_to_remove_": "Stai rimovendo {{bid_name}} (<b>{{bid_jid}}</b>) del suo lista di compagni. Tutte le chat appartenente saranno chiuse.",
+    "Continue_without_chat": "Continua senza chat",
+    "Please_wait": "Si prega d'attendere",
+    "Login_failed": "Chat login è fallito",
+    "Sorry_we_cant_authentikate_": "Autenticazione non riuscita con il server di chat. Forse la password è sbagliata?",
+    "Retry": "Indietro",
+    "clear_history": "Cancella la cronologia",
+    "New_message_from": "Nuovo messaggio da",
+    "Should_we_notify_you_": "Vuoi ricevere una notifica di nuovi messaggi in futuro?",
+    "Please_accept_": "Si prega di fare clic sul bottone \"Autorizzazione\" sopra.",
+    "Hide_offline": "Nascondere i contatti non in linea",
+    "Show_offline": "Mostra i contatti non in linea",
+    "About": "Informazione legale",
+    "dnd": "Non disturbare",
+    "Mute": "Muto attivo",
+    "Unmute": "Muto inattivo",
+    "Subscription": "Sottoscrizione",
+    "both": "etrambi",
+    "Status": "Status",
+    "online": "In linea",
+    "chat": "chat",
+    "away": "via",
+    "xa": "via estensivo",
+    "offline": "non in linea",
+    "none": "nessuno",
+    "Unknown_instance_tag": "Instance tag sconosciuta.",
+    "Not_one_of_our_latest_keys": "Non è una delle nostre ultime chiavi.",
+    "Received_an_unreadable_encrypted_message": "Ricevuto un messaggio crittografato illeggibile.",
+    "Online": "In linea",
+    "Chatty": "Chiacchierino",
+    "Away": "Via",
+    "Extended_away": "Via estensivo",
+    "Offline": "Non in linea",
+    "Friendship_request": "Amicizia richiesto",
+    "Confirm": "Conferma",
+    "Dismiss": "Rifiuta",
+    "Remove": "Rimuovi",
+    "Online_help": "Guida in linea",
+    "FN": "Nome e cognome",
+    "N": null,
+    "FAMILY": "Cognome",
+    "GIVEN": "Nome",
+    "NICKNAME": "Soprannome",
+    "URL": "URL",
+    "ADR": "Indirizzo",
+    "STREET": "Via",
+    "EXTADD": "Esteso Indirizzo",
+    "LOCALITY": "Località",
+    "REGION": "Regione",
+    "PCODE": "Codice Postale",
+    "CTRY": "Paese",
+    "TEL": "Telefono",
+    "NUMBER": "Numero",
+    "EMAIL": "E-mail",
+    "USERID": null,
+    "ORG": "Organizzazione",
+    "ORGNAME": "Nome",
+    "ORGUNIT": "Unità",
+    "TITLE": "Titolo di lavoro",
+    "ROLE": "Funzione",
+    "BDAY": "Compleanno",
+    "DESC": "Descrizione",
+    "PHOTO": null,
+    "send_message": "Messagio inviato",
+    "get_info": "Mostra informazioni",
+    "Settings": "Impostazione",
+    "Priority": "Priorità",
+    "Save": "Salva",
+    "User_settings": "Impostazione dell'utente",
+    "A_fingerprint_": "Una impronta digitale è usato per assicurarsi che la persona con cui stai parlando è lui o lei che sta dicendo.",
+    "Your_roster_is_empty_add_a": "Il suo elenco è vuoto, aggiungi un ",
+    "new_buddy": "compagno nuovo",
+    "is": "è",
+    "Login_options": "Opzioni di login",
+    "BOSH_url": "BOSH URL",
+    "Domain": "Domain",
+    "Resource": "Risorsa",
+    "On_login": "Login on",
+    "Received_an_unencrypted_message": "Ricevuto un messaggio non crittografato",
+    "Sorry_your_buddy_doesnt_provide_any_information": "Spiace, il tuo compagno non fornisce alcuna informazione.",
+    "Info_about": "Informazioni",
+    "Authentication_aborted": "Autenticazione interrotta",
+    "Authentication_request_received": "Richiesta di autenticazione ricevuto.",
+    "Do_you_want_to_display_them": "Vuoi che venga visualizzato?",
+    "Log_in_without_chat": "Log in senza chat",
+    "has_come_online": "È venuto in linea",
+    "Unknown_sender": "Mittente sconosciuto",
+    "You_received_a_message_from_an_unknown_sender": "Hai ricevuto un messaggio da un mittente sconosciuto",
+    "Please_allow_access_to_microphone_and_camera": "Si prega di fare clic sul bottone \"Autorizzazione\" sopra per autorizzazione del l'accesso al microfono e fotocamera.",
+    "Incoming_call": "Chiamata in arrivo",
+    "from": "di",
+    "Do_you_want_to_accept_the_call_from": "Vuoi accettare la chiamata di",
+    "Reject": "Rifiuta",
+    "Accept": "Accetta",
+    "hang_up": "Riattacca",
+    "snapshot": "istantanea",
+    "mute_my_audio": "disattiva il mio audio",
+    "pause_my_video": "pausa il mio audio",
+    "fullscreen": "schermo intero",
+    "Info": "Informazione",
+    "Local_IP": "IP locale",
+    "Remote_IP": "IP remoto",
+    "Local_Fingerprint": "Impronta digitale locale",
+    "Remote_Fingerprint": "Impronta digitale remoto",
+    "Video_call_not_possible": "Videochiamata non è possibile. Il tuo compagno non può effettuare videochiamate.",
+    "Start_video_call": "Inizia videochiamata"
+  }
+}

locales/nds.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": null,
+    "your_connection_is_unencrypted": null,
+    "your_connection_is_encrypted": null,
+    "your_buddy_closed_the_private_connection": null,
+    "start_private": null,
+    "close_private": null,
+    "your_buddy_is_verificated": null,
+    "you_have_only_a_subscription_in_one_way": null,
+    "authentication_query_sent": null,
+    "your_message_wasnt_send_please_end_your_private_conversation": null,
+    "unencrypted_message_received": null,
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": null,
+    "not_available": null,
+    "no_connection": null,
+    "relogin": null,
+    "trying_to_start_private_conversation": null,
+    "Verified": null,
+    "Unverified": null,
+    "private_conversation_started": null,
+    "private_conversation_aborted": null,
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": null,
+    "conversation_is_now_verified": null,
+    "authentication_failed": null,
+    "your_buddy_is_attempting_to_determine_": null,
+    "to_authenticate_to_your_buddy": null,
+    "enter_the_answer_and_click_answer": null,
+    "enter_the_secret": null,
+    "Creating_your_private_key_": null,
+    "Authenticating_a_buddy_helps_": null,
+    "How_do_you_want_to_authenticate_your_buddy": null,
+    "Select_method": null,
+    "Manual": null,
+    "Question": null,
+    "Secret": null,
+    "To_verify_the_fingerprint_": null,
+    "Your_fingerprint": null,
+    "Buddy_fingerprint": null,
+    "Close": null,
+    "Compared": null,
+    "To_authenticate_using_a_question_": null,
+    "Ask": null,
+    "To_authenticate_pick_a_secret_": null,
+    "Compare": null,
+    "Fingerprints": null,
+    "Authentication": null,
+    "Message": null,
+    "Add_buddy": null,
+    "rename_buddy": null,
+    "delete_buddy": null,
+    "Login": null,
+    "Username": null,
+    "Password": null,
+    "Cancel": null,
+    "Connect": null,
+    "Type_in_the_full_username_": null,
+    "Alias": null,
+    "Add": null,
+    "Subscription_request": null,
+    "You_have_a_request_from": null,
+    "Deny": null,
+    "Approve": null,
+    "Remove_buddy": null,
+    "You_are_about_to_remove_": null,
+    "Continue_without_chat": null,
+    "Please_wait": null,
+    "Login_failed": null,
+    "Sorry_we_cant_authentikate_": null,
+    "Retry": null,
+    "clear_history": null,
+    "New_message_from": null,
+    "Should_we_notify_you_": null,
+    "Please_accept_": null,
+    "Hide_offline": null,
+    "Show_offline": null,
+    "About": null,
+    "dnd": null,
+    "Mute": null,
+    "Unmute": null,
+    "Subscription": null,
+    "both": null,
+    "Status": null,
+    "online": null,
+    "chat": null,
+    "away": null,
+    "xa": null,
+    "offline": null,
+    "none": null,
+    "Unknown_instance_tag": null,
+    "Not_one_of_our_latest_keys": null,
+    "Received_an_unreadable_encrypted_message": null,
+    "Online": null,
+    "Chatty": null,
+    "Away": null,
+    "Extended_away": null,
+    "Offline": null,
+    "Friendship_request": null,
+    "Confirm": null,
+    "Dismiss": null,
+    "Remove": null,
+    "Online_help": null,
+    "FN": null,
+    "N": null,
+    "FAMILY": null,
+    "GIVEN": null,
+    "NICKNAME": null,
+    "URL": null,
+    "ADR": null,
+    "STREET": null,
+    "EXTADD": null,
+    "LOCALITY": null,
+    "REGION": null,
+    "PCODE": null,
+    "CTRY": null,
+    "TEL": null,
+    "NUMBER": null,
+    "EMAIL": null,
+    "USERID": null,
+    "ORG": null,
+    "ORGNAME": null,
+    "ORGUNIT": null,
+    "TITLE": null,
+    "ROLE": null,
+    "BDAY": null,
+    "DESC": null,
+    "PHOTO": null,
+    "send_message": null,
+    "get_info": null,
+    "Settings": null,
+    "Priority": null,
+    "Save": null,
+    "User_settings": null,
+    "A_fingerprint_": null,
+    "Your_roster_is_empty_add_a": null,
+    "new_buddy": null,
+    "is": null,
+    "Login_options": null,
+    "BOSH_url": null,
+    "Domain": null,
+    "Resource": null,
+    "On_login": null,
+    "Received_an_unencrypted_message": null,
+    "Sorry_your_buddy_doesnt_provide_any_information": null,
+    "Info_about": null,
+    "Authentication_aborted": null,
+    "Authentication_request_received": null,
+    "Do_you_want_to_display_them": null,
+    "Log_in_without_chat": null,
+    "has_come_online": null,
+    "Unknown_sender": null,
+    "You_received_a_message_from_an_unknown_sender": null,
+    "Please_allow_access_to_microphone_and_camera": null,
+    "Incoming_call": null,
+    "from": null,
+    "Do_you_want_to_accept_the_call_from": null,
+    "Reject": null,
+    "Accept": null,
+    "hang_up": null,
+    "snapshot": null,
+    "mute_my_audio": null,
+    "pause_my_video": null,
+    "fullscreen": null,
+    "Info": null,
+    "Local_IP": null,
+    "Remote_IP": null,
+    "Local_Fingerprint": null,
+    "Remote_Fingerprint": null,
+    "Video_call_not_possible": null,
+    "Start_video_call": null
+  }
+}

locales/pl.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": "Logowanie...",
+    "your_connection_is_unencrypted": "Twoje połączenie nie jest szyfrowane.",
+    "your_connection_is_encrypted": "Twoje połączenie jest szyfrowane.",
+    "your_buddy_closed_the_private_connection": "Twój rozmówca zamknął połączenie.",
+    "start_private": "Rozpocznij rozmowę.",
+    "close_private": "Zakończ rozmowę.",
+    "your_buddy_is_verificated": "Twój rozmówca został zweryfikowany.",
+    "you_have_only_a_subscription_in_one_way": "Masz jednostronną subskrypcję.",
+    "authentication_query_sent": "Wysłano proźbę o autentykację.",
+    "your_message_wasnt_send_please_end_your_private_conversation": "Twoja wiadomość nie została wysłana. Proszę, zamknij rozmowę.",
+    "unencrypted_message_received": "Zwrotna niezaszyfrowana wiadomość.",
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": "Wiadomość nie została wysłana ponieważ nie posiadasz subskrybcji u rozmówcy.",
+    "not_available": "Niedostępny.",
+    "no_connection": "Brak połączenia!",
+    "relogin": "Połącz ponownie",
+    "trying_to_start_private_conversation": "Rozpocznij rozmowę!",
+    "Verified": "Zweryfikowano",
+    "Unverified": "Niezweryfikowano",
+    "private_conversation_started": "Rozmowa prywatna rozpoczęta.",
+    "private_conversation_aborted": "Anulowano rozmowę!",
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": "Rozmówca przerwał połączenie!",
+    "conversation_is_now_verified": "Zweryfikowano połączenie.",
+    "authentication_failed": "Weryfikacja się nie powiodła.",
+    "your_buddy_is_attempting_to_determine_": "Twój rozmówca próbuje się z Tobą połączyć.",
+    "to_authenticate_to_your_buddy": "Autoryzacja z rozmówcą, ",
+    "enter_the_answer_and_click_answer": "napisz odpowiedź.",
+    "enter_the_secret": "wpisz hasło.",
+    "Creating_your_private_key_": "Tworzenie klucza prywatnego; może to chwilę potrwać",
+    "Authenticating_a_buddy_helps_": "Autoryzacja pomoże w ustaleniu faktycznej tożsamości rozmówcy ;).",
+    "How_do_you_want_to_authenticate_your_buddy": "Jakiej autoryzacji chcesz użyć {{bid_name}} (<b>{{bid_jid}}</b>)?",
+    "Select_method": "Wybierz sposób...",
+    "Manual": "Ręcznie",
+    "Question": "Pytanie",
+    "Secret": "Hasło",
+    "To_verify_the_fingerprint_": "Aby zweryfikować kod najpierw skontaktuj się z rozmówcą np. za pomocą telefonu.",
+    "Your_fingerprint": "Twój kod:",
+    "Buddy_fingerprint": "Kod rozmówcy",
+    "Close": "Zamknij",
+    "Compared": "Porównano",
+    "To_authenticate_using_a_question_": "Aby autoryzować za pomocą pytania, wybierz pytanie na które tylko Twój rozmówca zna odpowiedź.",
+    "Ask": "Zadaj pytanie",
+    "To_authenticate_pick_a_secret_": "Aby autoryzować za pomocą hasła, wybierz hasło na które zna tylko Twój rozmówca.",
+    "Compare": "Dopasuj",
+    "Fingerprints": "Kody autoryzacyjne",
+    "Authentication": "Autoryzacja",
+    "Message": "Wiadomość",
+    "Add_buddy": "Dodaj kontakt",
+    "rename_buddy": "Zmień nazwę",
+    "delete_buddy": "Usuń kontakt",
+    "Login": "Login",
+    "Username": "Nazwa Użytkownika",
+    "Password": "Hasło",
+    "Cancel": "Anuluj",
+    "Connect": "Połączenie",
+    "Type_in_the_full_username_": "Wpisz pełną nazwę użytkownika (np. <B>imię.nazwisko@zajezdnia.local</B>) oraz jego nazwę wyświetlaną (Alias).",
+    "Alias": "Alias",
+    "Add": "Dodaj",
+    "Subscription_request": "Potwierdzenie subskrypcji",
+    "You_have_a_request_from": "Masz potwierdzenie od",
+    "Deny": "Odmów",
+    "Approve": "Zatwierdź",
+    "Remove_buddy": "Usuń rozmówcę",
+    "You_are_about_to_remove_": "Twój rozmówca {{bid_name}} (<b>{{bid_jid}}</b>) usunął Cię ze swojej listy kontaktów.",
+    "Continue_without_chat": "Kontynuuj bez komunikatora",
+    "Please_wait": "Proszę czekać",
+    "Login_failed": "Błędne logowanie",
+    "Sorry_we_cant_authentikate_": "Błędna autoryzacja z serwerem. Może hasło jest nieprawidłowe?",
+    "Retry": "Powrót",
+    "clear_history": "Wyczyść historię",
+    "New_message_from": "Nowa wiadomość od",
+    "Should_we_notify_you_": "Czy chcesz otrzymywać powiadomienia o nowych wiadomościach w przyszłości?",
+    "Please_accept_": "Kliknij \"Zezwól\" na górze.",
+    "Hide_offline": "Schowaj niedostępne kontakty",
+    "Show_offline": "Pokaż niedostępne kontakty",
+    "About": "Info",
+    "dnd": "Nie przeszkadzać",
+    "Mute": "Wycisz",
+    "Unmute": "Włącz dźwięk",
+    "Subscription": "Subskrybcja",
+    "both": "obustronna",
+    "Status": "Status",
+    "online": "Dostępny",
+    "chat": "czat",
+    "away": "z dala od kompa",
+    "xa": "hen hen...",
+    "offline": "niedostępny",
+    "none": "brak",
+    "Unknown_instance_tag": "Nieznany przypadek.",
+    "Not_one_of_our_latest_keys": "Not one of our latest keys.",
+    "Received_an_unreadable_encrypted_message": "Received an unreadable encrypted message.",
+    "Online": "Połączony",
+    "Chatty": "Pogawędzimy?",
+    "Away": "Daleko",
+    "Extended_away": "Hen Hen...",
+    "Offline": "Niedostępny",
+    "Friendship_request": "Zapytanie od znajomego?",
+    "Confirm": "Potwierdzenie",
+    "Dismiss": "Odwołaj",
+    "Remove": "Usuń",
+    "Online_help": "Pomoc Online",
+    "FN": "Pełna nazwa",
+    "N": "  ",
+    "FAMILY": "Nazwisko",
+    "GIVEN": "Imię",
+    "NICKNAME": "Pseudonim",
+    "URL": "Strona WWW",
+    "ADR": "Adres",
+    "STREET": "Ulica",
+    "EXTADD": "Extended Address",
+    "LOCALITY": "Lokalizacja",
+    "REGION": "Region",
+    "PCODE": "Kod pocztowy",
+    "CTRY": "Kraj",
+    "TEL": "Telefon",
+    "NUMBER": "Numer",
+    "EMAIL": "Email",
+    "USERID": " ",
+    "ORG": "Organizacja",
+    "ORGNAME": "Nazwa",
+    "ORGUNIT": "Jednostka",
+    "TITLE": "Stanowisko",
+    "ROLE": "Rola",
+    "BDAY": "Data urodzin",
+    "DESC": "Opis",
+    "PHOTO": " ",
+    "send_message": "Wyślij wiadomość",
+    "get_info": "Pokaż informację",
+    "Settings": "Ustawienia",
+    "Priority": "Priorytet",
+    "Save": "Zapisz",
+    "User_settings": "Ustawienia Użytkownika",
+    "A_fingerprint_": "Kod służy do autoryzacji Twojego rozmówcy aby potwierdzić jego tożsamość.",
+    "Your_roster_is_empty_add_a": "Twoja lista jest pusta, dodaj kontakty ",
+    "new_buddy": "Nowy kontakt",
+    "is": "jest",
+    "Login_options": "opcje logowania",
+    "BOSH_url": "Adres BOSH",
+    "Domain": "Domena",
+    "Resource": "Źródło",
+    "On_login": "Na login",
+    "Received_an_unencrypted_message": "Zatwierdzono nieszyfrowaną wiadomość.",
+    "Sorry_your_buddy_doesnt_provide_any_information": "Twój rozmówca nie posiada żadnych informacji.",
+    "Info_about": "Informacja o...",
+    "Authentication_aborted": "Autoryzacja anulowana.",
+    "Authentication_request_received": "Prośba o autoryzację została przyjęta.",
+    "Do_you_want_to_display_them": "Chcesz to wyświetlić?",
+    "Log_in_without_chat": "Zaloguj bez komunikatora",
+    "has_come_online": "jest teraz dostępny",
+    "Unknown_sender": "Nieznany nadawca",
+    "You_received_a_message_from_an_unknown_sender": "Masz wiadomość od nieznanego nadawcy.",
+    "Please_allow_access_to_microphone_and_camera": "Kliknij \"Potwierdź\" na górze, aby móc korzystać z mikrofonu oraz kamery.",
+    "Incoming_call": "Przychodzące połączenie",
+    "from": "z",
+    "Do_you_want_to_accept_the_call_from": "Akceptujesz połączenie od",
+    "Reject": "Odrzuć",
+    "Accept": "Zaakceptuj",
+    "hang_up": "odbierz",
+    "snapshot": "zrób zdjęcie",
+    "mute_my_audio": "wycisz dźwięk",
+    "pause_my_video": "zatrzymaj moje wideo",
+    "fullscreen": "Pełny ekran",
+    "Info": "Informacja",
+    "Local_IP": "Adres IP",
+    "Remote_IP": "Zdalny adres IP",
+    "Local_Fingerprint": "Kod lokalny",
+    "Remote_Fingerprint": "Zdalny kod",
+    "Video_call_not_possible": "Rozmowa wideo jest niemożliwa. Twój rozmówca nie ma możliwości prowadzenia takich rozmów.",
+    "Start_video_call": "Rozpocznij rozmowę wideo"
+  }
+}

locales/pt-BR.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": "Entrando...",
+    "your_connection_is_unencrypted": "Sua conexão não é encriptada",
+    "your_connection_is_encrypted": "Sua conexão é encriptada",
+    "your_buddy_closed_the_private_connection": "Seu contato fechou a conexão privada",
+    "start_private": "Iniciar conversa privada",
+    "close_private": "Fechar conversa privada",
+    "your_buddy_is_verificated": "Seu contato está verificado",
+    "you_have_only_a_subscription_in_one_way": "Você só tem a inscrição one-way",
+    "authentication_query_sent": "Pergunta de autenticação enviada",
+    "your_message_wasnt_send_please_end_your_private_conversation": "Sua mensagem não foi enviada. Por favor finalize sua conversa privada",
+    "unencrypted_message_received": "Mensagem não encriptada recebida",
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": "Sua mensagem não foi enviada porque sua inscrição não é válida",
+    "not_available": "Indisponível",
+    "no_connection": "Sem conexão!",
+    "relogin": "reentrar",
+    "trying_to_start_private_conversation": "Tentando iniciar conversa privada",
+    "Verified": "Verificado",
+    "Unverified": "Não verificado",
+    "private_conversation_started": "Conversa privada iniciada.",
+    "private_conversation_aborted": "Conversa privada abortada!",
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": "Seu contato encerrou a conversa privada! Você deveria fazer o mesmo.",
+    "conversation_is_now_verified": "Conversa verificada.",
+    "authentication_failed": "Autenticação falhou.",
+    "your_buddy_is_attempting_to_determine_": "Seu contato está tentando determinar se ele realmente está falando contigo.",
+    "to_authenticate_to_your_buddy": "Para autenticar seu contato, ",
+    "enter_the_answer_and_click_answer": "entre com a resposta e clique em Responder.",
+    "enter_the_secret": "escreva a senha.",
+    "Creating_your_private_key_": "Criando sua chave privada: isso pode demorar um pouco.",
+    "Authenticating_a_buddy_helps_": "Autenticar seu contato ajuda a garantir que a pessoa com a qual você está falando é realmente a pessoa que ela alega ser.",
+    "How_do_you_want_to_authenticate_your_buddy": "Como você gostaria de se autenticar {{bid_name}} (<b>{{bid_jid}}</b>)?",
+    "Select_method": "Selecione o método...",
+    "Manual": "Manual",
+    "Question": "Pergunta",
+    "Secret": "Senha",
+    "To_verify_the_fingerprint_": "Para verificar o fingerprint, entre em contato com seu contato usando outro meio, de preferência seguro, como o telefone.",
+    "Your_fingerprint": "Seu fingerprint",
+    "Buddy_fingerprint": "Fingerprint do contato",
+    "Close": "Fechar",
+    "Compared": "Comparado",
+    "To_authenticate_using_a_question_": "Para autenticar seu contato faça uma pergunta, mas escolha que só ele saiba a resposta.",
+    "Ask": "Pergunta",
+    "To_authenticate_pick_a_secret_": "Para autenticar, escolha um segredo que somente você e seu contato saibam.",
+    "Compare": "Compare",
+    "Fingerprints": "Fingerprints",
+    "Authentication": "Autenticação",
+    "Message": "Mensagem",
+    "Add_buddy": "Adicionar contato",
+    "rename_buddy": "renomear contato",
+    "delete_buddy": "remover contato",
+    "Login": "Entrar",
+    "Username": "Usuário",
+    "Password": "Senha",
+    "Cancel": "Cancelar",
+    "Connect": "Conectar",
+    "Type_in_the_full_username_": "Digite seu nome completo e um apelido opcional.",
+    "Alias": "Apelido",
+    "Add": "Adicionar",
+    "Subscription_request": "Pedido de inscrição",
+    "You_have_a_request_from": "Você tem um pedido de",
+    "Deny": "Negar",
+    "Approve": "Aprovar",
+    "Remove_buddy": "Remover contato",
+    "You_are_about_to_remove_": "Você está prestes a remover {{bid_name}} (<b>{{bid_jid}}</b>) de sua lista de contatos. Todas as conversas serão fechadas.",
+    "Continue_without_chat": "Continue sem converar",
+    "Please_wait": "Por favor aguarde",
+    "Login_failed": "Autenticação da conversa falhou",
+    "Sorry_we_cant_authentikate_": "A autenticação com o servidor falhou. Talvez seja a senha errada?",
+    "Retry": "Voltar",
+    "clear_history": "Limpar histórico",
+    "New_message_from": "Nova mensagem de",
+    "Should_we_notify_you_": "Devemos continuar notificando sobre novas mensagens no futuro?",
+    "Please_accept_": "Por favor clique no botão \"Permitir\" na parte superior.",
+    "Hide_offline": "Esconder contatos desconectados",
+    "Show_offline": "Mostrar contatos desconectados",
+    "About": "Sobre",
+    "dnd": "Não perturbe",
+    "Mute": "Mudo",
+    "Unmute": "Ligar",
+    "Subscription": "Inscrição",
+    "both": "ambos",
+    "Status": "Status",
+    "online": "online",
+    "chat": "conversa",
+    "away": "ausente",
+    "xa": "ausente por mais tempo",
+    "offline": "desativado",
+    "none": "nenhum",
+    "Unknown_instance_tag": "Marcação desconhecida da instância",
+    "Not_one_of_our_latest_keys": "Nenhuma de nossas ultimas chaves.",
+    "Received_an_unreadable_encrypted_message": "Mensagem encriptada ilegível foi recebida.",
+    "Online": "Online",
+    "Chatty": "Tagarela",
+    "Away": "Ausente",
+    "Extended_away": "Ausente por mais tempo",
+    "Offline": "Desativado",
+    "Friendship_request": "Pedido de amizade",
+    "Confirm": "Confirmar",
+    "Dismiss": "Ignorar",
+    "Remove": "Remover",
+    "Online_help": "Ajuda online",
+    "FN": "Nome completo",
+    "N": "  ",
+    "FAMILY": "Sobrenome",
+    "GIVEN": "Nome",
+    "NICKNAME": "Apelido",
+    "URL": "URL",
+    "ADR": "Endereço",
+    "STREET": "Rua, Av, etc",
+    "EXTADD": "Complemento",
+    "LOCALITY": "Localidade",
+    "REGION": "Região",
+    "PCODE": "CEP",
+    "CTRY": "País",
+    "TEL": "Telefone",
+    "NUMBER": "Número",
+    "EMAIL": "Email",
+    "USERID": "  ",
+    "ORG": "Empresa",
+    "ORGNAME": "Nome",
+    "ORGUNIT": "Unidade",
+    "TITLE": "Cargo",
+    "ROLE": "Rol",
+    "BDAY": "Data de nascimento",
+    "DESC": "Descrição",
+    "PHOTO": "  ",
+    "send_message": "Enviar mensagem",
+    "get_info": "Exibir informações",
+    "Settings": "Configurações",
+    "Priority": "Prioridade",
+    "Save": "Salvar",
+    "User_settings": "Configurações do usuário",
+    "A_fingerprint_": "O fingerprint é usado para certificar que a pessoa com a qual se está falando é que ela diz ser.",
+    "Your_roster_is_empty_add_a": "Sua lista está vazia, adicione um ",
+    "new_buddy": "novo contato",
+    "is": "é",
+    "Login_options": "Opções de login",
+    "BOSH_url": "BOSH URL",
+    "Domain": "Domínio",
+    "Resource": "Recurso",
+    "On_login": "Ao autenticar",
+    "Received_an_unencrypted_message": "Mensagem não encriptada recebida",
+    "Sorry_your_buddy_doesnt_provide_any_information": "Desculpe, seu contato não forneceu nenhuma informação",
+    "Info_about": "Informações sobre",
+    "Authentication_aborted": "Autenticação encerrada.",
+    "Authentication_request_received": "Pedido de autenticação recebido",
+    "Do_you_want_to_display_them": "Você quer mostrá-los?",
+    "Log_in_without_chat": "Entrar sem conversar",
+    "has_come_online": "ficou online",
+    "Unknown_sender": "Emissor desconhecido",
+    "You_received_a_message_from_an_unknown_sender": "Você recebeu uma mensagem de um emissor desconhecido",
+    "Please_allow_access_to_microphone_and_camera": "Por favor clique no botão \"Permitir\" no topo, para conceder acesso ao seu microfone e câmera.",
+    "Incoming_call": "Recebendo chamada",
+    "from": "de",
+    "Do_you_want_to_accept_the_call_from": "Você aceita a chamada de",
+    "Reject": "Negar",
+    "Accept": "Aceitar",
+    "hang_up": "desligar",
+    "snapshot": "registrar imagem",
+    "mute_my_audio": "mudo",
+    "pause_my_video": "pausar vídeo",
+    "fullscreen": "tela cheia",
+    "Info": "Informações",
+    "Local_IP": "IP local",
+    "Remote_IP": "IP remoto",
+    "Local_Fingerprint": "Fingerprint local",
+    "Remote_Fingerprint": "Fingerprint remoto",
+    "Video_call_not_possible": "Chamada de vídeo impossível. Seu contato não suporta chamadas desse tipo.",
+    "Start_video_call": "Iniciar chamada de vídeo"
+  }
+}

locales/ro.json

@@ -0,0 +1,172 @@
+{
+  "translation": {
+    "Logging_in": null,
+    "your_connection_is_unencrypted": null,
+    "your_connection_is_encrypted": null,
+    "your_buddy_closed_the_private_connection": null,
+    "start_private": null,
+    "close_private": null,
+    "your_buddy_is_verificated": null,
+    "you_have_only_a_subscription_in_one_way": null,
+    "authentication_query_sent": null,
+    "your_message_wasnt_send_please_end_your_private_conversation": null,
+    "unencrypted_message_received": null,
+    "your_message_wasnt_send_because_you_have_no_valid_subscription": null,
+    "not_available": null,
+    "no_connection": null,
+    "relogin": null,
+    "trying_to_start_private_conversation": null,
+    "Verified": null,
+    "Unverified": null,
+    "private_conversation_started": null,
+    "private_conversation_aborted": null,
+    "your_buddy_closed_the_private_conversation_you_should_do_the_same": null,
+    "conversation_is_now_verified": null,
+    "authentication_failed": null,
+    "your_buddy_is_attempting_to_determine_": null,
+    "to_authenticate_to_your_buddy": null,
+    "enter_the_answer_and_click_answer": null,
+    "enter_the_secret": null,
+    "Creating_your_private_key_": null,
+    "Authenticating_a_buddy_helps_": null,
+    "How_do_you_want_to_authenticate_your_buddy": null,
+    "Select_method": null,
+    "Manual": null,
+    "Question": null,
+    "Secret": null,
+    "To_verify_the_fingerprint_": null,
+    "Your_fingerprint": null,
+    "Buddy_fingerprint": null,
+    "Close": null,
+    "Compared": null,
+    "To_authenticate_using_a_question_": null,
+    "Ask": null,
+    "To_authenticate_pick_a_secret_": null,
+    "Compare": null,
+    "Fingerprints": null,
+    "Authentication": null,
+    "Message": null,
+    "Add_buddy": null,
+    "rename_buddy": null,
+    "delete_buddy": null,
+    "Login": null,
+    "Username": null,
+    "Password": null,
+    "Cancel": null,
+    "Connect": null,
+    "Type_in_the_full_username_": null,
+    "Alias": null,
+    "Add": null,
+    "Subscription_request": null,
+    "You_have_a_request_from": null,
+    "Deny": null,
+    "Approve": null,
+    "Remove_buddy": null,
+    "You_are_about_to_remove_": null,
+    "Continue_without_chat": null,
+    "Please_wait": null,
+    "Login_failed": null,
+    "Sorry_we_cant_authentikate_": null,
+    "Retry": null,
+    "clear_history": null,
+    "New_message_from": null,
+    "Should_we_notify_you_": null,
+    "Please_accept_": null,
+    "Hide_offline": null,
+    "Show_offline": null,
+    "About": null,
+    "dnd": null,
+    "Mute": null,
+    "Unmute": null,
+    "Subscription": null,
+    "both": null,
+    "Status": null,
+    "online": null,
+    "chat": null,
+    "away": null,
+    "xa": null,
+    "offline": null,
+    "none": null,
+    "Unknown_instance_tag": null,
+    "Not_one_of_our_latest_keys": null,
+    "Received_an_unreadable_encrypted_message": null,
+    "Online": null,
+    "Chatty": null,
+    "Away": null,
+    "Extended_away": null,
+    "Offline": null,
+    "Friendship_request": null,
+    "Confirm": null,
+    "Dismiss": null,
+    "Remove": null,
+    "Online_help": null,
+    "FN": null,
+    "N": null,
+    "FAMILY": null,
+    "GIVEN": null,
+    "NICKNAME": null,
+    "URL": null,
+    "ADR": null,
+    "STREET": null,
+    "EXTADD": null,
+    "LOCALITY": null,
+    "REGION": null,
+    "PCODE": null,
+    "CTRY": null,
+    "TEL": null,
+    "NUMBER": null,
+    "EMAIL": null,
+    "USERID": null,
+    "ORG": null,
+    "ORGNAME": null,
+    "ORGUNIT": null,
+    "TITLE": null,
+    "ROLE": null,
+    "BDAY": null,
+    "DESC": null,
+    "PHOTO": null,
+    "send_message": null,
+    "get_info": null,
+    "Settings": null,
+    "Priority": null,
+    "Save": null,
+    "User_settings": null,
+    "A_fingerprint_": null,
+    "Your_roster_is_empty_add_a": null,
+    "new_buddy": null,
+    "is": null,
+    "Login_options": null,
+    "BOSH_url": null,
+    "Domain": null,
+    "Resource": null,
+    "On_login": null,
+    "Received_an_unencrypted_message": null,
+    "Sorry_your_buddy_doesnt_provide_any_information": null,
+    "Info_about": null,
+    "Authentication_aborted": null,
+    "Authentication_request_received": null,
+    "Do_you_want_to_display_them": null,
+    "Log_in_without_chat": null,
+    "has_come_online": null,
+    "Unknown_sender": null,
+    "You_received_a_message_from_an_unknown_sender": null,
+    "Please_allow_access_to_microphone_and_camera": null,
+    "Incoming_call": null,
+    "from": null,
+    "Do_you_want_to_accept_the_call_from": null,
+    "Reject": null,
+    "Accept": null,
+    "hang_up": null,
+    "snapshot": null,
+    "mute_my_audio": null,
+    "pause_my_video": null,
+    "fullscreen": null,
+    "Info": null,
+    "Local_IP": null,
+    "Remote_IP": null,
+    "Local_Fingerprint": null,
+    "Remote_Fingerprint": null,
+    "Video_call_not_possible": null,
+    "Start_video_call": null
+  }
+}

package.json

@@ -1,18 +1,18 @@
 {
   "name": "jsxc",
-  "version": "1.1.0",
+  "version": "2.0.0-beta2",
   "description": "Real-time chat app",
   "homepage": "http://www.jsxc.org/",
-  "bugs": "https://github.com/sualko/jsxc/issues",
+  "bugs": "https://github.com/jsxc/jsxc/issues",
   "license": "MIT",
   "author": "Klaus Herberth <klaus@jsxc.org>",
   "repository": {
     "type": "git",
-    "url": "https://github.com/sualko/jsxc"
+    "url": "https://github.com/jsxc/jsxc"
   },
   "devDependencies": {
     "autoprefixer-core": "^4.0.2",
-    "grunt": "~0.4.4",
+    "grunt": "^0.4.5",
     "grunt-autoprefixer": "^2.1.0",
     "grunt-banner": "~0.2.2",
     "grunt-cli": "~0.1.13",
@@ -23,8 +23,10 @@
     "grunt-contrib-csslint": "^0.3.1",
     "grunt-contrib-jshint": "~0.9.2",
     "grunt-contrib-uglify": "^0.6.0",
+    "grunt-contrib-watch": "^0.6.1",
     "grunt-data-uri": "^0.2.0",
     "grunt-jsdoc": "^0.5.7",
+    "grunt-merge-data": "^0.4.3",
     "grunt-postcss": "^0.2.0",
     "grunt-sass": "^0.17.0",
     "grunt-search": "^0.1.6",

scss/_jsxc.scss

@@ -26,6 +26,7 @@
 #jsxc_dialog {
     padding: 10px;
     min-width: 300px;
+    display: inline-block;
     ul {
         list-style: none;
         margin: 0;
@@ -90,6 +91,22 @@
     input[readonly] {
         background-color: $dialog_input_readonly_bg;
     }
+    .jsxc_inputinfo {
+        padding-left: 30%;
+        font-style: italic;
+        margin-top: -1em;
+    }
+    .jsxc_waiting {
+        &:before {
+            content: " ";
+            width: 1em;
+            height: 1em;
+            display: inline-block;
+            background-size: 100%;
+            margin: 0 3px 0 0;
+            background-image: image-url('loading.gif');
+       }
+     }
 }
 .jsxc_avatar {
     @extend %avatar-icon;
@@ -459,6 +476,7 @@ ul.jsxc_vCard {
         width: 15px;
         height: 15px;
         z-index: 95 !important;
+        background-image: image-url('resize_gray.svg');
     }
     .ui-resizable-n {
         position: absolute;
@@ -490,11 +508,18 @@ ul.jsxc_vCard {
         height: 19px;
         background-size: 19px 19px;
     }
+    .jsxc_avatar {
+      display: none;
+    }
 }
 .jsxc_timestamp {
     font-size: 8px;
     color: $chatmessage_timestamp;
     line-height: 8px;
+    overflow: hidden;
+    white-space: nowrap;
+    max-width: 100%;
+    text-overflow: ellipsis;
 }
 .jsxc_in {
     float: left;

scss/_muc.scss

@@ -0,0 +1,109 @@
+%muc-avatar-icon {
+   text-indent: 999px;
+   background-image: image-url('group_white.svg');
+   background-size: 70% 70% !important;
+   background-repeat: no-repeat;
+}
+
+.jsxc_windowItem {
+   &.jsxc_groupchat {
+      .jsxc_fade {
+         padding-top: 30px;
+      }
+      .jsxc_video {
+         display: none;
+      }
+      .jsxc_transfer {
+         display: none;
+      }
+      .jsxc_fingerprints, jsxc_verification, jsxc_transfer {
+         display: none;
+      }
+      .jsxc_members {
+         background-image: image-url('group_grey.svg');
+         background-size: 90%;
+         background-repeat: no-repeat;
+         background-position: center;
+         &:hover {
+            background-image: image-url('group_white.svg');
+         }
+      }
+      .jsxc_chatmessage.jsxc_in {
+         margin-left: 40px;
+         .jsxc_avatar {
+            display: block;
+            position:absolute;
+            bottom: 0px;
+            left: -37px;
+            background-color: #777;
+         }
+      }
+      .jsxc_bar {
+         .jsxc_avatar {
+            @extend %muc-avatar-icon;
+         }
+      }
+   }
+   .jsxc_memberlist {
+      height: 30px;
+      width: 100%;
+      background-color: $window_bar_bg;
+      overflow: hidden;
+      position: absolute;
+      top: 0px;
+      transition: height 400ms;
+      z-index: 100;
+      ul {
+         white-space: nowrap;
+         position: absolute;
+         background-color: $window_bar_bg;
+         color: $window_bar_color;
+         overflow: hidden;
+         transition: left 400ms;
+         &>li {
+            display: inline-block;
+            white-space: normal;
+            &:last-child {
+               margin-right: 2px;
+            }
+            .jsxc_name {
+               display: none;
+            }
+            .jsxc_avatar {
+               margin-left: 2px;
+               margin-right: 0px;
+            }
+         }
+      }
+      &.jsxc_expand {
+         ul {
+            white-space: normal;
+            &>li {
+               display: block;
+               width: 100%;
+               height: 27px;
+               line-height: 27px;
+               .jsxc_name {
+                  display: block;
+                  cursor: default;
+                  &:hover {
+                     color: inherit;
+                  }
+               }
+               .jsxc_avatar {
+                  margin-right: 4px;
+               }
+            }
+         }
+      }
+      
+   }
+}
+li[data-type="groupchat"] {
+   .jsxc_avatar {
+      @extend %muc-avatar-icon;
+   }
+   .jsxc_video {
+      display: none;
+   }
+}

scss/emoticons.scss

@@ -1,72 +1,15 @@
 .jsxc_emoticon {
+	display: inline-block;
     width: 19px;
     height: 19px;
     background-size: 19px 19px !important;
     border: 0;
 }
-.jsxc_angel {
-    background: image-url('emotions/angel.png');
-}
-.jsxc_angry {
-    background: image-url('emotions/angry.png');
-}
-.jsxc_smile {
-    background: image-url('emotions/smile.png');
-}
-.jsxc_grin {
-    background: image-url('/emotions/grin.png');
-}
-.jsxc_sad {
-    background: image-url('emotions/sad.png');
-}
-.jsxc_wink {
-    background: image-url('emotions/wink.png');
-}
-.jsxc_tonguesmile {
-    background: image-url('emotions/tonguesmile.png');
-}
-.jsxc_surprised {
-    background: image-url('emotions/surprised.png');
-}
-.jsxc_kiss {
-    background: image-url('emotions/kiss.png');
-}
-.jsxc_sunglassess {
-    background: image-url('emotions/sunglassess.png');
-}
-.jsxc_crysad {
-    background: image-url('emotions/crysad.png');
-}
-.jsxc_doubt {
-    background: image-url('emotions/doubt.png');
-}
-.jsxc_zip {
-    background: image-url('emotions/zip.png');
-}
-.jsxc_thumbsup {
-    background: image-url('emotions/thumbsup.png');
-}
-.jsxc_thumbsdown {
-    background: image-url('emotions/thumbsdown.png');
-}
-.jsxc_beer {
-    background: image-url('emotions/beer.png');
-}
-.jsxc_devil {
-    background: image-url('emotions/devil.png');
-}
-.jsxc_kissing {
-    background: image-url('emotions/kissing.png');
-}
-.jsxc_rose {
-    background: image-url('emotions/rose.png');
-}
-.jsxc_music {
-    background: image-url('emotions/music.png');
-}
-.jsxc_love {
-    background: image-url('emotions/love.png');
-}
-.jsxc_tired {
-    background: image-url('emotions/tired.png');
-}
+
+$emoticons: angel, angry, smile, grin, sad, wink, tonguesmile, surpised, kiss,
+            sunglassess, crysad, doubt, zip, thumbsup, thumbsdown, beer, devil,
+            kissing, rose, music, love, tired, surprised;
+
+@each $emoticon in $emoticons {
+    .jsxc_#{$emoticon} { background: image-url('emotions/#{$emoticon}.png'); }
+}

src/jsxc.intro.js

@@ -0,0 +1,4 @@
+var jsxc = null, RTC = null, RTCPeerconnection = null;
+
+(function($) {
+   "use strict";

src/jsxc.lib.js

@@ -0,0 +1,769 @@
+/**
+ * JavaScript Xmpp Chat namespace
+ * 
+ * @namespace jsxc
+ */
+jsxc = {
+   /** Version of jsxc */
+   version: '< $ app.version $ >',
+
+   /** True if i'm the master */
+   master: false,
+
+   /** True if the role allocation is finished */
+   role_allocation: false,
+
+   /** Timeout for keepalive */
+   to: null,
+
+   /** Timeout after normal keepalive starts */
+   toBusy: null,
+
+   /** Timeout for notification */
+   toNotification: null,
+
+   /** Timeout delay for notification */
+   toNotificationDelay: 500,
+
+   /** Interval for keep-alive */
+   keepalive: null,
+
+   /** True if last activity was 10 min ago */
+   restore: false,
+
+   /** True if restore is complete */
+   restoreCompleted: false,
+
+   /** True if login through box */
+   triggeredFromBox: false,
+
+   /** True if logout through element click */
+   triggeredFromElement: false,
+
+   /** True if logout through logout click */
+   triggeredFromLogout: false,
+
+   /** last values which we wrote into localstorage (IE workaround) */
+   ls: [],
+
+   /**
+    * storage event is even fired if I write something into storage (IE
+    * workaround) 0: conform, 1: not conform, 2: not shure
+    */
+   storageNotConform: null,
+
+   /** Timeout for storageNotConform test */
+   toSNC: null,
+
+   /** My bar id */
+   bid: null,
+
+   /** Some constants */
+   CONST: {
+      NOTIFICATION_DEFAULT: 'default',
+      NOTIFICATION_GRANTED: 'granted',
+      NOTIFICATION_DENIED: 'denied',
+      STATUS: [ 'offline', 'dnd', 'xa', 'away', 'chat', 'online' ],
+      SOUNDS: {
+         MSG: 'incomingMessage.wav',
+         CALL: 'Rotary-Phone6.mp3',
+         NOTICE: 'Ping1.mp3'
+      },
+      REGEX: {
+         JID: new RegExp('\\b[^"&\'\\/:<>@\\s]+@[\\w-_.]+\\b', 'ig'),
+         URL: new RegExp(/((?:https?:\/\/|www\.|([\w\-]+\.[a-zA-Z]{2,3})(?=\b))(?:(?:[\-A-Za-z0-9+&@#\/%?=~_|!:,.;]*\([\-A-Za-z0-9+&@#\/%?=~_|!:,.;]*\)([\-A-Za-z0-9+&@#\/%?=~_|!:,.;]*[\-A-Za-z0-9+&@#\/%=~_|])?)|(?:[\-A-Za-z0-9+&@#\/%?=~_|!:,.;]*[\-A-Za-z0-9+&@#\/%=~_|]))?)/gi)
+      },
+      NS: {
+         CARBONS: 'urn:xmpp:carbons:2',
+         FORWARD: 'urn:xmpp:forward:0'
+      }
+   },
+
+   /**
+    * Parse a unix timestamp and return a formatted time string
+    * 
+    * @memberOf jsxc
+    * @param {Object} unixtime
+    * @returns time of day and/or date
+    */
+   getFormattedTime: function(unixtime) {
+      var msgDate = new Date(parseInt(unixtime));
+      var date = ('0' + msgDate.getDate()).slice(-2);
+      var month = ('0' + (msgDate.getMonth() + 1)).slice(-2);
+      var year = msgDate.getFullYear();
+      var hours = ('0' + msgDate.getHours()).slice(-2);
+      var minutes = ('0' + msgDate.getMinutes()).slice(-2);
+      var dateNow = new Date(), time = hours + ':' + minutes;
+
+      // compare dates only
+      dateNow.setHours(0, 0, 0, 0);
+      msgDate.setHours(0, 0, 0, 0);
+
+      if (dateNow.getTime() !== msgDate.getTime()) {
+         return date + '.' + month + '.' + year + ' ' + time;
+      }
+      return time;
+   },
+
+   /**
+    * Write debug message to console and to log.
+    * 
+    * @memberOf jsxc
+    * @param {String} msg Debug message
+    * @param {Object} data
+    * @param {String} Could be warn|error|null
+    */
+   debug: function(msg, data, level) {
+      if (level) {
+         msg = '[' + level + '] ' + msg;
+      }
+
+      if (data) {
+         if (jsxc.storage.getItem('debug') === true) {
+            console.log(msg, data);
+         }
+
+         // try to convert data to string
+         var d;
+         try {
+            // clone html snippet
+            d = $("<span>").prepend($(data).clone()).html();
+         } catch (err) {
+            try {
+               d = JSON.stringify(data);
+            } catch (err2) {
+               d = 'see js console';
+            }
+         }
+
+         jsxc.log = jsxc.log + msg + ': ' + d + '\n';
+      } else {
+         console.log(msg);
+         jsxc.log = jsxc.log + msg + '\n';
+      }
+   },
+
+   /**
+    * Write warn message.
+    * 
+    * @memberOf jsxc
+    * @param {String} msg Warn message
+    * @param {Object} data
+    */
+   warn: function(msg, data) {
+      jsxc.debug(msg, data, 'WARN');
+   },
+
+   /**
+    * Write error message.
+    * 
+    * @memberOf jsxc
+    * @param {String} msg Error message
+    * @param {Object} data
+    */
+   error: function(msg, data) {
+      jsxc.debug(msg, data, 'ERROR');
+   },
+
+   /** debug log */
+   log: '',
+
+   /**
+    * Starts the action
+    * 
+    * @memberOf jsxc
+    * @param {object} options
+    */
+   init: function(options) {
+
+      if (options) {
+         // override default options
+         $.extend(true, jsxc.options, options);
+      }
+
+      /**
+       * Getter method for options. Saved options will override default one.
+       * 
+       * @param {string} key option key
+       * @returns default or saved option value
+       */
+      jsxc.options.get = function(key) {
+         var local = jsxc.storage.getUserItem('options') || {};
+
+         return local[key] || jsxc.options[key];
+      };
+
+      /**
+       * Setter method for options. Will write into localstorage.
+       * 
+       * @param {string} key option key
+       * @param {object} value option value
+       */
+      jsxc.options.set = function(key, value) {
+         jsxc.storage.updateItem('options', key, value, true);
+      };
+
+      jsxc.storageNotConform = jsxc.storage.getItem('storageNotConform');
+      if (jsxc.storageNotConform === null) {
+         jsxc.storageNotConform = 2;
+      }
+
+      // detect language
+      var lang;
+      if (jsxc.storage.getItem('lang') !== null) {
+         lang = jsxc.storage.getItem('lang');
+      } else if (jsxc.options.autoLang && navigator.language) {
+         lang = navigator.language.substr(0, 2);
+      } else {
+         lang = jsxc.options.defaultLang;
+      }
+
+      // initialize i18n translator
+      $.i18n.init({
+         lng: lang,
+         fallbackLng: 'en',
+         resStore: I18next,
+         // use localStorage and set expiration to a day
+         useLocalStorage: true,
+         localStorageExpirationTime: 60 * 60 * 24 * 1000,
+      });
+
+      // Check localStorage
+      if (typeof (localStorage) === 'undefined') {
+         jsxc.debug("Browser doesn't support localStorage.");
+         return;
+      }
+
+      if (jsxc.storage.getItem('debug') === true) {
+         jsxc.options.otr.debug = true;
+      }
+
+      // Register event listener for the storage event
+      window.addEventListener('storage', jsxc.storage.onStorage, false);
+
+      var lastActivity = jsxc.storage.getItem('lastActivity') || 0;
+
+      if ((new Date()).getTime() - lastActivity < jsxc.options.loginTimeout) {
+         jsxc.restore = true;
+      }
+
+      $(document).on('connectionReady.jsxc', function() {
+         // Looking for logout element
+          if (jsxc.options.logoutElement !== null && jsxc.options.logoutElement.length > 0) {
+             var logout = function() {
+                jsxc.options.logoutElement = $(this);
+                jsxc.triggeredFromLogout = true;
+                return jsxc.xmpp.logout();
+             };
+
+             jsxc.options.logoutElement.off('click', null, logout).one('click', logout);
+          }
+      });
+
+      // Check if we have to establish a new connection
+      if (!jsxc.storage.getItem('rid') || !jsxc.storage.getItem('sid') || !jsxc.restore) {
+
+         // Looking for a login form
+         if (!jsxc.options.loginForm.form || !(jsxc.el_exists(jsxc.options.loginForm.form) && jsxc.el_exists(jsxc.options.loginForm.jid) && jsxc.el_exists(jsxc.options.loginForm.pass))) {
+
+            if (jsxc.options.displayRosterMinimized()) {
+               // Show minimized roster
+               jsxc.storage.setUserItem('roster', 'hidden');
+               jsxc.gui.roster.init();
+               jsxc.gui.roster.noConnection();
+            }
+
+            return;
+         }
+
+         if (typeof jsxc.options.formFound === 'function') {
+            jsxc.options.formFound.call();
+         }
+
+         // create jquery object
+         var form = jsxc.options.loginForm.form = $(jsxc.options.loginForm.form);
+         var events = form.data('events') || {
+            submit: []
+         };
+         var submits = [];
+
+         // save attached submit events and remove them. Will be reattached
+         // in jsxc.submitLoginForm
+         $.each(events.submit, function(index, val) {
+            submits.push(val.handler);
+         });
+
+         form.data('submits', submits);
+         form.off('submit');
+
+         // Add jsxc login action to form
+         form.submit(function() {
+
+            var settings = jsxc.prepareLogin();
+
+            if (settings !== false && (settings.xmpp.onlogin === "true" || settings.xmpp.onlogin === true)) {
+               jsxc.options.loginForm.triggered = true;
+
+               jsxc.xmpp.login();
+
+               // Trigger submit in jsxc.xmpp.connected()
+               return false;
+            }
+
+            return true;
+         });
+
+      } else {
+
+         // Restore old connection
+
+         jsxc.bid = jsxc.jidToBid(jsxc.storage.getItem('jid'));
+
+         jsxc.gui.init();
+
+         if (typeof (jsxc.storage.getItem('alive')) === 'undefined' || !jsxc.restore) {
+            jsxc.onMaster();
+         } else {
+            jsxc.checkMaster();
+         }
+      }
+   },
+
+   /**
+    * Load settings and prepare jid.
+    * 
+    * @memberOf jsxc
+    * @returns Loaded settings
+    */
+   prepareLogin: function() {
+      var username = $(jsxc.options.loginForm.jid).val();
+      var password = $(jsxc.options.loginForm.pass).val();
+
+      if (typeof jsxc.options.loadSettings !== 'function') {
+         jsxc.error('No loadSettings function given. Abort.');
+         return;
+      }
+
+      jsxc.gui.showWaitAlert($.t('Logging_in'));
+
+      var settings = jsxc.options.loadSettings.call(this, username, password);
+
+      if (settings === false || settings === null || typeof settings === 'undefined') {
+         jsxc.warn('No settings provided');
+
+         return false;
+      }
+
+      if (typeof settings.xmpp.username === 'string') {
+         username = settings.xmpp.username;
+      }
+
+      var resource = (settings.xmpp.resource) ? '/' + settings.xmpp.resource : '';
+      var domain = settings.xmpp.domain;
+      var jid;
+
+      if (username.match(/@(.*)$/)) {
+         jid = (username.match(/\/(.*)$/)) ? username : username + resource;
+      } else {
+         jid = username + '@' + domain + resource;
+      }
+
+      if (typeof jsxc.options.loginForm.preJid === 'function') {
+         jid = jsxc.options.loginForm.preJid(jid);
+      }
+
+      jsxc.bid = jsxc.jidToBid(jid);
+
+      settings.xmpp.username = jid.split('@')[0];
+      settings.xmpp.domain = jid.split('@')[1].split('/')[0];
+      settings.xmpp.resource = jid.split('@')[1].split('/')[1] || "";
+
+      $.each(settings, function(key, val) {
+         jsxc.options.set(key, val);
+      });
+
+      jsxc.options.xmpp.jid = jid;
+      jsxc.options.xmpp.password = password;
+
+      return settings;
+   },
+
+   /**
+    * Called if the script is a slave
+    */
+   onSlave: function() {
+      jsxc.debug('I am the slave.');
+
+      jsxc.role_allocation = true;
+
+      jsxc.restoreRoster();
+      jsxc.restoreWindows();
+      jsxc.restoreCompleted = true;
+
+      $(document).trigger('restoreCompleted.jsxc');
+   },
+
+   /**
+    * Called if the script is the master
+    */
+   onMaster: function() {
+      jsxc.debug('I am master.');
+
+      jsxc.master = true;
+
+      // Init local storage
+      jsxc.storage.setItem('alive', 0);
+      jsxc.storage.setItem('alive_busy', 0);
+      if (!jsxc.storage.getUserItem('windowlist')) {
+         jsxc.storage.setUserItem('windowlist', []);
+      }
+
+      // Sending keepalive signal
+      jsxc.startKeepAlive();
+
+      if (jsxc.options.get('otr').enable) {
+         // create or load DSA key and call _onMaster
+         jsxc.otr.createDSA();
+      } else {
+         jsxc._onMaster();
+      }
+   },
+
+   /**
+    * Second half of the onMaster routine
+    */
+   _onMaster: function() {
+
+      // create otr objects, if we lost the master
+      if (jsxc.role_allocation) {
+         $.each(jsxc.storage.getUserItem('windowlist'), function(index, val) {
+            jsxc.otr.create(val);
+         });
+      }
+
+      jsxc.role_allocation = true;
+
+      if (jsxc.restore && !jsxc.restoreCompleted) {
+         jsxc.restoreRoster();
+         jsxc.restoreWindows();
+         jsxc.restoreCompleted = true;
+
+         $(document).trigger('restoreCompleted.jsxc');
+      }
+
+      // Prepare notifications
+      if (jsxc.restore) {
+         var noti = jsxc.storage.getUserItem('notification');
+         noti = (typeof noti === 'number')? noti : 2;
+         if (jsxc.options.notification && noti > 0 && jsxc.notification.hasSupport()) {
+            if (jsxc.notification.hasPermission()) {
+               jsxc.notification.init();
+            } else {
+               jsxc.notification.prepareRequest();
+            }
+         } else {
+            // No support => disable
+            jsxc.options.notification = false;
+         }
+      }
+
+      $(document).on('connectionReady.jsxc', function() {
+         jsxc.gui.updateAvatar($('#jsxc_avatar'), jsxc.jidToBid(jsxc.storage.getItem('jid')), 'own');
+      });
+
+      jsxc.xmpp.login();
+   },
+
+   /**
+    * Checks if there is a master
+    */
+   checkMaster: function() {
+      jsxc.debug('check master');
+
+      jsxc.to = window.setTimeout(jsxc.onMaster, 1000);
+      jsxc.storage.ink('alive');
+   },
+
+   /**
+    * Start sending keep-alive signal
+    */
+   startKeepAlive: function() {
+      jsxc.keepalive = window.setInterval(jsxc.keepAlive, jsxc.options.timeout - 1000);
+   },
+
+   /**
+    * Sends the keep-alive signal to signal that the master is still there.
+    */
+   keepAlive: function() {
+      jsxc.storage.ink('alive');
+
+      if (jsxc.role_allocation) {
+         jsxc.storage.setItem('lastActivity', (new Date()).getTime());
+      }
+   },
+
+   /**
+    * Send one keep-alive signal with higher timeout, and than resume with
+    * normal signal
+    */
+   keepBusyAlive: function() {
+      if (jsxc.toBusy) {
+         window.clearTimeout(jsxc.toBusy);
+      }
+
+      if (jsxc.keepalive) {
+         window.clearInterval(jsxc.keepalive);
+      }
+
+      jsxc.storage.ink('alive_busy');
+      jsxc.toBusy = window.setTimeout(jsxc.startKeepAlive, jsxc.options.busyTimeout - 1000);
+   },
+
+   /**
+    * Generates a random integer number between 0 and max
+    * 
+    * @param {Integer} max
+    * @return {Integer} random integer between 0 and max
+    */
+   random: function(max) {
+      return Math.floor(Math.random() * max);
+   },
+
+   /**
+    * Checks if there is a element with the given selector
+    * 
+    * @param {String} selector jQuery selector
+    * @return {Boolean}
+    */
+   el_exists: function(selector) {
+      return $(selector).length > 0;
+   },
+
+   /**
+    * Creates a CSS compatible string from a JID
+    * 
+    * @param {type} jid Valid Jabber ID
+    * @returns {String} css Compatible string
+    */
+   jidToCid: function(jid) {
+      jsxc.warn('jsxc.jidToCid is deprecated!');
+
+      var cid = Strophe.getBareJidFromJid(jid).replace('@', '-').replace(/\./g, '-').toLowerCase();
+
+      return cid;
+   },
+
+   /**
+    * Create comparable bar jid.
+    * 
+    * @memberOf jsxc
+    * @param jid
+    * @returns comparable bar jid
+    */
+   jidToBid: function(jid) {
+      return Strophe.getBareJidFromJid(jid).toLowerCase();
+   },
+
+   /**
+    * Restore roster
+    */
+   restoreRoster: function() {
+      var buddies = jsxc.storage.getUserItem('buddylist');
+
+      if (!buddies || buddies.length === 0) {
+         jsxc.debug('No saved buddylist.');
+
+         jsxc.gui.roster.empty();
+
+         return;
+      }
+
+      $.each(buddies, function(index, value) {
+         jsxc.gui.roster.add(value);
+      });
+
+      $(document).trigger('cloaded.roster.jsxc');
+   },
+
+   /**
+    * Restore all windows
+    */
+   restoreWindows: function() {
+      var windows = jsxc.storage.getUserItem('windowlist');
+
+      if (windows === null) {
+         return;
+      }
+
+      $.each(windows, function(index, bid) {
+         var window = jsxc.storage.getUserItem('window', bid);
+
+         if (!window) {
+            jsxc.debug('Associated window-element is missing: ' + bid);
+            return true;
+         }
+
+         jsxc.gui.window.init(bid);
+
+         if (!window.minimize) {
+            jsxc.gui.window.show(bid);
+         } else {
+            jsxc.gui.window.hide(bid);
+         }
+
+         jsxc.gui.window.setText(bid, window.text);
+      });
+   },
+
+   /**
+    * This method submits the specified login form.
+    */
+   submitLoginForm: function() {
+      var form = jsxc.options.loginForm.form.off('submit');
+
+      // Attach original events
+      var submits = form.data('submits') || [];
+      $.each(submits, function(index, val) {
+         form.submit(val);
+      });
+
+      if (form.find('#submit').length > 0) {
+         form.find('#submit').click();
+      } else {
+         form.submit();
+      }
+   },
+
+   /**
+    * Escapes some characters to HTML character
+    */
+   escapeHTML: function(text) {
+      text = text.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>');
+      return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+   },
+
+   /**
+    * Removes all html tags.
+    * 
+    * @memberOf jsxc
+    * @param text
+    * @returns stripped text
+    */
+   removeHTML: function(text) {
+      return $('<span>').html(text).text();
+   },
+
+   /**
+    * Executes only one of the given events
+    * 
+    * @param {string} obj.key event name
+    * @param {function} obj.value function to execute
+    * @returns {string} namespace of all events
+    */
+   switchEvents: function(obj) {
+      var ns = Math.random().toString(36).substr(2, 12);
+      var self = this;
+
+      $.each(obj, function(key, val) {
+         $(document).one(key + '.' + ns, function() {
+            $(document).off('.' + ns);
+
+            val.apply(self, arguments);
+         });
+      });
+
+      return ns;
+   },
+
+   /**
+    * Checks if tab is hidden.
+    * 
+    * @returns {boolean} True if tab is hidden
+    */
+   isHidden: function() {
+      var hidden = false;
+
+      if (typeof document.hidden !== 'undefined') {
+         hidden = document.hidden;
+      } else if (typeof document.webkitHidden !== 'undefined') {
+         hidden = document.webkitHidden;
+      } else if (typeof document.mozHidden !== 'undefined') {
+         hidden = document.mozHidden;
+      } else if (typeof document.msHidden !== 'undefined') {
+         hidden = document.msHidden;
+      }
+
+      // handle multiple tabs
+      if (hidden && jsxc.master) {
+         jsxc.storage.ink('hidden', 0);
+      } else if (!hidden && !jsxc.master) {
+         jsxc.storage.ink('hidden');
+      }
+
+      return hidden;
+   },
+
+   /**
+    * Checks if tab has focus.
+    *
+    * @returns {boolean} True if tabs has focus
+    */
+   hasFocus: function() {
+      var focus = true;
+
+      if (typeof document.hasFocus === 'function') {
+         focus = document.hasFocus();
+      }
+
+      if (!focus && jsxc.master) {
+         jsxc.storage.ink('focus', 0);
+      } else if (focus && !jsxc.master) {
+         jsxc.storage.ink('focus');
+      }
+
+      return focus;
+   },
+
+   /**
+    * Executes the given function in jsxc namespace.
+    * 
+    * @memberOf jsxc
+    * @param {string} fnName Function name
+    * @param {array} fnParams Function parameters
+    * @returns Function return value
+    */
+   exec: function(fnName, fnParams) {
+      var fnList = fnName.split('.');
+      var fn = jsxc[fnList[0]];
+      var i;
+      for (i = 1; i < fnList.length; i++) {
+         fn = fn[fnList[i]];
+      }
+
+      if (typeof fn === 'function') {
+         return fn.apply(null, fnParams);
+      }
+   },
+   
+   /**
+    * Hash string into 32-bit signed integer.
+    * 
+    * @memberOf jsxc
+    * @param {string} str input string
+    * @returns {integer} 32-bit signed integer
+    */
+   hashStr: function(str) {
+      var hash = 0, i;
+
+      if (str.length === 0) {
+         return hash;
+      }
+      
+      for (i = 0; i < str.length; i++) {
+         hash  = ((hash << 5) - hash) + str.charCodeAt(i);
+         hash |= 0; // Convert to 32bit integer
+      }
+
+      return hash;
+   }
+};

src/jsxc.lib.notice.js

@@ -0,0 +1,116 @@
+/**
+ * This namespace handle the notice system.
+ * 
+ * @namspace jsxc.notice
+ * @memberOf jsxc
+ */
+jsxc.notice = {
+   /** Number of notices. */
+   _num: 0,
+
+   /**
+    * Loads the saved notices.
+    * 
+    * @memberOf jsxc.notice
+    */
+   load: function() {
+      // reset list
+      $('#jsxc_notice ul li').remove();
+      $('#jsxc_notice > span').text('');
+      jsxc.notice._num = 0;
+
+      var saved = jsxc.storage.getUserItem('notices') || [];
+      var key = null;
+
+      for (key in saved) {
+         if (saved.hasOwnProperty(key)) {
+            var val = saved[key];
+
+            jsxc.notice.add(val.msg, val.description, val.fnName, val.fnParams, key);
+         }
+      }
+   },
+
+   /**
+    * Add a new notice to the stack;
+    * 
+    * @memberOf jsxc.notice
+    * @param msg Header message
+    * @param description Notice description
+    * @param fnName Function name to be called if you open the notice
+    * @param fnParams Array of params for function
+    * @param id Notice id
+    */
+   add: function(msg, description, fnName, fnParams, id) {
+      var nid = id || Date.now();
+      var list = $('#jsxc_notice ul');
+      var notice = $('<li/>');
+
+      notice.click(function() {
+         jsxc.notice.remove(nid);
+
+         jsxc.exec(fnName, fnParams);
+
+         return false;
+      });
+
+      notice.text(msg);
+      notice.attr('title', description || '');
+      notice.attr('data-nid', nid);
+      list.append(notice);
+
+      $('#jsxc_notice > span').text(++jsxc.notice._num);
+
+      if (!id) {
+         var saved = jsxc.storage.getUserItem('notices') || {};
+         saved[nid] = {
+            msg: msg,
+            description: description,
+            fnName: fnName,
+            fnParams: fnParams
+         };
+         jsxc.storage.setUserItem('notices', saved);
+
+         jsxc.notification.notify(msg, description || '', null, true, jsxc.CONST.SOUNDS.NOTICE);
+      }
+   },
+
+   /**
+    * Removes notice from stack
+    * 
+    * @memberOf jsxc.notice
+    * @param nid The notice id
+    */
+   remove: function(nid) {
+      var el = $('#jsxc_notice li[data-nid=' + nid + ']');
+
+      el.remove();
+      $('#jsxc_notice > span').text(--jsxc.notice._num || '');
+
+      var s = jsxc.storage.getUserItem('notices');
+      delete s[nid];
+      jsxc.storage.setUserItem('notices', s);
+   },
+
+   /**
+    * Check if there is already a notice for the given function name.
+    * 
+    * @memberOf jsxc.notice
+    * @param {string} fnName Function name
+    * @returns {boolean} True if there is >0 functions with the given name
+    */
+   has: function(fnName) {
+      var saved = jsxc.storage.getUserItem('notices') || [];
+      var has = false;
+
+      $.each(saved, function(index, val){
+         if (val.fnName === fnName) {
+            has = true;
+
+            return false;
+         }
+      });
+
+      return has;
+   }
+};

src/jsxc.lib.notification.js

@@ -0,0 +1,272 @@
+/**
+ * This namespace handles the Notification API.
+ * 
+ * @namespace jsxc.notification
+ */
+jsxc.notification = {
+
+   /** Current audio file. */
+   audio: null,
+
+   /**
+    * Register notification on incoming messages.
+    * 
+    * @memberOf jsxc.notification
+    */
+   init: function() {
+      $(document).on('postmessagein.jsxc', function(event, bid, msg) {
+         msg = (msg.match(/^\?OTR/)) ? $.t('Encrypted_message') : msg;
+         var data = jsxc.storage.getUserItem('buddy', bid);
+
+         jsxc.notification.notify({
+            title: $.t('New_message_from') + ' ' + data.name,
+            msg: msg,
+            soundFile: jsxc.CONST.SOUNDS.MSG,
+            source: bid
+         });
+      });
+
+      $(document).on('callincoming.jingle', function() {
+         jsxc.notification.playSound(jsxc.CONST.SOUNDS.CALL, true, true);
+      });
+
+      $(document).on('accept.call.jsxc reject.call.jsxc', function() {
+         jsxc.notification.stopSound();
+      });
+   },
+
+   /**
+    * Shows a pop up notification and optional play sound.
+    * 
+    * @param title Title
+    * @param msg Message
+    * @param d Duration
+    * @param force Should message also shown, if tab is visible?
+    * @param soundFile Playing given sound file
+    * @param loop Loop sound file?
+    * @param source Bid which triggered this notification
+    */
+   notify: function(title, msg, d, force, soundFile, loop, source) {
+      if (!jsxc.options.notification || !jsxc.notification.hasPermission()) {
+         return; // notifications disabled
+      }
+
+      var o;
+
+      if (title !== null && typeof title === 'object') {
+         o = title;
+      } else {
+         o = {
+            title: title,
+            msg: msg,
+            duration: d,
+            force: force,
+            soundFile: soundFile,
+            loop: loop,
+            source: source
+         };
+      }
+
+      if (jsxc.hasFocus() && !o.force) {
+         return; // Tab is visible
+      }
+
+      var icon = o.icon || jsxc.options.root + '/img/XMPP_logo.png';
+
+      if (typeof o.source === 'string') {
+         var data = jsxc.storage.getUserItem('buddy', o.source);
+         var src = jsxc.storage.getUserItem('avatar', data.avatar);
+
+         if (typeof src === 'string' && src !== '0') {
+            icon = src;
+         }
+      }
+
+      jsxc.toNotification = setTimeout(function() {
+
+         if (typeof o.soundFile === 'string') {
+            jsxc.notification.playSound(o.soundFile, o.loop, o.force);
+         }
+
+         var popup = new Notification($.t(o.title), {
+            body: $.t(o.msg),
+            icon: icon
+         });
+
+         var duration = o.duration || jsxc.options.popupDuration;
+
+         if (duration > 0) {
+            setTimeout(function() {
+               popup.close();
+            }, duration);
+         }
+      }, jsxc.toNotificationDelay);
+   },
+
+   /**
+    * Checks if browser has support for notifications and add on chrome to the
+    * default api.
+    * 
+    * @returns {Boolean} True if the browser has support.
+    */
+   hasSupport: function() {
+      if (window.webkitNotifications) {
+         // prepare chrome
+
+         window.Notification = function(title, opt) {
+            var popup = window.webkitNotifications.createNotification(null, title, opt.body);
+            popup.show();
+
+            popup.close = function() {
+               popup.cancel();
+            };
+
+            return popup;
+         };
+
+         var permission;
+         switch (window.webkitNotifications.checkPermission()) {
+            case 0:
+               permission = jsxc.CONST.NOTIFICATION_GRANTED;
+               break;
+            case 2:
+               permission = jsxc.CONST.NOTIFICATION_DENIED;
+               break;
+            default: // 1
+               permission = jsxc.CONST.NOTIFICATION_DEFAULT;
+         }
+         window.Notification.permission = permission;
+
+         window.Notification.requestPermission = function(func) {
+            window.webkitNotifications.requestPermission(func);
+         };
+
+         return true;
+      } else if (window.Notification) {
+         return true;
+      } else {
+         return false;
+      }
+   },
+
+   /**
+    * Ask user on first incoming message if we should inform him about new
+    * messages.
+    */
+   prepareRequest: function() {
+
+      if (jsxc.notice.has('gui.showRequestNotification')) {
+         return;
+      }
+
+      $(document).one('postmessagein.jsxc', function() {
+         setTimeout(function() {
+            jsxc.notice.add($.t('Notifications') + '?', $.t('Should_we_notify_you_'), 'gui.showRequestNotification');
+         }, 1000);
+      });
+   },
+
+   /**
+    * Request notification permission.
+    */
+   requestPermission: function() {
+      window.Notification.requestPermission(function(status) {
+         if (window.Notification.permission !== status) {
+            window.Notification.permission = status;
+         }
+
+         if (jsxc.notification.hasPermission()) {
+            $(document).trigger('notificationready.jsxc');
+         } else {
+            $(document).trigger('notificationfailure.jsxc');
+         }
+      });
+   },
+
+   /**
+    * Check permission.
+    * 
+    * @returns {Boolean} True if we have the permission
+    */
+   hasPermission: function() {
+      return window.Notification.permission === jsxc.CONST.NOTIFICATION_GRANTED;
+   },
+
+   /**
+    * Plays the given file.
+    * 
+    * @memberOf jsxc.notification
+    * @param {string} soundFile File relative to the sound directory
+    * @param {boolean} loop True for loop
+    * @param {boolean} force Play even if a tab is visible. Default: false.
+    */
+   playSound: function(soundFile, loop, force) {
+      if (!jsxc.master) {
+         // only master plays sound
+         return;
+      }
+
+      if (jsxc.options.get('muteNotification') || jsxc.storage.getUserItem('presence') === 'dnd') {
+         // sound mute or own presence is dnd
+         return;
+      }
+
+      if (jsxc.hasFocus() && !force) {
+         // tab is visible
+         return;
+      }
+
+      // stop current audio file
+      jsxc.notification.stopSound();
+
+      var audio = new Audio(jsxc.options.root + '/sound/' + soundFile);
+      audio.loop = loop || false;
+      audio.play();
+
+      jsxc.notification.audio = audio;
+   },
+
+   /**
+    * Stop/remove current sound.
+    * 
+    * @memberOf jsxc.notification
+    */
+   stopSound: function() {
+      var audio = jsxc.notification.audio;
+
+      if (typeof audio !== 'undefined' && audio !== null) {
+         audio.pause();
+         jsxc.notification.audio = null;
+      }
+   },
+
+   /**
+    * Mute sound.
+    * 
+    * @memberOf jsxc.notification
+    * @param {boolean} external True if triggered from external tab. Default:
+    *        false.
+    */
+   muteSound: function(external) {
+      $('#jsxc_menu .jsxc_muteNotification').text($.t('Unmute'));
+
+      if (external !== true) {
+         jsxc.options.set('muteNotification', true);
+      }
+   },
+
+   /**
+    * Unmute sound.
+    * 
+    * @memberOf jsxc.notification
+    * @param {boolean} external True if triggered from external tab. Default:
+    *        false.
+    */
+   unmuteSound: function(external) {
+      $('#jsxc_menu .jsxc_muteNotification').text($.t('Mute'));
+
+      if (external !== true) {
+         jsxc.options.set('muteNotification', false);
+      }
+   }
+};

src/jsxc.lib.options.js

@@ -0,0 +1,169 @@
+/**
+ * Set some options for the chat.
+ * 
+ * @namespace jsxc.options
+ */
+jsxc.options = {
+
+   /** name of container application (e.g. owncloud or SOGo) */
+   app_name: 'web applications',
+
+   /** Timeout for the keepalive signal */
+   timeout: 3000,
+
+   /** Timeout for the keepalive signal if the master is busy */
+   busyTimeout: 15000,
+
+   /** OTR options */
+   otr: {
+      enable: true,
+      ERROR_START_AKE: false,
+      debug: false,
+      SEND_WHITESPACE_TAG: true,
+      WHITESPACE_START_AKE: true
+   },
+
+   /** xmpp options */
+   xmpp: {
+      url: null,
+      jid: null,
+      domain: null,
+      password: null,
+      overwrite: false,
+      onlogin: true
+   },
+
+   /** default xmpp priorities */
+   priority: {
+      online: 0,
+      chat: 0,
+      away: 0,
+      xa: 0,
+      dnd: 0
+   },
+
+   /** If all 3 properties are set, the login form is used */
+   loginForm: {
+      /** jquery object from form */
+      form: null,
+
+      /** jquery object from input element which contains the jid */
+      jid: null,
+
+      /** jquery object from input element which contains the password */
+      pass: null,
+
+      /** manipulate JID from input element */
+      preJid: function(jid) {
+         return jid;
+      },
+
+      /**
+       * Action after connected: submit [String] Submit form, false [boolean] Do
+       * nothing, continue [String] Start chat
+       */
+      onConnected: 'submit',
+
+      /**
+       * Action after auth fail: submit [String] Submit form, false [boolean] Do
+       * nothing, ask [String] Show auth fail dialog
+       */
+      onAuthFail: 'submit'
+   },
+
+   /** jquery object from logout element */
+   logoutElement: null,
+
+   /** How many messages should be logged? */
+   numberOfMsg: 10,
+
+   /** Default language */
+   defaultLang: 'en',
+
+   /** auto language detection */
+   autoLang: true,
+
+   /** Place for roster */
+   rosterAppend: 'body',
+
+   /** Should we use the HTML5 notification API? */
+   notification: true,
+
+   /** duration for notification */
+   popupDuration: 6000,
+
+   /** Absolute path root of JSXC installation */
+   root: '',
+
+   /** Timeout for restore in ms */
+   loginTimeout: 1000 * 60 * 10,
+
+   /**
+    * This function decides wether the roster will be displayed or not if no
+    * connection is found.
+    */
+   displayRosterMinimized: function() {
+      return false;
+   },
+
+   /** Set to true if you want to hide offline buddies. */
+   hideOffline: false,
+
+   /** Mute notification sound? */
+   muteNotification: false,
+
+   /**
+    * If no avatar is found, this function is called.
+    * 
+    * @param jid Jid of that user.
+    * @this {jQuery} Elements to update with probable .jsxc_avatar elements
+    */
+   defaultAvatar: function(jid) {
+      jsxc.gui.avatarPlaceholder($(this).find('.jsxc_avatar'), jid);
+   },
+
+   /**
+    * Returns permanent saved settings and overwrite default jsxc.options.
+    * 
+    * @memberOf jsxc.options
+    * @param username String username
+    * @param password String password
+    * @returns {object} at least xmpp.url
+    */
+   loadSettings: function() {
+
+   },
+
+   /**
+    * Call this function to save user settings permanent.
+    * 
+    * @memberOf jsxc.options
+    * @param data Holds all data as key/value
+    * @returns {boolean} false if function failes
+    */
+   saveSettinsPermanent: function() {
+
+   },
+
+   carbons: {
+      /** Enable carbon copies? */
+      enable: false
+   },
+
+   /**
+    * Processes user list.
+    * 
+    * @callback getUsers-cb
+    * @param {object} list List of users, key: username, value: alias
+    */
+
+   /**
+    * Returns a list of usernames and aliases
+    * 
+    * @function getUsers
+    * @memberOf jsxc.options
+    * @param {string} search Search token (start with)
+    * @param {getUsers-cb} cb Called with list of users
+    */
+   getUsers: null
+};

src/jsxc.lib.otr.js

@@ -0,0 +1,462 @@
+
+/**
+ * @namespace jsxc.otr
+ */
+jsxc.otr = {
+   /** list of otr objects */
+   objects: {},
+
+   dsaFallback: null,
+   /**
+    * Handler for otr receive event
+    * 
+    * @memberOf jsxc.otr
+    * @param {Object} d
+    * @param {string} d.bid
+    * @param {string} d.msg received message
+    * @param {boolean} d.encrypted True, if msg was encrypted.
+    * @param {boolean} d.forwarded
+    * @param {string} d.stamp timestamp
+    */
+   receiveMessage: function(d) {
+      var bid = d.bid;
+
+      if (jsxc.otr.objects[bid].msgstate !== OTR.CONST.MSGSTATE_PLAINTEXT) {
+         jsxc.otr.backup(bid);
+      }
+
+      if (jsxc.otr.objects[bid].msgstate !== OTR.CONST.MSGSTATE_PLAINTEXT && !d.encrypted) {
+         jsxc.gui.window.postMessage(bid, 'sys', $.t('Received_an_unencrypted_message') + '. [' + d.msg + ']', d.encrypted, d.forwarded, d.stamp);
+      } else {
+         jsxc.gui.window.postMessage(bid, 'in', d.msg, d.encrypted, d.forwarded, d.stamp);
+      }
+   },
+
+   /**
+    * Handler for otr send event
+    * 
+    * @param {string} jid
+    * @param {string} msg message to be send
+    */
+   sendMessage: function(jid, msg, uid) {
+      if (jsxc.otr.objects[jsxc.jidToBid(jid)].msgstate !== 0) {
+         jsxc.otr.backup(jsxc.jidToBid(jid));
+      }
+
+      jsxc.xmpp._sendMessage(jid, msg, uid);
+   },
+
+   /**
+    * Create new otr instance
+    * 
+    * @param {type} bid
+    * @returns {undefined}
+    */
+   create: function(bid) {
+
+      if (jsxc.otr.objects.hasOwnProperty(bid)) {
+         return;
+      }
+
+      if (!jsxc.options.otr.priv) {
+         return;
+      }
+
+      // save list of otr objects
+      var ol = jsxc.storage.getUserItem('otrlist') || [];
+      if (ol.indexOf(bid) < 0) {
+         ol.push(bid);
+         jsxc.storage.setUserItem('otrlist', ol);
+      }
+
+      jsxc.otr.objects[bid] = new OTR(jsxc.options.otr);
+
+      if (jsxc.options.otr.SEND_WHITESPACE_TAG) {
+         jsxc.otr.objects[bid].SEND_WHITESPACE_TAG = true;
+      }
+
+      if (jsxc.options.otr.WHITESPACE_START_AKE) {
+         jsxc.otr.objects[bid].WHITESPACE_START_AKE = true;
+      }
+
+      jsxc.otr.objects[bid].on('status', function(status) {
+         var data = jsxc.storage.getUserItem('buddy', bid);
+
+         if (data === null) {
+            return;
+         }
+
+         switch (status) {
+            case OTR.CONST.STATUS_SEND_QUERY:
+               jsxc.gui.window.postMessage(bid, 'sys', $.t('trying_to_start_private_conversation'));
+               break;
+            case OTR.CONST.STATUS_AKE_SUCCESS:
+               data.fingerprint = jsxc.otr.objects[bid].their_priv_pk.fingerprint();
+               data.msgstate = OTR.CONST.MSGSTATE_ENCRYPTED;
+
+               var msg = (jsxc.otr.objects[bid].trust ? $.t('Verified') : $.t('Unverified')) + ' ' + $.t('private_conversation_started');
+               jsxc.gui.window.postMessage(bid, 'sys', msg);
+               break;
+            case OTR.CONST.STATUS_END_OTR:
+               data.fingerprint = null;
+
+               if (jsxc.otr.objects[bid].msgstate === OTR.CONST.MSGSTATE_PLAINTEXT) {
+                  // we abort the private conversation
+
+                  data.msgstate = OTR.CONST.MSGSTATE_PLAINTEXT;
+                  jsxc.gui.window.postMessage(bid, 'sys', $.t('private_conversation_aborted'));
+
+               } else {
+                  // the buddy abort the private conversation
+
+                  data.msgstate = OTR.CONST.MSGSTATE_FINISHED;
+                  jsxc.gui.window.postMessage(bid, 'sys', $.t('your_buddy_closed_the_private_conversation_you_should_do_the_same'));
+               }
+               break;
+            case OTR.CONST.STATUS_SMP_HANDLE:
+               jsxc.keepBusyAlive();
+               break;
+         }
+
+         jsxc.storage.setUserItem('buddy', bid, data);
+
+         // for encryption and verification state
+         jsxc.gui.update(bid);
+      });
+
+      jsxc.otr.objects[bid].on('smp', function(type, data) {
+         switch (type) {
+            case 'question': // verification request received
+               jsxc.gui.window.postMessage(bid, 'sys', $.t('Authentication_request_received'));
+
+               if ($('#jsxc_dialog').length > 0) {
+                  jsxc.otr.objects[bid].sm.abort();
+                  break;
+               }
+
+               jsxc.otr.onSmpQuestion(bid, data);
+               jsxc.storage.setUserItem('smp_' + bid, {
+                  data: data || null
+               });
+
+               break;
+            case 'trust': // verification completed
+               jsxc.otr.objects[bid].trust = data;
+               jsxc.storage.updateUserItem('buddy', bid, 'trust', data);
+               jsxc.otr.backup(bid);
+               jsxc.gui.update(bid);
+
+               if (data) {
+                  jsxc.gui.window.postMessage(bid, 'sys', $.t('conversation_is_now_verified'));
+               } else {
+                  jsxc.gui.window.postMessage(bid, 'sys', $.t('authentication_failed'));
+               }
+               jsxc.storage.removeUserItem('smp_' + bid);
+               jsxc.gui.dialog.close();
+               break;
+            case 'abort':
+               jsxc.gui.window.postMessage(bid, 'sys', $.t('Authentication_aborted'));
+               break;
+            default:
+               jsxc.debug('[OTR] sm callback: Unknown type: ' + type);
+         }
+      });
+
+      // Receive message
+      jsxc.otr.objects[bid].on('ui', function(msg, encrypted, meta) {
+         jsxc.otr.receiveMessage({
+            bid: bid,
+            msg: msg,
+            encrypted: encrypted === true,
+            stamp: meta.stamp,
+            forwarded: meta.forwarded
+         });
+      });
+
+      // Send message
+      jsxc.otr.objects[bid].on('io', function(msg, uid) {
+         var jid = jsxc.gui.window.get(bid).data('jid') || jsxc.otr.objects[bid].jid;
+
+         jsxc.otr.objects[bid].jid = jid;
+
+         jsxc.otr.sendMessage(jid, msg, uid);
+      });
+
+      jsxc.otr.objects[bid].on('error', function(err) {
+         // Handle this case in jsxc.otr.receiveMessage
+         if (err !== 'Received an unencrypted message.') {
+            jsxc.gui.window.postMessage(bid, 'sys', '[OTR] ' + $.t(err));
+         }
+
+         jsxc.error('[OTR] ' + err);
+      });
+
+      jsxc.otr.restore(bid);
+   },
+
+   /**
+    * show verification dialog with related part (secret or question)
+    * 
+    * @param {type} bid
+    * @param {string} [data]
+    * @returns {undefined}
+    */
+   onSmpQuestion: function(bid, data) {
+      jsxc.gui.showVerification(bid);
+
+      $('#jsxc_dialog select').prop('selectedIndex', (data ? 2 : 3)).change();
+      $('#jsxc_dialog > div:eq(0)').hide();
+
+      if (data) {
+         $('#jsxc_dialog > div:eq(2)').find('#jsxc_quest').val(data).prop('disabled', true);
+         $('#jsxc_dialog > div:eq(2)').find('.creation').text('Answer');
+         $('#jsxc_dialog > div:eq(2)').find('.jsxc_explanation').text($.t('your_buddy_is_attempting_to_determine_') + ' ' + $.t('to_authenticate_to_your_buddy') + $.t('enter_the_answer_and_click_answer'));
+      } else {
+         $('#jsxc_dialog > div:eq(3)').find('.jsxc_explanation').text($.t('your_buddy_is_attempting_to_determine_') + ' ' + $.t('to_authenticate_to_your_buddy') + $.t('enter_the_secret'));
+      }
+
+      $('#jsxc_dialog .jsxc_close').click(function() {
+         jsxc.storage.removeUserItem('smp_' + bid);
+
+         if (jsxc.master) {
+            jsxc.otr.objects[bid].sm.abort();
+         }
+      });
+   },
+
+   /**
+    * Send verification request to buddy
+    * 
+    * @param {string} bid
+    * @param {string} sec secret
+    * @param {string} [quest] question
+    * @returns {undefined}
+    */
+   sendSmpReq: function(bid, sec, quest) {
+      jsxc.keepBusyAlive();
+
+      jsxc.otr.objects[bid].smpSecret(sec, quest || '');
+   },
+
+   /**
+    * Toggle encryption state
+    * 
+    * @param {type} bid
+    * @returns {undefined}
+    */
+   toggleTransfer: function(bid) {
+      if (jsxc.storage.getUserItem('buddy', bid).msgstate === 0) {
+         jsxc.otr.goEncrypt(bid);
+      } else {
+         jsxc.otr.goPlain(bid);
+      }
+   },
+
+   /**
+    * Send request to encrypt the session
+    * 
+    * @param {type} bid
+    * @returns {undefined}
+    */
+   goEncrypt: function(bid) {
+      if (jsxc.master) {
+         jsxc.otr.objects[bid].sendQueryMsg();
+      } else {
+         jsxc.storage.updateUserItem('buddy', bid, 'transferReq', 1);
+      }
+   },
+
+   /**
+    * Abort encryptet session
+    * 
+    * @param {type} bid
+    * @param cb callback
+    * @returns {undefined}
+    */
+   goPlain: function(bid, cb) {
+      if (jsxc.master) {
+         jsxc.otr.objects[bid].endOtr.call(jsxc.otr.objects[bid], cb);
+         jsxc.otr.objects[bid].init.call(jsxc.otr.objects[bid]);
+
+         jsxc.otr.backup(bid);
+      } else {
+         jsxc.storage.updateUserItem('buddy', bid, 'transferReq', 0);
+      }
+   },
+
+   /**
+    * Backups otr session
+    * 
+    * @param {string} bid
+    */
+   backup: function(bid) {
+      var o = jsxc.otr.objects[bid]; // otr object
+      var r = {}; // return value
+
+      if (o === null) {
+         return;
+      }
+
+      // all variables which should be saved
+      var savekey = [ 'jid', 'our_instance_tag', 'msgstate', 'authstate', 'fragment', 'their_y', 'their_old_y', 'their_keyid', 'their_instance_tag', 'our_dh', 'our_old_dh', 'our_keyid', 'sessKeys', 'storedMgs', 'oldMacKeys', 'trust', 'transmittedRS', 'ssid', 'receivedPlaintext', 'authstate', 'send_interval' ];
+
+      var i;
+      for (i = 0; i < savekey.length; i++) {
+         r[savekey[i]] = JSON.stringify(o[savekey[i]]);
+      }
+
+      if (o.their_priv_pk !== null) {
+         r.their_priv_pk = JSON.stringify(o.their_priv_pk.packPublic());
+      }
+
+      if (o.ake.otr_version && o.ake.otr_version !== '') {
+         r.otr_version = JSON.stringify(o.ake.otr_version);
+      }
+
+      jsxc.storage.setUserItem('otr', bid, r);
+   },
+
+   /**
+    * Restore old otr session
+    * 
+    * @param {string} bid
+    */
+   restore: function(bid) {
+      var o = jsxc.otr.objects[bid];
+      var d = jsxc.storage.getUserItem('otr', bid);
+
+      if (o !== null || d !== null) {
+         var key;
+         for (key in d) {
+            if (d.hasOwnProperty(key)) {
+               var val = JSON.parse(d[key]);
+               if (key === 'their_priv_pk' && val !== null) {
+                  val = DSA.parsePublic(val);
+               }
+               if (key === 'otr_version' && val !== null) {
+                  o.ake.otr_version = val;
+               } else {
+                  o[key] = val;
+               }
+            }
+         }
+
+         jsxc.otr.objects[bid] = o;
+
+         if (o.msgstate === 1 && o.their_priv_pk !== null) {
+            o._smInit.call(jsxc.otr.objects[bid]);
+         }
+      }
+
+      jsxc.otr.enable(bid);
+   },
+
+   /**
+    * Create or load DSA key
+    * 
+    * @returns {unresolved}
+    */
+   createDSA: function() {
+      if (jsxc.options.otr.priv) {
+         return;
+      }
+
+      if (jsxc.storage.getUserItem('key') === null) {
+         var msg = $.t('Creating_your_private_key_');
+         var worker = null;
+
+         if (Worker) {
+            // try to create web-worker
+
+            try {
+               worker = new Worker(jsxc.options.root + '/lib/otr/build/dsa-webworker.js');
+            } catch (err) {
+               jsxc.warn('Couldn\'t create web-worker.', err);
+            }
+         }
+
+         jsxc.otr.dsaFallback = (worker === null);
+
+         if (!jsxc.otr.dsaFallback) {
+            // create DSA key in background
+
+            jsxc._onMaster();
+
+            worker.onmessage = function(e) {
+               var type = e.data.type;
+               var val = e.data.val;
+
+               if (type === 'debug') {
+                  jsxc.debug(val);
+               } else if (type === 'data') {
+                  jsxc.otr.DSAready(DSA.parsePrivate(val));
+               }
+            };
+
+            // start worker
+            worker.postMessage({
+               imports: [ jsxc.options.root + '/lib/otr/vendor/salsa20.js', jsxc.options.root + '/lib/otr/vendor/bigint.js', jsxc.options.root + '/lib/otr/vendor/crypto.js', jsxc.options.root + '/lib/otr/vendor/eventemitter.js', jsxc.options.root + '/lib/otr/lib/const.js', jsxc.options.root + '/lib/otr/lib/helpers.js', jsxc.options.root + '/lib/otr/lib/dsa.js' ],
+               seed: BigInt.getSeed(),
+               debug: true
+            });
+
+         } else {
+            // fallback
+
+            jsxc.gui.dialog.open(jsxc.gui.template.get('waitAlert', null, msg), {
+               noClose: true
+            });
+
+            jsxc.debug('DSA key creation started.');
+
+            // wait until the wait alert is opened
+            setTimeout(function() {
+               var dsa = new DSA();
+               jsxc.otr.DSAready(dsa);
+            }, 500);
+         }
+      } else {
+         jsxc.debug('DSA key loaded');
+         jsxc.options.otr.priv = DSA.parsePrivate(jsxc.storage.getUserItem('key'));
+
+         jsxc.otr._createDSA();
+      }
+   },
+
+   /**
+    * Ending of createDSA().
+    */
+   _createDSA: function() {
+
+      jsxc.storage.setUserItem('priv_fingerprint', jsxc.options.otr.priv.fingerprint());
+
+      if (jsxc.otr.dsaFallback !== false) {
+         jsxc._onMaster();
+      }
+   },
+
+   /**
+    * Ending of DSA key generation.
+    * 
+    * @param {DSA} dsa DSA object
+    */
+   DSAready: function(dsa) {
+      jsxc.storage.setUserItem('key', dsa.packPrivate());
+      jsxc.options.otr.priv = dsa;
+
+      // close wait alert
+      if (jsxc.otr.dsaFallback) {
+         jsxc.gui.dialog.close();
+      } else {
+         $.each(jsxc.storage.getUserItem('windowlist'), function(index, val) {
+            jsxc.otr.create(val);
+         });
+      }
+
+      jsxc.otr._createDSA();
+   },
+
+   enable: function(bid) {
+      jsxc.gui.window.get(bid).find('.jsxc_otr').removeClass('jsxc_disabled');
+   }
+};

src/jsxc.lib.storage.js

@@ -0,0 +1,612 @@
+
+
+   /**
+    * Handle long-live data
+    * 
+    * @namespace jsxc.storage
+    */
+   jsxc.storage = {
+      /**
+       * Prefix for localstorage
+       * 
+       * @privat
+       */
+      PREFIX: 'jsxc',
+
+      SEP: ':',
+
+      /**
+       * @param {type} uk Should we generate a user prefix?
+       * @returns {String} prefix
+       * @memberOf jsxc.storage
+       */
+      getPrefix: function(uk) {
+         var self = jsxc.storage;
+
+         return self.PREFIX + self.SEP + ((uk && jsxc.bid) ? jsxc.bid + self.SEP : '');
+      },
+
+      /**
+       * Save item to storage
+       * 
+       * @function
+       * @param {String} key variablename
+       * @param {Object} value value
+       * @param {String} uk Userkey? Should we add the bid as prefix?
+       */
+      setItem: function(key, value, uk) {
+
+         // Workaround for non-conform browser
+         if (jsxc.storageNotConform > 0 && key !== 'rid' && key !== 'lastActivity') {
+            if (jsxc.storageNotConform > 1 && jsxc.toSNC === null) {
+               jsxc.toSNC = window.setTimeout(function() {
+                  jsxc.storageNotConform = 0;
+                  jsxc.storage.setItem('storageNotConform', 0);
+               }, 1000);
+            }
+
+            jsxc.ls.push(JSON.stringify({
+               key: key,
+               value: value
+            }));
+         }
+
+         if (typeof (value) === 'object') {
+            value = JSON.stringify(value);
+         }
+
+         localStorage.setItem(jsxc.storage.getPrefix(uk) + key, value);
+      },
+
+      setUserItem: function(type, key, value) {
+         var self = jsxc.storage;
+
+         if (arguments.length === 2) {
+            value = key;
+            key = type;
+            type = '';
+         } else if (arguments.length === 3) {
+            key = type + self.SEP + key;
+         }
+
+         return jsxc.storage.setItem(key, value, true);
+      },
+
+      /**
+       * Load item from storage
+       * 
+       * @function
+       * @param {String} key variablename
+       * @param {String} uk Userkey? Should we add the bid as prefix?
+       */
+      getItem: function(key, uk) {
+         key = jsxc.storage.getPrefix(uk) + key;
+
+         var value = localStorage.getItem(key);
+         try {
+            return JSON.parse(value);
+         } catch (e) {
+            return value;
+         }
+      },
+
+      /**
+       * Get a user item from storage.
+       * 
+       * @param key
+       * @returns user item
+       */
+      getUserItem: function(type, key) {
+         var self = jsxc.storage;
+
+         if (arguments.length === 1) {
+            key = type;
+         } else if (arguments.length === 2) {
+            key = type + self.SEP + key;
+         }
+
+         return jsxc.storage.getItem(key, true);
+      },
+
+      /**
+       * Remove item from storage
+       * 
+       * @function
+       * @param {String} key variablename
+       * @param {String} uk Userkey? Should we add the bid as prefix?
+       */
+      removeItem: function(key, uk) {
+
+         // Workaround for non-conform browser
+         if (jsxc.storageNotConform && key !== 'rid' && key !== 'lastActivity') {
+            jsxc.ls.push(JSON.stringify({
+               key: jsxc.storage.prefix + key,
+               value: ''
+            }));
+         }
+
+         localStorage.removeItem(jsxc.storage.getPrefix(uk) + key);
+      },
+
+      /**
+       * Remove user item from storage.
+       * 
+       * @param key
+       */
+      removeUserItem: function(type, key) {
+         var self = jsxc.storage;
+
+         if (arguments.length === 1) {
+            key = type;
+         } else if (arguments.length === 2) {
+            key = type + self.SEP + key;
+         }
+
+         jsxc.storage.removeItem(key, true);
+      },
+
+      /**
+       * Updates value of a variable in a saved object.
+       * 
+       * @function
+       * @param {String} key variablename
+       * @param {String|object} variable variablename in object or object with
+       *        variable/key pairs
+       * @param {Object} [value] value
+       * @param {String} uk Userkey? Should we add the bid as prefix?
+       */
+      updateItem: function(key, variable, value, uk) {
+
+         var data = jsxc.storage.getItem(key, uk) || {};
+
+         if (typeof (variable) === 'object') {
+
+            $.each(variable, function(key, val) {
+               if (typeof (data[key]) === 'undefined') {
+                  jsxc.debug('Variable ' + key + ' doesn\'t exist in ' + variable + '. It was created.');
+               }
+
+               data[key] = val;
+            });
+         } else {
+            if (typeof (data[variable]) === 'undefined') {
+               jsxc.debug('Variable ' + variable + ' doesn\'t exist. It was created.');
+            }
+
+            data[variable] = value;
+         }
+
+         jsxc.storage.setItem(key, data, uk);
+      },
+
+      /**
+       * Updates value of a variable in a saved user object.
+       * 
+       * @param {String} key variablename
+       * @param {String|object} variable variablename in object or object with
+       *        variable/key pairs
+       * @param {Object} [value] value
+       */
+      updateUserItem: function(type, key, variable, value) {
+         var self = jsxc.storage;
+
+         if (arguments.length === 4 || (arguments.length === 3 && typeof variable === 'object')) {
+            key = type + self.SEP + key;
+         } else {
+            value = variable;
+            variable = key;
+            key = type;
+         }
+
+         return jsxc.storage.updateItem(key, variable, value, true);
+      },
+
+      /**
+       * Inkrements value
+       * 
+       * @function
+       * @param {String} key variablename
+       * @param {String} uk Userkey? Should we add the bid as prefix?
+       */
+      ink: function(key, uk) {
+
+         jsxc.storage.setItem(key, Number(jsxc.storage.getItem(key, uk)) + 1, uk);
+      },
+
+      /**
+       * Remove element from array or object
+       * 
+       * @param {string} key name of array or object
+       * @param {string} name name of element in array or object
+       * @param {String} uk Userkey? Should we add the bid as prefix?
+       * @returns {undefined}
+       */
+      removeElement: function(key, name, uk) {
+         var item = jsxc.storage.getItem(key, uk);
+
+         if ($.isArray(item)) {
+            item = $.grep(item, function(e) {
+               return e !== name;
+            });
+         } else if (typeof (item) === 'object') {
+            delete item[name];
+         }
+
+         jsxc.storage.setItem(key, item, uk);
+      },
+
+      removeUserElement: function(type, key, name) {
+         var self = jsxc.storage;
+
+         if (arguments.length === 2) {
+            name = key;
+            key = type;
+         } else if (arguments.length === 3) {
+            key = type + self.SEP + key;
+         }
+
+         return jsxc.storage.removeElement(key, name, true);
+      },
+
+      /**
+       * Triggered if changes are recognized
+       * 
+       * @function
+       * @param {event} e Storageevent
+       * @param {String} e.key Keyname which triggered event
+       * @param {Object} e.oldValue Old Value for key
+       * @param {Object} e.newValue New Value for key
+       * @param {String} e.url
+       */
+      onStorage: function(e) {
+
+         // skip
+         if (e.key === jsxc.storage.PREFIX + jsxc.storage.SEP + 'rid' || e.key === jsxc.storage.PREFIX + jsxc.storage.SEP + 'lastActivity') {
+            return;
+         }
+
+         var re = new RegExp('^' + jsxc.storage.PREFIX + jsxc.storage.SEP + '(?:[^' + jsxc.storage.SEP + ']+@[^' + jsxc.storage.SEP + ']+' + jsxc.storage.SEP + ')?(.*)', 'i');
+         var key = e.key.replace(re, '$1');
+
+         // Workaround for non-conform browser: Triggered event on every page
+         // (own)
+         if (jsxc.storageNotConform > 0 && jsxc.ls.length > 0) {
+
+            var val = e.newValue;
+            try {
+               val = JSON.parse(val);
+            } catch (err) {
+            }
+
+            var index = $.inArray(JSON.stringify({
+               key: key,
+               value: val
+            }), jsxc.ls);
+
+            if (index >= 0) {
+
+               // confirm that the storage event is not fired regularly
+               if (jsxc.storageNotConform > 1) {
+                  window.clearTimeout(jsxc.toSNC);
+                  jsxc.storageNotConform = 1;
+                  jsxc.storage.setItem('storageNotConform', 1);
+               }
+
+               jsxc.ls.splice(index, 1);
+               return;
+            }
+         }
+
+         // Workaround for non-conform browser
+         if (e.oldValue === e.newValue) {
+            return;
+         }
+
+         var n, o;
+         var bid = key.replace(new RegExp('[^' + jsxc.storage.SEP + ']+' + jsxc.storage.SEP + '(.*)', 'i'), '$1');
+
+         // react if someone ask, if there is a master
+         if (jsxc.master && key === 'alive') {
+            jsxc.debug('Master request.');
+
+            jsxc.storage.ink('alive');
+            return;
+         }
+
+         // master alive
+         if (!jsxc.master && (key === 'alive' || key === 'alive_busy') && !jsxc.triggeredFromElement) {
+
+            // reset timeout
+            window.clearTimeout(jsxc.to);
+            jsxc.to = window.setTimeout(jsxc.checkMaster, ((key === 'alive') ? jsxc.options.timeout : jsxc.options.busyTimeout) + jsxc.random(60));
+
+            // only call the first time
+            if (!jsxc.role_allocation) {
+               jsxc.onSlave();
+            }
+
+            return;
+         }
+
+         if (key.match(/^notices/)) {
+            jsxc.notice.load();
+         }
+
+         if (key.match(/^presence/)) {
+            jsxc.gui.changePresence(e.newValue, true);
+         }
+
+         if (key.match(/^options/) && e.newValue) {
+            n = JSON.parse(e.newValue);
+
+            if (typeof n.muteNotification !== 'undefined' && n.muteNotification) {
+               jsxc.notification.muteSound(true);
+            } else {
+               jsxc.notification.unmuteSound(true);
+            }
+         }
+
+         if (key.match(/^hidden/)) {
+            if (jsxc.master) {
+               clearTimeout(jsxc.toNotification);
+            } else {
+               jsxc.isHidden();
+            }
+         }
+
+         if (key.match(/^focus/)) {
+            if (jsxc.master) {
+               clearTimeout(jsxc.toNotification);
+            } else {
+               jsxc.hasFocus();
+            }
+         }
+
+         if (key.match(new RegExp('^chat' + jsxc.storage.SEP))) {
+
+            var posts = JSON.parse(e.newValue);
+            var data, el;
+
+            while (posts.length > 0) {
+               data = posts.pop();
+               el = $('#' + data.uid);
+
+               if (el.length === 0) {
+                  if (jsxc.master && data.direction === 'out') {
+                     jsxc.xmpp.sendMessage(bid, data.msg, data.uid);
+                  }
+
+                  jsxc.gui.window._postMessage(bid, data);
+               } else if (data.received) {
+                  el.addClass('jsxc_received');
+               }
+            }
+            return;
+         }
+
+         if (key.match(new RegExp('^window' + jsxc.storage.SEP))) {
+
+            if (!e.newValue) {
+               jsxc.gui.window._close(bid);
+               return;
+            }
+
+            if (!e.oldValue) {
+               jsxc.gui.window.open(bid);
+               return;
+            }
+
+            n = JSON.parse(e.newValue);
+
+            if (n.minimize) {
+               jsxc.gui.window._hide(bid);
+            } else {
+               jsxc.gui.window._show(bid);
+            }
+
+            jsxc.gui.window.setText(bid, n.text);
+
+            return;
+         }
+
+         if (key.match(new RegExp('^smp' + jsxc.storage.SEP))) {
+
+            if (!e.newValue) {
+
+               jsxc.gui.dialog.close();
+
+               if (jsxc.master) {
+                  jsxc.otr.objects[bid].sm.abort();
+               }
+
+               return;
+            }
+
+            n = JSON.parse(e.newValue);
+
+            if (typeof (n.data) !== 'undefined') {
+
+               jsxc.otr.onSmpQuestion(bid, n.data);
+
+            } else if (jsxc.master && n.sec) {
+               jsxc.gui.dialog.close();
+
+               jsxc.otr.sendSmpReq(bid, n.sec, n.quest);
+            }
+         }
+
+         if (!jsxc.master && key.match(new RegExp('^buddy' + jsxc.storage.SEP))) {
+
+            if (!e.newValue) {
+               jsxc.gui.roster.purge(bid);
+               return;
+            }
+            if (!e.oldValue) {
+               jsxc.gui.roster.add(bid);
+               return;
+            }
+
+            n = JSON.parse(e.newValue);
+            o = JSON.parse(e.oldValue);
+
+            jsxc.gui.update(bid);
+
+            if (o.status !== n.status || o.sub !== n.sub) {
+               jsxc.gui.roster.reorder(bid);
+            }
+         }
+
+         if (jsxc.master && key.match(new RegExp('^deletebuddy' + jsxc.storage.SEP)) && e.newValue) {
+            n = JSON.parse(e.newValue);
+
+            jsxc.xmpp.removeBuddy(n.jid);
+            jsxc.storage.removeUserItem(key);
+         }
+
+         if (jsxc.master && key.match(new RegExp('^buddy' + jsxc.storage.SEP))) {
+
+            n = JSON.parse(e.newValue);
+            o = JSON.parse(e.oldValue);
+
+            if (o.transferReq !== n.transferReq) {
+               jsxc.storage.updateUserItem('buddy', bid, 'transferReq', -1);
+
+               if (n.transferReq === 0) {
+                  jsxc.otr.goPlain(bid);
+               }
+               if (n.transferReq === 1) {
+                  jsxc.otr.goEncrypt(bid);
+               }
+            }
+
+            if (o.name !== n.name) {
+               jsxc.gui.roster._rename(bid, n.name);
+            }
+         }
+
+         // logout
+         if (key === 'sid') {
+            if (!e.newValue) {
+               // if (jsxc.master && jsxc.xmpp.conn) {
+               // jsxc.xmpp.conn.disconnect();
+               // jsxc.triggeredFromElement = true;
+               // }
+               jsxc.xmpp.logout();
+
+            }
+            return;
+         }
+
+         if (key === 'friendReq') {
+            n = JSON.parse(e.newValue);
+
+            if (jsxc.master && n.approve >= 0) {
+               jsxc.xmpp.resFriendReq(n.jid, n.approve);
+            }
+         }
+
+         if (jsxc.master && key.match(new RegExp('^add' + jsxc.storage.SEP))) {
+            n = JSON.parse(e.newValue);
+
+            jsxc.xmpp.addBuddy(n.username, n.alias);
+         }
+
+         if (key === 'roster') {
+            jsxc.gui.roster.toggle();
+         }
+
+         if (jsxc.master && key.match(new RegExp('^vcard' + jsxc.storage.SEP)) && e.newValue !== null && e.newValue.match(/^request:/)) {
+
+            jsxc.xmpp.loadVcard(bid, function(stanza) {
+               jsxc.storage.setUserItem('vcard', bid, {
+                  state: 'success',
+                  data: $('<div>').append(stanza).html()
+               });
+            }, function() {
+               jsxc.storage.setUserItem('vcard', bid, {
+                  state: 'error'
+               });
+            });
+         }
+
+         if (!jsxc.master && key.match(new RegExp('^vcard' + jsxc.storage.SEP)) && e.newValue !== null && !e.newValue.match(/^request:/)) {
+            n = JSON.parse(e.newValue);
+
+            if (typeof n.state !== 'undefined') {
+               $(document).trigger('loaded.vcard.jsxc', n);
+            }
+
+            jsxc.storage.removeUserItem('vcard', bid);
+         }
+      },
+
+      /**
+       * Save message to storage.
+       * 
+       * @memberOf jsxc.storage
+       * @param bid
+       * @param direction
+       * @param msg
+       * @param encrypted
+       * @param forwarded
+       * @param sender
+       * @return post
+       */
+      saveMessage: function(bid, direction, msg, encrypted, forwarded, stamp, sender) {
+         var chat = jsxc.storage.getUserItem('chat', bid) || [];
+
+         var uid = new Date().getTime() + ':msg';
+
+         if (chat.length > jsxc.options.get('numberOfMsg')) {
+            chat.pop();
+         }
+
+         var post = {
+            direction: direction,
+            msg: msg,
+            uid: uid.replace(/:/, '-'),
+            received: false,
+            encrypted: encrypted || false,
+            forwarded: forwarded || false,
+            stamp: stamp || new Date().getTime(),
+            sender: sender
+         };
+
+         chat.unshift(post);
+         jsxc.storage.setUserItem('chat', bid, chat);
+
+         return post;
+      },
+
+      /**
+       * Save or update buddy data.
+       * 
+       * @memberOf jsxc.storage
+       * @param bid
+       * @param data
+       * @returns {String} Updated or created
+       */
+      saveBuddy: function(bid, data) {
+
+         if (jsxc.storage.getUserItem('buddy', bid)) {
+            jsxc.storage.updateUserItem('buddy', bid, data);
+
+            return 'updated';
+         }
+
+         jsxc.storage.setUserItem('buddy', bid, $.extend({
+            jid: '',
+            name: '',
+            status: 0,
+            sub: 'none',
+            msgstate: 0,
+            transferReq: -1,
+            trust: false,
+            fingerprint: null,
+            res: [],
+            type: 'chat'
+         }, data));
+
+         return 'created';
+      }
+   };

src/jsxc.lib.webrtc.js

@@ -1,14 +1,13 @@
-/* global jsxc, Strophe, SDPUtil, getUserMediaWithConstraints, setupRTC, jQuery, MediaStreamTrack */
+/* global SDPUtil, getUserMediaWithConstraints, setupRTC, MediaStreamTrack, RTC, RTCPeerconnection */
+/* jshint -W020 */
 
-var RTC = null, RTCPeerconnection = null;
-
-jsxc.gui.template.incomingCall = '<h3>%%Incoming_call%%</h3>\
-        <p>%%Do_you_want_to_accept_the_call_from%% {{bid_name}}?</p>\
+jsxc.gui.template.incomingCall = '<h3 data-i18n="Incoming_call"></h3>\
+        <p><span data-i18n="Do_you_want_to_accept_the_call_from"></span> {{bid_name}}?</p>\
         <p class="jsxc_right">\
-            <a href="#" class="button jsxc_reject">%%Reject%%</a> <a href="#" class="button creation jsxc_accept">%%Accept%%</a>\
+            <a href="#" class="button jsxc_reject" data-i18n="Reject"></a> <a href="#" class="button creation jsxc_accept" data-i18n="Accept"></a>\
          </p>';
 
-jsxc.gui.template.allowMediaAccess = '<p>%%Please_allow_access_to_microphone_and_camera%%</p>';
+jsxc.gui.template.allowMediaAccess = '<p data-i18n="Please_allow_access_to_microphone_and_camera"></p>';
 
 jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
             <div class="jsxc_chatarea">\
@@ -29,22 +28,22 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
                 <div class="jsxc_noRemoteVideo">\
                    <div>\
                      <div></div>\
-                     <p>%%No_video_signal%%</p>\
+                     <p data-i18n="No_video_signal"></p>\
                      <div></div>\
                    </div>\
                 </div>\
             </div>\
             <div class="jsxc_controlbar">\
-                <button type="button" class="jsxc_hangUp">%%hang_up%%</button>\
+                <button type="button" class="jsxc_hangUp" data-i18n="hang_up"></button>\
                 <input type="range" class="jsxc_volume" min="0.0" max="1.0" step="0.05" value="0.5" />\
                 <div class="jsxc_buttongroup">\
-                    <button type="button" class="jsxc_snapshot">%%snapshot%%</button><button type="button" class="jsxc_snapshots">&#9660;</button>\
+                    <button type="button" class="jsxc_snapshot" data-i18n="snapshot"></button><button type="button" class="jsxc_snapshots">&#9660;</button>\
                 </div>\
-                <!-- <button type="button" class="jsxc_mute_local">%%mute_my_audio%%</button>\
-                <button type="button" class="jsxc_pause_local">%%pause_my_video%%</button> --> \
-                <button type="button" class="jsxc_showchat">%%chat%%</button>\
-                <button type="button" class="jsxc_fullscreen">%%fullscreen%%</button>\
-                <button type="button" class="jsxc_info">%%Info%%</button>\
+                <!-- <button type="button" class="jsxc_mute_local" data-i18n="mute_my_audio"></button>\
+                <button type="button" class="jsxc_pause_local" data-i18n="pause_my_video"></button> --> \
+                <button type="button" class="jsxc_showchat" data-i18n="chat"></button>\
+                <button type="button" class="jsxc_fullscreen" data-i18n="fullscreen"></button>\
+                <button type="button" class="jsxc_info" data-i18n="Info"></button>\
             </div>\
             <div class="jsxc_multi">\
                <div class="jsxc_snapshotbar">\
@@ -57,9 +56,6 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
             </div>\
         </div>';
 
-(function($) {
-   "use strict";
-
    /**
     * WebRTC namespace for jsxc.
     * 
@@ -225,7 +221,7 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
             return;
          }
 
-         var videoIcon = $('<div class="jsxc_video jsxc_disabled" title="' + jsxc.l.Start_video_call + '"></div>');
+         var videoIcon = $('<div class="jsxc_video jsxc_disabled" title="' + $.t("Start_video_call") + '"></div>');
 
          videoIcon.click(function() {
             self.startCall(data.jid);
@@ -250,6 +246,10 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
       initWindow: function(event, win) {
          var self = jsxc.webrtc;
 
+         if (win.hasClass('jsxc_groupchat')) {
+            return;
+         }
+
          jsxc.debug('webrtc.initWindow');
 
          if (!self.conn) {
@@ -289,28 +289,30 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
          var targetRes = Strophe.getResourceFromJid(jid);
 
          if (targetRes === null) {
-            $.each(jsxc.storage.getUserItem('buddy', bid).res, function(index, val) {
+            $.each(jsxc.storage.getUserItem('buddy', bid).res || [], function(index, val) {
                if (capableRes.indexOf(val) > -1) {
                   targetRes = val;
                   return false;
                }
             });
+
+            jid = jid + '/' + targetRes;
          }
 
          el.off('click');
 
          if (capableRes.indexOf(targetRes) > -1) {
             el.click(function() {
-               self.startCall(jid + '/' + targetRes);
+               self.startCall(jid);
             });
 
             el.removeClass('jsxc_disabled');
 
-            el.attr('title', jsxc.translate('%%Start video call%%'));
+            el.attr('title', $.t('Start_video_call'));
          } else {
             el.addClass('jsxc_disabled');
 
-            el.attr('title', jsxc.translate('%%Video call not possible.%%'));
+            el.attr('title', $.t('Video_call_not_possible'));
          }
       },
 
@@ -455,7 +457,7 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
       onMediaFailure: function(ev, err) {
          this.setStatus('media failure');
 
-         jsxc.gui.window.postMessage(jsxc.jidToBid(jsxc.webrtc.last_caller), 'sys', jsxc.translate('%%Media failure%%: ') + err.name);
+         jsxc.gui.window.postMessage(jsxc.jidToBid(jsxc.webrtc.last_caller), 'sys', $.t('Media_failure') + err.name);
          jsxc.debug('media failure: ' + err.name);
       },
 
@@ -474,10 +476,10 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
          var sess = this.conn.jingle.sessions[sid];
          var bid = jsxc.jidToBid(sess.peerjid);
 
-         jsxc.gui.window.postMessage(bid, 'sys', jsxc.translate('%%Incoming call.%%'));
+         jsxc.gui.window.postMessage(bid, 'sys', $.t('Incoming_call'));
 
          // display notification
-         jsxc.notification.notify(jsxc.translate('%%Incoming call%%'), jsxc.translate('%%from%% ' + bid));
+         jsxc.notification.notify($.t('Incoming_call'), $.t('from') + ' ' + bid);
 
          // send signal to partner
          sess.sendRinging();
@@ -560,7 +562,7 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
          $(document).off('error.jingle');
          jsxc.gui.dialog.close();
 
-         jsxc.gui.window.postMessage(bid, 'sys', jsxc.translate('%%Call terminated%%' + (reason ? (': %%' + reason + '%%') : '') + '.'));
+         jsxc.gui.window.postMessage(bid, 'sys', ($.t('Call_terminated') + (reason ? (': ' + $.t(reason)) : '') + '.'));
       },
 
       /**
@@ -664,15 +666,15 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
             }
 
             var text = '<p>';
-            text += '<b>' + jsxc.translate('%%Local IP%%: ') + '</b>' + sess.local_ip + '<br />';
-            text += '<b>' + jsxc.translate('%%Remote IP%%: ') + '</b>' + sess.remote_ip + '<br />';
-            text += '<b>' + jsxc.translate('%%Local Fingerprint%%: ') + '</b>' + sess.local_fp + '<br />';
-            text += '<b>' + jsxc.translate('%%Remote Fingerprint%%: ') + '</b>' + sess.remote_fp;
+            text += '<b>' + $.t('Local_IP') + ': </b>' + sess.local_ip + '<br />';
+            text += '<b>' + $.t('Remote_IP') + ': </b>' + sess.remote_ip + '<br />';
+            text += '<b>' + $.t('Local_Fingerprint') + ': </b>' + sess.local_fp + '<br />';
+            text += '<b>' + $.t('Remote_Fingerprint') + ': </b>' + sess.remote_fp;
             text += '</p>';
 
             $('#jsxc_dialog .jsxc_infobar').html(text);
          } else if (iceCon === 'failed') {
-            jsxc.gui.window.postMessage(jsxc.jidToBid(sess.peerjid), 'sys', jsxc.translate('%%ICE connection failure%%.'));
+            jsxc.gui.window.postMessage(jsxc.jidToBid(sess.peerjid), 'sys', $.t('ICE_connection_failure'));
 
             $(document).off('cleanup.dialog.jsxc');
 
@@ -714,7 +716,7 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
             'finish.mediaready.jsxc': function() {
                self.setStatus('Initiate call');
 
-               jsxc.gui.window.postMessage(jsxc.jidToBid(jid), 'sys', jsxc.translate('%%Call started.%%'));
+               jsxc.gui.window.postMessage(jsxc.jidToBid(jid), 'sys', $.t('Call_started'));
 
                $(document).one('error.jingle', function(e, sid, error) {
                   if (error.source !== 'offer') {
@@ -978,66 +980,3 @@ jsxc.gui.template.videoWindow = '<div class="jsxc_webrtc">\
       }
    });
 
-   $.extend(jsxc.l10n.en, {
-      Please_allow_access_to_microphone_and_camera: 'Please click the "Allow" button at the top, to allow access to microphone and camera.',
-      Incoming_call: 'Incoming call',
-      from: 'from',
-      Do_you_want_to_accept_the_call_from: 'Do you want to accept the call from',
-      Reject: 'Reject',
-      Accept: 'Accept',
-      hang_up: 'hang up',
-      snapshot: 'snapshot',
-      mute_my_audio: 'mute my audio',
-      pause_my_video: 'pause my video',
-      fullscreen: 'fullscreen',
-      Info: 'Info',
-      Local_IP: 'Local IP',
-      Remote_IP: 'Remote IP',
-      Local_Fingerprint: 'Local fingerprint',
-      Remote_Fingerprint: 'Remote fingerprint',
-      Video_call_not_possible: 'Video call not possible. Your buddy does not support video calls.',
-      Start_video_call: 'Start video call'
-   });
-
-   $.extend(jsxc.l10n.de, {
-      Please_allow_access_to_microphone_and_camera: 'Bitte klick auf den "Zulassen" Button oben, um den Zugriff auf Kamera und Mikrofon zu erlauben.',
-      Incoming_call: 'Eingehender Anruf',
-      from: 'von',
-      Do_you_want_to_accept_the_call_from: 'Möchtest Du den Anruf annehmen von',
-      Reject: 'Ablehnen',
-      Accept: 'Annehmen',
-      hang_up: 'Auflegen',
-      snapshot: 'Schnappschuss',
-      mute_my_audio: 'Mein Ton aus',
-      pause_my_video: 'Mein Video pausieren',
-      fullscreen: 'Vollbild',
-      Info: 'Info',
-      Local_IP: 'Lokale IP',
-      Remote_IP: 'Remote IP',
-      Local_Fingerprint: 'Lokaler Fingerprint',
-      Remote_Fingerprint: 'Remote Fingerprint',
-      Video_call_not_possible: 'Videoanruf nicht verfügbar. Dein Gesprächspartner unterstützt keine Videotelefonie.',
-      Start_video_call: 'Starte Videoanruf'
-   });
-
-   $.extend(jsxc.l10n.es, {
-      Please_allow_access_to_microphone_and_camera: 'Por favor, permitir el acceso al micrófono y la cámara.',
-      Incoming_call: 'Llamada entrante',
-      from: 'de',
-      Do_you_want_to_accept_the_call_from: 'Desea aceptar la llamada de',
-      Reject: 'Rechazar',
-      Accept: 'Aceptar',
-      hang_up: 'colgar',
-      snapshot: 'instantánea',
-      mute_my_audio: 'silenciar mi audio',
-      pause_my_video: 'pausar mi vídeo',
-      fullscreen: 'pantalla completa',
-      Info: 'Info',
-      Local_IP: 'IP local',
-      Remote_IP: 'IP remota',
-      Local_Fingerprint: 'Firma digital local',
-      Remote_Fingerprint: 'Firma digital remota',
-      Video_call_not_possible: 'Llamada de vídeo no es posible',
-      Start_video_call: 'Iniciar llamada de vídeo'
-   });
-}(jQuery));

src/jsxc.outro.js

@@ -0,0 +1 @@
+}(jQuery));