otherHealth.ejs
3.56 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>내 운동 목록</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script
src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"
crossorigin="anonymous"
></script>
<!-- Simple line icons-->
<link
href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.5.5/css/simple-line-icons.min.css"
rel="stylesheet"
/>
<!-- Google fonts-->
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic"
rel="stylesheet"
type="text/css"
/>
<!-- Core theme CSS (includes Bootstrap)-->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Corinthia:wght@700&family=Jua&family=Anton&family=Fuzzy+Bubbles:wght@700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/stylesheets/styles.css" />
<style>
.title-fontA {
font-family: 'Fuzzy Bubbles', cursive;
}
.title-fontB {
font-family: 'Anton', sans-serif;
}
.table-title {
color: pink;
font-size: 20px;
}
.otheruser {
font-family: 'Jua', sans-serif;
}
</style>
</head>
<body>
<div class="navbar navbar-expand-lg navbar-light bgtop">
<div class="container text-center mx-4 my-1">
<a class="navbar-brand title-fontA" href="/daySelect">Health Assistant</a>
</div>
<div class="mx-3">
<a class="otherUser title-fontB" href="/otherUser">OTHER</a>
</div>
<div class="mx-3">
<a class="otherUser title-fontB" href="/myHealth">MY</a>
</div>
<div class="mx-3">
<a class="otherUser title-fontB" href="/auth/logout/kakao">LOGOUT</a>
</div>
</div>
<section class="container">
<div>
<h1 class="otheruser mt-5 text-center"><%= username[0] %>**의 운동 목록</h1>
</div>
<% if(arr1.length == 0) { %>
<h2 class="text-center mt-5"><%= username[0] %>**님의 운동목록이 없습니다!</h2>
<% } else { %>
<div class="mt-5">
<table class="table text-center">
<tr class="table-title">
<th>운동 방법</th>
<th>자극 부위</th>
<th>세트</th>
<th>횟수</th>
<th>쉬는시간(초)</th>
</tr>
<div>
<% for(let i=0; i <arr1.length ;i++) {
%>
<tr>
<td><%= arr1[i].way %></td>
<td><%= arr1[i].part %></td>
<td><%= arr1[i].setNumber %></td>
<td><%= arr1[i].number %></td>
<td><%= arr1[i].breakTime %></td>
</tr>
<% } %>
</div>
<% } %>
</table>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>