GitHub Repository | npmjs package | Unpkg CDN | Formalize Bundle
Management of form entries that have been created via external systems.
- You need the API server running
- You need the DbpRelayFormalizeBundle for the API server to persist and fetch submissions
# get the source
git clone [email protected]:digital-blueprint/formalize-app.git
cd formalize-app
git submodule update --init
# install dependencies
npm install
# constantly build dist/bundle.js and run a local web-server on port 8001
npm run watch
# constantly build dist/bundle.js and run a local web-server on port 8001 using a custom assets directory assets_local/
npm run watch-local
# run tests
npm testJump to https://localhost:8001, and you should get a Single Sign On login page.
If you want to install the dbp formalize app in a new folder formalize-app you can call:
npx @digital-blueprint/cli install-app formalize formalize-app /Warning: There may be issues when you run these commands as root user, best use a non-root user, like www-data.
To do this you can for example open a shell with runuser -u www-data -- bash.
Afterwards you can point your Apache web-server to formalize-app/public.
Make sure you are allowing .htaccess files in your Apache configuration.
Also make sure to add all of your resources you are using (like your API and Keycloak servers) to the
Content-Security-Policy in your formalize-app/public/.htaccess, so the browser allows access to those sites.
You can also use this app directly from the Unpkg CDN for example like this: dbp-formalize/index.html
Note that you will need a Keycloak server along with a client id for the domain you are running this html on.
If you want to update the dbp formalize app in the current folder you can call:
npx @digital-blueprint/cli update-app formalizeWarning: There may be issues when you run these commands as root user, best use a non-root user, like www-data.
To do this you can for example open a shell with runuser -u www-data -- bash.
This app has the following activity:
dbp-show-registrations
You can find the documentation of the activity in the formalize activities documentation.
You can add multiple attributes to the <dbp-formalize> tag.
| attribute name | value | description |
|---|---|---|
provider-root |
Boolean | app-shell |
lang |
String | language-select |
entry-point-url |
String | app-shell |
keycloak-config |
Object | app-shell |
base-path |
String | app-shell |
src |
String | app-shell |
html-overrides |
String | common |
themes |
Array | theme-switcher |
darkModeThemeOverride |
String | theme-switcher |
If you are not using the provider-root attribute to "terminate" all provider attributes
you need to manually add these attributes so that the topic will work properly:
<dbp-formalize
auth
requested-login-status
analytics-event
>
</dbp-formalize>For frontend design customizations, such as logo, colors, font, favicon, and more, take a look at the theming documentation.
These are common slots for the app-shell. You can find the documentation of these slots in the app-shell documentation. For the app specific slots take a look at the formalize activities.
We are using autogenerated table header for creating the submission tables.
A get query is made to dbp-relay. This returns a json. This json contains various data of the previous posted submission.
To post a form to the api, take a look at: operations-Formalize-postFormalizeSubmissionCollection. This post contains the name of the form "form" and the data of the form "dataFeedElement". the data must be a valid json as a string, i.e. quotation marks must be escaped with a "". The data keys of forms with the same "form" name must be consistent, otherwise the new keys are not displayed and no data would be displayed in the old key table header.
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent