README.md 1.7 KB
Vendure Admin UI
This is the administration interface for Vendure.
It is an Angular application built with the Angular CLI.
The UI is powered by the Clarity Design System.
Structure
Library
The Admin UI is structured as an Angular library conforming to the ng-packagr format. This library is what is published to npm as @vendure/admin-ui. The libary consists
of a set of modules which are accessible from consuming applications as sub-packages:
@vendure/admin-ui/core@vendure/admin-ui/catalog@vendure/admin-ui/orders
etc. These library packages are located at ./src/lib
When built with yarn build, the output will be located in the ./package sub directory. This is also the root of the published npm package.
Application
In addition to the library, there is also a full application located at ./src/app. This application is used both during development of the Admin UI, and also as the "default" Admin UI without any UI extensions, as provided as the default by the admin-ui-plugin.
Localization
Localization of UI strings is handled by ngx-translate. The translation strings should use the ICU MessageFormat.
Translation keys are automatically extracted by running:
yarn extract-translations
This will add any new translation keys to the default language file located in ./src/i18n-messages/en.json.
From this master translation file, other language versions can be created by copying and updating the values for the new language.