From 76bb588656b5c9191db307f2d86203ecc1545fd0 Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Thu, 21 Jan 2021 11:09:41 +0100
Subject: [PATCH] sortable for ui-pick

---
 zero.Web.UI/App/components/pickers/pick.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/zero.Web.UI/App/components/pickers/pick.vue b/zero.Web.UI/App/components/pickers/pick.vue
index 6f0b171a..0ed75618 100644
--- a/zero.Web.UI/App/components/pickers/pick.vue
+++ b/zero.Web.UI/App/components/pickers/pick.vue
@@ -3,7 +3,7 @@
     
     <!-- previews -->
     <div class="ui-pick-previews" v-if="configuration.preview.enabled && previews.length > 0 && !configuration.preview.combined" v-sortable="{ onUpdate: onSortingUpdated, enabled: configuration.sortable }">
-      <div v-for="preview in previews" class="ui-pick-preview">
+      <div v-for="preview in previews" :key="preview[configuration.keys.id]" class="ui-pick-preview">
         <ui-select-button :icon="getPreviewIcon(preview)" :icon-as-image="configuration.preview.iconAsImage" :label="preview[configuration.keys.name]" :description="getPreviewDescription(preview)" :disabled="disabled" @click="pick(preview[configuration.keys.id])" :tokens="preview" />
         <ui-icon-button v-if="!disabled && configuration.preview.delete" @click="remove(preview[configuration.keys.id])" icon="fth-x" title="@ui.close" :size="14" />
       </div>
@@ -570,9 +570,8 @@
       onSortingUpdated(ev)
       {
         this.selected = Arrays.move(this.selected, ev.oldIndex, ev.newIndex);
-        //this.previews = Arrays.move(this.previews, ev.oldIndex, ev.newIndex);
-        //this.onChange(this.multiple ? this.selected : this.selected[0]);
-      },
+        this.onChange(this.multiple ? this.selected : this.selected[0]);
+      }
     }
   }
 </script>