From bc4e97be4869589ba0f91dba9e197ba9f4aa4f27 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Wed, 21 Mar 2018 13:39:16 +0100
Subject: [PATCH] fixes: U4-11120 Create new Language dashboard to
 create/remove/set default languages - angular

---
 .../components/buttons/umbbutton.directive.js |   6 +
 src/Umbraco.Web.UI.Client/src/less/belle.less |   1 +
 .../src/less/components/html/umb-alert.less   |  11 ++
 .../src/less/components/umb-box.less          |   2 +-
 .../less/components/umb-load-indicator.less   |   2 +-
 .../less/components/users/umb-permission.less |   4 +
 .../src/less/tables.less                      |  15 ++-
 .../src/less/variables.less                   |   4 +-
 .../views/components/buttons/umb-button.html  |   4 +-
 .../components/editor/umb-editor-header.html  |   2 +-
 .../src/views/languages/edit.controller.js    | 122 ++++++++++++++++++
 .../src/views/languages/edit.html             |  96 ++++++++++++++
 .../views/languages/overview.controller.js    | 113 ++++++++++++++++
 .../src/views/languages/overview.html         |  58 +++++++++
 src/Umbraco.Web.UI/umbraco/config/lang/en.xml |   1 +
 .../umbraco/config/lang/en_us.xml             |  10 ++
 16 files changed, 437 insertions(+), 14 deletions(-)
 create mode 100644 src/Umbraco.Web.UI.Client/src/less/components/html/umb-alert.less
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/languages/edit.controller.js
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/languages/edit.html
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/languages/overview.controller.js
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/languages/overview.html

diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/buttons/umbbutton.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/buttons/umbbutton.directive.js
index 4b0bdb6c71..89f244f4d7 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/buttons/umbbutton.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/buttons/umbbutton.directive.js
@@ -125,6 +125,12 @@ Use this directive to render an umbraco button. The directive can be used to gen
 
          });
 
+         scope.clickButton = function(event) {
+            if(scope.action) {
+                scope.action({$event: event});
+            }
+         };
+
          scope.$on('$destroy', function() {
             unbindStateWatcher();
          });
diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index 1834e98529..e71466348e 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/belle.less
@@ -88,6 +88,7 @@
 @import "components/application/umb-language-picker.less";
 
 @import "components/html/umb-expansion-panel.less";
+@import "components/html/umb-alert.less";
 
 @import "components/editor.less";
 @import "components/overlays.less";
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/html/umb-alert.less b/src/Umbraco.Web.UI.Client/src/less/components/html/umb-alert.less
new file mode 100644
index 0000000000..ef8834f767
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/less/components/html/umb-alert.less
@@ -0,0 +1,11 @@
+.umb-alert {
+    padding: 15px;
+    box-sizing: border-box;
+    background-color: @turquoise-washed;
+    border: 1px solid @turquoise; 
+}
+
+.umb-alert--info {
+    background-color: @turquoise-washed;
+    border: 1px solid @turquoise;
+}
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-box.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-box.less
index b6a8f060f3..f2cacc26b3 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-box.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-box.less
@@ -7,6 +7,7 @@
 
 .umb-box-header {
     padding: 10px 20px;
+    border-bottom: 1px solid @gray-9;
 }
 
 .umb-box-header-title {
@@ -24,5 +25,4 @@
 
 .umb-box-content {
     padding: 20px;
-    border-top: 1px solid @gray-9;
 }
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-load-indicator.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-load-indicator.less
index 6d60e969a0..38e0b643a2 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-load-indicator.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-load-indicator.less
@@ -48,7 +48,7 @@
   }
   50%   {
     transform: scale(1);
-    background: white;
+    background: transparent;
   }
   100% {
     transform: scale(0.5);
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less
index faed098fc8..54116e9093 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less
@@ -4,6 +4,10 @@
     padding: 7px 0;
 }
 
+.umb-permission--disabled {
+    opacity: 0.8;
+}
+
 .umb-permission:last-of-type {
     border-bottom: none;
 }
diff --git a/src/Umbraco.Web.UI.Client/src/less/tables.less b/src/Umbraco.Web.UI.Client/src/less/tables.less
index 3c63785957..abf3af40f6 100644
--- a/src/Umbraco.Web.UI.Client/src/less/tables.less
+++ b/src/Umbraco.Web.UI.Client/src/less/tables.less
@@ -13,22 +13,20 @@ table {
   border-spacing: 0;
 }
 
-table thead {
-  background-color: @gray-10;
-}
-
-
 // BASELINE STYLES
 // ---------------
 
 .table {
   width: 100%;
   margin-bottom: @baseLineHeight;
-  border: 1px solid @gray-8;
+  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16);
+  background: @tableBackground;
+  border-radius: @baseBorderRadius;
+  font-size: 14px;
   // Cells
   th,
   td {
-    padding: 10px 8px;
+    padding: 10px 20px;
     line-height: @baseLineHeight;
     text-align: left;
     border-top: 1px solid @tableBorder;
@@ -38,6 +36,9 @@ table thead {
   }
   // Bottom align for column headings
   thead th {
+    padding-top: 15px;
+    padding-bottom: 15px;
+    color: @gray-3;
     vertical-align: bottom;
   }
   // Remove top border from thead by default
diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less
index 0c93ad027b..6e31587471 100644
--- a/src/Umbraco.Web.UI.Client/src/less/variables.less
+++ b/src/Umbraco.Web.UI.Client/src/less/variables.less
@@ -154,10 +154,10 @@
 
 // Tables
 // -------------------------
-@tableBackground:                   transparent; // overall background-color
+@tableBackground:                   @white; // overall background-color
 @tableBackgroundAccent:             @gray-10; // for striping
 @tableBackgroundHover:              @gray-10; // for hover
-@tableBorder:                       @gray-8; // table and cell border
+@tableBorder:                       @gray-9; // table and cell border
 
 // Buttons
 // -------------------------
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-button.html b/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-button.html
index aadba077e8..fdcfc25a46 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-button.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-button.html
@@ -8,7 +8,7 @@
 
    <div ng-if="state !== 'init'" class="umb-button__overlay"></div>
 
-   <a ng-if="type === 'link'" href="{{href}}" class="btn umb-button__button {{style}} umb-button--{{size}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}">
+   <a ng-if="type === 'link'" href="{{href}}" class="btn umb-button__button {{style}} umb-button--{{size}}" ng-click="clickButton($event)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}">
       <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
          <i ng-if="icon" class="{{icon}} umb-button__icon"></i>
          <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
@@ -16,7 +16,7 @@
       </span>
    </a>
 
-   <button ng-if="type === 'button'" type="button" class="btn umb-button__button {{style}} umb-button--{{size}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
+   <button ng-if="type === 'button'" type="button" class="btn umb-button__button {{style}} umb-button--{{size}}" ng-click="clickButton($event)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
       <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
          <i ng-if="icon" class="{{icon}} umb-button__icon"></i>
          <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
index 5770750047..b436af06f6 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
@@ -2,7 +2,7 @@
     
     <div class="flex items-center" style="height: 100%;">
 
-        <div ng-if="showBackButton && splitViewOpen !== true" style="margin-right: 15px;">
+        <div ng-if="showBackButton === 'true' && splitViewOpen !== true" style="margin-right: 15px;">
             <a class="umb-editor-header__back" href="#" ng-click="goBack()" prevent-default>
                 <i class="fa fa-arrow-left" aria-hidden="true"></i>
             </a>
diff --git a/src/Umbraco.Web.UI.Client/src/views/languages/edit.controller.js b/src/Umbraco.Web.UI.Client/src/views/languages/edit.controller.js
new file mode 100644
index 0000000000..1210afc3d5
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/languages/edit.controller.js
@@ -0,0 +1,122 @@
+(function () {
+    "use strict";
+
+    function LanguagesEditController($timeout, $location, $routeParams, notificationsService, localizationService) {
+
+        var vm = this;
+
+        vm.page = {};
+        vm.language = {};
+        vm.availableLanguages = [];
+        vm.breadcrumbs = [];
+        vm.labels = {};
+        vm.initIsDefault = false;
+        vm.showDefaultLanguageInfo = false;
+
+        vm.save = save;
+        vm.back = back;
+        vm.goToPage = goToPage;
+        vm.toggleMandatory = toggleMandatory;
+        vm.toggleDefault = toggleDefault;
+
+        function init() {
+
+            // localize labels
+            var labelKeys = [
+                "treeHeaders_languages",
+                "languages_mandatoryLanguage",
+                "languages_mandatoryLanguageHelp",
+                "languages_defaultLanguage",
+                "languages_defaultLanguageHelp"
+            ];
+
+            localizationService.localizeMany(labelKeys).then(function (values) {
+                vm.labels.languages = values[0];
+                vm.labels.mandatoryLanguage = values[1];
+                vm.labels.mandatoryLanguageHelp = values[2];
+                vm.labels.defaultLanguage = values[3];
+                vm.labels.defaultLanguageHelp = values[4];
+            });
+
+            if($routeParams.create) {
+                vm.page.name = "Add language";
+            } else {
+                vm.loading = true;
+
+                // fake loading the language
+                $timeout(function () {
+                    vm.language = {
+                        "name": "English (United States)",
+                        "culture": "en-US",
+                        "isDefault": false,
+                        "isMandatory": false
+                    };
+                    vm.page.name = vm.language.name;
+
+                    /* we need to store the initial default state so we can disabel the toggle if it is the default.
+                    we need to prevent from not having a default language. */
+                    vm.initIsDefault = angular.copy(vm.language.isDefault);
+
+                    vm.loading = false;
+                    makeBreadcrumbs();
+
+                }, 1000);
+            }
+        }
+
+        function save() {
+            vm.page.saveButtonState = "busy";
+            // fake saving the language
+            $timeout(function(){
+                vm.page.saveButtonState = "success";
+                notificationsService.success(localizationService.localize("speechBubbles_languageSaved"));
+            }, 1000);
+        }
+
+        function back() {
+            $location.path("settings/languages/overview");
+        }
+
+        function goToPage(ancestor) {
+            $location.path(ancestor.path);
+        }
+
+        function toggleMandatory() {
+            if(!vm.language.isDefault) {
+                vm.language.isMandatory = !vm.language.isMandatory;
+            }
+        }
+
+        function toggleDefault() {
+            
+            // it shouldn't be possible to uncheck the default language
+            if(vm.initIsDefault) {
+                return;
+            }
+
+            vm.language.isDefault = !vm.language.isDefault;
+            if(vm.language.isDefault) {
+                vm.language.isMandatory = true;
+                vm.showDefaultLanguageInfo = true;
+            }
+        }
+
+        function makeBreadcrumbs() {
+            vm.breadcrumbs = [
+                {
+                    "name": vm.labels.languages,
+                    "path": "/settings/languages/overview"
+                },
+                {
+                    "name": vm.language.name
+                }
+            ];
+        }
+
+        init();
+
+    }
+
+    angular.module("umbraco").controller("Umbraco.Editors.Languages.EditController", LanguagesEditController);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/views/languages/edit.html b/src/Umbraco.Web.UI.Client/src/views/languages/edit.html
new file mode 100644
index 0000000000..612396bd13
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/languages/edit.html
@@ -0,0 +1,96 @@
+<div data-element="editor-languages" ng-controller="Umbraco.Editors.Languages.EditController as vm" class="clearfix">
+
+    <form name="editLanguageForm" no-validate val-form-manager>
+
+        <umb-editor-view>
+    
+            <umb-editor-header
+                name="vm.page.name"
+                name-locked="true"
+                on-back="vm.back()"
+                show-back-button="true"
+                hide-icon="true"
+                hide-description="true"
+                hide-alias="true">
+            </umb-editor-header>
+    
+            <umb-editor-container>
+
+                <umb-load-indicator ng-if="vm.loading"></umb-load-indicator>
+
+                <umb-box ng-if="!vm.loading" class="block-form">
+                    <umb-box-content>
+
+                        <umb-control-group label="@general_language">
+                            <select 
+                                class="input-block-level"
+                                ng-model="vm.newLanguage.culture"
+                                ng-options="key as value for (key, value) in vm.availableCultures">
+                            </select>
+                        </umb-control-group>
+
+                        <umb-control-group label="@general_settings">
+
+                            <div class="umb-permission" ng-click="vm.toggleDefault()" ng-class="{'umb-permission--disabled': vm.initIsDefault}">
+                                <umb-toggle
+                                    class="umb-permission__toggle"
+                                    checked="vm.language.isDefault">
+                                </umb-toggle>
+                                <div class="umb-permission__content" >
+                                    <div>{{vm.labels.defaultLanguage}}</div>
+                                    <div class="umb-permission__description">{{vm.labels.defaultLanguageHelp}}</div>
+                                </div>
+                            </div>
+
+                            <div class="umb-permission" ng-click="vm.toggleMandatory()" ng-class="{'umb-permission--disabled': vm.language.isDefault}">
+                                <umb-toggle
+                                    class="umb-permission__toggle"
+                                    checked="vm.language.isMandatory">
+                                </umb-toggle>
+                                <div class="umb-permission__content">
+                                    <div>{{vm.labels.mandatoryLanguage}}</div>
+                                    <div class="umb-permission__description">{{vm.labels.mandatoryLanguageHelp}}</div>
+                                </div>
+                            </div>
+
+                            <div class="umb-alert umb-alert--info" style="margin-top: 20px;" ng-if="vm.showDefaultLanguageInfo">
+                                <localize key="languages_changingDefaultLanguageWarning"></localize>
+                            </div>
+
+                        </umb-control-group>
+
+                    </umb-box-content>
+                </umb-box>
+    
+            </umb-editor-container>
+
+            <umb-editor-footer>
+
+                <umb-editor-footer-content-left>
+                    <umb-breadcrumbs
+                        ancestors="vm.breadcrumbs"
+                        allow-on-open="true"
+                        on-open="vm.goToPage(ancestor)">
+                    </umb-breadcrumbs>
+                </umb-editor-footer-content-left>
+
+                <umb-editor-footer-content-right>
+                    <umb-button 
+                        type="button"
+                        action="vm.save()"
+                        state="vm.page.saveButtonState"
+                        button-style="success"
+                        shortcut="ctrl+s"
+                        label="Save"
+                        label-key="buttons_save"
+                        disabled="vm.loading">
+                    </umb-button>
+                </umb-editor-footer-content-right>
+
+            </umb-editor-footer>
+    
+        </umb-editor-view>
+
+    </form>
+    
+</div>
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/views/languages/overview.controller.js b/src/Umbraco.Web.UI.Client/src/views/languages/overview.controller.js
new file mode 100644
index 0000000000..fd5a40c5f4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/languages/overview.controller.js
@@ -0,0 +1,113 @@
+(function () {
+    "use strict";
+
+    function LanguagesOverviewController($timeout, $location, notificationsService, localizationService) {
+
+        var vm = this;
+
+        vm.page = {};
+        vm.languages = [];
+        vm.labels = {};
+
+        vm.addLanguage = addLanguage;
+        vm.editLanguage = editLanguage;
+        vm.deleteLanguage = deleteLanguage;
+
+        function init() {
+
+            vm.loading = true;
+
+            // localize labels
+            var labelKeys = [
+                "treeHeaders_languages",
+                "general_mandatory",
+                "general_default",
+            ];
+
+            localizationService.localizeMany(labelKeys).then(function (values) {
+                vm.labels.languages = values[0];
+                vm.labels.mandatory = values[1];
+                vm.labels.general = values[2];
+                // set page name
+                vm.page.name = vm.labels.languages;
+            });
+
+            $timeout(function () {
+
+                vm.languages = [
+                    {  
+                        "id": 1,
+                        "cultureDisplayName": "English (United States)",
+                        "culture": "en-US",
+                        "isDefault": true,
+                        "isMandatory": true
+                    },
+                    {
+                        "id": 2,
+                        "cultureDisplayName": "Danish",
+                        "culture": "da-DK",
+                        "isDefault": false,
+                        "isMandatory": true
+                    },
+                    {
+                        "id": 3,
+                        "cultureDisplayName": "Spanish (Spain)",
+                        "culture": "es-ES",
+                        "isDefault": false,
+                        "isMandatory": false
+                    },
+                    {
+                        "id": 4,
+                        "cultureDisplayName": "French (France)",
+                        "culture": "fr-FR",
+                        "isDefault": false,
+                        "isMandatory": false
+                    },
+                    {
+                        "id": 5,
+                        "cultureDisplayName": "German (Germany)",
+                        "culture": "de-DE",
+                        "isDefault": false,
+                        "isMandatory": true
+                    }
+                ];
+
+                vm.loading = false;
+
+            }, 1000);
+
+            /*
+            $timeout(function () {
+                navigationService.syncTree({ tree: "languages", path: "-1" });
+            });
+            */
+        }
+
+        function addLanguage() {
+            $location.search('create', null);
+            $location.path("/settings/languages/edit/-1").search("create", "true");
+        }
+
+        function editLanguage(language) {
+            $location.search('create', null);
+            $location.path("/settings/languages/edit/" + language.id);
+        }
+
+        function deleteLanguage(language, event) {
+            confirm("Are you sure you want to delete " + language.cultureDisplayName + "?");
+            language.deleteButtonState = "busy";
+            $timeout(function(){
+                var index = vm.languages.indexOf(language);
+                vm.languages.splice(index, 1);
+            }, 1000);
+            event.preventDefault()
+            event.stopPropagation();
+        }
+
+        init();
+
+    }
+
+    angular.module("umbraco").controller("Umbraco.Editors.Languages.OverviewController", LanguagesOverviewController);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/views/languages/overview.html b/src/Umbraco.Web.UI.Client/src/views/languages/overview.html
new file mode 100644
index 0000000000..bfea37ea4a
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/languages/overview.html
@@ -0,0 +1,58 @@
+<div data-element="editor-languages" ng-controller="Umbraco.Editors.Languages.OverviewController as vm" class="clearfix">
+
+    <umb-editor-view footer="false">
+
+        <umb-editor-header
+            name="vm.page.name"
+            name-locked="true"
+            hide-icon="true"
+            hide-description="true"
+            hide-alias="true">
+        </umb-editor-header>
+
+        <umb-editor-container>
+            
+            <umb-load-indicator ng-if="vm.loading"></umb-load-indicator>
+
+            <umb-editor-sub-header>
+
+                <umb-editor-sub-header-content-left>
+                    <umb-button
+                        button-style="success"
+                        type="button" 
+                        action="vm.addLanguage()"
+                        label-key="languages_addLanguage">
+                    </umb-button>
+                </umb-editor-sub-header-content-left>
+
+            </umb-editor-sub-header>
+            
+            <table class="table table-hover" ng-if="!vm.loading">
+                <tbody>
+                    <tr ng-repeat="language in vm.languages" ng-click="vm.editLanguage(language)" style="cursor: pointer;">
+                        <td>
+                            <i class="icon-globe" style="color: #BBBABF; margin-right: 5px;"></i>
+                            <span class="bold">{{ language.cultureDisplayName }}</span>
+                            <span ng-if="language.isDefault">- {{vm.labels.general}}</span>
+                        </td>
+                        <td><span ng-if="language.isMandatory">{{vm.labels.mandatory}}</span></td>
+                        <td style="text-align: right;">
+                            <umb-button
+                                ng-if="!language.isDefault"
+                                type="button"
+                                size="xxs"
+                                button-style="danger"
+                                state="language.deleteButtonState"
+                                action="vm.deleteLanguage(language, $event)"
+                                label-key="general_delete">
+                            </umb-button>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </umb-editor-container>
+
+    </umb-editor-view>
+
+</div>
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI/umbraco/config/lang/en.xml b/src/Umbraco.Web.UI/umbraco/config/lang/en.xml
index e719445c63..8ac7298e6b 100644
--- a/src/Umbraco.Web.UI/umbraco/config/lang/en.xml
+++ b/src/Umbraco.Web.UI/umbraco/config/lang/en.xml
@@ -621,6 +621,7 @@
         <key alias="searchNoResult">Sorry, we can not find what you are looking for</key>
         <key alias="noItemsInList">No items have been added</key>
         <key alias="server">Server</key>
+        <key alias="settings">Settings</key>
         <key alias="show">Show</key>
         <key alias="showPageOnSend">Show page on Send</key>
         <key alias="size">Size</key>
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 c9fbce435d..2d63c614e0 100644
--- a/src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml
+++ b/src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml
@@ -620,6 +620,7 @@
         <key alias="searchNoResult">Sorry, we can not find what you are looking for</key>
         <key alias="noItemsInList">No items have been added</key>
         <key alias="server">Server</key>
+        <key alias="settings">Settings</key>
         <key alias="show">Show</key>
         <key alias="showPageOnSend">Show page on Send</key>
         <key alias="size">Size</key>
@@ -1632,6 +1633,15 @@ To manage your website, simply open the Umbraco back office and start adding con
         <key alias="tabHasNoSortOrder">tab has no sort order</key>
     </area>
 
+    <area alias="languages">
+        <key alias="addLanguage">Add language</key>
+        <key alias="mandatoryLanguage">Mandatory</key>
+        <key alias="mandatoryLanguageHelp">Properties on this language has to be filled out before the node can be published.</key>
+        <key alias="defaultLanguage">Default language</key>
+        <key alias="defaultLanguageHelp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non velit eu nunc dignissim rhoncus eget nec sem.</key>
+        <key alias="changingDefaultLanguageWarning">Some warning here about the consequences of changing the default language.</key>
+    </area>
+
     <area alias="modelsBuilder">
         <key alias="buildingModels">Building models</key>
         <key alias="waitingMessage">this can take a bit of time, don't worry</key>