# FrontendComponent

{% hint style="info" %}
Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.
{% endhint %}

FrontendComponent to komponent, do którego przekazujemy artefakt o tej samej nazwie, który jest napisany w Angularze i dołączony do exForms.

<figure><img src="/files/fJX74Z5o2WOHIm2OQLpm" alt=""><figcaption></figcaption></figure>

## Właściwości komponentu

| Właściwość Eximee Designer           | Nazwa atrybutu w Źródle | Opis                                                                                                                                                                                                                                                                                                                                                                                                               |
| ------------------------------------ | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Nazwa komponentu**                 | componentName           | Nazwa FrontendComponentu                                                                                                                                                                                                                                                                                                                                                                                           |
| **Konfiguracja komponentu**          | config                  | Obiekt zawierający konfigurację specyficzną dla każdego FrontendComponentu. Jeśli źródło znajduje się w komponencie złożonym, należy podać pełną ścieżkę do niego (np. FrontendComponent wykorzystuje pole tekstowe o id GesTextField5 znajdujące się w tym samym co on komponencie złożonym o id GesComplexComponent3, to ścieżka do tego pola tekstowego będzie następująca: GesComplexComponent3.GesTextField5) |
| **Warunek sprawdzania wymagalności** | requiredCheckCondition  | <p>Warunek uznania komponentu za posiadający wartość.</p><p>Komponent może mieć jakąś wartość, ale warunkiem w <em>requiredCheckCondition</em> ostatecznie określamy jej pustość.</p><p>Warto zwrócić uwagę na: <em>requiredCondition</em> - wymagaj wartości FrontendComponentu (warunek wymagalności)</p>                                                                                                        |
| **Lista usług**                      | serviceProxies          | Lista usług potrzebnych do obsłużenia komponentu. Należy umieścić na niej ServiceProxy oraz ScriptService wywoływane z poziomu komponentu.                                                                                                                                                                                                                                                                         |
| **Lista Treści**                     | textContents            | Lista wykorzystywanych text contentów. Należy pamiętać o dodaniu tych artefaktów także w Dependencies głównego szablonu wniosku.                                                                                                                                                                                                                                                                                   |
| **Lista kluczy tłumaczeń**           | translations            | Lista kluczy, które mają wartość zdefiniowaną w Languages.                                                                                                                                                                                                                                                                                                                                                         |

Część właściwości standardowych komponentów została wyłączona. Jeśli np. chcemy, aby komponent posiadał własny tooltip, etykietę lub warunek edytowalności, należy zapewnić to po stronie frontendu/Angulara.

FrontendComponent nie ma nadanych pionowych paddingów w gridzie, ponieważ część komponentów nie ma graficznej reprezentacji. Nadawanie odstępów jest odpowiedzialnością komponentu.

## Dodanie komponentu na wniosek

Komponent znajduje się w palecie bazowych komponentów: ![](/files/Wli6AKUj697etAqjeRea)

Dodany na wniosek prezentuje się następująco:

<figure><img src="/files/WnXVMObzD2GhW8dCFsmg" alt=""><figcaption><p align="center"><em><strong>Ilustracja 1.</strong> FrontendComponent dodany na wniosek</em></p></figcaption></figure>

## Konfiguracja komponentu

Po umieszczeniu komponentu na wniosku należy przejść do konfiguracji. W tym celu klikamy znajdującą się we właściwościach opcję **Dodaj Frontend Component** (w sekcji **KONFIGURACJA FRONTEND COMPONENTU**). Następnie podajemy nazwę komponentu (w polu **Wpisz nazwę komponentu**) i ustalamy parametryzację: parametry wejściowe, klucze tłumaczeń, serviceproxy i treści.

<figure><img src="/files/UqAPNUZ0Kr7iLb7H6rHf" alt=""><figcaption><p><em><strong>Ilustracja 2.</strong> Przykład kluczy tłumaczeń dodanych dla FrontendComponentu o nazwie CorpoComboboxWithValidationOnItemsComponent</em></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/komponenty-rozszerzone/frontendcomponent.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.