GalleryUi

This project is intended to be a functioning UI that can be used within the Crucible Framework.

Documentation

Gallery Documentation

Color Theming

Gallery uses a monochrome gray Material 3 SCSS palette with runtime top-bar color overrides from settings.json.

Changing the top bar color

File	Field / Value	Purpose
src/assets/config/settings.json	"AppTopBarHexColor": "#008740"	Runtime config -- top bar background color
src/assets/config/settings.json	"AppTopBarHexTextColor": "#FFFFFF"	Runtime config -- top bar text color
src/app/app.component.ts	'#C41230' / '#FFFFFF' fallbacks in setTheme()	Runtime fallbacks when settings are not provided

To change the top bar color for a deployment, update AppTopBarHexColor and AppTopBarHexTextColor in settings.json.

Generate code to get data from the API

Run npm run swagger:gen

Angular

This project was generated with Angular CLI version 11.1.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4723/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.