Devon Anderson
9241b7dd0e
* refactor: 💡 Migrate `hosts`list within host-set to `Hds::Table` Migrate `hosts` list within host-set to `Hds::Table` from `Rose::Table` ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * Update index.hbs Not using `data-test` attribute for testing * Update index.hbs removed unused `data-test` selector * refactor: 💡 quick lint error fix Fix lint error in `hosts/index.hbs` ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 refactor test to use `data-test` selector Refactored hosts-test to use `data-test` selectors for grabbing `Hds::Dropdown` toggle and interactive instead of long nested selector. ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * Update index.hbs spelling fix * Update hosts-test.js fixed spelling errors * refactor: 💡 fix lint errors Fix lint errors ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 Use `Hds::Code::Snippet` Migrate from `Copyable` component to use `Hds::Code::Snippet` ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 refactor incorrect use of `Hds::Code::Snippet` Refactor the incorrect usage of `Hds::Code::Snippet` ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 refactor header of `Hds::Table` Refactor conditional header of `Hds::Table` ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 Refactored conditional header translations Refactored conditional header translations to live in controller file for `scopes/scope/host-catalogs/host-catalog/host-sets/host-set/hosts` ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 Move conditional check for header labels into `js` Move conditional logic for checking header lables into `controller` file ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 Quick refactor for columns getter Quick refactor to clean up getter that conditionally renders column header label based on `isStatic` boolean ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 Refactor `host-sets/host-set/hosts` tablee Refactor `host-sets/host-set/hosts` table to adhere more to codebase ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728 * refactor: 💡 rearrange attributes order for table Rearrange attributes order for `Hds::Table` to keep inline with codebase patterns. ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11728
Admin UI
The admin UI for Boundary.
Table of Contents generated with DocToc
Prerequisites
You will need the following things properly installed on your computer.
Installation
See monorepo README for installation instructions.
Yarn Commands
List of available project commands. yarn run <command-name>
| Command | Description |
|---|---|
| build:development | Builds the UI in development mode. |
| build | Builds the UI for production. |
| lint | Runs all lint commands. |
| lint:hbs | Lints hbs template files. |
| lint:js | Lints js files. |
| lint:sass | Lints scss files. |
| format | Runs all auto-formatters. |
| format:js | Auto-formats js files using Prettier. |
| format:sass | Auto-formats scss files using Prettier. |
| start | Runs the dummy app local server. |
| test | Runs all tests in random order, with coverage reporting. |
| doc:toc | Automatically generates a table of contents for this README file. |
Running / Development
ember serve- Visit your app at http://localhost:4200.
- Visit your tests at http://localhost:4200/tests.
Building for Production
Before executing a build, be sure to set any environment variables necessary for your target environment (see next section). To build this UI for production, run the following commads from this folder:
yarn install
yarn build
The static production assets are saved into the dist/ folder.
Environment Variables
These environment variables may be used to customized the build.
| Variable | Default Value | Description |
|---|---|---|
APP_NAME |
Application Name | The user-facing name of the application, appearing in titles, etc. |
API_HOST |
The host of the API, if different than UI (e.g. https://example.net:1234). |
Running Tests
npm testruns full tests in random order with coverageember test --server
Keep in mind that tests are executed in random order. This is intentional and helps to prevent hard-to-debug order dependencies among tests.
Please also note that we report test coverage. We strive for "the right amount of testing". Use test coverage as a guide to help you identify untested high-value code.
We rely on ember-a11y-testing to validate accessibility in acceptance tests.
If you write acceptance tests, please ensure at least one validation per
route using await a11yAudit();.
Deploying
Specify what it takes to deploy your app.