Cameron Perera
7af8e71a2d
* feat: 🎸 add ability to filter targets by scope ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 update model hook signature comment ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 remove await from cancel session route transition ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 add comments to new controller methods ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 add options to query for all targets ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 handle ESC key press for dropdown ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * feat: 🎸 add searching within scope dropdown list ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 set pushToStore to false for all target query ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 handle scopes not having names ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 move fetch allTargets to controller ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 fix rebase conflicts ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * test: 💍 fix test ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 update allTargets query to have empty query ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 change let to const ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 add replace: true to scopes query param ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 add allTargets fetch back to model hook ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 change on search to on input to trigger action ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * test: 💍 fix test by adding more target returns to stub ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * feat: 🎸 create filterable-dropdown rose component ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * feat: 🎸 finish Rose::FilterableDropdown component ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * feat: 🎸 use FilterableDropdown in targets table ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 🤖 move methods comment ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 render Rose::FilterableDropdown correctly in test ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * test: 💍 remove generated comments from tests ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 improve readability of itemOptions getter ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * refactor: 💡 change block parameters to uppercase ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802 * test: 💍 skip generated tests until adding more ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11802
Rose - Style & Component Ember Addon for Boundary
This addon contains common styles and components shared by Boundary UIs.
Table of Contents generated with DocToc
- Add Styles to an App
- Installation
- Yarn Commands
- Linting
- Formatting
- Building Components
- Using Components
- Running tests
- Running the dummy application
- Contributing
Add Styles to an App
Add this addon to an Ember application's devDependencies as:
"rose": "*", for applications included in this monorepo. Application's
may then import rose styles by adding @import 'rose'; to their stylesheets.
Installation
See monorepo README for installation instructions.
Yarn Commands
List of available project commands. yarn run <command-name>
| Command | Description |
|---|---|
| build:development | Builds the dummy app in development mode. |
| build | Builds the dummy app for production. |
| lint | Runs all lint commands. |
| lint:fix | Runs automatic lint fixes for all files. |
| lint:hbs | Lints template hbs files. |
| lint:hbs:fix | Runs automatic lint fixes for hbs files. |
| lint:js | Lints js files. |
| lint:js:fix | Runs automatic lint fixes for js files. |
| lint:sass | Lints scss files. |
| format | Runs all auto-formatters. |
| format:js | Auto-formats js files using Prettier. |
| format:hbs | Auto-formats hbs files using Prettier. |
| format:sass | Auto-formats scss files using Prettier. |
| start | Runs the dummy app local server. |
| test | Runs all tests. |
| test:ember-compatibility | Runs tests across multiple Ember versions with ember-try. |
| precommit | Runs all lint, format and tests. |
| doc:toc | Automatically generates a table of contents for this README file. |
Additional commands in the monorepo package may affect this projects.
Linting
yarn lint:hbsyarn lint:jsyarn lint:js --fix
Formatting
Before submitting your work, be sure to run auto-formatters (see commands above). This helps to ensure consistency among authors.
yarn format
Building Components
To build a new component, start by generating it on the command line with
ember g component rose/component-name.
Using Components
A few of the components have additional ember package dependencies that need to be installed before usage.
| Component | Dependency |
|---|---|
| Rose::Dropdown | ember-modifier |
Running tests
yarn test– Runs the test suite on the current Ember versionyarn test --server– Runs the test suite in "watch mode"yarn test:all– Runs the test suite against multiple Ember versions
Running the dummy application
yarn start- Visit the dummy application at http://localhost:4200.
Contributing
See monorepo README for more contribution instructions.
Building ToC
To autogenerate a ToC (table of contents) for this README,
run yarn doc:toc. Please update the ToC whenever editing the structure
of README.