Merge pull request #11834 from nextcloud/csp/federationmenu

Compile federationscope menu handlebars template

build/compile-handlebars-templates.sh

@@ -5,7 +5,7 @@ REPODIR=`git rev-parse --show-toplevel`
 cd $REPODIR
 
 # Settings
-handlebars -n OC.Settings.Templates  settings/js/authtoken.handlebars -f settings/js/templates.js
+handlebars -n OC.Settings.Templates  settings/js/templates -f settings/js/templates.js
 
 # Contactsmenu
 handlebars -n OC.ContactsMenu.Templates core/js/contactsmenu -f core/js/contactsmenu_templates.js

settings/js/federationscopemenu.js

@@ -11,22 +11,6 @@
 /* global OC, Handlebars */
 (function() {
 
-	var TEMPLATE_MENU =
-		'<ul>' +
-		'{{#each items}}' +
-		'<li>' +
-		'<a href="#" class="menuitem action action-{{name}} permanent {{#if active}}active{{/if}}" data-action="{{name}}">' +
-			'{{#if iconClass}}' +
-			'<span class="icon {{iconClass}}"></span>' +
-			'{{else}}' +
-			'<span class="no-icon"></span>' +
-			'{{/if}}' +
-			'<p><strong class="menuitem-text">{{displayName}}</strong><br>' +
-			'<span class="menuitem-text-detail">{{tooltip}}</span></p></a>' +
-		'</li>' +
-		'{{/each}}' +
-		'</ul>';
-
 	/**
 	 * Construct a new FederationScopeMenu instance
 	 * @constructs FederationScopeMenu
@@ -76,8 +60,6 @@
 			'click a.action': '_onClickAction'
 		},
 
-		template: Handlebars.compile(TEMPLATE_MENU),
-
 		/**
 		 * Event handler whenever an action has been clicked within the menu
 		 *
@@ -98,7 +80,7 @@
 		 * Renders the menu with the currently set items
 		 */
 		render: function() {
-			this.$el.html(this.template({
+			this.$el.html(OC.Settings.Templates['federationscopemenu']({
 				items: this._scopes
 			}));
 		},

settings/js/templates.js

@@ -46,4 +46,37 @@ templates['authtoken'] = template({"1":function(container,depth0,helpers,partial
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.canDelete : depth0),{"name":"if","hash":{},"fn":container.program(6, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
     + "		</div>\n	</td>\n<tr>\n";
 },"useData":true});
+templates['federationscopemenu'] = template({"1":function(container,depth0,helpers,partials,data) {
+    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression;
+
+  return "		<li>\n			<a href=\"#\" class=\"menuitem action action-"
+    + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
+    + " permanent "
+    + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.active : depth0),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\" data-action=\""
+    + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
+    + "\">\n"
+    + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.iconClass : depth0),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.program(6, data, 0),"data":data})) != null ? stack1 : "")
+    + "				<p>\n					<strong class=\"menuitem-text\">"
+    + alias4(((helper = (helper = helpers.displayName || (depth0 != null ? depth0.displayName : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"displayName","hash":{},"data":data}) : helper)))
+    + "</strong><br>\n					<span class=\"menuitem-text-detail\">"
+    + alias4(((helper = (helper = helpers.tooltip || (depth0 != null ? depth0.tooltip : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"tooltip","hash":{},"data":data}) : helper)))
+    + "</span>\n				</p>\n			</a>\n		</li>\n";
+},"2":function(container,depth0,helpers,partials,data) {
+    return "active";
+},"4":function(container,depth0,helpers,partials,data) {
+    var helper;
+
+  return "					<span class=\"icon "
+    + container.escapeExpression(((helper = (helper = helpers.iconClass || (depth0 != null ? depth0.iconClass : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"iconClass","hash":{},"data":data}) : helper)))
+    + "\"></span>\n";
+},"6":function(container,depth0,helpers,partials,data) {
+    return "					<span class=\"no-icon\"></span>\n";
+},"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1;
+
+  return "<ul>\n"
+    + ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.items : depth0),{"name":"each","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "</ul>\n";
+},"useData":true});
 })();

settings/js/templates/federationscopemenu.handlebars

@@ -0,0 +1,17 @@
+<ul>
+	{{#each items}}
+		<li>
+			<a href="#" class="menuitem action action-{{name}} permanent {{#if active}}active{{/if}}" data-action="{{name}}">
+				{{#if iconClass}}
+					<span class="icon {{iconClass}}"></span>
+				{{else}}
+					<span class="no-icon"></span>
+				{{/if}}
+				<p>
+					<strong class="menuitem-text">{{displayName}}</strong><br>
+					<span class="menuitem-text-detail">{{tooltip}}</span>
+				</p>
+			</a>
+		</li>
+	{{/each}}
+</ul>

settings/templates/settings/personal/personal.info.php

@@ -27,6 +27,7 @@
 
 script('settings', [
 	'usersettings',
+	'templates',
 	'federationsettingsview',
 	'federationscopemenu',
 	'settings/personalInfo',