mirror of
https://github.com/hcengineering/platform.git
synced 2025-04-19 14:55:31 +00:00
114 lines
3.6 KiB
Svelte
114 lines
3.6 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 core, { AnyAttribute, Class, Data, Doc, generateId, IndexKind, PropertyType, Ref, Type } from '@anticrm/core'
|
|
import { getEmbeddedLabel } from '@anticrm/platform'
|
|
import { Card, getClient } from '@anticrm/presentation'
|
|
import { AnyComponent, Component, DropdownLabelsIntl, EditBox, Label } from '@anticrm/ui'
|
|
import { DropdownIntlItem } from '@anticrm/ui/src/types'
|
|
import { createEventDispatcher } from 'svelte'
|
|
import setting from '../plugin'
|
|
import view from '@anticrm/view'
|
|
|
|
export let _class: Ref<Class<Doc>>
|
|
let name: string
|
|
let type: Type<PropertyType> | undefined
|
|
let index: IndexKind | undefined
|
|
let is: AnyComponent | undefined
|
|
const client = getClient()
|
|
const hierarchy = client.getHierarchy()
|
|
const dispatch = createEventDispatcher()
|
|
|
|
async function save (): Promise<void> {
|
|
if (type === undefined) return
|
|
|
|
const data: Data<AnyAttribute> = {
|
|
attributeOf: _class,
|
|
name: name + generateId(),
|
|
label: getEmbeddedLabel(name),
|
|
isCustom: true,
|
|
type
|
|
}
|
|
if (index !== undefined) {
|
|
data.index = index
|
|
}
|
|
await client.createDoc(core.class.Attribute, core.space.Model, data)
|
|
dispatch('close')
|
|
}
|
|
|
|
function getTypes (): DropdownIntlItem[] {
|
|
const descendants = hierarchy.getDescendants(core.class.Type)
|
|
const res: DropdownIntlItem[] = []
|
|
for (const descendant of descendants) {
|
|
const _class = hierarchy.getClass(descendant)
|
|
if (_class.label !== undefined && hierarchy.hasMixin(_class, view.mixin.ObjectEditor)) {
|
|
res.push({
|
|
label: _class.label,
|
|
id: _class._id
|
|
})
|
|
}
|
|
}
|
|
return res
|
|
}
|
|
|
|
const items = getTypes()
|
|
let selectedType: Ref<Class<Type<PropertyType>>>
|
|
|
|
$: selectedType && selectType(selectedType)
|
|
|
|
function selectType (type: Ref<Class<Type<PropertyType>>>): void {
|
|
const _class = hierarchy.getClass(type)
|
|
const editor = hierarchy.as(_class, view.mixin.ObjectEditor)
|
|
if (editor.editor !== undefined) {
|
|
is = editor.editor
|
|
}
|
|
}
|
|
const handleSelection = (e: { detail: Ref<Class<Type<any>>> }) => selectType(e.detail)
|
|
const handleChange = (e: any) => {
|
|
type = e.detail?.type
|
|
index = e.detail?.index
|
|
}
|
|
</script>
|
|
|
|
<Card
|
|
label={setting.string.CreatingAttribute}
|
|
okAction={save}
|
|
canSave={!(type === undefined || name === undefined || name.trim().length === 0)}
|
|
on:close={() => {
|
|
dispatch('close')
|
|
}}
|
|
>
|
|
<div class="mb-2"><EditBox bind:value={name} placeholder={core.string.Name} maxWidth="13rem" /></div>
|
|
<div class="flex-col mb-2">
|
|
<div class="flex-row-center flex-grow">
|
|
<Label label={setting.string.Type} />
|
|
<div class="ml-4">
|
|
<DropdownLabelsIntl
|
|
label={setting.string.Type}
|
|
{items}
|
|
width="8rem"
|
|
bind:selected={selectedType}
|
|
on:selected={handleSelection}
|
|
/>
|
|
</div>
|
|
</div>
|
|
{#if is}
|
|
<div class="flex mt-4">
|
|
<Component {is} on:change={handleChange} />
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</Card>
|