From 3965413d5d83e53c5e69cd4756a951e7fe17ef78 Mon Sep 17 00:00:00 2001
From: perploug <pph@umbraco.dk>
Date: Mon, 16 Sep 2013 14:52:26 +0200
Subject: [PATCH] Fixes: U4-2647 adds folderbrowser with drag/drop support

---
 .../folderbrowser/folderbrowser.controller.js | 31 +++++++++++++++++++
 .../folderbrowser/folderbrowser.html          | 27 ++++++++++++++++
 .../FolderBrowserPropertyEditor.cs            | 15 +++++++++
 3 files changed, 73 insertions(+)
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.controller.js
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.html
 create mode 100644 src/Umbraco.Web/PropertyEditors/FolderBrowserPropertyEditor.cs

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.controller.js
new file mode 100644
index 0000000000..41bf6dded5
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.controller.js
@@ -0,0 +1,31 @@
+angular.module("umbraco")
+.controller("Umbraco.Editors.FolderBrowserController",
+    function ($rootScope, $scope, $routeParams, umbRequestHelper, mediaResource, imageHelper) {
+        var dialogOptions = $scope.$parent.dialogOptions;
+        $scope.options = {
+            url: umbRequestHelper.getApiUrl("mediaApiBaseUrl", "PostAddFile"),
+            autoUpload: true,
+            formData:{
+                currentFolder: $routeParams.id
+            }
+        };
+
+        $scope.loadChildren = function(id){
+            mediaResource.getChildren(id)
+                .then(function(data) {
+                    $scope.images = data;
+                    //update the thumbnail property
+                    _.each($scope.images, function(img) {
+                        img.thumbnail = imageHelper.getThumbnail({ imageModel: img, scope: $scope });
+                    });
+                });    
+        };
+
+        $scope.$on('fileuploadstop', function(event, files){
+            $scope.loadChildren($scope.options.formData.currentFolder);
+        });
+        
+        //init load
+        $scope.loadChildren($routeParams.id);
+    }
+);
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.html
new file mode 100644
index 0000000000..a75c2e7d37
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/folderbrowser/folderbrowser.html
@@ -0,0 +1,27 @@
+<form ng-controller="Umbraco.Editors.FolderBrowserController" id="fileupload" 
+method="POST" enctype="multipart/form-data" 
+data-file-upload="options" data-file-upload-progress="" data-ng-class="{'fileupload-processing': processing() || loadingFiles}">
+
+        <div style="height: 10px; margin: 10px 0px 10px 0px" class="umb-loader" 
+        	ng-hide="active() == 0"></div>
+
+        <ul class="umb-thumbnails thumbnails">
+	        <li class="span2 folder" ng-repeat="image in images | orderBy:'contentTypeAlias' | filter:searchTerm">
+			    <a href="#/media/media/edit/{{image.id}}" class="thumbnail">
+					<img ng-src="{{image.thumbnail}}" ng-switch-when="Image" alt="{{image.name}}"/>	
+                    <div ng-switch on="!!image.thumbnail" >
+                        <img ng-src="{{image.thumbnail}}" class="image" ng-switch-when="true" alt="{{image.name}}"/>
+
+                        <div ng-switch-default>
+                        	<i class="icon-folder large"></i>
+                        	{{image.name}}
+                        </div>
+                    </div>
+	            </a>
+	        </li>
+	    </ul>
+	</div>
+
+</div>
+
+</form>
\ No newline at end of file
diff --git a/src/Umbraco.Web/PropertyEditors/FolderBrowserPropertyEditor.cs b/src/Umbraco.Web/PropertyEditors/FolderBrowserPropertyEditor.cs
new file mode 100644
index 0000000000..466f299e05
--- /dev/null
+++ b/src/Umbraco.Web/PropertyEditors/FolderBrowserPropertyEditor.cs
@@ -0,0 +1,15 @@
+using System.ComponentModel;
+using System.Web.Mvc;
+using Umbraco.Core;
+using Umbraco.Core.PropertyEditors;
+
+namespace Umbraco.Web.PropertyEditors
+{
+    [PropertyEditor(Constants.PropertyEditors.FolderBrowser, "Folder Browser", "folderbrowser")]
+    public class FolderBrowserPropertyEditor : PropertyEditor
+    {
+
+        
+
+    }
+}
\ No newline at end of file