Loading...

This demonstrates how to integrate the soda4LCA PrimeNG client into your own web page

Just follow these two simple steps:
  1. Include the stylesheet and script tags in your HTML page:

    Stylesheet:

    <link rel="stylesheet" href="https://base-url/latest/styles.css" />

    JavaScript (at the end of your page):

    <script src="https://base-url/latest/runtime.js" defer></script>
    <script src="https://base-url/latest/polyfills.js" defer></script>
    <script src="https://base-url/latest/main.js" defer></script>

    Note: Replace <base-url> with the actual URL where the page is accessible.

  2. Place "<s4lca-root>Loading...</s4lca-root>" within your page where you want the client to appear.

The meaning of the configuration parameters in appConfig.json is as follows:
Parameter Type / Example Beschreiung
backendUrl "//example.com/" URL of s4lca instance
additionalParams {"classific": "uuid_1"} Additional parameters to add to every server request
showColumnsSelect boolean Whether to show a multi-select where you can select which columns should be shown
showDistributedSearchCheckbox boolean Whether to show the checkbox for distributedSearch or not
showClassificationId boolean Whether to show the classifcationId or not
showResetButton boolean Whether to show the filter reset button or not
showUuidOfProcess boolean Whether to show the uuid of a process in the name column or not
showSelectBoxes boolean Whether to show a column with checkboxes (to indicate if the row is selected or not)
debounceDelay number [ms] time to debounce user input (like searching)
pageSize.options [25, 50, 100] Possible options for how many process should be shown on one page
pageSize.default number Page size on start
messages
columns
hideExpiredDates.showCheckbox boolean Whether to show the checkbox or not
hideExpiredDates.default boolean Default value
hideExpiredDates.offset number Offset of 1 means to show all process which are at least valid until last year
categoryBrowserPanel.top (.left) number Where to show the panel
categoryBrowserPanel.showToggleButton boolean Whether to show the toggle button or not
categoryBrowserPanel.showMultiCategorySystem boolean Whether to show buttons to select which categorySystem to show
categoryBrowserPanel.showMultiCategorySystem boolean Whether to show buttons to select which categorySystem to show
categoryBrowserPanel.categorySystems Array of {label: "", value: "", default: true} Objects of possible category systems. One system has to be marked as default
categoryBrowser.showOnInit boolean Whether to show the category browser panel on initialization or not
language.default "de" or "en" The language which will be used when no language parameter is found
language.urlPrefixes ["en", "de"] Array of availabel i18n json files
datastock.uuid string The UUID of the default datastock
datastock.showSelector boolean Whether to show the selector for all datastocks or not
export.showView (.showXMLDownload) boolean Whether to show the View (or XMl-Download) button / string or not
export.showIcons boolean Show icons for view/download link, instead of text
showDuplicates boolean Enables expansion of duplicates
network.retriesOnFailure number How often failed requests should be retried. Value of -1 means infinite retries
network.delayOnFailure number Delay the next request by this time. On timeout there will no delay
pdfService string URL to pdf service
feedback.mail (.subject) string mail-address and subject in ‘mailto’ link; DSNAME, DSID and DSLINK can be used as placeholder
maxDescriptionLength number Description text will be cut off after n characters; Value of 0 shows all

inline configuration

The configuration from appConfig.json can be overwritten by an attribute of the <s4lca-root> element. The configuration has to be in json and in the exact same format as appConfig.json. It is important to use double quotation marks for the JSON and single quotation marks for the attribute value:

<s4lca-root config='{"datastockConfig": {"datastock_uuid": "<datastock-uuid>"}}'></s4lca-root>