storj/satellite/admin/ui
Qweder93 dc6128e9e2 satellite/admin: add update project segment limit on ui
Added possibility to update project segment limit on
satellite admin panel ui.

Resolves https://github.com/storj/team-metainfo/issues/5

Change-Id: I192d0c9adbab411556aa46673167b3ff7437d04b
2022-01-10 13:26:56 +00:00
..
assets satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
src satellite/admin: add update project segment limit on ui 2022-01-10 13:26:56 +00:00
static satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
.eslintrc.cjs satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
.gitignore satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
.prettierrc satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
package-lock.json satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
package.json satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
README.md satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
svelte.config.js satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00
tsconfig.json satellite/admin/ui: Migrate to SvelteKit 2021-12-17 10:27:13 +00:00

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