You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
SIPRP/trunk/SiprpWebFichasClinicas/WebContent/WEB-INF/resources/pages/sidebar_angular.jsp

176 lines
8.2 KiB

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE HTML>
<html>
<head>
<title>Safemode - <tiles:insertAttribute name="title"/></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/datepicker/datepicker.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/angular.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/angular-ui-utils.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/ui-utils-ieshiv.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/ui-bootstrap-tpls-0.10.0.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/bootstrap-angular.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/cxf-js/cxf-utils.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/cxf-js/LegislacaoWSImpl2Service.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/knockout/knockout-3.0.0.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/scripts/knockout/knockout.mapping-v2.4.1.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.0/moment.min.js"></script>
<tiles:insertAttribute name="validator"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/scripts/bootstrap/css/bootstrap.css" >
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/scripts/datepicker/datepicker.css" >
<style type="text/css">
.nav-link:hover
{
background-color: white;
}
</style>
<!-- Javascript -->
<script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<script type='text/javascript' src="${pageContext.request.contextPath}/static/scripts/css3-mediaqueries.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script type='text/javascript' src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
</head>
<body>
<div style="background-color: white">
<header class="masthead header" style="height: 125px">
<div class="container">
<tiles:insertAttribute name="header" />
</div>
</header>
<!-- Begin Navbar -->
<div id="nav">
<div class="navbar navbar-default navbar-static">
<div class="container">
<ul class="nav navbar-nav col-md-6">
<tiles:insertAttribute name="navbar" />
</ul>
<div class="nav navbar-nav col-md-3" style="padding-left: 22px; padding-right: 0px">
<tiles:insertAttribute name="quick-search" />
</div>
<c:if test="${user != null}">
<div class="col-md-2" style="padding-left: 0px; padding-right: 0px;">
<div style="font-size: 10pt; color: white; display: table-cell; height: 52px; vertical-align: middle;">
Bem-vindo(a) <a class="nav-link" title="Clique para ir para a sua &aacute;rea de utilizador" href="${pageContext.request.contextPath}/pages/personal/listUser.do"><c:out value="${user.user_name}"/></a>.
<a class="nav-link" title="Clique para fazer logout da sess&atilde;o" href="${pageContext.request.contextPath}/j_spring_security_logout">Logout</a>
</div>
</div>
<div class="col-md-1" style="padding-top: 6px; padding-bottom: 6px; padding-left: 0px; padding-right: 0px;">
<button class="btn btn-primary" style="float: right; height: 40px; margin-left: 5px;" id="fav" type="button" data-bind="click: favoritosClick">
<span class="glyphicon glyphicon-star"></span>
</button>
<button class="btn btn-primary" style="float: right; height: 40px;" id="top" type="button" data-bind="click: toptenClick">
<span class="glyphicon glyphicon-arrow-up"></span>
</button>
</div>
</c:if>
</div>
</div>
<!-- /.navbar -->
</div>
<script type="text/javascript">
var buttons = {
favoritos: ko.observable(false),
topten: ko.observable(false),
favoritosClick: function( )
{
if( ( this.favoritos() === false ) && ( this.topten() === false ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-9");
jQuery("#favoritos").removeClass().addClass("col-sm-3");
this.favoritos(true);
}
else if( ( this.favoritos() === false ) && ( this.topten() === true ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-6");
jQuery("#favoritos").removeClass().addClass("col-sm-3");
this.favoritos(true);
}
else if( ( this.favoritos() === true ) && ( this.topten() === false ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-12");
jQuery("#favoritos").removeClass().addClass("hidden");
this.favoritos(false);
}
else if( ( this.favoritos() === true ) && ( this.topten() === true ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-9");
jQuery("#favoritos").removeClass().addClass("hidden");
this.favoritos(false);
}
},
toptenClick: function( )
{
if( ( this.topten() === false ) && ( this.favoritos() === false ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-9");
jQuery("#topten").removeClass().addClass("col-sm-3");
this.topten(true);
}
else if( ( this.topten() === false ) && ( this.favoritos() === true ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-6");
jQuery("#topten").removeClass().addClass("col-sm-3");
this.topten(true);
}
else if( ( this.topten() === true ) && ( this.favoritos() === false ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-12");
jQuery("#topten").removeClass().addClass("hidden");
this.topten(false);
}
else if( ( this.topten() === true ) && ( this.favoritos() === true ) )
{
jQuery("#main_content").removeClass().addClass("col-sm-9");
jQuery("#topten").removeClass().addClass("hidden");
this.topten(false);
}
}
};
ko.applyBindings( buttons, jQuery("#nav")[0] );
</script>
<!-- Begin Body -->
<div class="container">
<tiles:insertAttribute name="content"/>
</div>
<hr />
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-9">
<p>Copyright 2013 Safemode. Todos os direitos
reservados.</p>
</div>
<div class="col-md-3">
<div>
<div class="row">
<div class="col-md-10"
style="width: initial; padding-right: 0;">
<p>Desenvolvido por</p>
</div>
<div class="col-md-2"
style="padding-left: 5px; margin-top: -12px;">
<a href="http://www.evolute.pt/" target="_blank">
<img alt="evolute" height="30" width="132" src="/safemode/static/styles/logo_w400.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>