From 7636cd5eb60bdf008648555a7288c8304824222a Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 5 Apr 2018 14:40:57 +0200
Subject: [PATCH] add new publish overlay

---
 .../overlays/publish/publish.controller.js    | 63 +++++++++++++++++++
 .../common/overlays/publish/publish.html      | 27 ++++++++
 2 files changed, 90 insertions(+)
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.controller.js
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.controller.js b/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.controller.js
new file mode 100644
index 0000000000..45a2856066
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.controller.js
@@ -0,0 +1,63 @@
+(function () {
+    "use strict";
+
+    function PublishController($scope, $timeout) {
+
+        var vm = this;
+        vm.variants = [];
+        vm.loading = true;
+
+        function onInit() {
+
+            vm.loading = true;
+
+            $timeout(function(){
+
+                vm.variants = [
+                    {
+                        "cultureDisplayName": "English (United States)",
+                        "culture": "en-US",
+                        "state": "Published (pending changes)",
+                        "selected": false,
+                        "validationError": false,
+                        "validationErrorMessage": ""
+                    },
+                    {
+                        "cultureDisplayName": "Spanish (Spain)",
+                        "culture": "es-ES",
+                        "state": "Draft",
+                        "selected": false,
+                        "validationError": false,
+                        "validationErrorMessage": ""
+                    },
+                    {
+                        "cultureDisplayName": "French (France)",
+                        "culture": "fr-FR",
+                        "state": "Published (pending changes)",
+                        "selected": false,
+                        "validationError": true,
+                        "validationErrorMessage": "Lorem ipsum dolor sit amet..."
+                    },
+                    {
+                        "cultureDisplayName": "German (Germany)",
+                        "culture": "de-DE",
+                        "state": "Draft",
+                        "selected": false,
+                        "validationError": false,
+                        "validationErrorMessage": ""
+                    }
+                ];
+
+                vm.loading = false;
+
+            }, 1000);
+
+        }
+
+        onInit();
+
+    }
+
+    angular.module("umbraco").controller("Umbraco.Overlays.PublishController", PublishController);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html
new file mode 100644
index 0000000000..1cf6bfb11a
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html
@@ -0,0 +1,27 @@
+<div ng-controller="Umbraco.Overlays.PublishController as vm">
+    
+    <div style="margin-bottom: 10px;">
+        <p>What languages would you like to publish?</p>
+    </div>
+
+    <div ng-if="vm.loading" style="min-height: 50px; position: relative;">
+        <umb-load-indicator></umb-load-indicator>
+    </div>
+
+    <div ng-if="!vm.loading">
+        <div ng-repeat="variant in vm.variants" style="padding: 5px 0px; border-bottom: 1px solid #E9E9EB">
+            <div>
+                <label class="flex">
+                    <input type="checkbox" ng-model="variant.selected" ng-disabled="variant.validationError" style="margin-right: 8px;" />
+                    <div>
+                        <div ng-if="!variant.validationError" ng-class="{'bold': variant.selected}">{{ variant.cultureDisplayName }}</div>
+                        <div ng-if="variant.validationError" style="opacity: 0.5;">{{ variant.cultureDisplayName }}</div>
+                        <div ng-if="!variant.validationError" style="font-size: 13px; color: #68676b; margin-top: 2px;">{{ variant.state }}</div>
+                        <div ng-if="variant.validationError" style="font-size: 13px; color: #F02E28; margin-top: 2px;">{{ variant.validationErrorMessage }}</div>
+                    </div>
+                </label>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file