Add a demo for anonymous logins.

0da920e2 · JC Brand · 8a42e241 · 0da920e2 · 0da920e2 · 0da920e2
Commit 0da920e2 authored Jul 22, 2016 by JC Brand
Showing with 513 additions and 218 deletions

config.js config.js +216 -0

converse.js converse.js +0 -218

demo/anonymous.html demo/anonymous.html +75 -0

demo/config.js demo/config.js +220 -0

dev.html dev.html +1 -0

tests.html tests.html +1 -0

No files found.
--- a/config.js
+++ b/config.js
--- a/converse.js
+++ b/converse.js
--- a/demo/anonymous.html
+++ b/demo/anonymous.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Converse.js</title>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Converse.js: A free chat client for your website" />
+    <meta name="author" content="JC Brand" />
+    <meta name="keywords" content="xmpp chat webchat converse.js" />
+    <link rel="shortcut icon" type="image/ico" href="../css/images/favicon.ico"/>
+    <link type="text/css" rel="stylesheet" media="screen" href="../components/bootstrap/dist/css/bootstrap.min.css" />
+    <link type="text/css" rel="stylesheet" media="screen" href="../components/fontawesome/css/font-awesome.min.css" />
+    <link type="text/css" rel="stylesheet" media="screen" href="../css/theme.css" />
+    <link type="text/css" rel="stylesheet" media="screen" href="../css/converse.css" />
+    <script src="../components/requirejs/require.js"></script>
+    <script src="config.js"></script>
+    <script src="../converse.js"></script>
+</head>
+
+<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
+    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+        <div class="container">
+            <div class="navbar-header page-scroll">
+                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+                    <i class="fa fa-bars"></i>
+                </button>
+            </div>
+            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+                <ul class="nav navbar-nav"><li> <a href="/docs/html/index.html">Documentation</a> </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <section class="intro">
+        <div class="intro-body">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-8 col-md-offset-2">
+                        <h1 class="brand-heading"><i class="icon-conversejs"></i>Converse.js</h1>
+                        <p class="intro-text">Anonymous login demo</p>
+                        <p class="intro-text">
+                            Converse.js will only work on this page if you have 
+                            <a href="https://conversejs.org/docs/html/development.html">set up the development environment</a>.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</body>
+
+<script>
+    require(['converse'], function (converse) {
+        converse.initialize({
+            authentication: 'anonymous',
+            auto_login: true,
+            auto_join_rooms: [
+                'anonymous@conference.nomnom.im',
+            ],
+            notify_all_room_messages: [
+                'anonymous@conference.nomnom.im',
+            ],
+            bosh_service_url: 'https://conversejs.org/http-bind/', // Please use this connection manager only for testing purposes
+            jid: 'nomnom.im',
+            keepalive: true,
+            play_sounds: true,
+            show_controlbox_by_default: true,
+            strict_plugin_dependencies: false,
+            debug: true
+        });
+    });
+</script>
+</html>
--- a/demo/config.js
+++ b/demo/config.js
--- a/dev.html
+++ b/dev.html
@@ -14,6 +14,7 @@
    <link type="text/css" rel="stylesheet" media="screen" href="css/theme.css" />
    <link type="text/css" rel="stylesheet" media="screen" href="css/converse.css" />
    <script src="components/requirejs/require.js"></script>
+    <script src="config.js"></script>
    <script src="converse.js"></script>
 </head>


--- a/tests.html
+++ b/tests.html
@@ -8,6 +8,7 @@
    <link rel="stylesheet" type="text/css" href="components/jasmine/src/html/jasmine.css">
    <link type="text/css" rel="stylesheet" media="screen" href="css/theme.css" />
    <link type="text/css" rel="stylesheet" media="screen" href="css/converse.css" />
+    <script src="config.js"></script>
    <script src="converse.js"></script>
    <script data-main="tests/main" src="components/requirejs/require.js"></script>
 </head>