Board: Add card labels picker popup (#1434)

Signed-off-by: Anna No <anna.no@xored.com>

plugins/board-resources/src/components/editor/CardActivity.svelte

@@ -26,7 +26,7 @@
 
 {#if value !== undefined}
   <div class="flex-col-stretch h-full w-full">
-    <div class="flex-row-streach mt-4 mb-2">
+    <div class="flex-row-stretch mt-4 mb-2">
       <div class="w-9">
         <Icon icon={IconActivity} size="large" />
       </div>
@@ -42,7 +42,7 @@
         }}
       />
     </div>
-    <div class="flex-row-streach">
+    <div class="flex-row-stretch">
       <div class="w-9" />
       <div class="w-full">
         <Component is={chunter.component.CommentInput} props={{ object: value }} />

plugins/board-resources/src/components/editor/CardAttachments.svelte

@@ -38,7 +38,7 @@
 
 {#if value !== undefined && value.attachments !== undefined && value.attachments > 0}
   <div class="flex-col w-full">
-    <div class="flex-row-streach mt-4 mb-2">
+    <div class="flex-row-stretch mt-4 mb-2">
       <div class="w-9">
         <Icon icon={IconAttachment} size="large" />
       </div>
@@ -46,7 +46,7 @@
         <Label label={board.string.Attachments} />
       </div>
     </div>
-    <div class="flex-row-streach">
+    <div class="flex-row-stretch">
       <div class="w-9" />
       <div class="flex-col flex-gap-1 w-full">
         {#each attachments as attach}

plugins/board-resources/src/components/editor/CardDetails.svelte

@@ -37,17 +37,21 @@
   let labelsHandler: () => void
   let dateHandler: () => void
 
-  $: value.members &&
-    value.members.length > 0 &&
+  $: if (value.members && value.members.length > 0) {
     query.query(contact.class.Employee, { _id: { $in: value.members } }, (result) => {
       members = result
     })
+  } else {
+    members = []
+  }
 
-  $: value.labels &&
-    value.labels.length > 0 &&
+  $: if (value.labels && value.labels.length > 0) {
     query.query(board.class.CardLabel, { _id: { $in: value.labels } }, (result) => {
       labels = result
     })
+  } else {
+    labels = []
+  }
 
   getCardActions(client, {
     _id: { $in: [board.cardAction.Dates, board.cardAction.Labels, board.cardAction.Members] }
@@ -65,6 +69,7 @@
       }
     }
   })
+
 </script>
 
 {#if value}
@@ -82,7 +87,7 @@
     </div>
   {/if}
   {#if labels && labels.length > 0}
-    <div class="flex-col mt-4 mr6">
+    <div class="flex-col mt-4 mr-6">
       <div class="text-md font-medium">
         <Label label={board.string.Labels} />
       </div>