platform/plugins/document-resources/src/components/Move.svelte

<!--
// Copyright © 2024 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 { Ref } from '@hcengineering/core'
  import { Document, Teamspace } from '@hcengineering/document'
  import presentation, { Card, getClient, SpaceSelector } from '@hcengineering/presentation'
  import view from '@hcengineering/view'
  import { ObjectBox } from '@hcengineering/view-resources'
  import { createEventDispatcher } from 'svelte'
  import document from '../plugin'
  import TeamspacePresenter from './teamspace/TeamspacePresenter.svelte'

  export let value: Document

  const client = getClient()
  const dispatch = createEventDispatcher()

  async function save (): Promise<void> {
    await client.update(value, {
      space,
      attachedTo: parent
    })
  }

  let space: Ref<Teamspace> = value.space
  let parent: Ref<Document> = value.attachedTo

  $: canSave = space !== value.space || parent !== value.attachedTo
</script>

<Card
  label={view.string.Move}
  okAction={save}
  okLabel={presentation.string.Save}
  fullSize
  {canSave}
  on:close={() => dispatch('close')}
  on:changeContent
>
  <div class="flex-row-center gap-2 min-w-100">
    <SpaceSelector
      bind:space
      _class={document.class.Teamspace}
      label={document.string.Teamspace}
      component={TeamspacePresenter}
      iconWithEmoji={view.ids.IconWithEmoji}
      defaultIcon={document.icon.Teamspace}
      kind={'regular'}
      size={'small'}
    />
    <ObjectBox
      bind:value={parent}
      _class={document.class.Document}
      label={document.string.NoParentDocument}
      docQuery={{ space }}
      kind={'regular'}
      size={'small'}
      searchField={'name'}
      allowDeselect={true}
      showNavigate={false}
      docProps={{ disabled: true, noUnderline: true }}
      excluded={[value._id]}
    />
  </div>
</Card>