PHPackages                             flux-eco/ui-transformer - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. flux-eco/ui-transformer

ActiveFlux-app[Utility & Helpers](/categories/utility)

flux-eco/ui-transformer
=======================

Component for flux-capacitor apps developed by fluxlabs ag

1.1.0(4y ago)0291GPL-3.0-onlyPHPPHP >=8.0

Since Apr 2Pushed 4y agoCompare

[ Source](https://github.com/flux-eco/ui-transformer)[ Packagist](https://packagist.org/packages/flux-eco/ui-transformer)[ Docs](https://fluxlabs.ch)[ RSS](/packages/flux-eco-ui-transformer/feed)WikiDiscussions main Synced 5d ago

READMEChangelog (3)Dependencies (1)Versions (4)Used By (1)

flux-eco/ui-transformer
=======================

[](#flux-ecoui-transformer)

This component tranforms in json instances described data for the usage in a user interface. e.g.

- makes translation of untranslated strings
- merges json documents which are linked by references

Usage
-----

[](#usage)

@see directory examples

.env

```
UI_TRANSFORM_TRANSLATION_FILES_DIRECTORY=configs/translations
UI_TRANSFORM_UI_DEFINITION_DIRECTORY=configs/ui
UI_TRANSFORM_PAGE_LIST_DEFINITION_FILE_PATH=configs/ui/pages.yaml
UI_TRANSFORM_MARKDOWN_TO_HTML_CONVERTER_REST_API_URL=http://localhost:9001

```

translations\\de.yaml

```
pageTitle:
  todo: Todo's
  topic: Thema
topic:
  title: Thema
  description: Beschreibung
todo:
  title: ToDo
  description: Beschreibung
action:
  delete: Delete
  edit: Edit

```

ui\\pages.yaml

```
- $ref: topic/page.yaml
- $ref: todo/page.yaml

```

ui\\topic\\page.yaml

```
title:
  type: lngKey
  key: pageTitle.topic
url: "/listdata/Topic"
avatar: "/icons/seminars.png"
pageType: ListData
projectionName: topic
editForm:
  $ref: editForm.yaml
createForm:
  $ref: createForm.yaml
itemActions:
  edit:
    type: form
    key: editForm
    title:
      type: lngKey
      key: action.edit
  delete:
    type: form
    key: deleteForm
    title:
      type: lngKey
      key: action.delete
  todos:
    type: subobject
    key: todos
    title:
      type: lngKey
      key: pageTitle.todo
    projectionName: todo

```

ui\\topic\\editForm.yaml

```
rootObjectAggregateName: ToDo
properties:
  - title:
      type: lngKey
      key: topic.title
    key: title
    dataIndex: title
    valueType: string
    width: m
    formItemProps:
      rules:
        - required: true
          message: Please enter a Title
  - title:
      type: lngKey
      key: topic.description
    key: description
    dataIndex: description
    valueType: textarea
    width: m
    formItemProps: [ ]

```

ui...

```
-> @see directory examples

```

example.php

```