From 336f2c2d5b7472b6325ccf2fa01436c91a945a4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Kottal?= <sk@ecreo.dk>
Date: Sat, 13 Nov 2021 15:30:03 +0100
Subject: [PATCH] Makes the template column i NC config expandable

---
 .../nestedcontent.doctypepicker.controller.js             | 3 ++-
 .../nestedcontent/nestedcontent.doctypepicker.html        | 8 ++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.controller.js
index d4380d6c64..9464f494cb 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.controller.js
@@ -1,4 +1,4 @@
-angular.module("umbraco").controller("Umbraco.PropertyEditors.NestedContent.DocTypePickerController", [
+angular.module("umbraco").controller("Umbraco.PropertyEditors.NestedContent.DocTypePickerController", [
 
     "$scope",
     "Umbraco.PropertyEditors.NestedContent.Resources",
@@ -10,6 +10,7 @@
         var selectElementTypeModalTitle = "";
 
         $scope.elemTypeTabs = [];
+        $scope.expandTemplate = false;
 
 
         init();
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.html
index f429c04f1d..58843db6ae 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.doctypepicker.html
@@ -1,4 +1,4 @@
-<div id="{{model.alias}}" class="umb-nested-content__doctypepicker" ng-controller="Umbraco.PropertyEditors.NestedContent.DocTypePickerController">
+<div id="{{model.alias}}" class="umb-nested-content__doctypepicker" ng-controller="Umbraco.PropertyEditors.NestedContent.DocTypePickerController">
     <div>
         <table class="table table-striped">
             <thead>
@@ -10,7 +10,11 @@
                     <th>
                         <localize key="general_group">Group</localize>
                     </th>
-                    <th>
+                    <th ng-class="{'w-100':expandTemplate}">
+                        <button type="button" class="pull-right p0 btn btn-link" ng-click="expandTemplate = !expandTemplate"
+                                ng-class="{'fa-flip-horizontal': !expandTemplate}">
+                          <umb-icon icon="icon-tab-key"></umb-icon>
+                        </button>
                         <localize key="template_template">Template</localize>
                     </th>
                     <th></th>