QA switchBackToUser

This commit is contained in:
Felix Niklas 2014-09-15 23:59:21 +02:00
parent 01e759949f
commit 228177110b
3 changed files with 30 additions and 16 deletions

View file

@ -1,6 +1,6 @@
class Widget extends App.Controller
events:
'click .close': 'switchBack'
'click .js-close': 'switchBack'
constructor: ->
super
@ -19,12 +19,12 @@ class Widget extends App.Controller
# if no switch to user is active
if !App.Config.get('switch_back_to_possible') || _.isEmpty( App.Session.all() )
@el.html('')
$('#app').removeClass('switch-back-to-user-space')
$('#app').removeClass('switchBackToUserSpace')
return
# show switch back widget
@html App.view('widget/switch_back_to_user')()
$('#app').addClass('switch-back-to-user-space')
$('#app').addClass('switchBackToUserSpace')
switchBack: (e) =>
e.preventDefault()

View file

@ -1,4 +1,10 @@
<div class="switch-back-to-user fit">
<%- @T('Zammad looks like this for "%s"', @S('firstname') + ' ' + @S('lastname') ) %>
<a href="#" class="close icon "></a>
<div class="switchBackToUser fit horizontal center">
<div class="switchView icon"></div>
<div class="switchBackToUser-text"><%- @T('Zammad looks like this for "%s"', @S('firstname') + ' ' + @S('lastname') ) %></div>
<div class="align-right horizontal center js-close u-clickable">
<%- @T('Back to my Overview') %>
<div class="switchBackToUser-close centered">
<span class="white close icon"></span>
</div>
</div>
</div>

View file

@ -1617,7 +1617,7 @@ footer {
}
.search {
padding: 10px 15px 10px 10px;
padding: 14px 15px 10px 10px;
border-bottom: 1px solid rgba(240, 250, 255, .05);
}
@ -3071,17 +3071,25 @@ footer {
font-size: inherit;
}
.switch-back-to-user {
position: absolute;
background-color: #389ed9;
.switchBackToUser.fit {
background: hsl(200,87%,45%);
color: #fff;
height: 34px;
z-index: 1;
padding: 8px 9px;
top: -34px;
height: 45px;
padding: 0 17px;
top: -45px;
border-bottom: 5px solid hsl(205,90%,60%);
}
.switch-back-to-user-space {
top: 34px;
.switchBackToUser-text {
margin-left: 10px;
}
.switchBackToUser-close {
width: 40px;
height: 40px;
margin-right: -10px;
}
#app.switchBackToUserSpace {
top: 45px;
}
/*