From d77796bcacfe4ce2e014b3929cd8d5b50f458454 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Wed, 5 Dec 2018 15:06:50 +0100
Subject: [PATCH] show selected files and control

---
 .../src/views/packages/edit.controller.js     | 38 +++++++++++++++++++
 .../src/views/packages/edit.html              | 24 +++++++++++-
 2 files changed, 61 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js b/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js
index c8d6af5d6b..dfc0350630 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js
@@ -19,6 +19,9 @@
         vm.removeContentItem = removeContentItem;
         vm.openContentPicker = openContentPicker;
         vm.openFilePicker = openFilePicker;
+        vm.removeFile = removeFile;
+        vm.openControlPicker = openControlPicker;
+        vm.removeControl = removeControl;
 
         function onInit() {
             // load package
@@ -98,8 +101,17 @@
                 treeAlias: "files",
                 section:"settings",
                 entityType: "file",
+                multiPicker: true,
                 submit: function(model) {
                     console.log(model.selection);
+
+                    if(model && model.selection) {
+                        vm.package.files = vm.package.files ? vm.package.files : [];
+                        model.selection.forEach(selected => {
+                            vm.package.files.push(selected);
+                        });
+                    }
+                    
                     editorService.close();
                 },
                 close: function() {
@@ -109,6 +121,32 @@
             editorService.contentPicker(filePicker);
         }
 
+        function removeFile(index) {
+            vm.package.files.splice(index, 1);
+        }
+
+        function openControlPicker() {
+            const controlPicker = {
+                treeAlias: "files",
+                section:"settings",
+                entityType: "file",
+                submit: function(model) {
+                    if(model.selection && model.selection.length > 0) {
+                        vm.package.control = model.selection[0];
+                    }
+                    editorService.close();
+                },
+                close: function() {
+                    editorService.close();
+                }
+            };
+            editorService.contentPicker(controlPicker);
+        }
+
+        function removeControl() {
+            vm.package.control = null;
+        }
+
         onInit();
 
     }
diff --git a/src/Umbraco.Web.UI.Client/src/views/packages/edit.html b/src/Umbraco.Web.UI.Client/src/views/packages/edit.html
index a84d21d709..d6309d812a 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packages/edit.html
+++ b/src/Umbraco.Web.UI.Client/src/views/packages/edit.html
@@ -202,25 +202,47 @@
                         <umb-control-group 
                             label="Path to file"
                             description="Absolute path to file (ie: /bin/umbraco.bin)">
+
+                            <umb-node-preview
+                                ng-if="vm.package.files"
+                                ng-repeat="file in vm.package.files"
+                                icon="file.icon"
+                                name="file.name"
+                                allow-remove="true"
+                                on-remove="vm.removeFile($index)">
+                            </umb-node-preview>
+
                             <a href=""
                                 class="umb-node-preview-add"
                                 ng-click="vm.openFilePicker()"
                                 prevent-default>
                                 <localize key="general_add">Add</localize>
                             </a>
+
                         </umb-control-group>
 
                         <umb-control-group 
                             label="Control after installation"
                             description="Load control after installation (ex: /usercontrols/installer.ascx)">
 
+                            <umb-node-preview
+                                ng-if="vm.package.control.id"
+                                icon="vm.package.control.icon"
+                                name="vm.package.control.name"
+                                allow-edit="true"
+                                allow-remove="true"
+                                on-edit="vm.openControlPicker()"
+                                on-remove="vm.removeControl()">
+                            </umb-node-preview>
 
                             <a href=""
+                                ng-if="!vm.package.control.id"
                                 class="umb-node-preview-add"
-                                ng-click="vm.openFilePicker()"
+                                ng-click="vm.openControlPicker()"
                                 prevent-default>
                                 <localize key="general_add">Add</localize>
                             </a>
+
                         </umb-control-group>
                     </div>