From 1fdfb2c434a5a093b5028cd3e96abd7e5b24cb2a Mon Sep 17 00:00:00 2001
From: BatJan <1932158+BatJan@users.noreply.github.com>
Date: Tue, 26 Oct 2021 16:20:51 +0200
Subject: [PATCH] Add missing fallback texts

---
 .../templatesections/templatesections.html    | 48 ++++++++++---------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/templatesections/templatesections.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/templatesections/templatesections.html
index 1fdfdfb145..5e656bc260 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/templatesections/templatesections.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/templatesections/templatesections.html
@@ -20,33 +20,35 @@
                         <div class="umb-insert-code-box__check" ng-class="{'umb-insert-code-box__check--checked': model.insertType === 'renderBody'  }">
                             <umb-icon icon="icon-check" class="icon"></umb-icon>
                         </div>
-            
-                        <div class="umb-insert-code-box__title"><localize key="template_renderBody"></localize></div>
-            
+
+                        <div class="umb-insert-code-box__title"><localize key="template_renderBody">Render child template</localize></div>
+
                         <div class="umb-insert-code-box__description">
-                            <localize key="template_renderBodyDesc"></localize>
+                            <localize key="template_renderBodyDesc">Renders the contents of a child template, by inserting a <code>@RenderBody()</code> placeholder.</localize>
                         </div>
                     </div>
-            
+
                     <div class="umb-insert-code-box" ng-click="vm.select('renderSection')">
-            
+
                         <div class="umb-insert-code-box__check" ng-class="{'umb-insert-code-box__check--checked': model.insertType === 'renderSection' }">
                             <umb-icon icon="icon-check" class="icon"></umb-icon>
                         </div>
-                        <div class="umb-insert-code-box__title"><localize key="template_renderSection"></localize></div>
+                        <div class="umb-insert-code-box__title"><localize key="template_renderSection">Render a named section</localize></div>
                         <div class="umb-insert-code-box__description">
-                            <localize key="template_renderSectionDesc"></localize>
+                            <localize key="template_renderSectionDesc">Renders a named area of a child template, by inserting a <code>@RenderSection(name)</code> placeholder.
+                                This renders an area of a child template which is wrapped in a corresponding <code>@section [name]{ ... }</code> definition.
+                            </localize>
                         </div>
-            
+
                         <div ng-if="model.insertType === 'renderSection'" style="margin-top: 20px;">
                             <div style="margin-bottom: 20px;">
-                                <label class="bold"><localize key="template_sectionName"></localize> <span class="red">*</span></label>
+                                <label class="bold"><localize key="template_sectionName">Section Name</localize> <span class="red">*</span></label>
                                 <input type="text" name="renderSectionName" class="-full-width-input" ng-model="model.renderSectionName" required umb-auto-focus />
                                 <span ng-messages="templateSectionsForm.renderSectionName.$error" show-validation-on-submit>
-                                    <small class="red" ng-message="required"><localize key="required"></localize></small>
+                                    <small class="red" ng-message="required"><localize key="required">Required</localize></small>
                                 </span>
                             </div>
-            
+
                             <div>
                                 <div class="flex">
                                     <umb-checkbox model="model.mandatoryRenderSection"
@@ -55,33 +57,35 @@
                                 </div>
 
                                 <div class="umb-insert-code-box__description">
-                                    <localize key="template_sectionMandatoryDesc"></localize>
+                                    <localize key="template_sectionMandatoryDesc">If mandatory, the child template must contain a <code>@section</code> definition, otherwise an error is shown.</localize>
                                 </div>
                             </div>
                         </div>
-            
+
                     </div>
-            
+
                     <div class="umb-insert-code-box" ng-click="vm.select('addSection')">
-            
+
                         <div class="umb-insert-code-box__check" ng-class="{'umb-insert-code-box__check--checked': model.insertType === 'addSection'  }">
                             <umb-icon icon="icon-check" class="icon"></umb-icon>
                         </div>
-                        <div class="umb-insert-code-box__title"><localize key="template_defineSection"></localize></div>
+                        <div class="umb-insert-code-box__title"><localize key="template_defineSection">Define a named section</localize></div>
                         <div class="umb-insert-code-box__description">
-                            <localize key="template_defineSectionDesc"></localize>
+                            <localize key="template_defineSectionDesc">Defines a part of your template as a named section by wrapping it in <code>@section { ... }</code>.
+                                This can be rendered in a specific area of the parent of this template, by using <code>@RenderSection</code>.
+                            </localize>
                         </div>
-            
+
                         <div ng-if="model.insertType === 'addSection'" style="margin-top: 20px;">
                             <div>
-                                <label class="bold"><localize key="template_sectionName"></localize> <span class="red">*</span></label>
+                                <label class="bold"><localize key="template_sectionName">Section Name</localize> <span class="red">*</span></label>
                                 <input type="text" name="sectionName" class="-full-width-input" ng-model="model.sectionName" required umb-auto-focus />
                                 <span ng-messages="templateSectionsForm.sectionName.$error" show-validation-on-submit>
-                                    <small class="red" ng-message="required"><localize key="required"></localize></small>
+                                    <small class="red" ng-message="required"><localize key="required">Required</localize></small>
                                 </span>
                             </div>
                         </div>
-            
+
                     </div>
 
                 </umb-box-content>