Spaces:

ybjeong
/

leaderboard_kr_static

Running

App Files Files Community

ybjeong commited on Jun 10

Commit

73a6066

•

1 Parent(s): b259ef1

Update index.html

Browse files

Files changed (1) hide show

index.html +140 -3

index.html CHANGED Viewed

@@ -3,17 +3,154 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
 		<link rel="stylesheet" href="style.css" />
 	</head>
 	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
 			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
 			<p>
 				Also don't forget to check the
 				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
 			</p>
 		</div>
 	</body>
 </html>

 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
+		<title>🏅 Korean AI leaderboard</title>
 		<link rel="stylesheet" href="style.css" />
+		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+		<style>
+		</style>
 	</head>
 	<body>
+<!-- 		<div class="card">
+			<h1>🏅 Korean AI leaderboard</h1>
 			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
 			<p>
 				Also don't forget to check the
 				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
 			</p>
+		</div> -->
+		<div class="header">
+			<div id="header_title"><h1>🏅 Korean AI leaderboard</h1></div>
+			<div id="header_content">[2024 국립국어원 인공 지능 언어 능력 평가]<br><br>
+			- 인공 지능, 인간의 감정을 이해하고 이야기를 완성하다<br>
+			- 과제 상세 링크: <a>https://kli.korean.go.kr/benchmark/taskBoardsOrdtm/boardsOrdtm/noticeView.do?page=0&recordId=130&boardOrdtmId=&base.condition=boardOrdtm.title&base.keyword=&size=10</a><br><br>
+			🚀 경진 대회 과제<br>
+			- 2024년 7~8월 개최 예정인 "2024년 인공지능의 한국어 능력 평가" 경진대회 과제입니다.<br>
+			- 일상 대화 요약: 다자간 대화에서 주제별 요약문을 생성<br>
+			- 대화 맥락 추론: 발화의 맥락을 정확하게 추론한 문장을 선택<br><br>
+			🚀 상시 평가 과제<br>
+			- 연구·개발자들이 인공지능의 한국어 성능을 검증하고 평가할 수 있도록 상시 공개합니다.<br>
+			- 연결 문장 추론: 두 문장 사이에 들어갈 가장 적합한 문장을 선택<br>
+			- 부적절 발언 탐지: 다양한 문서에서 명시적·비명시적 부적절 발언 탐지<br>
+			- 함의 분석 결과 설명문 생성: 두 문장 사이의 함의 관계 근거를 생성<br>
+			- 국회 회의록 요약: 국회 회의록 내 주요 안건별 요약문을 작성<br> </div>
+		</div>
+		<div class="content">
+			<div id="content-title" style="display:flex;"><p id="p-progress">진행 중 과제</p>&nbsp;&nbsp;&nbsp;&nbsp;<p id="p-past">진행 중 과제</p></div>
+			<div class="tab" id = "task-in-progress">
+				<table id = "table-progress">
+					<thead>
+						<tr>
+							<td>No</td>
+							<td>과제명</td>
+							<td>과제 기간</td>
+							<td>상태</td>
+						</tr>
+					</thead>
+					<tbody>
+					</tbody>
+				</table>
+				<table id = "table-progress-detail" style="display:none;">
+					<thead>
+						<tr>
+							<td>No</td>
+							<td>팀명</td>
+							<td>모델명</td>
+							<td>점수A</td>
+							<td>점수B</td>
+							<td>점수C</td>
+							<td>점수D</td>
+							<td>제출 일시</td>
+						</tr>
+					</thead>
+					<tbody>
+					</tbody>
+				</table>
+			</div>
+			<div class="tab" id = "task-past" style="display:none;">
+			</div>
 		</div>
 	</body>
+	<script>
+		$(document).ready(function() {
+			postdata = {"key":"hello"}
+            $.ajax({
+                type: 'POST',
+                url: 'http://112.170.149.129:5000/get_row',
+                async: false,
+                data: JSON.stringify(postdata),
+                dataType: 'JSON',
+                async : false,
+                contentType: "application/json",
+                success: function(data) {
+                	if(response.status === "success") {
+			            // 테이블 내용을 업데이트합니다.
+			            var tableBody = $('#table-progress tbody');
+			            tableBody.empty(); // 기존 내용을 비웁니다.
+			            response.data.forEach(function(item) {
+			                var row = $('<tr>');
+			                row.append($('<td>').text(item[0])); // No
+			                row.append($('<td>').text(item[1])); // 과제명
+			                row.append($('<td>').text(item[2])); // 과제 기간
+			                row.append($('<td>').text(item[3])); // 상태
+			                tableBody.append(row);
+			                // 클릭 이벤트 추가
+		                    row.on('click', function() {
+		                        TaskInProgressRowClicked(item);
+		                    });
+			            });
+			        }
+                },
+                error: function(request, status, error) {
+                    alert('ajax 통신 실패');
+                    alert(error);
+                }
+             })
+		});
+		function TaskInProgressRowClicked(item) {
+		    var postdata = {
+		        no: item[0],
+		        taskName: item[1],
+		        taskPeriod: item[2],
+		        status: item[3]
+		    };
+		    // 새 AJAX 요청을 보냅니다.
+		    $.ajax({
+		        type: 'POST',
+		        url: 'http://112.170.149.129:5000/get_score', // 서버 URL을 지정하세요.
+		        data: JSON.stringify(postdata),
+		        dataType: 'JSON',
+		        contentType: "application/json",
+		        success: function(response) {
+		            // 성공적으로 데이터를 받았을 때 두 번째 테이블에 데이터를 추가합니다.
+		            if (response.status === "success") {
+		                var detailTableBody = $('#table-progress-detail tbody');
+		                detailTableBody.empty(); // 기존 내용을 비웁니다.
+		                response.rows.forEach(function(rowData) {
+		                    var detailRow = $('<tr>');
+		                    rowData.forEach(function(cellData) {
+		                        detailRow.append($('<td>').text(cellData));
+		                    });
+		                    detailTableBody.append(detailRow);
+		                });
+		                $('#table-progress-detail').show(); // 두 번째 테이블을 보이게 합니다.
+		            }
+		        },
+		        error: function(xhr, status, error) {
+		            alert('Error: ' + error);
+		        }
+		    });
+		}
+	</script>
 </html>