From cc04a1c8fe9d7d3c639d744a618bfd9cd631a41a Mon Sep 17 00:00:00 2001
From: Jan Skovgaard <jaskov@gmail.com>
Date: Tue, 26 May 2020 18:01:17 +0200
Subject: [PATCH] Content templates dashboard: Add translations and move styles
 external (#6888)

---
 src/Umbraco.Web.UI.Client/src/less/belle.less |  1 +
 .../less/dashboards/content-templates.less    | 22 +++++++++++
 .../src/views/contentblueprints/intro.html    | 37 ++++++++++++-------
 src/Umbraco.Web.UI/Umbraco/config/lang/en.xml | 17 +++++++++
 .../Umbraco/config/lang/en_us.xml             | 17 +++++++++
 5 files changed, 81 insertions(+), 13 deletions(-)
 create mode 100644 src/Umbraco.Web.UI.Client/src/less/dashboards/content-templates.less

diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index 174f9f41d7..f0d7c6f1e1 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/belle.less
@@ -227,6 +227,7 @@
 @import "dashboards/umbraco-forms.less";
 @import "dashboards/examine-management.less";
 @import "dashboards/healthcheck.less";
+@import "dashboards/content-templates.less";
 @import "dashboards/nucache.less";
 
 @import "typeahead.less";
diff --git a/src/Umbraco.Web.UI.Client/src/less/dashboards/content-templates.less b/src/Umbraco.Web.UI.Client/src/less/dashboards/content-templates.less
new file mode 100644
index 0000000000..9966fc97e1
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/less/dashboards/content-templates.less
@@ -0,0 +1,22 @@
+.content-templates-dashboard{
+    p{
+        line-height: 1.6em;
+        margin-bottom: 30px;
+
+        &:last-child{
+            margin-bottom: 0;
+        }
+    }
+
+    ul{
+        margin-bottom: 15px;
+    }
+
+    li{
+        margin-bottom: 5px;
+
+        &:last-child{
+            margin-bottom: 0;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/views/contentblueprints/intro.html b/src/Umbraco.Web.UI.Client/src/views/contentblueprints/intro.html
index ce423225f6..66695ace91 100644
--- a/src/Umbraco.Web.UI.Client/src/views/contentblueprints/intro.html
+++ b/src/Umbraco.Web.UI.Client/src/views/contentblueprints/intro.html
@@ -12,21 +12,32 @@
         <umb-editor-container>
 
             <umb-box>
-                <umb-box-content>
-                    <h3>What are Content Templates?</h3>
-                    <p style="line-height: 1.6em; margin-bottom: 30px;">Content Templates are pre-defined content that can be selected when creating a new content node.</p>
+                <umb-box-content class="content-templates-dashboard">
+                    <h3>
+                        <localize key="contentTemplatesDashboard_whatHeadline">What are Content Templates?</localize>
+                    </h3>
+                    <p>
+                        <localise key="contentTemplatesDashboard_whatDescription">Content Templates are pre-defined content that can be selected when creating a new content node.</localize>
+                    </p>
                     
-                    <h4 class="bold">How do I create a Content Template?</h4>
-                    <p style="line-height: 1.6em;">There are two ways to create a Content Template:</p>
-                    <ul style="margin-bottom: 15px;">
-                        <li style="margin-bottom: 5px;">Right-click a content node and select "Create Content Template" to create a new Content Template.</li>
-                        <li>Right-click the Content Templates tree in the Settings section and select the Document Type you want to create a Content Template for.</li>
-                    </ul>
-                    <p style="line-height: 1.6em; margin-bottom: 30px;">Once given a name, editors can start using the Content Template as a foundation for their new page.</p>
+                    <h4 class="bold">
+                        <localize key="contentTemplatesDashboard_createHeadline">How do I create a Content Template?</localize>
+                    </h4>
+                    <localize key="contentTemplatesDashboard_createDescription">
+                        <p>There are two ways to create a Content Template:</p>
+                        <ul>
+                            <li>Right-click a content node and select "Create Content Template" to create a new Content Template.</li>
+                            <li>Right-click the Content Templates tree in the Settings section and select the Document Type you want to create a Content Template for.</li>
+                        </ul>
+                        <p>Once given a name, editors can start using the Content Template as a foundation for their new page.</p>
+                    </localize>
 
-                    <h4 class="bold">How do I manage Content Templates</h4>
-                    <p style="line-height: 1.6em;">You can edit and delete Content Templates from the "Content Templates" tree in the Settings section. Just expand the Document Type which the 
-                        Content Template is based on and click it to edit or delete it.</p>
+                    <h4 class="bold">
+                        <localize key="contentTemplatesDashboard_manageHeadline">How do I manage Content Templates?</localize>
+                    </h4>
+                    <p>
+                        <localize key="contentTemplatesDashboard_manageDescription">You can edit and delete Content Templates from the "Content Templates" tree in the Settings section. Just expand the Document Type which the Content Template is based on and click it to edit or delete it.</localize>
+                    </p>
                 </umb-box-content>
             </umb-box>
 
diff --git a/src/Umbraco.Web.UI/Umbraco/config/lang/en.xml b/src/Umbraco.Web.UI/Umbraco/config/lang/en.xml
index e4f9ed7b91..e96ef754c4 100644
--- a/src/Umbraco.Web.UI/Umbraco/config/lang/en.xml
+++ b/src/Umbraco.Web.UI/Umbraco/config/lang/en.xml
@@ -2423,4 +2423,21 @@ To manage your website, simply open the Umbraco back office and start adding con
     <key alias="formsHeadline">Umbraco Forms</key>
     <key alias="formsDescription">Create forms using an intuitive drag and drop interface. From simple contact forms that sends e-mails to advanced questionaires that integrate with CRM systems. Your clients will love it!</key>
   </area>
+  <area alias="contentTemplatesDashboard">
+    <key alias="whatHeadline">What are Content Templates?</key>
+    <key alias="whatDescription">Content Templates are pre-defined content that can be selected when creating a new content node.</key>
+    <key alias="createHeadline">How do I create a Content Template?</key>
+    <key alias="createDescription">
+        <![CDATA[
+            <p>There are two ways to create a Content Template:</p>
+            <ul>
+                <li>Right-click a content node and select "Create Content Template" to create a new Content Template.</li>
+                <li>Right-click the Content Templates tree in the Settings section and select the Document Type you want to create a Content Template for.</li>
+            </ul>
+            <p>Once given a name, editors can start using the Content Template as a foundation for their new page.</p>
+        ]]>
+    </key>
+    <key alias="manageHeadline">How do I manage Content Templates?</key>
+    <key alias="manageDescription">You can edit and delete Content Templates from the "Content Templates" tree in the Settings section. Expand the Document Type which the Content Template is based on and click it to edit or delete it.</key>
+  </area>
 </language>
diff --git a/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml b/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
index 5fc037d8b3..2bb6495977 100644
--- a/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
+++ b/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
@@ -2443,4 +2443,21 @@ To manage your website, simply open the Umbraco back office and start adding con
     <key alias="formsHeadline">Umbraco Forms</key>
     <key alias="formsDescription">Create forms using an intuitive drag and drop interface. From simple contact forms that sends e-mails to advanced questionaires that integrate with CRM systems. Your clients will love it!</key>
   </area>
+  <area alias="contentTemplatesDashboard">
+    <key alias="whatHeadline">What are Content Templates?</key>
+    <key alias="whatDescription">Content Templates are pre-defined content that can be selected when creating a new content node.</key>
+    <key alias="createHeadline">How do I create a Content Template?</key>
+    <key alias="createDescription">
+        <![CDATA[
+            <p>There are two ways to create a Content Template:</p>
+            <ul>
+                <li>Right-click a content node and select "Create Content Template" to create a new Content Template.</li>
+                <li>Right-click the Content Templates tree in the Settings section and select the Document Type you want to create a Content Template for.</li>
+            </ul>
+            <p>Once given a name, editors can start using the Content Template as a foundation for their new page.</p>
+        ]]>
+    </key>
+    <key alias="manageHeadline">How do I manage Content Templates?</key>
+    <key alias="manageDescription">You can edit and delete Content Templates from the "Content Templates" tree in the Settings section. Expand the Document Type which the Content Template is based on and click it to edit or delete it.</key>
+  </area>
 </language>