44 Commits

Author SHA1 Message Date
Juan Cruz Viotti
0dcc7b22b8 Implement SVGIcon Angular directive (#324)
* Inherit current scope in osOpenExternal directive

This directive attempts to create a new isolated scope, which leads the
errors when using this directive on top of another directive in the same
element.

Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>

* Implement SVGIcon Angular directive

This directive replaces part of `hero-icon`, the old Polymer component.

Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
2016-04-13 16:14:46 -04:00
Juan Cruz Viotti
42db5992fa Reorganize utilities and desktop integration modules (#316)
- Rename `Etcher.Utils.Dropzone` to `Etcher.OS.Dropzone`
- Rename `Etcher.Utils.OpenExternal` to `Etcher.OS.OpenExternal`
- Rename `Etcher.Utils.WindowProgress` to `Etcher.OS.WindowProgress`
- Rename `Etcher.notification` to `Etcher.OS.Notification`
- Rename `Etcher.notifier` to `Etcher.Utils.Notifier`
- Rename `Etcher.path` to `Etcher.Utils.Path`

Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
2016-04-13 13:34:31 -04:00
Juan Cruz Viotti
dec10f618e Add "Change" button links below each step (#306)
Fixes: https://github.com/resin-io/etcher/issues/290
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
2016-04-12 15:59:42 -04:00
Juan Cruz Viotti
77da54431a Add Etcher logo to application footer (#302)
Fixes: https://github.com/resin-io/etcher/issues/252
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
2016-04-12 13:01:56 -04:00
Juan Cruz Viotti
7e83c378a2 Add subtle hover styling to footer links (#268)
Fixes: https://github.com/resin-io/etcher/issues/253
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
2016-04-08 15:21:12 -04:00
Juan Cruz Viotti
3a04b5ccaa Fix window contents pushed below when a modal is open (#263)
UI Bootstrap adds the `.modal-open` class to the `<body>`
element and sets its right padding to the width of the
window, causing the window content to overflow and get
pushed to the bottom.
The `!important` flag is needed since UI Bootstrap inlines
the styles programatically to the element.

Fixes: https://github.com/resin-io/etcher/issues/257
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
2016-04-08 10:37:10 -04:00
Juan Cruz Viotti
3392a5eca1 Implement write validation support
* Extend ProgressButton to support a striped progress bar

This feature will be used to implement the burn validation step.

* Implement alert-ribbon CSS component

This component will be used to inform an error situation to the user
during the burn/check processes.

* Add "Enable write validation on success" setting

* Implement write validation support

Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
Fixes: https://github.com/resin-io/etcher/issues/45
2016-04-06 21:53:35 -04:00
Juan Cruz Viotti
c27c9c3a2f Undo :focus styles from Bootstrap.
On Electron, the user can click and press over a button,
then move the mouse away from the button and release,
and the button will erroneusly keep the `:focus` state style.

The current workaround consists of:

- Iterate through all the Bootstrap button styles.
- Set the default 'background', `color` and `border-color` to match the
style of the normal state.

Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
2016-04-04 18:48:16 -04:00
Juan Cruz Viotti
797a253158 Group all parts of the progress-button component in a single directory 2016-03-31 15:14:10 -04:00
Juan Cruz Viotti
18a1606988 Implement a drive selector modal
This modal provides a more advanced way to select a drive. It prevents
certain issues the dropdown was having, like the contents overflowing
when there were many connected drives.

Fixes: https://github.com/resin-io/etcher/issues/202
2016-03-31 12:18:23 -04:00
Juan Cruz Viotti
c75b4b307a Style btn-sm 2016-03-31 10:01:33 -04:00
Juan Cruz Viotti
7b48eeb993 Make a CSS class for fixed-width step buttons 2016-03-31 10:01:24 -04:00
Juan Cruz Viotti
bac70c667f Fix step vertical bars slight misalignment 2016-03-31 08:52:57 -04:00
Juan Cruz Viotti
e3ed0af0f9 Move Boostrap style customisations to a boostrap.scss file 2016-03-30 16:11:08 -04:00
Juan Cruz Viotti
9bd0ccd550 Normalise step footers captions 2016-03-30 15:53:26 -04:00
Juan Cruz Viotti
79b16beaf0 Make caption's uppercase by default 2016-03-30 15:49:59 -04:00
Juan Cruz Viotti
6f7ea4e772 Convert hero-progress-button into an Angular directive 2016-03-30 15:46:48 -04:00
Juan Cruz Viotti
482b0a52ee Move title normalisation to desktop.css 2016-03-30 14:56:59 -04:00
Juan Cruz Viotti
abdee7fe10 Refactor tick as a scss component 2016-03-30 14:17:03 -04:00
Juan Cruz Viotti
5d52b19c2b Refactor hero-button as a scss component 2016-03-30 14:11:18 -04:00
Juan Cruz Viotti
01ec52f4d7 Refactor caption as a scss component 2016-03-30 14:02:03 -04:00
Juan Cruz Viotti
d47eaa8a2a Refactor badge as a scss component 2016-03-30 13:47:36 -04:00
Juan Cruz Viotti
334eebe9c9 Implement "Need Help?" button
This button guides the user to publish a new issue in the GitHub
repository.

Fixes: https://github.com/resin-io/etcher/issues/177
2016-03-02 12:32:01 -04:00
Juan Cruz Viotti
64c27235bf Make use of UI Router 2016-03-01 19:50:25 -04:00
Juan Cruz Viotti
f208d2e34d Make use of settings to prevent tracking in analytics module
`SettingsService` is injected manually using `$injector` to a void a
circular dependency over `$rootScope` by `$localStorage`.
2016-03-01 12:55:15 -04:00
Juan Cruz Viotti
61a1527c7e Implement settings screen 2016-03-01 12:22:03 -04:00
Juan Cruz Viotti
ff2a375179 Fix slighly checkbox vertical alignment issue 2016-03-01 11:33:21 -04:00
Juan Cruz Viotti
a871d19ef7 Only apply necessary margins in spacing module 2016-03-01 11:23:41 -04:00
Juan Cruz Viotti
ac2fb8b0a9 Merge pull request #143 from resin-io/feat/74/burn-another-design
Improve "Burn another" screen design
2016-02-05 12:57:49 -04:00
Juan Cruz Viotti
3caf9859b0 Improve "Burn another" screen design
Fixes: https://github.com/resin-io/etcher/issues/74
2016-02-05 12:48:42 -04:00
Juan Cruz Viotti
46307adef3 Set content spacing to 40px 2016-02-04 16:51:46 -04:00
Juan Cruz Viotti
edbde47900 Set titleBarStyle to 'hidden-inset'
This only affects OS X.
2016-02-04 15:58:30 -04:00
Juan Cruz Viotti
cc5d6456b8 Prevent click events on disable buttons
For some reasons, despite being disabled, buttons still call the action
defined as `ngClick`. In the case of the burn progress button, this
results in:

```sh
TypeError: Cannot read property 'device' of undefined
```

Fixes: https://github.com/resin-io/etcher/issues/132
2016-01-26 08:40:43 -04:00
Juan Cruz Viotti
573d237569 Convert angular.scss and desktop.scss to plain CSS files
These are files that contain static rules that are not likely change nor
require the advanced functionality that SASS requires.

This is the first step towards an attempt to get rid of preprocessor and
use native supported web technologies.
2016-01-22 10:40:05 -04:00
Juan Cruz Viotti
2f301ad382 Add image format footer explanation
Fixes: https://github.com/resin-io/resin-etcher/issues/86
2016-01-18 15:35:40 -04:00
Juan Cruz Viotti
7f724b6295 Show burn speed information during write
The speed is shown right below the Burn button.
2016-01-18 14:55:13 -04:00
Juan Cruz Viotti
da4748a1a1 Implement new footer with the Resin.io logo
Fixes: https://github.com/resin-io/resin-etcher/issues/68
2016-01-18 10:36:39 -04:00
Juan Cruz Viotti
35c3351533 Change license to Apache 2.0 2016-01-03 22:42:44 -04:00
Juan Cruz Viotti
186d3847fe Prevent white flash when running application
We accomplish this by setting the background color of the `html` element
to match the greyish background color of the application.
2015-12-15 09:57:44 -04:00
Juan Cruz Viotti
c63755205b Implement burn complete screen
This screen informs the user that the burn has completed and that the
drive can be ejected directly.

It also provides a button to burn another image without exitting the
application.

Fixes: https://github.com/resin-io/herostratus/issues/41
2015-12-01 08:21:17 -04:00
Juan Cruz Viotti
f6f63bdf48 Add finished state before done
Currently we say "done" as soon as the progress is equal to 100, however
we don't wait for the drive to be ejected/unmounted.

This commit introduces a new state, called "Finishing..." which is shown
when the progress is 100, but the drive has not been unmounted.
2015-11-23 23:30:39 -04:00
Juan Cruz Viotti
3f0abf1737 Disable icons when step is disabled 2015-10-30 17:03:35 -04:00
Juan Cruz Viotti
4265359704 Fix step border alignment when on third step 2015-10-29 10:51:21 -04:00
Juan Cruz Viotti
4bfb161e5c Initial commit 2015-10-29 09:36:21 -04:00