together.js config

realms/templates/layout.html

@@ -39,7 +39,7 @@
           </ul>
           <ul class="nav navbar-nav navbar-right">
             <li class="dropdown">
-                <a href="#" class="dropdown-toggle" role="menu" data-toggle="dropdown">Wiki
+                <a href="#" class="dropdown-toggle" role="menu" data-toggle="dropdown">Write
                     <i class="icon-caret-down"></i></a>
                 <ul class="dropdown-menu">
                     <li class="dropdown-header">Page Options</li>

realms/templates/page/edit.html

@@ -3,7 +3,33 @@
     {% assets "js_editor" %}
         <script type="text/javascript" src="{{ ASSET_URL }}"></script>
     {% endassets %}
+        <script>
+        TogetherJSConfig_toolName = "Collaboration";
+        TogetherJSConfig_suppressJoinConfirmation = true;
+        TogetherJSConfig_getUserName = function () {
+            return {{ session['user'].get('username')|tojson }};
+        };
+
+        TogetherJSConfig_getUserAvatar = function () {
+            return {{ session['user'].get('avatar')|tojson }};
+        };
+
+        TogetherJSConfig_getUserColor = function () {
+            return '#ff00ff';
+        };
+
+        TogetherJSConfig_on_ready = function () {
+           //$("#start-togetherjs").addClass('btn-danger').html($(this).data('end-togetherjs-html'));
+           $("#start-togetherjs").addClass('btn-danger').html('End Collaboration');
+
+        };
+        TogetherJSConfig_on_close = function () {
+            $("#start-togetherjs").removeClass('btn-danger').html('Collaborate')
+        };
+
+    </script>
     <script src="https://togetherjs.com/togetherjs-min.js"></script>
+
 {% endblock %}
 {% block body %}
 {% block css %}
@@ -33,9 +59,8 @@
                 <div class="pull-right">
 
                     <button class="btn btn-success btn-sm" id="start-togetherjs" type="button"
-                     onclick="TogetherJS(this); return false"
+                     onclick="TogetherJS(this); return false">
-                     data-end-togetherjs-html="End TogetherJS">
+                      Collaborate
-                      Start TogetherJS
                     </button>
 
                     <a href="#" id="drop6" role="button" class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown">Theme <b class="caret"></b></a>