<%@ page contentType="text/html; charset=UTF-8" language="java" %> <%@ page import="com.csc.library.system.*,com.csc.library.utilities.*"%> <%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*" %> <%@ page import="java.util.*,org.apache.commons.lang.StringUtils" %> <% request.setCharacterEncoding("UTF-8"); %> <%@ include file="../CHECKPROFILE.jsp" %> <jsp:useBean id="EMV_EVENT" class="com.csc.library.system.Task" scope="page" /> <% EMV_EVENT.setChannel(request, response); HelpEntry screen = (HelpEntry)EMV_EVENT.process("HelpEntry","EMP_TEVENT"); CscCalendar calen = new CscCalendar(); String now = calen.getYYYYMMDD(); String filter = "dateend >= '"+now+"' AND status = '1'"; int i=1; screen.getInquiry().setFilter(filter); screen.getInquiry().setOrderBy("datestart"); screen.getInquiry().setBetween(0,6); screen.getInquiry().refresh(); %> <link rel="stylesheet" href="css/event.css" /> <script type='text/javascript'>setLang("<%=EMV_EVENT.getUProfile().get("lang")%>");</script> <section id='Event'> <div class='bg-event'></div> <div class='left-arrow' onClick="$.goLeft()"><i class='fa fa-chevron-left'></i></div> <div class='right-arrow' onClick="$.goRight()"><i class='fa fa-chevron-right'></i></div> <% if (screen.getInquiry().recCount()>0){ while (screen.nextRec()){ screen.referLangOn(); if (i == 1){ %> <div class='event-block first-element' id="<%=i%>"> <% }else if(i>1 &&i <= 3){ %> <div class='event-block' id="<%=i%>"> <% }else{ %> <div class='event-block event-hidden' id="<%=i%>"> <% } %> <div class='event-head'> <img src="<%=screen.getInquiry().getCurrentDbRecord().getDownloadUrl("mainpic")%>" class="img-block"></img> </div> <div class='event-body'> <div class='title'><%=screen.getString("etopic")%></div> <div class='datestart'><span swlang code='SW000022'>Start</span> : <%=screen.getString("datestart")%> <%=screen.getString("timestart")%></div> <div class='dateend'><span swlang code='SW000217'>To</span> : <%=screen.getString("dateend")%> <%=screen.getString("timeend")%></div> <div class='place'><span swlang code='SW002157'>Place</span> : <%=screen.getString("place")%></div> <div class='detail-ev'> <% if (!screen.getString("abstract").equalsIgnoreCase("")){ %> " <%=screen.getString("abstract")%> " <% } %> </div> </div> <div class='read-more'><a href="javascript:linkDetailEvent('<%=screen.getString("eventid")%>');" swlang code='SW012143'>Read more</a></div> <div class='event-footer'> <div class='user-post'><i class='fa fa-user'></i> <span class='user-span'><%=screen.getString("muser","fullname")%></span></div> </div> </div> <% i++; } } %> <a href="../EMPVIEW/EMV_EVENT_ALL.jsp"><p class='view-more ev-color' swlang code="SW012458">Readmore</p></a> </section> <form id="event" action="EMV_EVENT_DETAIL.jsp" method="POST"> <input type="hidden" name="eventid" id="eventid" value="" /> <button type="submit" name="submitfrm" id="eventsubmit" value="submit" style="visibility: hidden;"></button> </form> <script type='text/javascript'> var dataleft = 1; var dataright = 3; var maxright = "<%=i%>"; $.goLeft = function(){ if (dataleft > 1){ console.log(dataleft); var nextleft = dataleft-1; var nextright = dataright-1; $('#'+nextleft).removeClass('event-hidden'); $('#'+dataleft).removeClass('first-element'); $('#'+dataright).addClass('event-hidden'); $('#'+nextleft).addClass('first-element'); dataleft--; dataright--; } } $.goRight = function(){ if (dataright < parseInt(maxright)-1 ){ var nextleft = dataleft+1; var nextright = dataright+1; $('#'+dataleft).addClass('event-hidden'); $('#'+dataleft).removeClass('first-element'); $('#'+nextleft).addClass('first-element'); $('#'+nextright).removeClass('event-hidden'); dataright++; dataleft++; } } </script>