forked from smu-nity/SMUNITY-FE
-
Notifications
You must be signed in to change notification settings - Fork 0
/
agree.html
256 lines (239 loc) · 13.2 KB
/
agree.html
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1280">
<link rel="stylesheet" href="static/css/style.css?ver=1.0">
<link rel="stylesheet" href="static/css/agree.css">
<link rel="icon" href="static/img/favicon.ico">
<!-- 웹 참조-->
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/e8a335040d.js" crossorigin="anonymous"></script>
<script src="static/js/includeHTML.js"></script>
<!-- 웹 폰트 참조-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Courgette&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-219523848-1"></script>
<title>Please Graduate</title>
</head>
<body>
<div include-html="reference/navbar.html"></div>
<!-- 처음 타이틀 -->
<div class="gray_sec">
<div class="container">
<div style="font-size:4rem;">
<i class="fas fa-graduation-cap"></i>
</div>
<div class="big_title">이용약관 동의</div>
<div class="small_title">아래 사항을 모두 읽고 약관에 동의해주세요.</div>
</div>
</div>
<div class="white_sec">
<div class="container">
<!-- 검사 대상 박스 -->
<div class="info_title">검사 관련</div>
<div class="info_box">
<div class="info_content">
<p>
1. 현재 검사 가능한 학과-학번은 아래과 같습니다. 검사대상에 속하지 않다면 회원가입이 불가능합니다. <span class="caution_info">꼭 검사대상인지
확인하세요!</span>
</p>
<p style="margin-left:1rem; font-size:0.85rem;">
- 검사대상 확인 : <a id='target_btn' class="link_site" style='cursor: pointer;'>검사대상표</a>
</p>
<p>2. 교직, 편입생, 계약학과, 재외국민/외국인전형 입학자에 해당하는 사용자는 검사 기준이 따로 설정되지 않아 회원가입이 불가능합니다.</p>
<p style="margin-left:1rem; font-size:0.85rem;">
※ 서비스를 사용하시고 싶은 재외국민전형 입학자는 하단에 기재된 메일로 문의주세요!
</p>
<p>3. <b>복수전공</b> 기준은 복필-15학점, 복선-24학점 / 주전공 전필-15학점, 전선-24학점으로 설정되어 있습니다.</p>
<p style="margin-left:1rem; font-size:0.85rem;">
※ 법학과, 건축학과, 항공시스템공학과, 국방시스템공학과 복전 등의 특수한 경우는 기준학점이 다르며, 반영되지 않았습니다.
</p>
<p>4. <b>연계·융합전공</b> 기준은 연선-15학점, 연필-24학점 / 주전공 전필-15학점, 전선-24학점으로 설정되어 있습니다.</p>
<p>5. 복수/연계 <b>부전공</b>에 대한 기준은 설정되어 있지 않습니다. 이를 유의하시기 바랍니다.</p>
<p>6. 추천 과목 정보는 2022-1, 2022-2학기 정보로, 최신 기준으로 제공됩니다. (ex. 과거엔 서양철학이 2학점이였다면 현재는 3학점으로 변경됨)</p>
<p>7. 검사 기준은 최신버전 수강편람(2022.08.10)을 반영하여 설정되었으며, 수강편람은 매년 개편되므로 자신이 알고 있는 구버전 수강편람과 다를 수 있습니다.</p>
<p style="margin-left:1rem; font-size:0.85rem;">- 세종대학교 교과과정 참고 링크 :
<a class="link_site" target="_blank"
href="http://board.sejong.ac.kr/boardview.do?pkid=156096¤tPage=1&searchField=ALL&siteGubun=19&menuGubun=1&bbsConfigFK=335">
수강편람</a>
<a class="link_site" target="_blank"
href="http://abeek.sejong.ac.kr/abeek/program0501.html">공학인증</a>
</p>
<p>8. 세종대학교에서 공식적으로 만든 사이트가 아니므로 <span class="caution_info">검사 결과가 정확하지 않을 수 있습니다.</span> (반드시 수강편람을 통한 졸업요건 2차 검증을 해야합니다.)</p>
<p>9. 졸업요건 기준이 잘못 설정되었거나, 오류발생 시 상단 메뉴바링크로 피드백 부탁드립니다.</p>
</div>
</div>
<!-- 안내사항 박스 -->
<div class="info_title">안내 사항</div>
<div class="info_box_wrapper">
<div class="info_box">
<div class="info_content">
<p>1. 학생인증을 위해선
<a class="link_site" target="_blank" href="https://portal.sejong.ac.kr/">세종대학교포털</a>
사이트에서 개인정보수집 동의가 되어있어야합니다. (보통 동의되어있음)
</p>
<p style="margin-left:1rem; font-size:0.85rem;">- 로그인 -> 정보수정 -> 개인정보수집동의 모두 동의</p>
<P>2. 학생인증 시
<a class="link_site" target="_blank" href="http://classic.sejong.ac.kr/">대양휴머니티칼리지</a>
사이트에서 학생 기본 정보와 고전독서의 영역별 인증 현황을 가져옵니다.
</P>
<p style="margin-left:1rem; font-size:0.85rem;">- 고전독서인증 : 대양휴머니티칼리지 -> 고전독서인증센터 -> 영역별 인증현황</p>
<p>3. 사용자의 세종대학교 포털 사이트의 비밀번호는 인증에만 1회 사용되며 <span class="caution_info">저장되지 않습니다.</span></p>
<p>4. 검사를 위해선 기이수성적 엑셀파일을 직접 업로드해야하므로 <span class="caution_info">PC환경</span>에서 진행하는 것을 권장합니다.</p>
<p>5. 사용자가 업로드하는 기이수성적 엑셀파일은 <span class="caution_info">저장되지 않고,</span> 평점을 제외한 과목정보만이 데이터베이스로 변환하여 저장됩니다.</p>
<p>6. 업로드 시 성적 중 평점이 <span class="caution_info">F, NP인 과목은 인정되지 않고 자동 삭제됩니다.</span></p>
<p>7. 저장된 사용자 데이터베이스는 <span class="caution_info">과목추천 및 교양과목 통계</span>에만 사용되며, 다른 용도로 사용되지 않습니다.</p>
</div>
</div>
<!-- 동의 체크박스 -->
<div class="info_agree">
<label style='cursor: pointer;'>
<input type="checkbox" onclick="agree_func()" id="agree">
<label for='agree'></label>
위 검사관련 및 안내사항을 확인하였고 개인정보 수집에 동의합니다.
</label>
</div>
</div>
<br>
</div>
</div>
<!-- 로그인 박스 -->
<div class="gray_sec">
<div class="container">
<div class="login_title" style="font-size:2rem;">학생 인증</div>
<div style="margin-top:0.5rem; font-size:0.9rem; color:rgb(199, 199, 199)">
대양휴머니티칼리지 사이트에 로그인하여 인증합니다. (세종대학교 포털 ID/PW와 동일)
</div>
<div class="login_box">
<!-- 로그인 폼 -->
<form action="/f_certify/" method="post" onsubmit="return check_up()">
<div class="textbox">
<label>아이디</label>
<input type="text" id="id" name="id" placeholder="ID">
<label>비밀번호</label>
<input type="password" id="pw" name="pw" placeholder="PASSWORD">
</div>
<div id="login_btn">
<div class='login_btn_default'>위 약관에 동의해야합니다.</div>
</div>
</form>
</div>
</div>
</div>
<!-- 검사대상표 모달 -->
<div id="target_modal" class="modal" >
<div class="modal-content" style='width:70%'>
<span class="close" id="target_close">×</span>
<br>
<div class="modal_div">
<div class="p_div">
<!-- 추천과목 -->
<div style="font-size : 1.5rem;"><i class="my_i fas fa-check-circle"></i> 검사대상표
</div>
<div class="mydiv">아래 표에 해당하는 학과-학번만 회원가입이 가능합니다.</div>
<hr>
<div class='target_num_div'>
현재 총 <span class='target_color_span'>{{ dep_num }}</span>개 학과/전공 검사 가능
</div>
<table class="target_table">
<tr>
<th class="target_table_th" style='border-left: 1px solid #dadada;'>학과/전공</th>
<th class="target_table_th">학번</th>
</tr>
{% for dep, year in target %}
<tr>
<td class="target_table_td" style='border-left: 1px solid #dadada;'>{{ dep }}</td>
<td class="target_table_td" >{{ year }}</td>
</tr>
{% endfor %}
</table>
<div class='target_caution_div'>
※ 전공이 정해지지 않은 학부 소속 1학년은 회원가입시 희망전공을 선택합니다.
</div>
</div>
</div>
</div>
</div>
<!-- 로딩 모달 창 -->
<div id='m1' class="modal">
<div class="load-modal-content">
<div class="modal_loadcontainer">
<div class="sk-chase">
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
</div>
<div class="loading">
<span>인</span>
<span>증</span>
<span>정</span>
<span>보</span>
<span>확</span>
<span>인</span>
<span>중</span>
<span>.</span>
<span>.</span>
<span>.</span>
</div>
<div class="load_info">
창을 이동하지 마세요!
</div>
</div>
</div>
</div>
<div include-html="reference/footer.html"></div>
</body>
<script>
includeHTML();
function logout() {
var back_head = confirm('✋ 정말 로그아웃 하시겠습니까? ✋');
if (back_head) {
location.href = '/f_logout/';
}
}
function agree_func() {
var chk = document.getElementById('agree');
// 체크시
if (chk.checked) {
var tag = "<input type='submit' class='login_btn' value='인증하기'>";
}
// 체크 풀시
else {
var tag = "<div class='login_btn_default'>위 약관에 동의해야합니다.</div>";
}
document.getElementById("login_btn").innerHTML = tag;
}
// 인증하기 클릭시 modal 띄움
function pop_modal() {
document.getElementById('m1').style.display = "block";
}
// form 체크
function check_up() {
if (!document.getElementById('pw').value || !document.getElementById('id').value) {
alert('⚠️ ID/PW를 입력해주세요.');
return false;
}
pop_modal();
return true;
}
// 검사대상표 모달
var target_btn = document.getElementById("target_btn");
var target_modal = document.getElementById('target_modal');
var target_close = document.getElementById("target_close");
Btnclick(target_btn, target_modal);
Spanclick(target_close, target_modal);
window.onclick = function (event) {
if (event.target == target_modal) {
target_modal.style.display = "none";
}
}
</script>
</html>