mirror of
https://github.com/hcengineering/platform.git
synced 2025-05-21 15:02:13 +00:00
103 lines
3.0 KiB
Svelte
103 lines
3.0 KiB
Svelte
<!--
|
|
// 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 contact from '@hcengineering/contact'
|
|
import { DocumentQuery, Ref, WithLookup } from '@hcengineering/core'
|
|
import type { Department, Staff } from '@hcengineering/hr'
|
|
import { createQuery } from '@hcengineering/presentation'
|
|
import {
|
|
Button,
|
|
deviceOptionsStore as deviceInfo,
|
|
eventToHTMLElement,
|
|
Label,
|
|
Scroller,
|
|
SearchEdit,
|
|
showPopup,
|
|
IconAdd
|
|
} from '@hcengineering/ui'
|
|
import hr from '../plugin'
|
|
import CreateDepartment from './CreateDepartment.svelte'
|
|
import DepartmentCard from './DepartmentCard.svelte'
|
|
|
|
let search = ''
|
|
let resultQuery: DocumentQuery<Department> = {}
|
|
|
|
function updateResultQuery (search: string): void {
|
|
resultQuery = search === '' ? {} : { $search: search }
|
|
}
|
|
|
|
function showCreateDialog (ev: MouseEvent) {
|
|
showPopup(CreateDepartment, {}, eventToHTMLElement(ev))
|
|
}
|
|
|
|
const query = createQuery()
|
|
const spaceMembers = createQuery()
|
|
|
|
let descendants: Map<Ref<Department>, Department[]> = new Map<Ref<Department>, Department[]>()
|
|
let allEmployees: WithLookup<Staff>[] = []
|
|
let head: Department | undefined
|
|
|
|
query.query(
|
|
hr.class.Department,
|
|
{
|
|
...resultQuery,
|
|
archived: false
|
|
},
|
|
(res) => {
|
|
head = res.find((p) => p._id === hr.ids.Head)
|
|
descendants.clear()
|
|
for (const doc of res) {
|
|
const current = descendants.get(doc.space) ?? []
|
|
current.push(doc)
|
|
descendants.set(doc.space, current)
|
|
}
|
|
descendants = descendants
|
|
},
|
|
{
|
|
lookup: {
|
|
teamLead: contact.mixin.Employee
|
|
}
|
|
}
|
|
)
|
|
|
|
spaceMembers.query(hr.mixin.Staff, {}, (res) => {
|
|
allEmployees = res
|
|
})
|
|
|
|
$: twoRows = $deviceInfo.twoRows
|
|
</script>
|
|
|
|
<div class="ac-header full divide caption-height">
|
|
<div class="ac-header__wrap-title mr-3">
|
|
<span class="ac-header__title"><Label label={hr.string.Structure} /></span>
|
|
</div>
|
|
|
|
<div class="mb-1 clear-mins">
|
|
<Button icon={IconAdd} label={hr.string.CreateDepartmentLabel} kind={'primary'} on:click={showCreateDialog} />
|
|
</div>
|
|
</div>
|
|
<div class="ac-header full divide search-start">
|
|
<div class="ac-header-full small-gap">
|
|
<SearchEdit bind:value={search} on:change={() => updateResultQuery(search)} />
|
|
<!-- <ActionIcon icon={IconMoreH} size={'small'} /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<Scroller padding={'1rem 2.5rem'}>
|
|
{#if head}
|
|
<DepartmentCard value={head} {descendants} {allEmployees} dragOver={undefined} dragPerson={undefined} />
|
|
{/if}
|
|
</Scroller>
|