Applications view (#1237)

Signed-off-by: Denis Bykhov <80476319+BykhovDenis@users.noreply.github.com>

models/recruit/src/index.ts

@@ -30,6 +30,7 @@ import {
   UX
 } from '@anticrm/model'
 import attachment from '@anticrm/model-attachment'
+import calendar from '@anticrm/model-calendar'
 import chunter from '@anticrm/model-chunter'
 import contact, { TPerson } from '@anticrm/model-contact'
 import core, { TSpace } from '@anticrm/model-core'
@@ -39,10 +40,9 @@ import task, { TSpaceWithStates, TTask } from '@anticrm/model-task'
 import view from '@anticrm/model-view'
 import workbench from '@anticrm/model-workbench'
 import { Applicant, Candidate, Candidates, Vacancy } from '@anticrm/recruit'
-import { TOpinion, TReview, TReviewCategory } from './review-model'
 import recruit from './plugin'
 import { createReviewModel, reviewTableConfig, reviewTableOptions } from './review'
-import calendar from '@anticrm/model-calendar'
+import { TOpinion, TReview, TReviewCategory } from './review-model'
 
 @Model(recruit.class.Vacancy, task.class.SpaceWithStates)
 @UX(recruit.string.Vacancy, recruit.icon.Vacancy)
@@ -106,6 +106,10 @@ export class TApplicant extends TTask implements Applicant {
   @Prop(TypeRef(recruit.mixin.Candidate), recruit.string.Candidate)
   declare attachedTo: Ref<Candidate>
 
+  // We need to declare, to provide property with label
+  @Prop(TypeRef(recruit.class.Vacancy), recruit.string.Vacancy)
+  declare space: Ref<Vacancy>
+
   @Prop(Collection(attachment.class.Attachment), attachment.string.Attachments)
   attachments?: number
 
@@ -160,6 +164,14 @@ export function createModel (builder: Builder): void {
             createItemLabel: recruit.string.VacancyCreateLabel,
             position: 'bottom'
           },
+          {
+            id: 'applicants',
+            component: recruit.component.ApplicationsView,
+            icon: recruit.icon.Application,
+            label: recruit.string.Applications,
+            createItemLabel: recruit.string.ApplicationCreateLabel,
+            position: 'bottom'
+          },
           {
             id: 'candidates',
             component: recruit.component.Candidates,

models/recruit/src/plugin.ts

@@ -77,7 +77,8 @@ export default mergeIds(recruitId, recruit, {
     EditReview: '' as AnyComponent,
     ReviewPresenter: '' as AnyComponent,
     Opinions: '' as AnyComponent,
-    OpinionPresenter: '' as AnyComponent
+    OpinionPresenter: '' as AnyComponent,
+    ApplicationsView: '' as AnyComponent
   },
   template: {
     DefaultVacancy: '' as Ref<KanbanTemplate>,

plugins/recruit-resources/src/components/ApplicationsView.svelte

@@ -0,0 +1,90 @@
+<!--
+// Copyright © 2020, 2021 Anticrm Platform Contributors.
+// Copyright © 2021 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 attachment from '@anticrm/attachment'
+  import chunter from '@anticrm/chunter'
+  import contact from '@anticrm/contact'
+  import core,{ Doc,DocumentQuery,FindOptions } from '@anticrm/core'
+  import { Applicant } from '@anticrm/recruit'
+  import task from '@anticrm/task'
+  import { Button,Icon,IconAdd,Label,Scroller,SearchEdit,showPopup } from '@anticrm/ui'
+import { BuildModelKey } from '@anticrm/view';
+  import { Table } from '@anticrm/view-resources'
+  import recruit from '../plugin'
+  import CreateApplication from './CreateApplication.svelte'
+
+  let search = ''
+  let resultQuery: DocumentQuery<Doc> = {}
+  const baseQuery: DocumentQuery<Applicant> = {
+    doneState: null
+  }
+
+  const config: (BuildModelKey | string)[] = [
+    '',
+    '$lookup.space',
+    '$lookup.attachedTo',
+    '$lookup.assignee',
+    '$lookup.state',
+    {
+      key: '',
+      presenter: attachment.component.AttachmentsPresenter,
+      label: attachment.string.Files,
+      sortingKey: 'attachments'
+    },
+    { key: '', presenter: chunter.component.CommentsPresenter, label: chunter.string.Comments, sortingKey: 'comments' },
+    'modifiedOn',
+    '$lookup.attachedTo.$lookup.channels'
+  ]
+
+  const options: FindOptions<Applicant> = {
+    lookup: {
+      attachedTo: [recruit.mixin.Candidate, { _id: { channels: contact.class.Channel } }],
+      state: task.class.State,
+      assignee: contact.class.Employee,
+      space: recruit.class.Vacancy
+    }
+  }
+
+  function showCreateDialog (ev: Event) {
+    showPopup(CreateApplication, { }, ev.target as HTMLElement)
+  }
+
+  function updateResultQuery (search: string): void {
+    resultQuery = (search === '') ? baseQuery : { ...baseQuery,$search: search }
+  }
+</script>
+
+<div class="ac-header full">
+  <div class="ac-header__wrap-title">
+    <div class="ac-header__icon"><Icon icon={recruit.icon.Application} size={'small'} /></div>
+    <span class="ac-header__title"><Label label={recruit.string.Applications} /></span>
+  </div>
+
+  <SearchEdit bind:value={search} on:change={() => { updateResultQuery(search) }} />
+  <Button icon={IconAdd} label={recruit.string.ApplicationCreateLabel} primary size={'small'} on:click={(ev) => showCreateDialog(ev)} />
+</div>
+
+<Scroller>
+  <Table
+    _class={recruit.class.Applicant}
+    {config}
+    {options}
+    query={ resultQuery }
+    showNotification
+    highlightRows
+  />
+</Scroller>

plugins/recruit-resources/src/index.ts

@@ -48,6 +48,7 @@ import VacancyPresenter from './components/VacancyPresenter.svelte'
 import VacancyCountPresenter from './components/VacancyCountPresenter.svelte'
 import VacancyModifiedPresenter from './components/VacancyModifiedPresenter.svelte'
 import ReviewCategoryPresenter from './components/review/ReviewCategoryPresenter.svelte'
+import ApplicationsView from './components/ApplicationsView.svelte'
 import recruit from './plugin'
 
 async function createApplication (object: Doc): Promise<void> {
@@ -166,7 +167,8 @@ export default async (): Promise<Resources> => ({
     Opinions,
     OpinionPresenter,
     OpinionsPresenter,
-    ReviewCategoryPresenter
+    ReviewCategoryPresenter,
+    ApplicationsView
   },
   completion: {
     ApplicationQuery: async (client: Client, query: string) => await queryApplication(client, query)