## orderlist
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="Big5"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page import="java.util.*"%>
<%@ page import="com.activity_order.model.*"%>
<%@ page import="com.activity.model.*"%>
<%@ include file="/front-end/header.jsp"%>
<%
String stuno = (String)session.getAttribute("stuno");
pageContext.setAttribute("stuno", stuno);
Activity_orderService activity_orderSvc = new Activity_orderService();
List<Activity_orderVO> list = activity_orderSvc.findActivityBystuno(stuno);
pageContext.setAttribute("list", list);
Activity_orderVO activity_orderVO = (Activity_orderVO)request.getAttribute("activity_orderVO");
pageContext.setAttribute("activity_orderVO", activity_orderVO);
ActivityService activitySvc = new ActivityService();
List<ActivityVO> activitylist = activitySvc.getAllActivity();
pageContext.setAttribute("activitylist", activitylist);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title -->
<title>FitMate學員活動訂單 - listAllActivityOrderForStudent.jsp</title>
<!-- Favicon -->
<link rel="icon" href="img/core-img/favicon.ico">
<!-- Core Style CSS -->
<link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath}/css/css/core-style.css">
<link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath}/css/custom-css/regular-page.css">
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap"
rel="stylesheet">
<!-- 星星icon用 -->
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet">
<style>
.card-img-top {
height: 300px;
width: 100%;
}
.gosubmit {
position: absolute;
bottom: 20px;
right: 20px;
}
.card-deck {
margin-top: 20px;
}
.row {
margin-right: 70px;
margin-left: 70px;
}
.img-region {
height: 300px;
width: 100%;
}
table {
font-family: 微軟正黑體;
}
.nice-select {
display: none !important;
}
select {
display: inline-block !important;
width:120px;
height:30px;
}
.fa-goyellow{
color:yellow;
}
#footerposition{
height:50px;
margin-top:400px;
width:100vw;
z-index:999;
}
/* table.table-striped{ */
/* background-color:ffcdd2!important; */
/* } */
.tablestyle{
border:1px solid black;
width:100%;
margin:40px;
}
.tablestyle tr{
border:1px solid black;
}
.tablestyle td{
border:1px solid black;
/* width:687px; */
height:46px;
font-size:18px;
}
.lefttd{
width:50%;
padding-left:2px;
text-align:center;
}
.ridhttd{
width:50%;
padding-left:2px;
}
#backhome{
font-size: 16px;
border-radius: 20px;
font-family: 微軟正黑體;
padding: 6px;
border: solid 1px black;
background-color:black;
color:#fff;
}
#backhomediv{
margin-left:90%;
margin-top:20px;
}
</style>
</head>
<body>
<!-- ##### Header Area Start ##### -->
<!-- ##### Header Area End ##### -->
<div class="container col-12">
<div class="row justify-content-center">
<div class="col-12 col-md-12">
<div class="regular-page-content-wrapper section-padding-80">
<div class="regular-page-text">
<h3>FitMate活動報名紀錄</h3>
<%@ include file="page1.file"%>
<c:forEach var="activity_orderVO" items="${list}"
begin="<%=pageIndex%>" end="<%=pageIndex+rowsPerPage-1%>">
<table class="tablestyle">
<tr class="text-left align-items-left">
<td class="lefttd">活動訂單編號</td>
<td class="align-middle ridhttd">${activity_orderVO.aord_no}</td>
</tr>
<tr>
<td class="lefttd">活動編號</td>
<c:forEach var="activityVO" items="${activitylist}">
<c:if test= "${activity_orderVO.actno==activityVO.actno}">
<td class="ridhttd">${activityVO.actname}</td>
</c:if>
</c:forEach>
</tr>
<tr>
<td class="lefttd">活動教練評價</td>
<td class="star ridhttd">
<!-- 下方JS 會判斷輸入的星數 -->
<div class="star">
<input class="star-f" type="hidden"
value= "${activity_orderVO.aord_sc}"> <a href="#"
class="star-count-1"> <i class="fa fa-lg fa-star-o"
aria-hidden="true"></i>
</a> <a href="#" class="star-count-2"> <i
class="fa fa-lg fa-star-o " aria-hidden="true"></i>
</a> <a href="#" class="star-count-3"> <i
class="fa fa-lg fa-star-o fa-ttt" aria-hidden="true"></i>
</a> <a href="#" class="star-count-4"> <i
class="fa fa-lg fa-star-o " aria-hidden="true"></i>
</a> <a href="#" class="star-count-5"> <i
class="fa fa-lg fa-star-o" aria-hidden="true"></i>
</a>
</div>
</td>
</tr>
<tr>
<td class="lefttd">活動訂單時間</td>
<td class="align-middle ridhttd"><fmt:formatDate
value="${activity_orderVO.aord_time}"
pattern="yyyy-MM-dd HH:mm:ss" /></td>
</tr>
</table>
</c:forEach>
<div id="backhomediv">
<a href="<%=request.getContextPath()%>/front-end/activity/activity_selectallforguest.jsp" id="backhome">按此返回活動總覽</a></div>
<%@ include file="page2.file"%>
</div>
</div>
</div>
</div>
</div>
<!-- ##### Blog Wrapper Area End ##### -->
<!-- ##### Footer Area Start ##### -->
<div id="footerposition">
<%@ include file="/front-end/footer.jsp"%>
<!-- ##### Footer Area End ##### -->
</div>
<!-- jQuery (Necessary for All JavaScript Plugins) -->
<script src="${pageContext.request.contextPath}/js/popper.min.js"></script>
<!-- Popper js -->
<script
src="${pageContext.request.contextPath}/js/jquery/jquery-2.2.4.min.js"></script>
<!-- Bootstrap js -->
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<!-- Plugins js -->
<script src="${pageContext.request.contextPath}/js/plugins.js"></script>
<!-- Classy Nav js -->
<script src="${pageContext.request.contextPath}/js/classy-nav.min.js"></script>
<!-- Active js -->
<script src="${pageContext.request.contextPath}/js/active.js"></script>
<script type="text/javascript">
//網頁載入時判斷是否評分過如果有評分過顯示STAR的CSS
$(document).ready(function() {
$(".star").find('input').each(function(){
//console.log($(this));
if($(this).val()!=='0'){
var count = parseInt($(this).val());
//console.log(count);
for(var i = 0; i<count ; i++){
$(this).parent().find("i").eq(i).removeClass("fa-star-o");
$(this).parent().find("i").eq(i).addClass("fa-star fa-goyellow");
}
}
});
jQuery("i").click(function(){
if($(this).parent().parent().children().eq(0).val()!=="0"){
//console.log($(this).parent().parent().children().eq(0).val());
}else{
if (confirm("評價只能給一次 [確定] 或 [取消] "))
{ alert("[確定] 謝謝你給的評價" );
//console.log("0.0");
event.preventDefault();
$(this).parent().prevAll().find("i").removeClass("fa-star-o");
$(this).parent().prevAll().find("i").addClass("fa-star fa-goyellow");
var pa =$(this).parent().prevAll();
$(this).removeClass("fa-star-o");
$(this).addClass("fa-star fa-goyellow");
var aord_sc = (pa.size());
console.log("pa.size()"+aord_sc);
var na = $(this).parent().nextAll().find("i").removeClass("fa-star fa-goyellow");
$(this).parent().nextAll().find("i").addClass("fa-star-o");
$(this).parent().parent().children().eq(0).val();
var starno=$(this).parent().parent().parent().parent().parent().children().eq(0).find(".align-middle").text();
$(this).parent().parent().children().eq(0).val(aord_sc);
$.ajax({
url:"<%=request.getContextPath()%>/activity_order/activity_order_sc.do",
type:"post",
data:{
action:"action",
aord_no:starno,
aord_sc:aord_sc
},
success:function(data, status){
if(status == "success")
console.log(data);
}
});
}
}
});
});
</script>
</body>
</html>
Sign in with Wallet
Connect another wallet