open preValue media picker in new overlay

src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.controller.js

@@ -13,23 +13,35 @@ function mediaPickerController($scope, dialogService, entityResource, $log, icon
         multiPicker: false,
         entityType: "Media",
         section: "media",
-        treeAlias: "media",
-        callback: function(data) {
-            if (angular.isArray(data)) {
-                _.each(data, function (item, i) {
-                    $scope.add(item);
-                });
-            }
-            else {
-                $scope.clear();
-                $scope.add(data);
-            }
-        }
+        treeAlias: "media"
     };
 
-    $scope.openContentPicker = function(){
-        var d = dialogService.treePicker(dialogOptions);
-    };
+    $scope.openContentPicker = function() {
+      $scope.contentPickerOverlay = dialogOptions;
+      $scope.contentPickerOverlay.view = "treePicker";
+      $scope.contentPickerOverlay.show = true;
+
+      $scope.contentPickerOverlay.submit = function(model) {
+
+         if ($scope.contentPickerOverlay.multiPicker) {
+             _.each(model.selection, function (item, i) {
+                 $scope.add(item);
+             });
+         }
+         else {
+             $scope.clear();
+             $scope.add(model.selection[0]);
+         }
+
+         $scope.contentPickerOverlay.show = false;
+         $scope.contentPickerOverlay = null;
+      };
+
+      $scope.contentPickerOverlay.close = function(oldModel) {
+         $scope.contentPickerOverlay.show = false;
+         $scope.contentPickerOverlay = null;
+      };
+    }
 
     $scope.remove =function(index, event){
         event.preventDefault();

src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.html

@@ -19,4 +19,12 @@
 		</a>
 	</li>
 </ul>
-</div>
+
+<umb-overlay
+	ng-if="contentPickerOverlay.show"
+	model="contentPickerOverlay"
+	position="right"
+	view="contentPickerOverlay.view">
+</umb-overlay>
+
+</div>