Vacancy templates (#2351)

Signed-off-by: muhtimur <timur.mukhamedishin@xored.com>

plugins/task-resources/src/components/CreateFilterPopup.svelte

@@ -53,7 +53,7 @@
       >
         <Label label={task.string.AllTime} />
       </div>
-      {#each values as value, i}
+      {#each values as value}
         <div
           class="menu-item"
           on:click={() => {

plugins/task-resources/src/components/EditIssue.svelte

@@ -59,7 +59,7 @@
     <div class="description">
       <StyledTextBox
         bind:content={object.description}
-        placeholder={plugin.string.TaskDescriptionPlaceholder}
+        placeholder={plugin.string.DescriptionPlaceholder}
         on:value={onChangeDescription}
       />
     </div>

plugins/task-resources/src/components/KanbanTemplatePresenter.svelte

@@ -0,0 +1,29 @@
+<!--
+// Copyright © 2022 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { getClient } from '@hcengineering/presentation'
+  import type { KanbanTemplate } from '@hcengineering/task'
+  import { Label } from '@hcengineering/ui'
+
+  export let value: KanbanTemplate
+
+  const client = getClient()
+  const shortLabel = client.getHierarchy().getClass(value._class).shortLabel
+</script>
+
+<span class="label nowrap">
+  {#if shortLabel}
+    <Label label={shortLabel} />-{/if}{value.title}</span
+>

plugins/task-resources/src/components/kanban/KanbanTemplateEditor.svelte

@@ -18,12 +18,20 @@
   import { Ref, Space, SortingOrder, Class } from '@hcengineering/core'
   import core from '@hcengineering/core'
   import { createQuery, getClient } from '@hcengineering/presentation'
-  import type { State, DoneStateTemplate, KanbanTemplate, StateTemplate, DoneState } from '@hcengineering/task'
+  import type {
+    State,
+    DoneStateTemplate,
+    KanbanTemplate,
+    StateTemplate,
+    DoneState,
+    KanbanTemplateSpace
+  } from '@hcengineering/task'
   import task, { calcRank } from '@hcengineering/task'
 
   import StatesEditor from '../state/StatesEditor.svelte'
 
   export let kanban: KanbanTemplate
+  export let folder: KanbanTemplateSpace
 
   let states: StateTemplate[] = []
   let doneStates: DoneStateTemplate[] = []
@@ -119,6 +127,8 @@
 </script>
 
 <StatesEditor
+  template={kanban}
+  space={folder}
   {states}
   {wonStates}
   {lostStates}

plugins/task-resources/src/components/kanban/KanbanTemplateSelector.svelte

@@ -51,7 +51,7 @@
 <DropdownLabels
   {focusIndex}
   {items}
-  icon={task.icon.ManageStatuses}
+  icon={task.icon.ManageTemplates}
   bind:selected={selectedItem}
   label={plugin.string.States}
 />

plugins/task-resources/src/components/state/EditStatuses.svelte

@@ -103,7 +103,7 @@
   <svelte:fragment slot="title">
     <div class="antiTitle icon-wrapper">
       <div class="wrapped-icon">
-        <Icon icon={task.icon.ManageStatuses} size={'small'} />
+        <Icon icon={task.icon.ManageTemplates} size={'small'} />
       </div>
       <div class="title-wrapper">
         <span class="wrapped-title">

plugins/task-resources/src/components/state/StatesEditor.svelte

@@ -16,7 +16,7 @@
 <script lang="ts">
   import { Class, Ref } from '@hcengineering/core'
   import { AttributeEditor, getClient } from '@hcengineering/presentation'
-  import type { DoneState, State } from '@hcengineering/task'
+  import type { DoneState, KanbanTemplate, KanbanTemplateSpace, State } from '@hcengineering/task'
   import {
     CircleButton,
     IconAdd,
@@ -24,7 +24,8 @@
     Label,
     showPopup,
     getPlatformColor,
-    eventToHTMLElement
+    eventToHTMLElement,
+    Component
   } from '@hcengineering/ui'
   import { createEventDispatcher } from 'svelte'
   import { ColorsPopup } from '@hcengineering/view-resources'
@@ -34,6 +35,8 @@
   import Won from '../icons/Won.svelte'
   import Lost from '../icons/Lost.svelte'
 
+  export let template: KanbanTemplate | undefined = undefined
+  export let space: KanbanTemplateSpace | undefined = undefined
   export let states: State[] = []
   export let wonStates: DoneState[] = []
   export let lostStates: DoneState[] = []
@@ -85,6 +88,9 @@
   }
 </script>
 
+{#if space?.editor}
+  <Component is={space.editor} props={{ template }} />
+{/if}
 <div class="flex-no-shrink flex-between trans-title uppercase">
   <Label label={task.string.ActiveStates} />
   <CircleButton