032546219c
Currently, any attempt to list the api keys associated with a project from the admin UI results in a 404 NOT FOUND error. This appears to be because there is no /api/projects/{project}/apiKeys endpoint registered; it should have a lowercase k. Change-Id: Ifbe4cd0f9ba12a6e37a0d9f64df91c264ced5558 |
||
---|---|---|
.. | ||
build | ||
src | ||
static | ||
.eslintrc.cjs | ||
.gitignore | ||
.prettierrc | ||
assets_noembed.go | ||
assets.go | ||
build-if-changed.sh | ||
build.sh | ||
package-lock.json | ||
package.json | ||
README.md | ||
svelte.config.js | ||
tsconfig.json |
Admin UI
Implementation details
This is a project based on the Sveltekit.
The project is set up with Typescript.
The Web App is currently straightforward as we specified that v1 would be.
The v1 is just a simple web page that exposes the Admin API through some forms and allow to a call the API without needing to use some HTTP REST clients (e.g. Postman, cURL, etc.). It doesn't offer any user authentication; the user has to know the API authorization token for using it.
The UI has a set of Svelte components that collaborate together to render an HTML form with input elements from the Admin API client. The Svelte components expect some values of a certain Typescript interfaces, types, and classes, for being able to dynamically render the HTML form and elements.
Each source has a brief doc comment about its functionality.
Development
Install the dependencies...
npm install
...then run the development server with autoreload on changes
npm run dev
Navigate to localhost:3000. You should see your app running.
Building for production mode
To create an optimized version of the app:
npm run build