new header

This commit is contained in:
Ezequiel Bergamaschi 2014-03-10 01:22:30 -03:00
parent 1bdf75e295
commit 251f0eca46
2 changed files with 46 additions and 24 deletions

View File

@ -112,7 +112,7 @@ div#headerButtons activelink a, div#headerButtons activelink a:hover {
div#headerActions {
padding-right: 8px;
padding-top: 4px;
padding-top: 2px;
position: absolute;
right: 0;
z-index: 50;

View File

@ -13,6 +13,24 @@
}
%>
<style>
.btn-header {
background-color: #171a17;
border-color: #575757;
}
.btn-header:hover {
background-color: #F7C931;
}
.WelcomeHeader {
position: relative;
float: left;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border: 1px solid transparent;
}
</style>
<div id="settings-dialog-modal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
@ -33,15 +51,23 @@
<div id="headerToolbar">
<c:choose>
<c:when test="${principal != null}">
<div id="headerActions">
<div class='WelcomeHeader' >
<spring:message code="WELCOME"/>, ${principal.firstname}
| <span><a href="c/maps/"><spring:message
code="MY_WISEMAPS"/></a></span>
| <span><a id="userSettingsBtn" href="#"
title="<spring:message code="ACCOUNT_DETAIL"/>"><spring:message
code="ACCOUNT"/></a></span>
| <span><a href="c/logout"
title="<spring:message code="LOGOUT"/>"><spring:message code="LOGOUT"/></a></span>
</div>
<div class="btn-group" id="headerActions">
<button type="button" onclick="location.href='c/maps/'" class="btn btn-sm btn-header"><spring:message code="MY_WISEMAPS"/></button>
<button type="button" onclick="accountInfo()" title="<spring:message code="ACCOUNT_DETAIL"/>" class="btn btn-sm btn-header">
<spring:message code="ACCOUNT"/>
</button>
<button onclick="location.href='c/logout'" title="<spring:message code="LOGOUT"/>" type="button" class="btn btn-sm btn-header">
<spring:message code="LOGOUT"/>
</button>
</div>
</c:when>
<c:when test="${!param.removeSignin && !requestScope.removeSignin}">
@ -69,10 +95,8 @@
<script type="text/javascript">
var userSettingsLink = $('#userSettingsBtn');
if (userSettingsLink) {
userSettingsLink.click(
function (event) {
function accountInfo(event) {
$('#settings-dialog-modal .modal-body').load("c/account/settings",
function () {
$('#settings-dialog-modal .btn-cancel').unbind('click').click(function () {
@ -83,8 +107,6 @@
);
$('#settings-dialog-modal').modal();
event.preventDefault();
});
}
</script>