This Single Page Application enables users to choose files for downloading. The download button remains disabled unless at least one file is selected. Upon selecting files, the button activates. When clicked, it triggers an alert dialog box that details which files are ready for download and which are not, based on their status. Only files with "available" status qualify for downloading.
To use these features:
- Select Files: Use the checkboxes to select or deselect individual file or use the select-all checkbox to select all files at once.
- Download Files: Click the "Download Selected" button to download the selected files and view their paths and devices in an alert box.
The implementation is done using the Ember.js framework, HTML and CSS. No other frameworks are used for the layout and styling. The architecture followed aligns with Ember's evolution towards more modular and component-centric development, which is not only more efficient but also aligns with modern JavaScript development practices.
The goal was to co-locate component-specific styles with their respective templates and JavaScript files. Due to numerous integration errors encountered during this version's development, temporarily all styling has been centralized in app.css. This decision was made to ensure stability and functionality, but it needs to be revisited to follow the component-centric styling approach in future updates. Component-Centric Design approach minimizes naming conflicts and reduces the chance of unintended global style changes.
You will need the following things properly installed on your computer.
- Git
- Node.js (with npm)(v14 or above)
- Ember CLI
- Google Chrome
git clone <repository-url>this repositorycd ember-download-files-appnpm install
npm run start- Visit your app at http://localhost:4200.
- Visit your tests at http://localhost:4200/tests.
npm run testnpm run test:ember -- --server
npm run lintnpm run lint:fix
npm exec ember build(development)npm run build(production)