feat: implement field locking and unlocking functionality, including UI, backend logic, and i18n. (#10573)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
2026-09-28 04:25:03 +02:00 · 2026-03-01 00:42:00 +05:00
parent 33d8d500f3
commit e778a2748b
26 changed files with 350 additions and 22 deletions
@@ -0,0 +1,122 @@
+<!--
+// Copyright © 2026 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 cardPlugin, { Card, MasterTag, Tag } from '@hcengineering/card'
+  import core, { AnyAttribute, Class, Ref } from '@hcengineering/core'
+  import { Process, Step } from '@hcengineering/process'
+  import { Button, eventToHTMLElement, IconClose, Label, SelectPopup, showPopup, tooltip } from '@hcengineering/ui'
+  import { createEventDispatcher } from 'svelte'
+  import TagSelector from './TagSelector.svelte'
+  import presentation, { getClient } from '@hcengineering/presentation'
+
+  export let process: Process
+  export let step: Step<Card>
+
+  const params = step.params
+
+  const client = getClient()
+  const hierarchy = client.getHierarchy()
+
+  const dispatch = createEventDispatcher()
+
+  function getKeys (_class: Ref<Class<MasterTag>>): AnyAttribute[] {
+    const ignoreKeys = ['_class', 'content', 'parent', 'attachments', 'todos']
+    const attributes = hierarchy.getAllAttributes(_class, core.class.Doc)
+    const res: AnyAttribute[] = []
+    for (const [key, attr] of attributes) {
+      if (attr.hidden === true) continue
+      if (ignoreKeys.includes(key)) continue
+      res.push(attr)
+    }
+    return res
+  }
+
+  function change (value: string[]): void {
+    params.value = value
+    step.params = params
+    dispatch('change', step)
+  }
+
+  let keys: string[] = params.value ?? []
+
+  $: allAttrs = getKeys(process.masterTag)
+  $: possibleAttrs = allAttrs.filter((attr) => !keys.includes(attr.name))
+
+  function addKey (key: string): void {
+    keys = [...keys, key]
+    change(keys)
+  }
+
+  function onAdd (e: MouseEvent): void {
+    showPopup(
+      SelectPopup,
+      {
+        value: possibleAttrs.map((p) => {
+          return { id: p.name, label: p.label }
+        })
+      },
+      eventToHTMLElement(e),
+      (res) => {
+        if (res != null) {
+          addKey(res)
+        }
+      }
+    )
+  }
+
+  function remove (key: string): void {
+    keys = keys.filter((k) => k !== key)
+    change(keys)
+  }
+</script>
+
+<div class="grid">
+  {#each keys as key (key)}
+    {@const attribute = allAttrs.find((attr) => attr.name === key)}
+    {#if attribute}
+      <span
+        class="labelOnPanel"
+        use:tooltip={{
+          props: { label: attribute.label }
+        }}
+      >
+        <Label label={attribute.label} />
+      </span>
+      <div class="button flex-row-center">
+        <Button icon={IconClose} kind="ghost" on:click={() => { remove(key) }} />
+      </div>
+    {/if}
+  {/each}
+</div>
+{#if possibleAttrs.length > 0}
+  <div class="flex-center mt-4">
+    <Button label={presentation.string.Add} width={'100%'} kind={'link-bordered'} size={'large'} on:click={onAdd} />
+  </div>
+{/if}
+
+<style lang="scss">
+  .grid {
+    display: grid;
+    grid-template-columns: 1.5fr 1.5fr;
+    grid-auto-rows: minmax(2rem, max-content);
+    justify-content: start;
+    align-items: center;
+    row-gap: 0.5rem;
+    column-gap: 1rem;
+    margin: 0.25rem 2rem 0;
+    width: calc(100% - 4rem);
+    height: min-content;
+  }
+</style>
@@ -0,0 +1,37 @@
+<!--
+// Copyright © 2026 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 { Label } from '@hcengineering/ui'
+  import plugin from '../../plugin'
+  import { Process } from '@hcengineering/process'
+
+  export let process: Process
+  export let params: Record<string, any>
+  export let unlock: boolean = false
+
+  const client = getClient()
+  const h = client.getHierarchy()
+
+  const keys = params.value ?? []
+
+  const attrs = keys.map((key: string) => h.getAttribute(process.masterTag, key))
+</script>
+
+<Label label={unlock ? plugin.string.UnlockField : plugin.string.LockField} />:
+{#each attrs as attr}
+  <Label label={attr.label} />
+{/each}
@@ -0,0 +1,24 @@
+<!--
+// Copyright © 2026 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 { Process } from '@hcengineering/process'
+  import LockFieldPresenter from './LockFieldPresenter.svelte'
+
+  export let process: Process
+  export let params: Record<string, any>
+</script>
+
+<LockFieldPresenter {process} {params} unlock />