Upload 13 files

bcb1848 verified almost 2 years ago

4.64 kB

	<!DOCTYPE html>
	<html lang="ko">

	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta charset="utf-8">
	<title>Spakers in Text</title>
	<link rel="stylesheet" href="{{ url_for('static', path='css/put.css') }}">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
	integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
	</head>

	<body>
	<!-- jQuery 및 Bootstrap JavaScript 로드 -->
	<script src="https://code.jquery.com/jquery-3.6.4.min.js"
	integrity="sha256-oP6HI/tZ1aS9sz3Jr4+6zqbc9BE/l6fLx+Vz2I+H/GL4ZiI/Z5L3hMv8w3yXdBi"
	crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
	integrity="sha384-3ziFjNlAXja/Yb0M7y2BmFvR3s09gRPbrCm0lF+SvL4uIboD5lv3U3BdD7dW7Y3"
	crossorigin="anonymous"></script>

	<!-- 모달 표시 스크립트 -->
	<script>
	// JavaScript 수정: 버튼이 클릭되면 모달 표시
	$(document).ready(function () {
	$('#exampleModal').modal("show");
	});

	//추가 모달 열기 함수
	function openAddItemModal() {
	const addItemModal = createAddItemModal();
	openModal(addItemModal);
	}

	//폼 제출 시 항목 추가 함수
	function addItem() {
	event.preventDefault();
	const newItem = document.getElementById('newItem').value;
	itemList.push(newItem);
	updateItemList();
	closeModal('addItemModal');
	}
	</script>

	<div class="background">
	<div class="header"><a href="/">
	<span class="title">Nouvel : Novel for you</span></a></div>
	<div class="empty"></div>

	<div class="box">
	<div class="subtitle">
	감지한 등장인물 명단
	</div>
	<div class="explain_box">
	<span class="explain">작업이 진행 중 입니다. 잠시만 기다려 주세요.</span>
	</div>
	<div class="container mt-4">
	<ol id="itemList" class="list-group">
	<!-- 목록이 여기에 동적으로 추가됩니다. -->
	</ol>

	<!-- 추가 버튼
	<button class="btn btn-primary mt-3" data-toggle="modal" data-target="#addItemModal">추가</button> -->

	<form>
	<input type="text" class="form-control" id="newItem">
	<div class="modal-footer">
	<button type="button" class="btn btn-secondary" data-dismiss="modal">취소</button>
	<!-- 수정된 부분: type 속성을 "button"에서 "submit"으로 변경 -->
	<button type="submit" class="btn btn-primary" onclick="addItem()">추가</button>
	</div>
	</form>

	</div>

	<!-- 수정/삭제 모달 -->
	<div class="modal fade" id="editItemModal" tabindex="-1" role="dialog" aria-labelledby="editItemModalLabel"
	aria-hidden="true">
	<!-- 모달 창 내용이 여기에 동적으로 추가됩니다. -->
	</div>

	<!-- 추가 모달
	<div class="modal fade" id="addItemModal" tabindex="-1" role="dialog" aria-labelledby="addItemModalLabel" aria-hidden="true">
	모달 창 내용이 여기에 동적으로 추가됩니다.
	</div>
	-->

	<div class="buttonbox">
	<div class="transformbox">
	<button onclick="handleButtonClick()" class="transformButton" type="submit">
	<span>시작하기</span>
	</button>
	</div>
	</div>
	<div class="foot">
	<div class="footer-text">
	<span>고려대학교 지능정보 SW 아카데미 5조</span>
	</div>
	</div>
	</div>
	</div>
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../static/js/confirm.js"></script>
	<script>
	document.addEventListener('DOMContentLoaded', function () {handlePageLoad();});
	</script>
	</body>

	</html>