Created
December 10, 2015 02:52
-
-
Save cortix/3688b7371eb982374a4c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <%-- | |
| Created by IntelliJ IDEA. | |
| User: HasanCelik | |
| Date: 13.10.2015 | |
| Time: 02:15 | |
| To change this template use File | Settings | File Templates. | |
| --%> | |
| <%@ 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"/> | |
| <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> | |
| <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 class="active"> | |
| <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> <strong><c:out | |
| value="${authenticatedUserName}"/> <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>FooTable with row toggler, sorting and pagination</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"> | |
| <div class="form-group"> | |
| <div class="row"> | |
| <div class="col-md-4"> | |
| <fieldset class="form-horizontal"> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Teklif Yılı:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" placeholder="Teklif Yılı:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Proje Numarası:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" | |
| placeholder="Proje Numarası:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Proje Türü:</label> | |
| <div class="col-sm-8"> | |
| <select id="projeTuru" class="form-control input-sm"> | |
| <option>101</option> | |
| <option>102</option> | |
| <option>104</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Faaliyet Türü:</label> | |
| <div class="col-sm-8"> | |
| <select class="form-control input-sm"> | |
| <option>101</option> | |
| <option>102</option> | |
| <option>104</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Projenin Süresi:</label> | |
| <div class="col-sm-8"> | |
| <select class="form-control input-sm"> | |
| <option>12 Ay</option> | |
| <option>24 Ay</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Projenin Adı:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" placeholder="Projenin Adı:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Projenin İng Adı:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" | |
| placeholder="Projenin İng Adı:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Projenin Kısa Adı:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" | |
| placeholder="Projenin Kısa Adı:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Proje Sahibi Kurum:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" | |
| placeholder="Proje Sahibi Kurum:"> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-search text-navy"></i></button> | |
| </div> | |
| </div> | |
| </fieldset> | |
| </div> | |
| <div class="col-md-4"> | |
| <fieldset class="form-horizontal"> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Turna Kullanıcı Adı:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" | |
| placeholder="Turna Kullanıcı Adı:"> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-search text-navy"></i></button> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Turna Şifre:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" placeholder="Turna Şifre:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Kayıtlı E-Posta:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="email" | |
| placeholder="Kayıtlı E-Posta:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">E-Posta Şifre:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" | |
| placeholder="E-Posta Şifre:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">İrtibat Kişisi:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" | |
| placeholder="İrtibat Kişisi:"> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-search text-navy"></i></button> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">İmza Yetkilisi::</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" | |
| placeholder="İmza Yetkilisi:"> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-search text-navy"></i></button> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">İlgili Personel:</label> | |
| <div class="col-sm-7"> | |
| <select class="form-control input-sm"> | |
| <option>101</option> | |
| <option>102</option> | |
| <option>104</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">İlgili UA Uzmanı:</label> | |
| <div class="col-sm-7"> | |
| <select class="form-control input-sm"> | |
| <option>option 1</option> | |
| <option>option 2</option> | |
| </select> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-search text-navy"></i></button> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Aracı Kişi:</label> | |
| <div class="col-sm-7"> | |
| <select class="form-control input-sm"> | |
| <option>12 Ay</option> | |
| <option>24 Ay</option> | |
| </select> | |
| </div> | |
| </div> | |
| </fieldset> | |
| </div> | |
| <div class="col-md-4"> | |
| <fieldset class="form-horizontal"> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">ECAS Kullanıcı Adı:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" | |
| placeholder="ECAS Kullanıcı Adı:"> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-search text-navy"></i></button> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Ecas Şifre:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" placeholder="Ecas Şifre:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Banka Adı:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="email" placeholder="Banka Adı:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Şube Adı:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" placeholder="Şube Adı:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">IBAN No:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" placeholder="Iban No:"> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-check text-navy"></i></button> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Harcama Yetkilileri::</label> | |
| <div class="col-sm-3"> | |
| <input class="form-control" type="text" | |
| placeholder="İmza Yetkilisi1:"> | |
| </div> | |
| <div class="col-sm-2"> | |
| <label class="col-sm-4 control-label">ve</label> | |
| </div> | |
| <div class="col-sm-3"> | |
| <input class="form-control" type="text" | |
| placeholder="İmza Yetkilisi2:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Proje Başlama Tar.:</label> | |
| <div class="col-sm-3"> | |
| <input class="form-control" type="text" | |
| placeholder="İmza Yetkilisi1:"> | |
| </div> | |
| <div class="col-sm-2"> | |
| <label class="col-sm-4 control-label">B.T.</label> | |
| </div> | |
| <div class="col-sm-3"> | |
| <input class="form-control" type="text" | |
| placeholder="İmza Yetkilisi2:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">UA Söz. İmza Tarihi:</label> | |
| <div class="col-sm-8"> | |
| <input class="form-control" type="text" | |
| placeholder="UA Söz. İmza Tarihi:"> | |
| </div> | |
| </div> | |
| <div class="form-group form-group-sm"> | |
| <label class="col-sm-4 control-label">Av.Merkez Banka Kuru:</label> | |
| <div class="col-sm-7"> | |
| <input class="form-control" type="text" | |
| placeholder="UA Söz. İmza Tarihi:"> | |
| </div> | |
| <div class="col-sm-1"> | |
| <button type="button" class="btn btn-white btn-sm"><i | |
| class="fa fa-search text-navy"></i></button> | |
| </div> | |
| </div> | |
| </fieldset> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <div class="ibox float-e-margins"> | |
| <div class="ibox-title"> | |
| <h5>Proje Akışları</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></th> | |
| <th class="all">No</th> | |
| <th class="select-filter">Rolü</th> | |
| <th>Katılımcı Gönderen Kurum</th> | |
| <th></th> | |
| <th class="all">Ev Sahibi Ülke</th> | |
| <th class="all">Ev Sahibi Kurum</th> | |
| <th></th> | |
| <th class="select-filter">Aracı Kurum</th> | |
| <th></th> | |
| <th>Eğitim Başlığı</th> | |
| <th>K.S</th> | |
| <th>Ref.S</th> | |
| <th>E.K.S</th> | |
| <th>Per.S</th> | |
| <th>Başlama.Tar.</th> | |
| <th>Bitiş.Tar.</th> | |
| <th>Süre</th> | |
| <th>E.Des.Or</th> | |
| <th>Öz.Des.Say</th> | |
| <th>Öz.Des.Or</th> | |
| <th>Uzaklık</th> | |
| <th></th> | |
| <th>Uzaklık Bandı</th> | |
| <th>Bütçe</th> | |
| <th></th> | |
| <th></th> | |
| </tr> | |
| </thead> | |
| <tfoot> | |
| <tr> | |
| <th></th> | |
| <th>No</th> | |
| <th>Rolü</th> | |
| <th>Katılımcı Gönderen Kurum</th> | |
| <th></th> | |
| <th>Ev Sahibi Ülke</th> | |
| <th>Ev Sahibi Kurum</th> | |
| <th></th> | |
| <th>Aracı Kurum</th> | |
| <th></th> | |
| <th>Eğitim Başlığı</th> | |
| <th>K.S</th> | |
| <th>Ref.S</th> | |
| <th>E.K.S</th> | |
| <th>Per.S</th> | |
| <th>Başlama.Tar.</th> | |
| <th>Bitiş.Tar.</th> | |
| <th>Süre</th> | |
| <th>E.Des.Or</th> | |
| <th>Öz.Des.Say</th> | |
| <th>Öz.Des.Or</th> | |
| <th>Uzaklık</th> | |
| <th></th> | |
| <th>Uzaklık Bandı</th> | |
| <th>Bütçe</th> | |
| <th></th> | |
| <th></th> | |
| </tr> | |
| </tfoot> | |
| <tbody> | |
| <c:forEach items="${projectsFlowsListt}" var="proFlows"> | |
| <tr> | |
| <td><a href="#"><i class="fa fa-arrow-right text-navy"></i></a></td> | |
| <td></td> | |
| <td>${proFlows.rolu}</td> | |
| <td>${proFlows.katilimciGonKurum}</td> | |
| <td><a href="#"><i class="fa fa-search text-navy"></i></a></td> | |
| <td>${proFlows.evSahibiUlke}</td> | |
| <td>${proFlows.evSahibiKurum}</td> | |
| <td><a href="#"><i class="fa fa-search text-navy"></i></a></td> | |
| <td>${proFlows.araciKurum}</td> | |
| <td><a href="#"><i class="fa fa-search text-navy"></i></a></td> | |
| <td>${proFlows.egitimBasligi}</td> | |
| <td>${proFlows.katSayisi}</td> | |
| <td>${proFlows.refSayisi}</td> | |
| <td>${proFlows.engKatSayisi}</td> | |
| <td>${proFlows.perSayisi}</td> | |
| <td>${proFlows.basTarihi}</td> | |
| <td>${proFlows.bitTarihi}</td> | |
| <td>${proFlows.sure}</td> | |
| <td>${proFlows.engDesOrani}</td> | |
| <td>${proFlows.ozelDesSayisi}</td> | |
| <td>${proFlows.ozelDesOrani}</td> | |
| <td>${proFlows.uzaklik}</td> | |
| <td><a href="#"><i class="fa fa-search text-navy"></i></a></td> | |
| <td>${proFlows.uzaklikBandi}</td> | |
| <td>${proFlows.butce}</td> | |
| <td><a href="#"><i class="fa fa-search text-navy"></i></a></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 © 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> | |
| <!-- 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, | |
| "bAutoWidth": false, | |
| "columns": [ | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "2%"}, | |
| {"width": "10%"}, | |
| {"width": "1%"}, | |
| {"width": "10%"}, | |
| {"width": "10%"}, | |
| {"width": "1%"}, | |
| {"width": "10%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "4%"}, | |
| {"width": "4%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| {"width": "1%"}, | |
| ], | |
| 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 == "Proje Sahibi") { | |
| $(td).css('color', 'red').addClass('highlight'); | |
| } else if (cellData == "Gönderen Ortak") { | |
| $(td).css('color', 'green').addClass('highlight'); | |
| } | |
| } | |
| }] | |
| }) | |
| }); | |
| </script> | |
| <!-- Page-Level Scripts --> | |
| <script> | |
| $(document).ready(function () { | |
| $('.footable').footable(); | |
| $('.footable2').footable(); | |
| }); | |
| </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; | |
| } | |
| .footable.table tr td { | |
| font-size: 13px; | |
| } | |
| .footable.table tr th { | |
| font-size: 13px; | |
| } | |
| </style> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment