Enable the user avatars in realtime applications by default

Author: yflory

src/classes/RTFrontend.ConfigurationClass.js

@@ -7,6 +7,15 @@ XClass(function (xcl, XWiki) {
   xcl.setDefaultWeb("");
   xcl.setNameField("");
   xcl.setValidationScript("");
+  xcl.addProp("useGlobalConfig", props.XBoolean.create({
+    "customDisplay": "",
+    "defaultValue": "",
+    "displayFormType": "checkbox",
+    "displayType": "",
+    "prettyName": "Use the main wiki configuration",
+    "validationMessage": "",
+    "validationRegExp": ""
+  }));
   xcl.addProp("toolbarUserlist", props.StaticList.create({
     "customDisplay": "",
     "picker": "0",

src/xwiki/RTFrontend/LoadEditors/objects/XWiki.JavaScriptExtension_0/code.js

@@ -100,15 +100,6 @@ define(['jquery', 'xwiki-meta'], function($, xm) {
     #end
     var userAvatarUrl = '$avatarUrl';
 
-    ## Configurable values
-    #set ($webhomeRef = $services.model.resolveDocument("RTFrontend.WebHome"))
-    #set ($configObj = $!xwiki.getDocument($webhomeRef).getObject('RTFrontend.ConfigurationClass'))
-
-    #set ($toolbarValue = $configObj.getProperty('toolbarUserlist').value)
-    var configToolbarUserlist = module.toolbarUserlist = "$!toolbarValue";
-    #set ($marginValue = $configObj.getProperty('marginAvatar').value)
-    var configMarginAvatar = module.marginAvatar = "$!marginValue";
-
     // END_VELOCITY
 
     if (!WEBSOCKET_URL) {

src/xwiki/RTFrontend/WebHome/objects/RTFrontend.ConfigurationClass_0/this.js

@@ -1,4 +1,5 @@
 XWikiObj(function (obj) {
-    obj.setMarginAvatar("0");
-    obj.setToolbarUserlist("name");
+    obj.setUseGlobalConfig("1");
+    obj.setMarginAvatar("1");
+    obj.setToolbarUserlist("both");
 });

src/xwiki/RTFrontend/WebHome/objects/XWiki.ConfigurableClass_0/codeToExecute.xwiki2

@@ -0,0 +1,28 @@
+{{html clean='false'}}
+<script>
+require(['jquery'], function (jQuery) {
+    var isMainWiki = $xcontext.isMainWiki();
+    var form = document.getElementById('realtime editors_RTFrontend.WebHome');
+    if (isMainWiki) {
+        jQuery(form).find('dt:first').hide();
+        return;
+    }
+    var useGlobalCheckbox = document.getElementById('RTFrontend.WebHome_RTFrontend.ConfigurationClass_1_useGlobalConfig');
+    var useGlobal = jQuery(useGlobalCheckbox).is(':checked');
+    var onChange = function (value) {
+        if (value) {
+            jQuery(form).find('input:visible, textarea:visible, select:visible').attr('disabled', 'disabled');
+            jQuery(useGlobalCheckbox).removeAttr('disabled');
+        }
+        else {
+            jQuery(form).find('input:visible, textarea:visible, select:visible').removeAttr('disabled');
+        }
+    };
+    onChange(useGlobal);
+    jQuery(useGlobalCheckbox).change(function() {
+        onChange(jQuery(this).is(':checked'));
+    });
+});
+</script>
+{{/html}}
+

src/xwiki/RTFrontend/WebHome/objects/XWiki.ConfigurableClass_0/this.js

@@ -0,0 +1,13 @@
+XWikiObj(function (obj) {
+    obj.setCategoryIcon("");
+    obj.setConfigurationClass("RTFrontend.ConfigurationClass");
+    obj.setConfigureGlobally("1");
+    obj.setDisplayBeforeCategory("");
+    obj.setDisplayInCategory("");
+    obj.setDisplayInSection("Realtime Editors");
+    obj.setHeading("Commons");
+    obj.setIconAttachment("");
+    obj.setLinkPrefix("");
+    obj.setPropertiesToShow("");
+    obj.setSectionOrder("");
+});

src/xwiki/RTFrontend/WebHome/objects/XWiki.UIExtensionClass_0/content.xwiki2

@@ -0,0 +1,14 @@
+{{velocity}}
+{{html clean=false}}
+#set ($data = {"version" : "$!tdoc.version", "locale" : "$!tdoc.locale"})
+#set ($webhomeRef = $services.model.resolveDocument("RTFrontend.WebHome"))
+#set ($configObj = $xwiki.getDocument($webhomeRef).getObject('RTFrontend.ConfigurationClass'))
+#if ("$!configObj.getProperty('useGlobalConfig').value" != "0")
+    #set ($mainWebhomeRef = $services.model.createDocumentReference($xcontext.getMainWikiName(), "RTFrontend", "WebHome"))
+    #set ($configObj = $!xwiki.getDocument($mainWebhomeRef).getObject('RTFrontend.ConfigurationClass'))
+#end
+#set ($dataConfig = {"toolbarUserlist" : "$!{configObj.getProperty('toolbarUserlist').value}", "marginAvatar" : "$!{configObj.getProperty('marginAvatar').value}"})
+<div style="display:none" id="realtime-frontend-getversion">$jsontool.serialize($data)</div>
+<div style="display:none" id="realtime-frontend-getconfig">$jsontool.serialize($dataConfig)</div>
+{{/html}}
+{{/velocity}}

src/xwiki/RTFrontend/WebHome/objects/XWiki.UIExtensionClass_0/this.js

@@ -1,5 +1,4 @@
 XWikiObj(function (obj) {
-    obj.setContent("{{velocity}}\r\n{{html clean=false}}\r\n#set ($data = {\"version\" : \"$!tdoc.version\", \"locale\" : \"$!tdoc.locale\"})\r\n#set ($webhomeRef = $services.model.resolveDocument(\"RTFrontend.WebHome\"))\r\n#set ($configObj = $xwiki.getDocument($webhomeRef).getObject('RTFrontend.ConfigurationClass'))\r\n#set ($dataConfig = {\"toolbarUserlist\" : \"$!{configObj.getProperty('toolbarUserlist').value}\", \"marginAvatar\" : \"$!{configObj.getProperty('marginAvatar').value}\"})\r\n<div style=\"display:none\" id=\"realtime-frontend-getversion\">$jsontool.serialize($data)</div>\r\n<div style=\"display:none\" id=\"realtime-frontend-getconfig\">$jsontool.serialize($dataConfig)</div>\r\n{{/html}}\r\n{{/velocity}}");
     obj.setExtensionPointId("org.xwiki.platform.template.header.after");
     obj.setName("header.rtfrontend.getVersion");
     obj.setParameters("");