Skip to content

Instantly share code, notes, and snippets.

@cortix

cortix/homepage.jsp

Created November 22, 2015 21:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cortix/24b26a7571b7319e275e to your computer and use it in GitHub Desktop.
Save cortix/24b26a7571b7319e275e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
homepage.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="sec"
uri="http://www.springframework.org/security/tags" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ page session="true" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<c:url value="/resources/css/bootstrap.min.css" />" rel="stylesheet">
<link href="<c:url value="/resources/font-awesome/css/font-awesome.css" />" rel="stylesheet">
<link href="<c:url value="/resources/css/animate.css" />" rel="stylesheet">
<link href="<c:url value="/resources/css/style.css" />" rel="stylesheet">
<!-- FooTable -->
<link href="<c:url value="/resources/css/plugins/footable/footable.core.css" />" rel="stylesheet">
<!-- datatables -->
<link href="<c:url value="/resources/DataTables/datatables.min.css" />" rel="stylesheet"/>
<!-- Toastr style -->
<link href="<c:url value="/resources/css/plugins/toastr/toastr.min.css" />" rel="stylesheet">
<title><spring:message code="label.pages.home.title"></spring:message></title>
</head>
<body class="skin-3">
<div id="wrapper">
<nav class="navbar-default navbar-static-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav metismenu" id="side-menu">
<li class="nav-header">
<div class="dropdown profile-element">
<img alt="image" class="img-circle" src="\resources\mini_pic.png"/>
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">
<sec:authorize access="isAuthenticated()">
<sec:authentication property="principal.username"/>
</sec:authorize></strong>
</span> <span class="text-muted text-xs block">Kullanıcı <b
class="caret"></b></span> </span> </a>
<ul class="dropdown-menu animated fadeInRight m-t-xs">
<li>
<a href="<c:url value="/userProfile.html"><c:param name="user" value="${param.user}"/></c:url>"><spring:message
code="label.pages.profile"></spring:message></a></li>
<li><a href="<c:url value="/j_spring_security_logout" />"><spring:message
code="label.pages.logout"></spring:message></a></li>
</ul>
</div>
<div class="logo-element">
Er+
</div>
</li>
<li class="active">
<a href="<c:url value="/homepage"><c:param name="user" value="${param.user}"/></c:url>"><i
class="fa fa-th-large"></i> <span class="nav-label"><spring:message
code="label.pages.home.title"></spring:message></span></a>
</li>
<li>
<a href="#"><i class="fa fa-users"></i> <span class="nav-label"><spring:message
code="label.pages.home.invitation"></spring:message></span> </a>
</li>
<li>
<a href="<c:url value="/projects"><c:param name="user" value="${param.user}"/></c:url>"><i
class="fa fa-database"></i> <span class="nav-label"><spring:message
code="label.pages.home.project"></spring:message></span></a>
</li>
<li>
<a href="<c:url value="/projectInformation"><c:param name="user" value="${param.user}"/></c:url>"><i
class="fa fa-archive"></i> <span class="nav-label"><spring:message
code="label.pages.projectInformation"></spring:message></span></a>
</li>
</ul>
</div>
</nav>
<div id="page-wrapper" class="gray-bg dashbard-1">
<div class="row border-bottom">
<nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
</a>
<form role="search" class="navbar-form-custom" method="post" action="#">
<div class="form-group">
<input type="text" placeholder="Search for something..." class="form-control"
name="top-search" id="top-search">
</div>
</form>
</div>
<ul class="nav navbar-top-links navbar-right">
<li>
<span class="m-r-sm text-muted welcome-message"><spring:message
code="label.pages.welcomeToAdminPanel"></spring:message>&nbsp;<strong><c:out
value="${authenticatedUserName}"/>&nbsp;<c:out
value="${authenticatedUserLastname}"/></strong></span>
</li>
<li>
<a href="<c:url value="/j_spring_security_logout" />">
<i class="fa fa-sign-out"></i> <spring:message code="label.pages.logout"></spring:message>
</a>
</li>
</ul>
</nav>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-lg-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>Projeler</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-wrench"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#">Config option 1</a>
</li>
<li><a href="#">Config option 2</a>
</li>
</ul>
<a class="close-link">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="ibox-content">
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th class="all">No</th>
<th></th>
<th class="select-filter">Türü</th>
<th>Proje No</th>
<th class="all">Proje Sahibi Kurum</th>
<th class="all">Projenin Adı</th>
<th class="select-filter">İlgili Personel</th>
<th>K.S</th>
<th>Ref.S</th>
<th>E.K.S</th>
<th>Per.S</th>
<th>Bit.Tar.</th>
<th>Rap.Tar.</th>
<th>Bütçe</th>
<th>Sözleşme</th>
<th></th>
</tr>
</thead>
<tfoot>
<tr>
<th>No</th>
<th></th>
<th>Türü</th>
<th>Proje No</th>
<th>Proje Sahibi Kurum</th>
<th>Projenin Adı</th>
<th>İlgili Personel</th>
<th>K.S</th>
<th>Ref.S</th>
<th>E.K.S</th>
<th>Per.S</th>
<th>Bit.Tar.</th>
<th>Rap.Tar.</th>
<th>Bütçe</th>
<th>Sözleşme</th>
<th></th>
</tr>
</tfoot>
<tbody>
<c:forEach items="${projectsListt}" var="projectt">
<tr>
<td>1</td>
<td><a href="#"><i class="fa fa-road text-navy"></i></a></td>
<td>${projectt.faaliyetTuru}</td>
<td>${projectt.projeNumarasi}</td>
<td>${projectt.projeSahibiKurum}</td>
<td>${projectt.projeAdi}</td>
<td>${projectt.ilgiliPersonel}</td>
<td>${projectt.katSayisi}</td>
<td>${projectt.refSayisi}</td>
<td>${projectt.engKatSayisi}</td>
<td>${projectt.perSayisi}</td>
<td>${projectt.projeBitTarihi}</td>
<td>${projectt.raporTarihi}</td>
<td>${projectt.topButce}</td>
<td>${projectt.sozlesme}</td>
<td><a href="#"><i class="fa fa-trash text-navy"></i></a></td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="pull-right">
10GB of <strong>250GB</strong> Free.
</div>
<div>
<strong>Copyright</strong> Berkadem Software &copy; 2015
</div>
</div>
</div>
</div>
<!-- Mainly scripts -->
<script src="<c:url value="/resources/js/jquery-2.1.1.js" />"></script>
<script src="<c:url value="/resources/js/bootstrap.min.js" />"></script>
<script src="<c:url value="/resources/js/plugins/metisMenu/jquery.metisMenu.js" />"></script>
<script src="<c:url value="/resources/js/plugins/slimscroll/jquery.slimscroll.min.js" />"></script>
<!-- Custom and plugin javascript -->
<script src="<c:url value="/resources/js/inspinia.js" />"></script>
<script src="<c:url value="/resources/js/plugins/pace/pace.min.js" />"></script>
<!-- FooTable -->
<script src="<c:url value="/resources/js/plugins/footable/footable.all.min.js" />"></script>
<!-- Page-Level Scripts -->
<!-- Toastr -->
<script src="<c:url value="/resources/js/plugins/toastr/toastr.min.js" />"></script>
<!-- DataTables -->
<script src="<c:url value="/resources/DataTables/datatables.min.js" />"></script>
<script>
$(document).ready(function() {
$.fn.dataTable.Responsive.breakpoints = [
{ name: 'desktop', width: Infinity },
{ name: 'tablet', width: 1024 },
{ name: 'fablet', width: 768 },
{ name: 'phone', width: 480 }
];
$('#example').DataTable({
responsive: true,
initComplete: function () {
this.api().columns('.select-filter').every( function () {
var column = this;
var select = $('<select><option value=""></option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );
},
"columnDefs": [ {
"targets": 2,
"createdCell": function (td, cellData, rowData, row, col) {
if( cellData=="Öğrenci Hareketliliği" ){
$(td).css('color', 'blue').addClass('highlight');
}else if( cellData=="Öğretmen Hareketliliği") {
$(td).css('color', 'green').addClass('highlight');
}else if( cellData=="Personel Eğitimi") {
$(td).css('color', 'purple').addClass('highlight');
}else if( cellData=="Yetişkin Eğitimi") {
$(td).css('color', 'orange').addClass('highlight');
}
}
} ]
});
} );
</script>
<style>
.dataTables_wrapper { font-size: 11px }
.dataTables_wrapper table tr td { font-size: 11px }
.dataTables_wrapper table tr th { font-size: 11px }
td.highlight {
font-weight: bold;
}
</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment