suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add closing icon and action to hook error

Browse Source
This commit is contained in:
Lisa Passing 2015-04-22 16:20:26 +02:00
parent 3703194709
commit c76d4de614
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/components/hooks-list-item.coffee
View File

@ -8,4 +8,7 @@ HooksListItemComponent = Ember.Component.extend
handleToggleError: -> handleToggleError: ->
@set("errorMessage", "There was an error") @set("errorMessage", "There was an error")
close: ->
@set("errorMessage", null)
`export default HooksListItemComponent` `export default HooksListItemComponent`

6
app/styles/app/layouts/profile.sass
View File

@ -213,3 +213,9 @@ p.profile-user-last
height: 1.2em height: 1.2em
background: #f1b6ad background: #f1b6ad
transform: rotate(45deg) transform: rotate(45deg)
.close
@extend .icon
position: absolute
top: 1em
right: 1em
@extend .icon--dismiss-red

4
app/templates/components/hooks-list-item.hbs
View File

@ -13,6 +13,8 @@
{{#if errorMessage}} {{#if errorMessage}}
<div class="error"> <div class="error">
<p>{{errorMessage}}</p> <p>
{{errorMessage}}
<a class="close" {{action "close" target=view}}></a></p>
</div> </div>
{{/if}} {{/if}}