turns-00051.parquet:32391
01cdb8849442d8c0803a5d1ddegenerate_repetitionAbsentFinal dense release
USER
سلام
ASSISTANT
سلام! چطور میتوانم به شما کمک کنم؟
Respan Dataset Explorer
Select one behavior. Every returned turn has one binary label: Present or Absent. Source: final dense boolean release.
5,167,182physical rows
86shards
0.00%qualified row coverage
0.00%qualified cell coverage
turns-00051.parquet:32392
ad512e8be966c8906cbd5f83degenerate_repetitionAbsentFinal dense release
USER
Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set: Câu hỏi: Khi tạo danh sách, thuộc tính type được dùng để làm gì? A. Xác định giá trị bắt đầu đánh số, nhận giá trị là các số nguyên. B. Xác định kiểu danh sách. C. Xác định kiểu kí tự đầu dòng. D. Xác định kiểu đánh số, các kiểu đánh số là "1", "A", "a", "I" và "i". Đáp án đúng: Xác định kiểu đánh số, các kiểu đánh số là "1", "A", "a", "I" và "i". Notes that: 1. Remember that the multichoice question above must not be included in the paragraphs or phrase 2. You can not take an example same as the question 3. Explain detail like in the actual textbook 4. All instructions must be given in general form
ASSISTANT
Trong HTML, khi tạo các danh sách có sắp thứ tự (ordered lists), thuộc tính `type` đóng vai trò quan trọng trong việc xác định hình thức hiển thị của các chỉ mục list. Đây là một thuộc tính cho phép người thiết kế trang web điều chỉnh cách các mục trong danh sách xuất hiện, cụ thể là thay đổi kiểu đánh số cho các mục. ### Thuộc tính type trong danh sách có sắp thứ tự Thuộc tính `type` được sử dụng trong thẻ `<ol>` để định dạng cách đánh số của các mục trong danh sách. Các giá trị mà thuộc tính này có thể nhận cho phép người dùng quyết định xem các chỉ mục được đánh số bằng chữ số thông thường, chữ cái, số La Mã, hoặc dạng ký tự khác. Đây là một số giá trị thông dụng mà thuộc tính `type` có thể nhận: - `1`: Sử dụng chữ số thông thường để đánh số (1, 2, 3, ...). - `A`: Sử dụng chữ cái viết hoa của bảng chữ cái tiếng Anh để đánh số (A, B, C, ...). - `a`: Sử dụng chữ cái viết thường của bảng chữ cái tiếng Anh để đánh số (a, b, c, ...). - `I`: Sử dụng số La Mã viết hoa (I, II, III, ...). - `i`: Sử dụng số La Mã viết thường (i, ii, iii, ...). ### Lợi ích của việc dùng thuộc tính type Sử dụng thuộc tính `type` giúp người thiết kế có thêm lựa chọn trong việc trình bày nội dung, làm cho các danh sách trở nên rõ ràng và phù hợp với ngữ cảnh hơn. Ví dụ, đối với một danh sách bước trong một hướng dẫn sản phẩm mà cần nhấn mạnh sự trang trọng, sử dụng số La Mã có thể phù hợp hơn so với chữ số thông thường. Như vậy, thuộc tính `type` không chỉ đơn thuần giúp thay đổi cách đánh số, mà còn cải thiện trải nghiệm trực quan của người đọc, giúp họ dễ dàng phân biệt và nhận diện các phần khác nhau trong nội dung được trình bày.
turns-00051.parquet:32393
f7f0095eeaad7e309691011bdegenerate_repetitionAbsentFinal dense release
USER
Bạn sẽ nhận được một đoạn ngữ cảnh mô tả một sự kiện hoặc khái niệm cụ thể. Dựa trên ngữ cảnh, hãy tạo ra 3 cặp câu hỏi và câu trả lời đi kèm. Hãy đảm bảo rằng câu trả lời có sự giải thích từng bước hoặc mô tả chi tiết (Chain of Thought) để người đọc hiểu rõ hơn về nội dung câu trả lời.
Yêu cầu: Tạo 3 cặp câu hỏi và câu trả lời. Hãy lưu ý cung cấp câu trả lời theo từng bước suy luận, hoặc đưa ra các yếu tố giải thích rõ ràng liên quan đến câu trả lời (Chain of Thought). Bước suy luận sẽ lấy thông tin trực tiếp từ ngữ cảnh, thông tin được lấy từ ngữ cảnh sẽ được bỏ vào 2 tag đặc biệt ###begin_context### và ###end_context###. Câu trả lời sẽ ở dạng ngắn gọn, súc tích.
Câu hỏi được bỏ vào tag ###Câu hỏi:
Suy luận được bỏ vào tag ###Suy luận:
Câu trả lời được bỏ vào tag đặc biệt ###Câu trả lời:
Suy luận bắt buộc phải trích xuất thông tin từ ngữ cảnh và dùng ###begin_context### và ###end_context### để đánh dấu thông tin được trích xuất.
Nếu ngữ cảnh không có ý nghĩa, bạn hãy output "Ngữ cảnh không giá trị".
Trả lời bằng tiếng Việt.
Trả cho tôi output dưới dạng json để có thể trích xuất một cách dễ dàng.
Ví dụ:
###Ngữ cảnh: Internet Society hay ISOC là một tổ chức quốc tế hoạt động phi lợi nhuận, phi chính phủ và bao gồm các thành viên có trình độ chuyên ngành. Tổ chức này chú trọng đến: tiêu chuẩn, giáo dục và các vấn đề về chính sách. Với trên 145 tổ chức thành viên và 65.000 thành viên cá nhân, ISOC bao gồm những con người cụ thể trong cộng đồng Internet. Mọi chi tiết có thể tìm thấy tại website của ISOC.
Internet Society nằm ở gần thủ đô Washington, DC, Hoa Kỳ và Geneva, Thụy Sĩ. Số hội viên của nó bao gồm hơn 145 tổ chức thành viên và hơn 65.000 cá nhân. Thành viên còn có thể tự lập một chi nhánh của tổ chức tùy theo vị trí hoặc sở thích. Hiện nay tổ chức có tới 90 chi nhánh trên toàn thế giới.
Nhiệm vụ và mục đích hoạt động.
Bảo đảm, cổ vũ cho sự phát triển, mở rộng và sử dụng Internet được thuận lợi nhất cho mọi người trên toàn thế giới.
###Đầu ra: json```{
"QA_pairs": [
{
"###Câu hỏi:": "Internet Society (ISOC) là tổ chức gì và mục tiêu chính của nó là gì?",
"###Suy luận:": "###begin_context###Internet Society hay ISOC là một tổ chức quốc tế hoạt động phi lợi nhuận, phi chính phủ và bao gồm các thành viên có trình độ chuyên ngành. Tổ chức này chú trọng đến: tiêu chuẩn, giáo dục và các vấn đề về chính sách.###end_context### chỉ ra rằng Internet Society là một tổ chức quốc tế, phi lợi nhuận và phi chính phủ, tập trung vào tiêu chuẩn, giáo dục và các vấn đề chính sách. ###begin_context###Nhiệm vụ và mục đích hoạt động: Bảo đảm, cổ vũ cho sự phát triển, mở rộng và sử dụng Internet được thuận lợi nhất cho mọi người trên toàn thế giới.###end_context### chỉ ra rằng mục tiêu chính của ISOC là bảo đảm và cổ vũ cho sự phát triển, mở rộng và sử dụng Internet thuận lợi nhất cho mọi người trên toàn thế giới.",
"###Câu trả lời:": "Internet Society (ISOC) là một tổ chức quốc tế phi lợi nhuận và phi chính phủ, nhằm bảo đảm và thúc đẩy sự phát triển, mở rộng và sử dụng Internet một cách thuận lợi cho mọi người trên toàn thế giới."
},
{
"###Câu hỏi:": "Internet Society (ISOC) có quy mô thành viên như thế nào?",
"###Suy luận:": "###begin_context###Internet Society bao gồm hơn 145 tổ chức thành viên và hơn 65.000 cá nhân.###end_context### chỉ ra rằng ISOC có hơn 145 tổ chức thành viên và hơn 65.000 thành viên cá nhân. ###begin_context###Thành viên còn có thể tự lập một chi nhánh của tổ chức tùy theo vị trí hoặc sở thích. Hiện nay tổ chức có tới 90 chi nhánh trên toàn thế giới.###end_context### chỉ ra rằng các thành viên còn có thể lập chi nhánh của tổ chức tùy theo vị trí hoặc sở thích, với tổng cộng 90 chi nhánh trên toàn cầu.",
"###Câu trả lời:": "Internet Society (ISOC) có hơn 145 tổ chức thành viên và hơn 65.000 thành viên cá nhân, cùng với 90 chi nhánh trên toàn cầu được thành lập bởi các thành viên theo vị trí hoặc sở thích."
},
{
"###Câu hỏi:": "Internet Society (ISOC) có trụ sở chính ở đâu?",
"###Suy luận:": "###begin_context###Internet Society nằm ở gần thủ đô Washington, DC, Hoa Kỳ và Geneva, Thụy Sĩ.###end_context### chỉ ra ra rằng ISOC có trụ sở tại hai địa điểm gần thủ đô Washington, DC (Hoa Kỳ) và Geneva (Thụy Sĩ).",
"###Câu trả lời:": "Internet Society (ISOC) có trụ sở chính gần thủ đô Washington, DC (Hoa Kỳ) và Geneva (Thụy Sĩ)."
}
]
}
```
Đến lượt bạn:
###Ngữ cảnh: 2004 được chỉ định là Năm Quốc tế về Gạo (bởi Liên Hợp Quốc), Năm Quốc tế tưởng nhớ cuộc chống chế độ nô lệ và việc hủy bỏ nó (bởi UNESCO), và năm Giáp Thân trong lịch Trung Quốc.
Có 73 quốc gia tổ chức các cuộc bầu cử trong năm 2004.
Mất.
Xem thêm
###Đầu ra:
ASSISTANT
```json
{
"QA_pairs": [
{
"###Câu hỏi:": "Năm 2004 được Liên Hợp Quốc chỉ định là Năm Quốc tế cho điều gì?",
"###Suy luận:": "###begin_context###2004 được chỉ định là Năm Quốc tế về Gạo (bởi Liên Hợp Quốc)###end_context### chỉ ra rằng Liên Hợp Quốc đã chỉ định năm 2004 là Năm Quốc tế về Gạo.",
"###Câu trả lời:": "Năm 2004 được Liên Hợp Quốc chỉ định là Năm Quốc tế về Gạo."
},
{
"###Câu hỏi:": "Năm 2004 có ý nghĩa gì đặc biệt theo UNESCO?",
"###Suy luận:": "###begin_context###2004 được chỉ định là Năm Quốc tế tưởng nhớ cuộc chống chế độ nô lệ và việc hủy bỏ nó (bởi UNESCO)###end_context### chỉ ra rằng UNESCO đã chỉ định năm 2004 là Năm Quốc tế tưởng nhớ cuộc chống chế độ nô lệ và việc hủy bỏ nó.",
"###Câu trả lời:": "Năm 2004 được UNESCO chỉ định là Năm Quốc tế tưởng nhớ cuộc chống chế độ nô lệ và việc hủy bỏ nó."
},
{
"###Câu hỏi:": "Lịch Trung Quốc gọi năm 2004 là năm gì?",
"###Suy luận:": "###begin_context###2004 được chỉ định là năm Giáp Thân trong lịch Trung Quốc.###end_context### chỉ ra rằng theo lịch Trung Quốc, năm 2004 là năm Giáp Thân.",
"###Câu trả lời:": "Trong lịch Trung Quốc, năm 2004 được gọi là năm Giáp Thân."
}
]
}
```turns-00051.parquet:32394
6f2d78bbfd4922373af6f082degenerate_repetitionAbsentFinal dense release
USER
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edu Authorities Student Management System || Add Graduate Student</title>
<!-- plugins:css -->
<link rel="stylesheet" href="assets/vendors/simple-line-icons/css/simple-line-icons.css">
<link rel="stylesheet" href="assets/vendors/flag-icon-css/css/flag-icon.min.css">
<link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
<!-- endinject -->
<!-- Plugin css for this page -->
<link rel="stylesheet" href="assets/vendors/daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="assets/vendors/chartist/chartist.min.css">
<link rel="stylesheet" href="assets/vendors/select2/select2.min.css">
<link rel="stylesheet" href="assets/vendors/select2-bootstrap-theme/select2-bootstrap.min.css">
<!-- End plugin css for this page -->
<!-- Layout styles -->
<link rel="stylesheet" href="assets/css/style.css" />
<!-- Additional CSS for Form -->
<style>
/* Adjust base font size */
body {
font-size: 14px;
}
/* Customize form styles */
.form-section {
padding: 15px;
background-color: #f8f9fa;
border-radius: 8px;
margin-bottom: 25px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
display: block; /* Ensure it can be displayed */
}
.form-section h1, .form-section h2, .form-section h3 {
margin-bottom: 15px;
font-size: 1rem;
border-bottom: 1px solid #dee2e6;
padding-bottom: 5px;
}
.form-group label {
font-weight: 500;
}
.form-control, .form-check-label {
font-size: 0.875rem;
}
.btn {
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
}
/* Section headers */
.section-header {
background-color: #343a40;
color: #fff;
padding: 8px 12px;
border-radius: 5px 5px 0 0;
margin-bottom: -1px;
font-size: 0.95rem;
}
/* Form container */
.form-container {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
/* Smaller radio buttons */
.small-radio .form-check-input {
width: 16px;
height: 16px;
vertical-align: middle; /* Align radio buttons vertically to the middle */
margin-top: 1px; /* Reset margin to improve alignment */
margin-left: 10px;
}
.small-radio .form-check-label {
margin-left: 0.5rem; /* Adjust spacing between radio button and label */
font-size: 0.875rem;
vertical-align: middle; /* Align label vertically to the middle */
margin-left: 40px;
}
/* Available Semesters to Enroll to Table */
.semester-table {
width: 100%;
height: 50%;
border-collapse: collapse;
font-size: 0.75rem; /* Smaller font */
margin-top: 10px;
}
.semester-table th, .semester-table td {
border: 1px solid #dee2e6;
padding: 8px;
text-align: left;
}
.semester-table th {
background-color: #f1f1f1;
}
.extension-period {
background-color: #d1ecf1; /* Light Blue */
}
.pandemic-adjustment {
background-color: #f8d7da; /* Light Red */
}
.semester-number {
width: 5%;
}
.semester-name {
width: 95%;
}
/* Disabled Course Sections */
.disabled-section {
pointer-events: none;
opacity: 0.6;
}
</style>
<!-- Google Translate -->
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
}
</script>
<!-- NicEdit -->
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
<!-- Password Check Script -->
<script type="text/javascript">
function checkpass() {
if (document.changepassword.newpassword.value != document.changepassword.confirmpassword.value) {
alert('New Password and Confirm Password field does not match');
document.changepassword.confirmpassword.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<div class="container-scroller">
<!-- Navbar -->
<nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
<div class="navbar-brand-wrapper d-flex align-items-center">
<a class="navbar-brand brand-logo ml-auto text-right" href="dashboard.php">
<img src="assets/images/logo.png" alt="logo"/>
</a>
<a class="navbar-brand brand-logo-mini" href="dashboard.php"><img src="assets/images/logo.png" alt="logo"/></a>
</div>
<div class="navbar-menu-wrapper d-flex align-items-center flex-grow-1">
<h5 class="mb-0 font-weight-medium d-none d-lg-flex mx-auto">EVALUATION REGULAR STUDENTS</h5>
<ul class="navbar-nav navbar-nav-right ml-auto">
<li class="nav-item dropdown d-none d-xl-inline-flex user-dropdown">
<a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="img-xs rounded-circle ml-2" src="assets/images/faces/face8.jpg" alt="Profile image"> <span class="font-weight-normal"> Mayuri K </span></a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
<div class="dropdown-header d-flex">
<img class="img-md rounded-circle" src="assets/images/faces/face8.jpg" width="60px" alt="Profile image">
<div>
<p class="mb-1 mt-3">Mayuri K</p>
<p class="font-weight-light text-muted mb-0"><PRESIDIO_ANONYMIZED_EMAIL_ADDRESS></p>
</div>
</div>
<a class="dropdown-item" href="profile.php"><i class="dropdown-item-icon icon-user text-primary"></i> My Profile</a>
<a class="dropdown-item" href="change-password.php"><i class="dropdown-item-icon icon-energy text-primary"></i> Change Password</a>
<a class="dropdown-item" href="logout.php"><i class="dropdown-item-icon icon-power text-primary"></i> Sign Out</a>
</div>
</li>
</ul>
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
<span class="icon-menu"></span>
</button>
</div>
</nav>
<!-- End Navbar -->
<div class="container-fluid page-body-wrapper">
<!-- Sidebar -->
<nav class="sidebar sidebar-offcanvas" id="sidebar">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="dashboard.php">
<i class="icon-home menu-icon"></i>
<span class="menu-title">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#ui-basic1" aria-expanded="false" aria-controls="ui-basic1">
<i class="icon-people menu-icon"></i>
<span class="menu-title">Students</span>
</a>
<div class="collapse" id="ui-basic1">
<ul class="nav flex-column sub-menu">
<li class="nav-item"> <a class="nav-link" href="add-students.php">Add Students</a></li>
<li class="nav-item"> <a class="nav-link" href="manage-students.php">Manage Students</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#auth" aria-expanded="false" aria-controls="auth">
<i class="icon-doc menu-icon"></i>
<span class="menu-title">Notice</span>
</a>
<div class="collapse" id="auth">
<ul class="nav flex-column sub-menu">
<li class="nav-item"> <a class="nav-link" href="add-notice.php"> Add Notice </a></li>
<li class="nav-item"> <a class="nav-link" href="manage-notice.php"> Manage Notice </a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="between-dates-reports.php">
<i class="icon-flag menu-icon"></i>
<span class="menu-title">Reports</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="search.php">
<i class="icon-magnifier menu-icon"></i>
<span class="menu-title">Search</span>
</a>
</li>
</ul>
</nav>
<!-- End Sidebar -->
<!-- Main Panel -->
<div class="main-panel">
<div class="content-wrapper">
<!-- Page Header -->
<div class="page-header">
<h3 class="page-title"> Doctor of Philosophy (Philippine Studies) - Add Student </h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="dashboard.php">Dashboard</a></li>
<li class="breadcrumb-item active" aria-current="page"> Add Student</li>
</ol>
</nav>
</div>
<!-- End Page Header -->
<!-- Graduate Program Form -->
<div class="form-container">
<div class="form-section">
<form action="save_student_data.php" method="POST">
<h1>Section 1: Personal Information</h1>
<!-- Plan Selection -->
<div class="form-group">
<label>Plan:</label>
<div class="radio-group row small-radio">
<div class="form-check col-md-3">
<input class="form-check-input" type="radio" name="plan" value="A" required>
<label class="form-check-label">Plan A</label>
</div>
<div class="form-check col-md-3">
<input class="form-check-input" type="radio" name="plan" value="B">
<label class="form-check-label">Plan B</label>
</div>
<div class="form-check col-md-3">
<input class="form-check-input" type="radio" name="plan" value="C">
<label class="form-check-label">Plan C</label>
</div>
</div>
</div>
<!-- Name Information -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Surname:</label>
<input type="text" class="form-control" name="surname" required>
</div>
<div class="col-md-4">
<label>First Name:</label>
<input type="text" class="form-control" name="first_name" required>
</div>
<div class="col-md-4">
<label>Middle Name:</label>
<input type="text" class="form-control" name="middle_name">
</div>
</div>
</div>
<!-- Email and Cellphone Information -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>UP Email Address:</label>
<input type="email" class="form-control" name="up_email" required>
</div>
<div class="col-md-4">
<label>Alternate Email Address:</label>
<input type="email" class="form-control" name="alternate_email">
</div>
<div class="col-md-4">
<label>Cellphone Number:</label>
<input type="tel" class="form-control" name="cellphone_number" required>
</div>
</div>
</div>
<!-- Postgraduate Degree, Institution, and Program Type -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Postgraduate Degree:</label>
<div id="postgraduate_degrees_container">
<input type="text" class="form-control mb-2" name="postgraduate_degree[]" required>
</div>
<button type="button" class="btn btn-primary btn-sm" onclick="addPostgraduateDegree()">Add More</button>
</div>
<div class="col-md-4">
<label>Institution:</label>
<div id="institutions_container">
<input type="text" class="form-control mb-2" name="institution[]" required>
</div>
<button type="button" class="btn btn-primary btn-sm" onclick="addInstitution()">Add More</button>
</div>
<div class="col-md-4">
<label>Program Type:</label>
<div class="radio-group row small-radio">
<div class="form-check col-md-6">
<input class="form-check-input" type="radio" name="program_type" value="related" required>
<label class="form-check-label">Related</label>
</div>
<div class="form-check col-md-6">
<input class="form-check-input" type="radio" name="program_type" value="unrelated">
<label class="form-check-label">Unrelated</label>
</div>
</div>
</div>
</div>
</div>
<!-- Enrollment Information -->
<div class="form-group">
<label>Semester and Academic Year of 1st Enrollment to the Program:</label>
<div class="row">
<div class="col-md-6">
<select class="form-control" name="first_enrollment_semester" id="first_enrollment_semester" required>
<option value="">Select Semester</option>
<option value="1st Semester">1st Semester</option>
<option value="2nd Semester">2nd Semester</option>
</select>
</div>
<div class="col-md-6">
<select class="form-control" name="first_enrollment_year" id="first_enrollment_year" required>
<option value="">Select Year</option>
<script>
for (let year = 1998; year <= 2050; year++) {
document.write(`<option value="${year}">${year}-${year + 1}</option>`);
}
</script>
</select>
</div>
</div>
</div>
<!-- MRR Calculator -->
<div class="form-group">
<h3>MRR Calculator</h3>
<p>Start from the Semester and Academic Year of 1st Enrollment to the Program</p>
<button type="button" class="btn btn-success btn-sm" onclick="calculateMRR()">Calculate MRR</button>
<div id="mrr_result" class="mt-3"></div>
</div>
<!-- Remarks and Program Adviser -->
<div class="form-group">
<div class="row">
<div class="col-md-6">
<label>Remarks:</label>
<input type="text" class="form-control" name="remarks">
</div>
<div class="col-md-6">
<label>Program Adviser:</label>
<select class="form-control" name="program_adviser" required>
<option value="">Select Adviser</option>
<option value="ac_coordinator">AC Coordinator</option>
<option value="cal_coordinator">CAL Coordinator</option>
<option value="cssp_coordinator">CSSP Coordinator</option>
</select>
</div>
</div>
</div>
<!-- Status Selection -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Status:</label>
<select class="form-control" name="status" onchange="toggleInactiveFields(this.value)" required>
<option value="">Select Status</option>
<option value="active_enrolled">Active: Enrolled</option>
<option value="active_residence">Active: Residence</option>
<option value="inactive_loa">Inactive: LOA</option>
<option value="inactive_awol">Inactive: AWOL</option>
</select>
</div>
</div>
</div>
<!-- Inactive Fields (Initially Hidden) -->
<div id="inactive_fields" style="display: none;" class="form-group">
<div class="row">
<div class="col-md-4">
<label>Semester and Academic Year of Last Enrollment:</label>
<div class="row">
<div class="col-md-6">
<select class="form-control" name="last_enrollment_semester" id="last_enrollment_semester">
<option value="">Select Semester</option>
<option value="1st Semester">1st Semester</option>
<option value="2nd Semester">2nd Semester</option>
<option value="Midyear">Midyear</option>
</select>
</div>
<div class="col-md-6">
<select class="form-control" name="last_enrollment_year" id="last_enrollment_year">
<option value="">Select Year</option>
<script>
for (let year = 1998; year <= 2050; year++) {
document.write(`<option value="${year}">${year}-${year + 1}</option>`);
}
</script>
</select>
</div>
</div>
</div>
<div class="col-md-4">
<label>Reason for LOA/AWOL:</label>
<input type="text" class="form-control" name="reason_loa_awol">
</div>
</div>
</div>
<!-- Section 2: Course Information -->
<div id="course_information_section" style="display: none;" class="form-section">
<h1>Section 2: Course Information</h1>
<!-- Core Courses -->
<h2>1. Core Courses (Allowed Units: 9 Units)</h2>
<div id="core_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="core_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="core_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="core_semester" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="core_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="core_unit[]" min="1" max="3" onchange="checkCoreCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addCoreCourse()">+</button>
</div>
</div>
<div id="core_courses_list"></div>
</div>
<!-- Qualifying Exam Section -->
<div id="qualifying_exam_section" style="display: none;" class="form-group">
<h3>Qualifying Exam</h3>
<div class="form-row">
<div class="form-group col-md-6">
<label>Date of Qualifying Exam:</label>
<input type="date" class="form-control" name="qualifying_exam_date">
</div>
<div class="form-group col-md-6">
<label>Result:</label>
<select class="form-control" name="qualifying_exam_result" onchange="toggleCourseSections(this.value)">
<option value="">Select Result</option>
<option value="pass">Pass</option>
<option value="retake">Retake</option>
<option value="fail">Fail</option>
</select>
</div>
</div>
</div>
</div>
<!-- Other Courses Section -->
<div id="other_courses" style="display: none;" class="form-section disabled-section">
<!-- Major Courses -->
<h2>2. Major Courses (Allowed Units: 12 Units)</h2>
<div id="major_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="major_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="major_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="major_semester" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="major_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="major_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addMajorCourse()">+</button>
</div>
</div>
<div id="major_courses_list"></div>
</div>
<br>
<!-- Cognate Courses -->
<h2>3. Cognate Courses (Allowed Units: 9 Units)</h2>
<div id="cognate_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="cognate_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="cognate_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="cognate_semester" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="cognate_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="cognate_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addCognateCourse()">+</button>
</div>
</div>
<div id="cognate_courses_list"></div>
</div>
<br>
<!-- Elective Courses -->
<h2>4. Elective Courses (Allowed Units: 6 Units)</h2>
<div id="elective_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="elective_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="elective_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="elective_semester" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="elective_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="elective_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addElectiveCourse()">+</button>
</div>
</div>
<div id="elective_courses_list"></div>
</div>
<br>
<!-- Comprehensive Exam Section -->
<div id="comprehensive_exam_section" style="display: none;" class="form-group">
<h3>Comprehensive Exam</h3>
<div class="form-row">
<div class="form-group col-md-6">
<label>Date of Comprehensive Exam:</label>
<input type="date" class="form-control" name="comprehensive_exam_date">
</div>
<div class="form-group col-md-6">
<label>Result:</label>
<select class="form-control" name="comprehensive_exam_result" onchange="toggleDissertationSection(this.value)">
<option value="">Select Result</option>
<option value="pass">Pass</option>
<option value="retake">Retake</option>
<option value="fail">Fail</option>
</select>
</div>
</div>
</div>
</div>
<!-- Dissertation Section -->
<div id="dissertation_section" style="display: none;" class="form-section disabled-section">
<h1>Section 3: Dissertation Information</h1>
<h2>Dissertation Courses (Allowed Units: 12 Units)</h2>
<div id="dissertation_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="dissertation_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="dissertation_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="dissertation_semester" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="dissertation_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="dissertation_unit[]" min="1" max="3" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addDissertationCourse()">+</button>
</div>
</div>
<div id="dissertation_courses_list"></div>
</div>
<br>
<!-- Dissertation Details -->
<div class="form-group">
<div class="row">
<div class="col-md-6">
<label>Dissertation Title:</label>
<input type="text" class="form-control" name="dissertation_title" required>
</div>
<div class="col-md-6">
<label>Dissertation Adviser:</label>
<input type="text" class="form-control" name="dissertation_adviser" required>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Panel 1:</label>
<input type="text" class="form-control" name="panel_1" required>
</div>
<div class="col-md-4">
<label>Panel 2:</label>
<input type="text" class="form-control" name="panel_2" required>
</div>
<div class="col-md-4">
<label>Panel 3:</label>
<input type="text" class="form-control" name="panel_3" required>
</div>
</div>
</div>
<!-- Checklist -->
<div class="form-group">
<h2>Checklist</h2>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="proposal_defense" onchange="toggleGraduationSection()">
<label class="form-check-label"> Proposal Defense</label>
<input type="date" class="form-control mt-1" name="proposal_defense_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="proposal_defended" onchange="toggleGraduationSection()">
<label class="form-check-label"> Proposal Defended</label>
<input type="date" class="form-control mt-1" name="proposal_defended_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="field_work" onchange="toggleGraduationSection()">
<label class="form-check-label"> Field Work/Dissertation Writing</label>
<input type="date" class="form-control mt-1" name="field_work_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="final_oral_defense" onchange="toggleGraduationSection()">
<label class="form-check-label"> Final Oral Defense</label>
<input type="date" class="form-control mt-1" name="final_oral_defense_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="final_oral_defended" onchange="toggleGraduationSection()">
<label class="form-check-label"> Final Oral Defended</label>
<input type="date" class="form-control mt-1" name="final_oral_defended_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="candidate_for_graduation" onchange="toggleGraduationSection()">
<label class="form-check-label"> Candidate for Graduation</label>
<input type="date" class="form-control mt-1" name="candidate_for_graduation_date">
</div>
</div>
</div>
<!-- Graduation Section -->
<div id="graduation_section" style="display: none;" class="form-section disabled-section">
<h1>Section 4: Graduation Information</h1>
<div class="form-group">
<label>Semester and Academic Year of Graduation:</label>
<div class="row">
<div class="col-md-6">
<select class="form-control" name="graduation_semester" id="graduation_semester" required>
<option value="">Select Semester</option>
<option value="1st Semester">1st Semester</option>
<option value="2nd Semester">2nd Semester</option>
<option value="Midyear">Midyear</option>
</select>
</div>
<div class="col-md-6">
<select class="form-control" name="graduation_year" id="graduation_year" required>
<option value="">Select Year</option>
<script>
for (let year = 1998; year <= 2050; year++) {
document.write(`<option value="${year}">${year}-${year + 1}</option>`);
}
</script>
</select>
</div>
</div>
</div>
<div class="form-group">
<label>Date of Commencement:</label>
<input type="date" class="form-control" name="commencement_date" required>
</div>
</div>
<!-- Submit Button -->
<div class="form-group text-center">
<button type="submit" class="btn btn-success">Submit</button>
</div>
</form>
</div>
</div>
<!-- End Graduate Program Form -->
</div>
<!-- content-wrapper ends -->
<!-- Footer -->
<footer class="footer">
<div class="d-sm-flex justify-content-center justify-content-sm-between">
<span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright © 2024 <a href="https://www.mayurik.com/" target="_blank">Mayuri K</a>. All rights reserved.</span>
<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Edu Authorities <i class="icon-heart text-danger"></i></span>
</div>
</footer>
<!-- End Footer -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- JS Scripts -->
<script src="assets/vendors/js/vendor.bundle.base.js"></script>
<!-- Plugin js for this page -->
<script src="assets/vendors/select2/select2.min.js"></script>
<script src="assets/vendors/typeahead.js/typeahead.bundle.min.js"></script>
<script src="assets/vendors/chart.js/Chart.min.js"></script>
<script src="assets/vendors/moment/moment.min.js"></script>
<script src="assets/vendors/daterangepicker/daterangepicker.js"></script>
<script src="assets/vendors/chartist/chartist.min.js"></script>
<!-- End plugin js for this page -->
<!-- Injected scripts -->
<script src="assets/js/off-canvas.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead.js"></script>
<script src="assets/js/select2.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<!-- Custom Scripts for Form Functionality -->
<script>
// Global array to store available semesters
let availableSemesters = [];
// Function to add Postgraduate Degree fields
function addPostgraduateDegree() {
const container = document.getElementById('postgraduate_degrees_container');
const input = document.createElement('input');
input.type = 'text';
input.name = 'postgraduate_degree[]';
input.className = 'form-control mb-2';
input.required = true;
container.appendChild(input);
}
// Function to add Institution fields
function addInstitution() {
const container = document.getElementById('institutions_container');
const input = document.createElement('input');
input.type = 'text';
input.name = 'institution[]';
input.className = 'form-control mb-2';
input.required = true;
container.appendChild(input);
}
// Function to toggle Inactive Fields
function toggleInactiveFields(status) {
const inactiveFields = document.getElementById('inactive_fields');
if (status === 'inactive_loa' || status === 'inactive_awol') {
inactiveFields.style.display = 'block';
} else {
inactiveFields.style.display = 'none';
}
}
// Function to calculate MRR
function calculateMRR() {
const programType = document.querySelector('input[name="program_type"]:checked');
const semester = document.getElementById('first_enrollment_semester').value;
const year = document.getElementById('first_enrollment_year').value;
if (!programType || semester === '' || year === '') {
alert('Please select Program Type, Semester, and Academic Year of 1st Enrollment to proceed.');
return;
}
const startSemester = semester;
const startYear = parseInt(year);
const resultContainer = document.getElementById('mrr_result');
const semesters = ["1st Semester", "2nd Semester"];
let currentSemesterIndex = semesters.indexOf(startSemester);
let currentYear = startYear;
const programRelated = programType.value === 'related';
let mrrSemesters = programRelated ? 12 : 16;
let extensionSemesters = 10; // Total extension semesters (5 years)
let pandemicSemesters = 0;
// Determine if the student's MRR range includes the pandemic period
let pandemicStartYear = 2019;
let pandemicEndYear = 2021;
let pandemicStartSemester = "2nd Semester";
let affectedByPandemic = false;
for (let i = 0; i < mrrSemesters; i++) {
if (
(currentYear === pandemicStartYear && currentSemesterIndex === semesters.indexOf(pandemicStartSemester)) ||
(currentYear > pandemicStartYear && currentYear <= pandemicEndYear)
) {
affectedByPandemic = true;
break;
}
currentSemesterIndex++;
if (currentSemesterIndex >= semesters.length) {
currentSemesterIndex = 0;
currentYear++;
}
}
// Reset the semester and year to start calculating available semesters
currentSemesterIndex = semesters.indexOf(startSemester);
currentYear = startYear;
if (affectedByPandemic) {
pandemicSemesters = 5; // Number of semesters during the pandemic (2nd Sem 2019-2020 to 2nd Sem 2021-2022)
}
let result = '<p>Available Semesters to Enroll:</p>';
result += '<table class="semester-table">';
result += '<thead><tr><th class="semester-number">#</th><th class="semester-name">Semester</th></tr></thead>';
result += '<tbody>';
let adjustedSemesters = mrrSemesters + pandemicSemesters + extensionSemesters;
availableSemesters = []; // Reset the array each time Calculate MRR is run
for (let i = 0; i < adjustedSemesters; i++) {
let semesterText = '';
let rowClass = '';
if (i >= mrrSemesters && i < mrrSemesters + pandemicSemesters) {
semesterText = `${semesters[currentSemesterIndex]} ${currentYear}-${currentYear + 1} (Pandemic Adjustment)`;
rowClass = 'pandemic-adjustment';
} else if (i >= mrrSemesters + pandemicSemesters && i < adjustedSemesters) {
semesterText = `${semesters[currentSemesterIndex]} ${currentYear}-${currentYear + 1} (Extension Period)`;
rowClass = 'extension-period';
} else {
semesterText = `${semesters[currentSemesterIndex]} ${currentYear}-${currentYear + 1}`;
}
availableSemesters.push(semesterText); // Add to the array
result += `<tr class="${rowClass}"><td>${i + 1}</td><td>${semesterText}</td></tr>`;
currentSemesterIndex++;
if (currentSemesterIndex >= semesters.length) {
currentSemesterIndex = 0;
currentYear++;
}
}
result += '</tbody></table>';
result += `<p>Regular Period of Program Completion: ${mrrSemesters / 2} years (${mrrSemesters} semesters)</p>`;
if (pandemicSemesters > 0) {
result += `<p>Pandemic Adjustment: Additional ${pandemicSemesters / 2} years (${pandemicSemesters} semesters) due to the pandemic, applicable to students affected during the 2nd Semester 2019-2020 to 2nd Semester 2021-2022 period.</p>`;
}
result += `<p>Extension Period: ${extensionSemesters / 2} years (${extensionSemesters} semesters), each extension shall be for a period not exceeding one (1) calendar year at a time.</p>`;
resultContainer.innerHTML = result;
// Display the Course Information section
const courseInfoSection = document.getElementById('course_information_section');
if (courseInfoSection) {
courseInfoSection.style.display = 'block';
courseInfoSection.classList.remove('disabled-section');
} else {
console.warn('course_information_section element not found.');
}
// Populate core and major courses semester and year dropdowns using the availableSemesters array
populateSemesterYearDropdown('core_semester', availableSemesters);
populateSemesterYearDropdown('major_semester', availableSemesters);
populateSemesterYearDropdown('cognate_semester', availableSemesters);
populateSemesterYearDropdown('elective_semester', availableSemesters);
populateSemesterYearDropdown('dissertation_semester', availableSemesters);
}
// Function to populate Semester Year dropdowns
function populateSemesterYearDropdown(dropdownName, semestersArray) {
const dropdowns = document.getElementsByName(dropdownName);
dropdowns.forEach(select => {
// Clear existing options except the first
select.options.length = 1;
semestersArray.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
select.appendChild(option);
});
});
}
// Function to add Core Course
function addCoreCourse() {
const container = document.getElementById('core_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="core_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="core_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="core_semester[]" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="core_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="core_unit[]" min="1" max="3" onchange="checkCoreCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="core_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
// If availableSemesters is empty, handle accordingly
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to check Core Completion
function checkCoreCompletion() {
const coreUnits = document.querySelectorAll('input[name="core_unit[]"]');
let totalUnits = 0;
coreUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
const qualifyingExamSection = document.getElementById('qualifying_exam_section');
if (totalUnits >= 9) {
qualifyingExamSection.style.display = 'block';
} else {
qualifyingExamSection.style.display = 'none';
}
}
// Function to add Major Course
function addMajorCourse() {
const container = document.getElementById('major_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="major_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="major_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="major_semester[]" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="major_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="major_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="major_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to add Cognate Course
function addCognateCourse() {
const container = document.getElementById('cognate_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="cognate_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="cognate_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="cognate_semester[]" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="cognate_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="cognate_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="cognate_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to add Elective Course
function addElectiveCourse() {
const container = document.getElementById('elective_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="elective_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="elective_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="elective_semester[]" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="elective_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="elective_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="elective_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to add Dissertation Course
function addDissertationCourse() {
const container = document.getElementById('dissertation_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="dissertation_subject[]" required>
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="dissertation_instructor[]" required>
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="dissertation_semester[]" required>
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="dissertation_grade[]" required>
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="dissertation_unit[]" min="1" max="3" required>
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="dissertation_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to remove a course row
function removeCourse(button) {
const row = button.parentElement.parentElement;
row.remove();
}
// Function to check Major, Cognate, and Elective Completion
function checkMajorCognateElectiveCompletion() {
const majorUnits = document.querySelectorAll('input[name="major_unit[]"]');
const cognateUnits = document.querySelectorAll('input[name="cognate_unit[]"]');
const electiveUnits = document.querySelectorAll('input[name="elective_unit[]"]');
let totalUnits = 0;
majorUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
cognateUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
electiveUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
const comprehensiveExamSection = document.getElementById('comprehensive_exam_section');
if (totalUnits >= 27) { // 12 Major + 9 Cognate + 6 Elective = 27 Units
comprehensiveExamSection.style.display = 'block';
} else {
comprehensiveExamSection.style.display = 'none';
}
}
// Function to toggle Course Sections based on Qualifying Exam Result
function toggleCourseSections(result) {
const otherCourses = document.getElementById('other_courses');
if (result === 'pass') {
otherCourses.style.display = 'block';
otherCourses.classList.remove('disabled-section');
} else {
otherCourses.style.display = 'none';
otherCourses.classList.add('disabled-section');
}
}
// Function to toggle Dissertation Section based on Comprehensive Exam Result
function toggleDissertationSection(result) {
const dissertationSection = document.getElementById('dissertation_section');
if (result === 'pass') {
dissertationSection.style.display = 'block';
dissertationSection.classList.remove('disabled-section');
} else {
dissertationSection.style.display = 'none';
dissertationSection.classList.add('disabled-section');
}
}
// Function to toggle Graduation Section based on Checklist
function toggleGraduationSection() {
const graduationSection = document.getElementById('graduation_section');
const checklistItems = document.querySelectorAll('#dissertation_section input[type="checkbox"]');
let allChecked = true;
checklistItems.forEach(item => {
if (!item.checked) {
allChecked = false;
}
});
if (allChecked) {
graduationSection.style.display = 'block';
graduationSection.classList.remove('disabled-section');
} else {
graduationSection.style.display = 'none';
graduationSection.classList.add('disabled-section');
}
}
// Function to initialize existing dropdowns on page load
document.addEventListener('DOMContentLoaded', function() {
// Initially populate existing course dropdowns if availableSemesters is already populated
populateSemesterYearDropdown('core_semester', availableSemesters);
populateSemesterYearDropdown('major_semester', availableSemesters);
populateSemesterYearDropdown('cognate_semester', availableSemesters);
populateSemesterYearDropdown('elective_semester', availableSemesters);
populateSemesterYearDropdown('dissertation_semester', availableSemesters);
});
</script>
</body>
</html>
Can you make all input is not required just important details ASSISTANT
Certainly! I understand you'd like to make most of the input fields optional, retaining only the essential ones as required. Below is the modified HTML code where the `required` attributes have been removed from all input and select elements except for the key fields deemed important for the form submission.
**Assumptions for Required Fields:**
1. **Personal Information:**
- **Plan:** Essential for categorizing the student.
- **Surname:** Basic identification.
- **First Name:** Basic identification.
- **UP Email Address:** Primary contact method.
- **Cellphone Number:** Secondary contact method.
2. **Program Details:**
- **Program Type:** Important for understanding the student's focus.
- **Semester and Academic Year of 1st Enrollment:** Critical for program tracking.
- **Program Adviser:** Necessary for academic guidance.
- **Status:** Essential for administrative purposes.
All other fields have been made optional by removing the `required` attribute. Feel free to adjust the required fields based on your specific needs.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edu Authorities Student Management System || Add Graduate Student</title>
<!-- plugins:css -->
<link rel="stylesheet" href="assets/vendors/simple-line-icons/css/simple-line-icons.css">
<link rel="stylesheet" href="assets/vendors/flag-icon-css/css/flag-icon.min.css">
<link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
<!-- endinject -->
<!-- Plugin css for this page -->
<link rel="stylesheet" href="assets/vendors/daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="assets/vendors/chartist/chartist.min.css">
<link rel="stylesheet" href="assets/vendors/select2/select2.min.css">
<link rel="stylesheet" href="assets/vendors/select2-bootstrap-theme/select2-bootstrap.min.css">
<!-- End plugin css for this page -->
<!-- Layout styles -->
<link rel="stylesheet" href="assets/css/style.css" />
<!-- Additional CSS for Form -->
<style>
/* Adjust base font size */
body {
font-size: 14px;
}
/* Customize form styles */
.form-section {
padding: 15px;
background-color: #f8f9fa;
border-radius: 8px;
margin-bottom: 25px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
display: block; /* Ensure it can be displayed */
}
.form-section h1, .form-section h2, .form-section h3 {
margin-bottom: 15px;
font-size: 1rem;
border-bottom: 1px solid #dee2e6;
padding-bottom: 5px;
}
.form-group label {
font-weight: 500;
}
.form-control, .form-check-label {
font-size: 0.875rem;
}
.btn {
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
}
/* Section headers */
.section-header {
background-color: #343a40;
color: #fff;
padding: 8px 12px;
border-radius: 5px 5px 0 0;
margin-bottom: -1px;
font-size: 0.95rem;
}
/* Form container */
.form-container {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
/* Smaller radio buttons */
.small-radio .form-check-input {
width: 16px;
height: 16px;
vertical-align: middle; /* Align radio buttons vertically to the middle */
margin-top: 1px; /* Reset margin to improve alignment */
margin-left: 10px;
}
.small-radio .form-check-label {
margin-left: 0.5rem; /* Adjust spacing between radio button and label */
font-size: 0.875rem;
vertical-align: middle; /* Align label vertically to the middle */
margin-left: 40px;
}
/* Available Semesters to Enroll to Table */
.semester-table {
width: 100%;
height: 50%;
border-collapse: collapse;
font-size: 0.75rem; /* Smaller font */
margin-top: 10px;
}
.semester-table th, .semester-table td {
border: 1px solid #dee2e6;
padding: 8px;
text-align: left;
}
.semester-table th {
background-color: #f1f1f1;
}
.extension-period {
background-color: #d1ecf1; /* Light Blue */
}
.pandemic-adjustment {
background-color: #f8d7da; /* Light Red */
}
.semester-number {
width: 5%;
}
.semester-name {
width: 95%;
}
/* Disabled Course Sections */
.disabled-section {
pointer-events: none;
opacity: 0.6;
}
</style>
<!-- Google Translate -->
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
}
</script>
<!-- NicEdit -->
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
<!-- Password Check Script -->
<script type="text/javascript">
function checkpass() {
if (document.changepassword.newpassword.value != document.changepassword.confirmpassword.value) {
alert('New Password and Confirm Password field does not match');
document.changepassword.confirmpassword.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<div class="container-scroller">
<!-- Navbar -->
<nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
<div class="navbar-brand-wrapper d-flex align-items-center">
<a class="navbar-brand brand-logo ml-auto text-right" href="dashboard.php">
<img src="assets/images/logo.png" alt="logo"/>
</a>
<a class="navbar-brand brand-logo-mini" href="dashboard.php"><img src="assets/images/logo.png" alt="logo"/></a>
</div>
<div class="navbar-menu-wrapper d-flex align-items-center flex-grow-1">
<h5 class="mb-0 font-weight-medium d-none d-lg-flex mx-auto">EVALUATION REGULAR STUDENTS</h5>
<ul class="navbar-nav navbar-nav-right ml-auto">
<li class="nav-item dropdown d-none d-xl-inline-flex user-dropdown">
<a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="img-xs rounded-circle ml-2" src="assets/images/faces/face8.jpg" alt="Profile image"> <span class="font-weight-normal"> Mayuri K </span></a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
<div class="dropdown-header d-flex">
<img class="img-md rounded-circle" src="assets/images/faces/face8.jpg" width="60px" alt="Profile image">
<div>
<p class="mb-1 mt-3">Mayuri K</p>
<p class="font-weight-light text-muted mb-0"><PRESIDIO_ANONYMIZED_EMAIL_ADDRESS></p>
</div>
</div>
<a class="dropdown-item" href="profile.php"><i class="dropdown-item-icon icon-user text-primary"></i> My Profile</a>
<a class="dropdown-item" href="change-password.php"><i class="dropdown-item-icon icon-energy text-primary"></i> Change Password</a>
<a class="dropdown-item" href="logout.php"><i class="dropdown-item-icon icon-power text-primary"></i> Sign Out</a>
</div>
</li>
</ul>
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
<span class="icon-menu"></span>
</button>
</div>
</nav>
<!-- End Navbar -->
<div class="container-fluid page-body-wrapper">
<!-- Sidebar -->
<nav class="sidebar sidebar-offcanvas" id="sidebar">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="dashboard.php">
<i class="icon-home menu-icon"></i>
<span class="menu-title">Dashboard</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#ui-basic1" aria-expanded="false" aria-controls="ui-basic1">
<i class="icon-people menu-icon"></i>
<span class="menu-title">Students</span>
</a>
<div class="collapse" id="ui-basic1">
<ul class="nav flex-column sub-menu">
<li class="nav-item"> <a class="nav-link" href="add-students.php">Add Students</a></li>
<li class="nav-item"> <a class="nav-link" href="manage-students.php">Manage Students</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#auth" aria-expanded="false" aria-controls="auth">
<i class="icon-doc menu-icon"></i>
<span class="menu-title">Notice</span>
</a>
<div class="collapse" id="auth">
<ul class="nav flex-column sub-menu">
<li class="nav-item"> <a class="nav-link" href="add-notice.php"> Add Notice </a></li>
<li class="nav-item"> <a class="nav-link" href="manage-notice.php"> Manage Notice </a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="between-dates-reports.php">
<i class="icon-flag menu-icon"></i>
<span class="menu-title">Reports</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="search.php">
<i class="icon-magnifier menu-icon"></i>
<span class="menu-title">Search</span>
</a>
</li>
</ul>
</nav>
<!-- End Sidebar -->
<!-- Main Panel -->
<div class="main-panel">
<div class="content-wrapper">
<!-- Page Header -->
<div class="page-header">
<h3 class="page-title"> Doctor of Philosophy (Philippine Studies) - Add Student </h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="dashboard.php">Dashboard</a></li>
<li class="breadcrumb-item active" aria-current="page"> Add Student</li>
</ol>
</nav>
</div>
<!-- End Page Header -->
<!-- Graduate Program Form -->
<div class="form-container">
<div class="form-section">
<form action="save_student_data.php" method="POST">
<h1>Section 1: Personal Information</h1>
<!-- Plan Selection -->
<div class="form-group">
<label>Plan:</label>
<div class="radio-group row small-radio">
<div class="form-check col-md-3">
<input class="form-check-input" type="radio" name="plan" value="A" required>
<label class="form-check-label">Plan A</label>
</div>
<div class="form-check col-md-3">
<input class="form-check-input" type="radio" name="plan" value="B">
<label class="form-check-label">Plan B</label>
</div>
<div class="form-check col-md-3">
<input class="form-check-input" type="radio" name="plan" value="C">
<label class="form-check-label">Plan C</label>
</div>
</div>
</div>
<!-- Name Information -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Surname:</label>
<input type="text" class="form-control" name="surname" required>
</div>
<div class="col-md-4">
<label>First Name:</label>
<input type="text" class="form-control" name="first_name" required>
</div>
<div class="col-md-4">
<label>Middle Name:</label>
<input type="text" class="form-control" name="middle_name">
</div>
</div>
</div>
<!-- Email and Cellphone Information -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>UP Email Address:</label>
<input type="email" class="form-control" name="up_email" required>
</div>
<div class="col-md-4">
<label>Alternate Email Address:</label>
<input type="email" class="form-control" name="alternate_email">
</div>
<div class="col-md-4">
<label>Cellphone Number:</label>
<input type="tel" class="form-control" name="cellphone_number" required>
</div>
</div>
</div>
<!-- Postgraduate Degree, Institution, and Program Type -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Postgraduate Degree:</label>
<div id="postgraduate_degrees_container">
<input type="text" class="form-control mb-2" name="postgraduate_degree[]">
</div>
<button type="button" class="btn btn-primary btn-sm" onclick="addPostgraduateDegree()">Add More</button>
</div>
<div class="col-md-4">
<label>Institution:</label>
<div id="institutions_container">
<input type="text" class="form-control mb-2" name="institution[]">
</div>
<button type="button" class="btn btn-primary btn-sm" onclick="addInstitution()">Add More</button>
</div>
<div class="col-md-4">
<label>Program Type:</label>
<div class="radio-group row small-radio">
<div class="form-check col-md-6">
<input class="form-check-input" type="radio" name="program_type" value="related" required>
<label class="form-check-label">Related</label>
</div>
<div class="form-check col-md-6">
<input class="form-check-input" type="radio" name="program_type" value="unrelated">
<label class="form-check-label">Unrelated</label>
</div>
</div>
</div>
</div>
</div>
<!-- Enrollment Information -->
<div class="form-group">
<label>Semester and Academic Year of 1st Enrollment to the Program:</label>
<div class="row">
<div class="col-md-6">
<select class="form-control" name="first_enrollment_semester" id="first_enrollment_semester" required>
<option value="">Select Semester</option>
<option value="1st Semester">1st Semester</option>
<option value="2nd Semester">2nd Semester</option>
</select>
</div>
<div class="col-md-6">
<select class="form-control" name="first_enrollment_year" id="first_enrollment_year" required>
<option value="">Select Year</option>
<script>
for (let year = 1998; year <= 2050; year++) {
document.write(`<option value="${year}">${year}-${year + 1}</option>`);
}
</script>
</select>
</div>
</div>
</div>
<!-- MRR Calculator -->
<div class="form-group">
<h3>MRR Calculator</h3>
<p>Start from the Semester and Academic Year of 1st Enrollment to the Program</p>
<button type="button" class="btn btn-success btn-sm" onclick="calculateMRR()">Calculate MRR</button>
<div id="mrr_result" class="mt-3"></div>
</div>
<!-- Remarks and Program Adviser -->
<div class="form-group">
<div class="row">
<div class="col-md-6">
<label>Remarks:</label>
<input type="text" class="form-control" name="remarks">
</div>
<div class="col-md-6">
<label>Program Adviser:</label>
<select class="form-control" name="program_adviser" required>
<option value="">Select Adviser</option>
<option value="ac_coordinator">AC Coordinator</option>
<option value="cal_coordinator">CAL Coordinator</option>
<option value="cssp_coordinator">CSSP Coordinator</option>
</select>
</div>
</div>
</div>
<!-- Status Selection -->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Status:</label>
<select class="form-control" name="status" onchange="toggleInactiveFields(this.value)" required>
<option value="">Select Status</option>
<option value="active_enrolled">Active: Enrolled</option>
<option value="active_residence">Active: Residence</option>
<option value="inactive_loa">Inactive: LOA</option>
<option value="inactive_awol">Inactive: AWOL</option>
</select>
</div>
</div>
</div>
<!-- Inactive Fields (Initially Hidden) -->
<div id="inactive_fields" style="display: none;" class="form-group">
<div class="row">
<div class="col-md-4">
<label>Semester and Academic Year of Last Enrollment:</label>
<div class="row">
<div class="col-md-6">
<select class="form-control" name="last_enrollment_semester" id="last_enrollment_semester">
<option value="">Select Semester</option>
<option value="1st Semester">1st Semester</option>
<option value="2nd Semester">2nd Semester</option>
<option value="Midyear">Midyear</option>
</select>
</div>
<div class="col-md-6">
<select class="form-control" name="last_enrollment_year" id="last_enrollment_year">
<option value="">Select Year</option>
<script>
for (let year = 1998; year <= 2050; year++) {
document.write(`<option value="${year}">${year}-${year + 1}</option>`);
}
</script>
</select>
</div>
</div>
</div>
<div class="col-md-4">
<label>Reason for LOA/AWOL:</label>
<input type="text" class="form-control" name="reason_loa_awol">
</div>
</div>
</div>
<!-- Section 2: Course Information -->
<div id="course_information_section" style="display: none;" class="form-section">
<h1>Section 2: Course Information</h1>
<!-- Core Courses -->
<h2>1. Core Courses (Allowed Units: 9 Units)</h2>
<div id="core_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="core_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="core_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="core_semester">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="core_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="core_unit[]" min="1" max="3" onchange="checkCoreCompletion()">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addCoreCourse()">+</button>
</div>
</div>
<div id="core_courses_list"></div>
</div>
<!-- Qualifying Exam Section -->
<div id="qualifying_exam_section" style="display: none;" class="form-group">
<h3>Qualifying Exam</h3>
<div class="form-row">
<div class="form-group col-md-6">
<label>Date of Qualifying Exam:</label>
<input type="date" class="form-control" name="qualifying_exam_date">
</div>
<div class="form-group col-md-6">
<label>Result:</label>
<select class="form-control" name="qualifying_exam_result" onchange="toggleCourseSections(this.value)">
<option value="">Select Result</option>
<option value="pass">Pass</option>
<option value="retake">Retake</option>
<option value="fail">Fail</option>
</select>
</div>
</div>
</div>
</div>
<!-- Other Courses Section -->
<div id="other_courses" style="display: none;" class="form-section disabled-section">
<!-- Major Courses -->
<h2>2. Major Courses (Allowed Units: 12 Units)</h2>
<div id="major_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="major_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="major_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="major_semester">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="major_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="major_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addMajorCourse()">+</button>
</div>
</div>
<div id="major_courses_list"></div>
</div>
<br>
<!-- Cognate Courses -->
<h2>3. Cognate Courses (Allowed Units: 9 Units)</h2>
<div id="cognate_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="cognate_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="cognate_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="cognate_semester">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="cognate_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="cognate_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addCognateCourse()">+</button>
</div>
</div>
<div id="cognate_courses_list"></div>
</div>
<br>
<!-- Elective Courses -->
<h2>4. Elective Courses (Allowed Units: 6 Units)</h2>
<div id="elective_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="elective_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="elective_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="elective_semester">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="elective_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="elective_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addElectiveCourse()">+</button>
</div>
</div>
<div id="elective_courses_list"></div>
</div>
<br>
<!-- Comprehensive Exam Section -->
<div id="comprehensive_exam_section" style="display: none;" class="form-group">
<h3>Comprehensive Exam</h3>
<div class="form-row">
<div class="form-group col-md-6">
<label>Date of Comprehensive Exam:</label>
<input type="date" class="form-control" name="comprehensive_exam_date">
</div>
<div class="form-group col-md-6">
<label>Result:</label>
<select class="form-control" name="comprehensive_exam_result" onchange="toggleDissertationSection(this.value)">
<option value="">Select Result</option>
<option value="pass">Pass</option>
<option value="retake">Retake</option>
<option value="fail">Fail</option>
</select>
</div>
</div>
</div>
</div>
<!-- Dissertation Section -->
<div id="dissertation_section" style="display: none;" class="form-section disabled-section">
<h1>Section 3: Dissertation Information</h1>
<h2>Dissertation Courses (Allowed Units: 12 Units)</h2>
<div id="dissertation_courses">
<div class="form-row align-items-end">
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="dissertation_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="dissertation_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="dissertation_semester">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="dissertation_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="dissertation_unit[]" min="1" max="3">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-primary btn-sm" onclick="addDissertationCourse()">+</button>
</div>
</div>
<div id="dissertation_courses_list"></div>
</div>
<br>
<!-- Dissertation Details -->
<div class="form-group">
<div class="row">
<div class="col-md-6">
<label>Dissertation Title:</label>
<input type="text" class="form-control" name="dissertation_title">
</div>
<div class="col-md-6">
<label>Dissertation Adviser:</label>
<input type="text" class="form-control" name="dissertation_adviser">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Panel 1:</label>
<input type="text" class="form-control" name="panel_1">
</div>
<div class="col-md-4">
<label>Panel 2:</label>
<input type="text" class="form-control" name="panel_2">
</div>
<div class="col-md-4">
<label>Panel 3:</label>
<input type="text" class="form-control" name="panel_3">
</div>
</div>
</div>
<!-- Checklist -->
<div class="form-group">
<h2>Checklist</h2>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="proposal_defense" onchange="toggleGraduationSection()">
<label class="form-check-label"> Proposal Defense</label>
<input type="date" class="form-control mt-1" name="proposal_defense_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="proposal_defended" onchange="toggleGraduationSection()">
<label class="form-check-label"> Proposal Defended</label>
<input type="date" class="form-control mt-1" name="proposal_defended_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="field_work" onchange="toggleGraduationSection()">
<label class="form-check-label"> Field Work/Dissertation Writing</label>
<input type="date" class="form-control mt-1" name="field_work_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="final_oral_defense" onchange="toggleGraduationSection()">
<label class="form-check-label"> Final Oral Defense</label>
<input type="date" class="form-control mt-1" name="final_oral_defense_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="final_oral_defended" onchange="toggleGraduationSection()">
<label class="form-check-label"> Final Oral Defended</label>
<input type="date" class="form-control mt-1" name="final_oral_defended_date">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="candidate_for_graduation" onchange="toggleGraduationSection()">
<label class="form-check-label"> Candidate for Graduation</label>
<input type="date" class="form-control mt-1" name="candidate_for_graduation_date">
</div>
</div>
</div>
<!-- Graduation Section -->
<div id="graduation_section" style="display: none;" class="form-section disabled-section">
<h1>Section 4: Graduation Information</h1>
<div class="form-group">
<label>Semester and Academic Year of Graduation:</label>
<div class="row">
<div class="col-md-6">
<select class="form-control" name="graduation_semester" id="graduation_semester">
<option value="">Select Semester</option>
<option value="1st Semester">1st Semester</option>
<option value="2nd Semester">2nd Semester</option>
<option value="Midyear">Midyear</option>
</select>
</div>
<div class="col-md-6">
<select class="form-control" name="graduation_year" id="graduation_year">
<option value="">Select Year</option>
<script>
for (let year = 1998; year <= 2050; year++) {
document.write(`<option value="${year}">${year}-${year + 1}</option>`);
}
</script>
</select>
</div>
</div>
</div>
<div class="form-group">
<label>Date of Commencement:</label>
<input type="date" class="form-control" name="commencement_date">
</div>
</div>
<!-- Submit Button -->
<div class="form-group text-center">
<button type="submit" class="btn btn-success">Submit</button>
</div>
</form>
</div>
</div>
<!-- End Graduate Program Form -->
</div>
<!-- content-wrapper ends -->
<!-- Footer -->
<footer class="footer">
<div class="d-sm-flex justify-content-center justify-content-sm-between">
<span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright © 2024 <a href="https://www.mayurik.com/" target="_blank">Mayuri K</a>. All rights reserved.</span>
<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Edu Authorities <i class="icon-heart text-danger"></i></span>
</div>
</footer>
<!-- End Footer -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- JS Scripts -->
<script src="assets/vendors/js/vendor.bundle.base.js"></script>
<!-- Plugin js for this page -->
<script src="assets/vendors/select2/select2.min.js"></script>
<script src="assets/vendors/typeahead.js/typeahead.bundle.min.js"></script>
<script src="assets/vendors/chart.js/Chart.min.js"></script>
<script src="assets/vendors/moment/moment.min.js"></script>
<script src="assets/vendors/daterangepicker/daterangepicker.js"></script>
<script src="assets/vendors/chartist/chartist.min.js"></script>
<!-- End plugin js for this page -->
<!-- Injected scripts -->
<script src="assets/js/off-canvas.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead.js"></script>
<script src="assets/js/select2.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<!-- Custom Scripts for Form Functionality -->
<script>
// Global array to store available semesters
let availableSemesters = [];
// Function to add Postgraduate Degree fields
function addPostgraduateDegree() {
const container = document.getElementById('postgraduate_degrees_container');
const input = document.createElement('input');
input.type = 'text';
input.name = 'postgraduate_degree[]';
input.className = 'form-control mb-2';
container.appendChild(input);
}
// Function to add Institution fields
function addInstitution() {
const container = document.getElementById('institutions_container');
const input = document.createElement('input');
input.type = 'text';
input.name = 'institution[]';
input.className = 'form-control mb-2';
container.appendChild(input);
}
// Function to toggle Inactive Fields
function toggleInactiveFields(status) {
const inactiveFields = document.getElementById('inactive_fields');
if (status === 'inactive_loa' || status === 'inactive_awol') {
inactiveFields.style.display = 'block';
} else {
inactiveFields.style.display = 'none';
}
}
// Function to calculate MRR
function calculateMRR() {
const programType = document.querySelector('input[name="program_type"]:checked');
const semester = document.getElementById('first_enrollment_semester').value;
const year = document.getElementById('first_enrollment_year').value;
if (!programType || semester === '' || year === '') {
alert('Please select Program Type, Semester, and Academic Year of 1st Enrollment to proceed.');
return;
}
const startSemester = semester;
const startYear = parseInt(year);
const resultContainer = document.getElementById('mrr_result');
const semesters = ["1st Semester", "2nd Semester"];
let currentSemesterIndex = semesters.indexOf(startSemester);
let currentYear = startYear;
const programRelated = programType.value === 'related';
let mrrSemesters = programRelated ? 12 : 16;
let extensionSemesters = 10; // Total extension semesters (5 years)
let pandemicSemesters = 0;
// Determine if the student's MRR range includes the pandemic period
let pandemicStartYear = 2019;
let pandemicEndYear = 2021;
let pandemicStartSemester = "2nd Semester";
let affectedByPandemic = false;
for (let i = 0; i < mrrSemesters; i++) {
if (
(currentYear === pandemicStartYear && currentSemesterIndex === semesters.indexOf(pandemicStartSemester)) ||
(currentYear > pandemicStartYear && currentYear <= pandemicEndYear)
) {
affectedByPandemic = true;
break;
}
currentSemesterIndex++;
if (currentSemesterIndex >= semesters.length) {
currentSemesterIndex = 0;
currentYear++;
}
}
// Reset the semester and year to start calculating available semesters
currentSemesterIndex = semesters.indexOf(startSemester);
currentYear = startYear;
if (affectedByPandemic) {
pandemicSemesters = 5; // Number of semesters during the pandemic (2nd Sem 2019-2020 to 2nd Sem 2021-2022)
}
let result = '<p>Available Semesters to Enroll:</p>';
result += '<table class="semester-table">';
result += '<thead><tr><th class="semester-number">#</th><th class="semester-name">Semester</th></tr></thead>';
result += '<tbody>';
let adjustedSemesters = mrrSemesters + pandemicSemesters + extensionSemesters;
availableSemesters = []; // Reset the array each time Calculate MRR is run
for (let i = 0; i < adjustedSemesters; i++) {
let semesterText = '';
let rowClass = '';
if (i >= mrrSemesters && i < mrrSemesters + pandemicSemesters) {
semesterText = `${semesters[currentSemesterIndex]} ${currentYear}-${currentYear + 1} (Pandemic Adjustment)`;
rowClass = 'pandemic-adjustment';
} else if (i >= mrrSemesters + pandemicSemesters && i < adjustedSemesters) {
semesterText = `${semesters[currentSemesterIndex]} ${currentYear}-${currentYear + 1} (Extension Period)`;
rowClass = 'extension-period';
} else {
semesterText = `${semesters[currentSemesterIndex]} ${currentYear}-${currentYear + 1}`;
}
availableSemesters.push(semesterText); // Add to the array
result += `<tr class="${rowClass}"><td>${i + 1}</td><td>${semesterText}</td></tr>`;
currentSemesterIndex++;
if (currentSemesterIndex >= semesters.length) {
currentSemesterIndex = 0;
currentYear++;
}
}
result += '</tbody></table>';
result += `<p>Regular Period of Program Completion: ${mrrSemesters / 2} years (${mrrSemesters} semesters)</p>`;
if (pandemicSemesters > 0) {
result += `<p>Pandemic Adjustment: Additional ${pandemicSemesters / 2} years (${pandemicSemesters} semesters) due to the pandemic, applicable to students affected during the 2nd Semester 2019-2020 to 2nd Semester 2021-2022 period.</p>`;
}
result += `<p>Extension Period: ${extensionSemesters / 2} years (${extensionSemesters} semesters), each extension shall be for a period not exceeding one (1) calendar year at a time.</p>`;
resultContainer.innerHTML = result;
// Display the Course Information section
const courseInfoSection = document.getElementById('course_information_section');
if (courseInfoSection) {
courseInfoSection.style.display = 'block';
courseInfoSection.classList.remove('disabled-section');
} else {
console.warn('course_information_section element not found.');
}
// Populate core and major courses semester and year dropdowns using the availableSemesters array
populateSemesterYearDropdown('core_semester', availableSemesters);
populateSemesterYearDropdown('major_semester', availableSemesters);
populateSemesterYearDropdown('cognate_semester', availableSemesters);
populateSemesterYearDropdown('elective_semester', availableSemesters);
populateSemesterYearDropdown('dissertation_semester', availableSemesters);
}
// Function to populate Semester Year dropdowns
function populateSemesterYearDropdown(dropdownName, semestersArray) {
const dropdowns = document.getElementsByName(dropdownName + '[]').length > 0 ? document.getElementsByName(dropdownName + '[]') : [document.getElementsByName(dropdownName)[0]];
dropdowns.forEach(select => {
// Clear existing options except the first
select.options.length = 1;
semestersArray.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
select.appendChild(option);
});
});
}
// Function to add Core Course
function addCoreCourse() {
const container = document.getElementById('core_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="core_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="core_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="core_semester[]">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="core_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="core_unit[]" min="1" max="3">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="core_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
// If availableSemesters is empty, handle accordingly
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to check Core Completion
function checkCoreCompletion() {
const coreUnits = document.querySelectorAll('input[name="core_unit[]"]');
let totalUnits = 0;
coreUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
const qualifyingExamSection = document.getElementById('qualifying_exam_section');
if (totalUnits >= 9) {
qualifyingExamSection.style.display = 'block';
} else {
qualifyingExamSection.style.display = 'none';
}
}
// Function to add Major Course
function addMajorCourse() {
const container = document.getElementById('major_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="major_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="major_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="major_semester[]">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="major_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="major_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="major_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to add Cognate Course
function addCognateCourse() {
const container = document.getElementById('cognate_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="cognate_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="cognate_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="cognate_semester[]">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="cognate_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="cognate_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="cognate_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to add Elective Course
function addElectiveCourse() {
const container = document.getElementById('elective_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="elective_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="elective_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="elective_semester[]">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="elective_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="elective_unit[]" min="1" max="3" onchange="checkMajorCognateElectiveCompletion()">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="elective_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to add Dissertation Course
function addDissertationCourse() {
const container = document.getElementById('dissertation_courses_list');
const formRow = document.createElement('div');
formRow.className = 'form-row align-items-end mt-2';
formRow.innerHTML = `
<div class="form-group col-md-3">
<label>Subject:</label>
<input type="text" class="form-control" name="dissertation_subject[]">
</div>
<div class="form-group col-md-3">
<label>Instructor:</label>
<input type="text" class="form-control" name="dissertation_instructor[]">
</div>
<div class="form-group col-md-3">
<label>Semester and Year Taken:</label>
<select class="form-control" name="dissertation_semester[]">
<option value="">Select Semester</option>
</select>
</div>
<div class="form-group col-md-1">
<label>Grade:</label>
<input type="text" class="form-control" name="dissertation_grade[]">
</div>
<div class="form-group col-md-1">
<label>Unit:</label>
<input type="number" class="form-control" name="dissertation_unit[]" min="1" max="3">
</div>
<div class="form-group col-md-1">
<button type="button" class="btn btn-danger btn-sm" onclick="removeCourse(this)">-</button>
</div>
`;
container.appendChild(formRow);
// Populate the newly added dropdown using the availableSemesters array
const newSelect = formRow.querySelector('select[name="dissertation_semester[]"]');
if (availableSemesters.length > 0) {
availableSemesters.forEach(semester => {
const option = document.createElement('option');
option.value = semester;
option.text = semester;
newSelect.appendChild(option);
});
} else {
console.warn('Available semesters are not yet calculated. Please calculate MRR first.');
}
}
// Function to remove a course row
function removeCourse(button) {
const row = button.parentElement.parentElement;
row.remove();
}
// Function to check Major, Cognate, and Elective Completion
function checkMajorCognateElectiveCompletion() {
const majorUnits = document.querySelectorAll('input[name="major_unit[]"]');
const cognateUnits = document.querySelectorAll('input[name="cognate_unit[]"]');
const electiveUnits = document.querySelectorAll('input[name="elective_unit[]"]');
let totalUnits = 0;
majorUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
cognateUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
electiveUnits.forEach(unit => {
totalUnits += parseInt(unit.value) || 0;
});
const comprehensiveExamSection = document.getElementById('comprehensive_exam_section');
if (totalUnits >= 27) { // 12 Major + 9 Cognate + 6 Elective = 27 Units
comprehensiveExamSection.style.display = 'block';
} else {
comprehensiveExamSection.style.display = 'none';
}
}
// Function to toggle Course Sections based on Qualifying Exam Result
function toggleCourseSections(result) {
const otherCourses = document.getElementById('other_courses');
if (result === 'pass') {
otherCourses.style.display = 'block';
otherCourses.classList.remove('disabled-section');
} else {
otherCourses.style.display = 'none';
otherCourses.classList.add('disabled-section');
}
}
// Function to toggle Dissertation Section based on Comprehensive Exam Result
function toggleDissertationSection(result) {
const dissertationSection = document.getElementById('dissertation_section');
if (result === 'pass') {
dissertationSection.style.display = 'block';
dissertationSection.classList.remove('disabled-section');
} else {
dissertationSection.style.display = 'none';
dissertationSection.classList.add('disabled-section');
}
}
// Function to toggle Graduation Section based on Checklist
function toggleGraduationSection() {
const graduationSection = document.getElementById('graduation_section');
const checklistItems = document.querySelectorAll('#dissertation_section input[type="checkbox"]');
let allChecked = true;
checklistItems.forEach(item => {
if (!item.checked) {
allChecked = false;
}
});
if (allChecked) {
graduationSection.style.display = 'block';
graduationSection.classList.remove('disabled-section');
} else {
graduationSection.style.display = 'none';
graduationSection.classList.add('disabled-section');
}
}
// Function to initialize existing dropdowns on page load
document.addEventListener('DOMContentLoaded', function() {
// Initially populate existing course dropdowns if availableSemesters is already populated
populateSemesterYearDropdown('core_semester', availableSemesters);
populateSemesterYearDropdown('major_semester', availableSemesters);
populateSemesterYearDropdown('cognate_semester', availableSemesters);
populateSemesterYearDropdown('elective_semester', availableSemesters);
populateSemesterYearDropdown('dissertation_semester', availableSemesters);
});
</script>
</body>
</html>
```
### Summary of Changes:
1. **Removed `required` Attributes:**
- **Middle Name:** Made optional.
- **Alternate Email Address:** Made optional.
- **Postgraduate Degree Fields:** Made optional.
- **Institution Fields:** Made optional.
- **Course Information Fields (Core, Major, Cognate, Elective, Dissertation):** Made optional.
- **Exam and Dissertation Details:** Made optional.
- **Graduation Information:** Made optional.
2. **Retained `required` Attributes for Essential Fields:**
- **Plan (Plan A):** Necessary for categorizing the student.
- **Surname & First Name:** Essential for identification.
- **UP Email Address & Cellphone Number:** Primary and secondary contact methods.
- **Program Type:** Important for understanding academic focus.
- **Semester and Academic Year of 1st Enrollment:** Critical for program tracking.
- **Program Adviser:** Necessary for academic guidance.
- **Status:** Essential for administrative purposes.
- **Program Adviser Selection:** Ensures an adviser is assigned.
3. **Button Functionality:**
- **Add More Buttons:** Continue to function for adding additional fields without enforcing validation.
4. **JavaScript Adjustments:**
- **`populateSemesterYearDropdown` Function:** Modified to handle both singular and array-based names to ensure dynamic dropdowns are populated correctly after making fields optional.
### Notes:
- **Dynamic Fields:** While making fields optional, ensure that your backend handles cases where optional fields might be empty to prevent any issues during form submission.
- **Validation:** Consider implementing additional client-side or server-side validation if certain combinations of fields must meet specific criteria, even if individual fields are optional.
- **User Experience:** Optional fields are now not enforced during form submission, allowing users more flexibility. However, ensure that the form still captures enough information to be useful for your application's purposes.
Feel free to further customize which fields are required based on the specific needs of your student management system.turns-00051.parquet:32395
f31bc222e2a7ff12df70ecf9degenerate_repetitionAbsentFinal dense release
USER
Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set: Câu hỏi: Để chuyển đổi số nguyên và xâu kí tự thành số thực, ta dùng lệnh nào? A. float(). B. int(). C. str(). D. type(). Đáp án đúng: float() Notes that: 1. Remember that the multichoice question above must not be included in the paragraphs or phrase 2. You can not take an example same as the question 3. Explain detail like in the actual textbook 4. All instructions must be given in general form
ASSISTANT
Trong lập trình, việc chuyển đổi giữa các kiểu dữ liệu là một thao tác quan trọng nhằm đảm bảo dữ liệu có thể được xử lý và sử dụng một cách chính xác. Các ngôn ngữ lập trình thường cung cấp nhiều hàm hoặc phương thức để thực hiện việc chuyển đổi này. Một trong những thao tác chuyển đổi phổ biến là từ số nguyên hoặc chuỗi kí tự thành số thực. Số thực, hay còn được gọi là số dấu phẩy động, là kiểu dữ liệu được sử dụng để biểu diễn các số có phần thập phân. Khi cần thao tác với các giá trị số chứa phần thập phân, hoặc cần phép toán chia có thể cho kết quả là số không nguyên, chúng ta cần chuyển đổi dữ liệu sang kiểu số thực. Để thực hiện việc chuyển đổi một giá trị thuộc loại số nguyên hay chuỗi kí tự thành giá trị số thực, chúng ta sử dụng hàm chuyển đổi tương ứng để đảm bảo thực hiện chính xác. Ví dụ, trong một ngôn ngữ lập trình cụ thể, hàm `float()` có thể được dùng để biến đổi các loại dữ liệu này thành kiểu số thực. Sử dụng hàm này giúp cho dữ liệu ban đầu được biến đổi và có thể tham gia và các phép toán tính toán phức tạp hơn mà yêu cầu kiểu dữ liệu số thực. Trong quá trình lập trình, đặc biệt khi lấy dữ liệu từ các nguồn khác nhau như người dùng nhập liệu, dữ liệu từ file hoặc database, dữ liệu có thể có dạng chuỗi kí tự (string). Trước khi thực hiện các phép toán số học, cần kiểm tra và xác thực dữ liệu đó phù hợp để chuyển đổi sang các kiểu số nhằm tránh lỗi chương trình và có được kết quả chính xác. Việc hiểu rõ cách chuyển đổi các kiểu dữ liệu không chỉ giúp tránh lỗi mà còn nâng cao hiệu suất và độ linh hoạt của mã nguồn, giúp lập trình viên xử lý được nhiều tình huống trong ứng dụng thực tế.
turns-00051.parquet:32396
d13887b0181bbd6de8bcc3fedegenerate_repetitionAbsentFinal dense release
USER
Bạn sẽ nhận được một đoạn ngữ cảnh mô tả một sự kiện hoặc khái niệm cụ thể. Dựa trên ngữ cảnh, hãy tạo ra 3 cặp câu hỏi và câu trả lời đi kèm. Hãy đảm bảo rằng câu trả lời có sự giải thích từng bước hoặc mô tả chi tiết (Chain of Thought) để người đọc hiểu rõ hơn về nội dung câu trả lời.
Yêu cầu: Tạo 3 cặp câu hỏi và câu trả lời. Hãy lưu ý cung cấp câu trả lời theo từng bước suy luận, hoặc đưa ra các yếu tố giải thích rõ ràng liên quan đến câu trả lời (Chain of Thought). Bước suy luận sẽ lấy thông tin trực tiếp từ ngữ cảnh, thông tin được lấy từ ngữ cảnh sẽ được bỏ vào 2 tag đặc biệt ###begin_context### và ###end_context###. Câu trả lời sẽ ở dạng ngắn gọn, súc tích.
Câu hỏi được bỏ vào tag ###Câu hỏi:
Suy luận được bỏ vào tag ###Suy luận:
Câu trả lời được bỏ vào tag đặc biệt ###Câu trả lời:
Suy luận bắt buộc phải trích xuất thông tin từ ngữ cảnh và dùng ###begin_context### và ###end_context### để đánh dấu thông tin được trích xuất.
Nếu ngữ cảnh không có ý nghĩa, bạn hãy output "Ngữ cảnh không giá trị".
Trả lời bằng tiếng Việt.
Trả cho tôi output dưới dạng json để có thể trích xuất một cách dễ dàng.
Ví dụ:
###Ngữ cảnh: Tìm hiểu về nguyên nhân, triệu chứng và các phương pháp chữa hở mi mắt
Không chỉ mang tính thẩm mỹ, mi mắt còn có tác dụng bảo vệ đôi mắt khỏi các yếu tố bên ngoài. Nếu bộ phận này không thể đóng kín hoàn toàn thì hoạt động của mắt có thể bị ảnh hưởng. Vậy, bạn nên làm gì để chữa hở mi mắt? Hãy cùng chúng tôi theo dõi bài viết dưới đây để tìm hiểu một cách chi tiết về nguyên nhân, triệu chứng và các giải pháp khắc phục tình trạng này nhé!
1. Hở mi mắt là gì?
Đôi mắt là cửa sổ tâm hồn, là cơ quan tiếp nhận ánh sáng giúp con người nhìn thấy mọi vật xung quanh. Tuy nhiên, cơ quan này rất nhạy cảm và dễ bị tổn thương bởi các tác động của môi trường. Do đó, các thành phần bên trong mắt nhất là giác mạc cần được bảo vệ và che chở bởi các bộ phận khác như: lông mày, lông mi,…
Đặc biệt, mi mắt có thể tự động đóng kín nhằm ngăn chặn bụi bẩn, các vật lạ bay vào. Đồng thời thông qua phản xạ chớp mi liên tục, tuyến lệ sẽ điều tiết nước mắt và dàn đều khắp lòng đen và lòng trắng. Do đó, mắt được cung cấp đầy đủ độ ẩm nên luôn trơn ướt, không bị khô và nhìn ngắm mọi vật một cách rõ ràng.
Trong trường hợp bị hở, mi mắt sẽ không thể khép kín hoàn toàn như bình thường. Lúc này chức năng bảo vệ giảm sút, dị vật, bụi bẩn,… bên ngoài có thể xâm nhập vào mắt gây tổn thương và nhiễm trùng, từ đó ảnh hưởng nghiêm trọng đến thị lực.
Nguyên nhân:
Nguyên nhân gây hở mi mắt rất phức tạp, để có biện pháp khắc phục hiệu quả bạn nên tìm hiểu lý do tại sao mi mắt của mình không thể khép kín hoàn toàn.
Dây thần kinh vận động của mi mắt bị liệt, gây ảnh hưởng đến phản xạ đóng, mở tự nhiên.
Chấn thương mạnh làm tổn thương cơ mặt, cấu trúc tại vùng mắt,…
Rối loạn giấc ngủ, thiếu ngủ, mất ngủ cũng ảnh hưởng đến phản xạ khép mở mi mắt.
Mắc phải các bệnh về mắt như: lồi hoặc lõm mắt, có sẹo, khối u trong mắt,…
Thực hiện phẫu thuật thẩm mỹ cắt da thừa, lấy mỡ mắt nhưng gặp biến chứng ngay sau đó.
###Đầu ra: json```{
"QA_pairs": [
{
"###Câu hỏi:": "Hở mi mắt là gì và nó ảnh hưởng như thế nào đến mắt?",
"###Suy luận:": "Theo ngữ cảnh, hở mi mắt là khi mi mắt không thể khép kín hoàn toàn. ###begin_context###Trong trường hợp bị hở, mi mắt sẽ không thể khép kín hoàn toàn như bình thường. Lúc này chức năng bảo vệ giảm sút, dị vật, bụi bẩn,… bên ngoài có thể xâm nhập vào mắt gây tổn thương và nhiễm trùng, từ đó ảnh hưởng nghiêm trọng đến thị lực.###end_context### chỉ ra rằng hở mi mắt ảnh hưởng đến mắt bằng cách giảm khả năng bảo vệ và tăng nguy cơ tổn thương, nhiễm trùng.",
"###Câu trả lời:": "Hở mi mắt là tình trạng mi mắt không thể khép kín hoàn toàn, làm giảm chức năng bảo vệ của mắt, dẫn đến nguy cơ dị vật, bụi bẩn xâm nhập, gây tổn thương và nhiễm trùng, ảnh hưởng nghiêm trọng đến thị lực."
},
{
"###Câu hỏi:": "Những nguyên nhân nào gây ra hở mi mắt?",
"###Suy luận:": "###begin_context###Nguyên nhân gây hở mi mắt rất phức tạp, để có biện pháp khắc phục hiệu quả bạn nên tìm hiểu lý do tại sao mi mắt của mình không thể khép kín hoàn toàn.
Dây thần kinh vận động của mi mắt bị liệt, gây ảnh hưởng đến phản xạ đóng, mở tự nhiên.
Chấn thương mạnh làm tổn thương cơ mặt, cấu trúc tại vùng mắt,…
Rối loạn giấc ngủ, thiếu ngủ, mất ngủ cũng ảnh hưởng đến phản xạ khép mở mi mắt.
Mắc phải các bệnh về mắt như: lồi hoặc lõm mắt, có sẹo, khối u trong mắt,…
Thực hiện phẫu thuật thẩm mỹ cắt da thừa, lấy mỡ mắt nhưng gặp biến chứng ngay sau đó.###end_context### chỉ ra rằng những nguyên nhân chính gây ra hở mi mắt bao gồm dây thần kinh vận động của mi mắt bị liệt; chấn thương mạnh làm tổn thương cơ mặt, cấu trúc tại vùng mắt; rối loạn giấc ngủ, thiếu ngủ, mất ngủ; mắc phải các bệnh về mắt như: lồi hoặc lõm mắt, có sẹo, khối u trong mắt.",
"###Câu trả lời:": "Những nguyên nhân gây hở mi mắt bao gồm: liệt dây thần kinh vận động của mi mắt, chấn thương mạnh làm tổn thương cơ mặt hoặc cấu trúc vùng mắt, rối loạn giấc ngủ như thiếu ngủ hoặc mất ngủ, mắc các bệnh về mắt như lồi hoặc lõm mắt, có sẹo, khối u trong mắt, và biến chứng sau phẫu thuật thẩm mỹ vùng mắt."
},
{
"###Câu hỏi:": "Mi mắt đóng kín có vai trò gì trong việc bảo vệ mắt?",
"###Suy luận:": "Mi mắt đóng kín giúp ngăn chặn bụi bẩn và dị vật bay vào mắt. ###begin_context###Đặc biệt, mi mắt có thể tự động đóng kín nhằm ngăn chặn bụi bẩn, các vật lạ bay vào. Đồng thời thông qua phản xạ chớp mi liên tục, tuyến lệ sẽ điều tiết nước mắt và dàn đều khắp lòng đen và lòng trắng. Do đó, mắt được cung cấp đầy đủ độ ẩm nên luôn trơn ướt, không bị khô và nhìn ngắm mọi vật một cách rõ ràng.###end_context### chỉ ra rằng mi mắt đóng kín bảo vệ mắt khỏi các yếu tố bên ngoài và giữ ẩm cho mắt.",
"###Câu trả lời:": "Mi mắt đóng kín có vai trò ngăn chặn bụi bẩn và dị vật xâm nhập vào mắt, đồng thời giúp tuyến lệ điều tiết nước mắt, giữ ẩm cho mắt và duy trì thị lực rõ ràng."
}
]
}
```
Đến lượt bạn:
###Ngữ cảnh: Công dụng thuốc LitorAPC 10
Thuốc Litor. APC 10 là nhóm thuốc được ưu tiên chỉ định dùng để điều trị làm giảm cholesterol toàn phần, LDL-cholesterol, apolipoprotein B và triglycerid và để làm tăng HDL-cholesterol. Bài viết bên dưới đây sẽ giúp bạn hiểu rõ hơn về những công dụng của thuốc Litor. APC 10.
1. Công dụng thuốc Litor. APC 10 là gì?
1.1. Thuốc Litor. APC 10 là thuốc gì?Thuốc Litor. APC 10 là loại thuốc về tim mạch chứa thành phần chính Atorvastatin ở dưới dạng Atorvastatin calcium trihydrate 10mg và được bào chế ở dạng viên nén bao phim. Đóng gói Hộp có 1 vỉ, hộp 3 vỉ, hộp 10 vỉ, mỗi vỉ có 10 viên thuốc Litor. APC 10 bao phim.1.2. Thuốc Litor. APC 10 có tác dụng gì?Thuốc Litor. APC 10 chứa thành phần chính là Atorvastatin được dùng để chỉ định làm giảm toàn phần Cholesterol, LDL-Cholesterol và Spolipoprotein B hoặc triglycerid và để làm tăng HDL-Cholesterol ở những người bệnh có tăng cholesterol trong máu nguyên phát.Người bệnh bị rối loạn beta lipoprotein trong máu mà không đáp ứng được đầy đủ với chế độ ăn.Atorvastatin cũng được chỉ định để làm giảm cholesterol toàn phần và LDL-cholesterol ở các người bệnh có tăng cholesterol máu có tính gia đình đồng hợp tử khi chế độ ăn.
2. Cách sử dụng của Litor. APC 10
2.1. Cách dùng thuốc Litor. APC 10Các đường dùng thuốc phụ thuộc theo dạng thuốc như: thuốc dùng để uống, hay thuốc dùng để tiêm, thuốc dùng bên ngoài hay là thuốc dùng để đặt. Tốt nhất là người bệnh hãy đọc thật kỹ hướng dẫn cách dùng thuốc Litor. APC 10 đã được ghi ở trên tờ hướng dẫn sử dụng thuốc. Litor. APC 10 là thuốc dạng viên nén nên dùng bằng đường uống và uống thuốc ngay sau khi ăn.Litor. APC 10 có thể dùng bất cứ lúc nào trong ngày, không cần chú ý đến bữa ăn.2.2. Liều dùng của thuốc Litor. APC 10Tăng cholesterol trong máu (có tính gia đình dị hợp tử, hoặc không có tính gia đình) và rối loạn lipid máu hỗn hợp: Liều ban đầu được khuyến cáo là 10 đến 20mg, 1 lần trên mỗi ngày.Những người bệnh cần giảm LDL cholesterol nhiều khoảng trên 45% có thể bắt đầu liều đầu bằng liều 40mg trên 1 lần trong ngày. Khoảng liều điều trị của thuốc là 10 đến 80mg một lần trên mỗi ngày.
###Đầu ra:
ASSISTANT
```json
{
"QA_pairs": [
{
"###Câu hỏi:": "Thuốc Litor APC 10 có tác dụng gì trong điều trị cholesterol?",
"###Suy luận:": "Theo ngữ cảnh, thuốc Litor APC 10 chứa thành phần chính là Atorvastatin, được dùng để giảm cholesterol toàn phần, LDL-cholesterol, apolipoprotein B và triglycerid, đồng thời tăng HDL-cholesterol. ###begin_context###Thuốc Litor. APC 10 chứa thành phần chính là Atorvastatin được dùng để chỉ định làm giảm toàn phần Cholesterol, LDL-Cholesterol và Spolipoprotein B hoặc triglycerid và để làm tăng HDL-Cholesterol ở những người bệnh có tăng cholesterol trong máu nguyên phát.###end_context### chỉ ra rằng thuốc này có vai trò điều hòa mức độ các loại cholesterol trong máu.",
"###Câu trả lời:": "Thuốc Litor APC 10 được dùng để giảm cholesterol toàn phần, LDL-cholesterol, apolipoprotein B và triglycerid, đồng thời tăng HDL-cholesterol, giúp điều hòa mức độ cholesterol trong máu."
},
{
"###Câu hỏi:": "Những đối tượng nào nên sử dụng thuốc Litor APC 10?",
"###Suy luận:": "Ngữ cảnh chỉ ra rằng Litor APC 10 thích hợp cho những bệnh nhân có tăng cholesterol máu nguyên phát, người bệnh rối loạn beta lipoprotein không đáp ứng đủ với chế độ ăn, và người bị tăng cholesterol máu gia đình đồng hợp tử không hiệu quả với chế độ ăn. ###begin_context###Những người bệnh bị rối loạn beta lipoprotein trong máu mà không đáp ứng được đầy đủ với chế độ ăn. Atorvastatin cũng được chỉ định để làm giảm cholesterol toàn phần và LDL-cholesterol ở các người bệnh có tăng cholesterol máu có tính gia đình đồng hợp tử khi chế độ ăn.###end_context###",
"###Câu trả lời:": "Thuốc Litor APC 10 nên được sử dụng cho bệnh nhân có tăng cholesterol máu nguyên phát, người bị rối loạn beta lipoprotein không đáp ứng với chế độ ăn, và người bị tăng cholesterol máu gia đình đồng hợp tử không hiệu quả với chế độ ăn."
},
{
"###Câu hỏi:": "Cách sử dụng thuốc Litor APC 10 như thế nào?",
"###Suy luận:": "Ngữ cảnh cho biết Litor APC 10 là dạng viên nén và được dùng bằng đường uống. ###begin_context###Litor. APC 10 là thuốc dạng viên nén nên dùng bằng đường uống và uống thuốc ngay sau khi ăn.###end_context###. Ngoài ra, thuốc có thể được dùng trong bất kỳ thời điểm nào trong ngày, không cần căn cứ vào bữa ăn. ###begin_context###Litor. APC 10 có thể dùng bất cứ lúc nào trong ngày, không cần chú ý đến bữa ăn.###end_context###",
"###Câu trả lời:": "Thuốc Litor APC 10 được dùng bằng đường uống, uống ngay sau khi ăn, và có thể sử dụng bất kỳ thời điểm nào trong ngày mà không cần căn cứ vào bữa ăn."
}
]
}
```turns-00051.parquet:32397
a43b2c50b5a33319ba8d757cdegenerate_repetitionAbsentFinal dense release
USER
Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set: Câu hỏi: Thời gian phản hồi là? A. Số điểm ảnh theo chiều ngang và chiều dọc của màn hình. B. Độ dài đường chéo trên màn hình. C. Hình ảnh trên màn hình được tạo liên tục. D. Khoảng thời gian cần thiết để có thể đổi màu một điểm ảnh. Đáp án đúng: Khoảng thời gian cần thiết để có thể đổi màu một điểm ảnh Notes that: 1. Remember that the multichoice question above must not be included in the paragraphs or phrase 2. You can not take an example same as the question 3. Explain detail like in the actual textbook 4. All instructions must be given in general form
ASSISTANT
Thời gian phản hồi là một khái niệm quan trọng trong lĩnh vực hiển thị và công nghệ màn hình, đặc biệt là trong việc đánh giá chất lượng của màn hình máy tính và TV. Thời gian phản hồi là chỉ số đo lường thời gian cần thiết để một điểm ảnh trên màn hình có thể thay đổi từ màu này sang màu khác và sau đó trở lại màu ban đầu. Đơn vị đo thường được sử dụng là mili giây (ms). Một thời gian phản hồi ngắn thường được coi là mong muốn hơn, đặc biệt là trong các ứng dụng đòi hỏi tốc độ cao như chơi game, xem phim hành động, hoặc sử dụng các ứng dụng đồ họa nặng. Với thời gian phản hồi ngắn, màn hình có thể hiển thị các hình ảnh chuyển động nhanh mà không bị nhòe hoặc lóe sáng, mang lại trải nghiệm mượt mà và rõ nét cho người xem. Thời gian phản hồi có thể bị ảnh hưởng bởi nhiều yếu tố khác nhau, bao gồm nhưng không giới hạn ở công nghệ tấm nền của màn hình (như LCD, LED, OLED), tần số quét của màn hình, và chất lượng của các linh kiện điện tử liên quan. Hiểu rõ về thời gian phản hồi có thể giúp người tiêu dùng đưa ra quyết định sáng suốt khi mua các thiết bị hiển thị. Ví dụ, nếu một người cần một màn hình cho mục đích thiết kế đồ họa, họ có thể quan tâm đến một màn hình có độ phân giải cao hơn là thời gian phản hồi. Tuy nhiên, đối với một game thủ chuyên nghiệp, thời gian phản hồi có thể là yếu tố quan trọng nhất khi lựa chọn màn hình. Nhìn chung, thông tin về thời gian phản hồi thường được nhà sản xuất liệt kê trong các thông số kỹ thuật của sản phẩm. Điều này giúp người dùng có thể dễ dàng so sánh và lựa chọn thiết bị phù hợp với nhu cầu cá nhân của mình.
turns-00051.parquet:32398
9110ed2ffc8933a0769b732edegenerate_repetitionAbsentFinal dense release
USER
Почему этот код при работе через Tor постоянно возвращает ошибку "Error: Not-found" из блока catch? for(let i = 0; i<picscount; i++){
//console.log(`Итерация ${i+1} началась: ${new Date().toISOString()}`);
await new Promise(resolve => setTimeout(resolve, sleep*1000));
//console.log(`16 секунд прошло на итерации ${i+1}: ${new Date().toISOString()}`);
// "A picture of a beautiful 40 years old woman with long, wavy hair, large and expressive eyes, and radiant skin. She is wearing an elegant dress and is in a natural landscape with a blue sky and colorful flowers. The sunlight softly illuminates her face. She has bare breasts."
await axios.post('https://nexra.aryahcr.cc/api/image/complements', {
prompt: prompt,
model: aimodel,
//response: "base64",
data: {
model: model,
steps: 25,
cfg_scale: 7,
sampler: "DPM++ 2M Karras",
negative_prompt: negprompt,
prompt_negative: negprompt,
image_style: imagestyle,
guidance_scale: guidancesdxlL,
width: widthpixartlcm,
height: heightpixartlcm,
lcm_inference_steps: stepspixartlcm
}
}, {
headers: {
'Content-Type': 'application/json',
"x-nexra-user": "user-W6F176sY2Q",
"x-nexra-secret": "nx-YBrT144nc669o92NyF2LAq25rl3d9755mR4uHtHeb838E7ZYKU4"
}
}).then(async (result) => {console.log(result.data);
let id = result.data.id;
let response = null;
let data = true;
while(data){
await new Promise(resolve => setTimeout(resolve, 3*1000));
response = await axios.get('https://nexra.aryahcr.cc/api/image/complements/' + encodeURIComponent(id));
response = response.data;
console.log(response)
switch(response.status){
case "pending":
data = true;
break;
case "error":
case "completed":
case "not_found":
data = false;
break;
}
}
var a = response.images[0];
console.log(a);
let image = new Image(800, 800);
image.src = a;
//document.body.appendChild(image);
var parent = document.getElementById('parent');
parent.appendChild(image);
//счетчик картинок
var pics = document.getElementById("pics").innerHTML;
var error = document.getElementById("err").innerHTML;
let numb = Number(pics) + 1;
document.getElementById("pics").innerHTML = numb;
let numb2 = numb + Number(error);
document.getElementById("total").innerHTML = numb2;
}).catch(error => {
console.error('Error:', error);
const header = document.createElement("h1");
const headerText = document.createTextNode(error);
header.appendChild(headerText);
//document.body.appendChild(header);
var parent = document.getElementById('parent');
parent.appendChild(header);
//счетчик ошибок
var error = document.getElementById("err").innerHTML;
var pics = document.getElementById("pics").innerHTML;
let numb = Number(error) + 1;
document.getElementById("err").innerHTML = numb;
let numb2 = numb + Number(pics);
document.getElementById("total").innerHTML = numb2;
});
}ASSISTANT
Код, который вы представили, использует `axios` для отправки HTTP-запросов к API, и ошибка "Error: Not-found" может возникать по нескольким причинам. Работая через Tor, вы можете сталкиваться с дополнительными сложностями, такими как время отклика и стабильность соединения. Несколько возможных причин и решений ошибки: 1. **Проблемы с сетью Tor**: - Tor может замедлить соединение или привести к неисправностям в соединении, из-за чего запросы могут не доходить до сервера или истекать по времени. - Попробуйте изменить выходной узел Tor или использовать более стабильное подключение. 2. **Неправильный или отсутствующий ID**: - Убедитесь, что `result.data.id` возвращает правильное значение. Если `id` неверный или сервер не может его найти, это может привести к ошибке "not_found". - Проверьте, доступно ли свойство `id` в `result.data` и что оно не равно `undefined`. 3. **Проблемы с API-сервером**: - Может быть, API-сервер временно недоступен или у него есть ограничения доступа через Tor. 4. **Проверьте API URL**: - Убедитесь, что используете правильные URL-адреса. Неправильный URL-адрес может вызывать ошибку "not_found". 5. **Лимиты и ограничения**: - Убедитесь, что API-ключи (`x-nexra-user` и `x-nexra-secret`) валидны и авторизованы для использования этого API. - Проверьте ограничения по количеству запросов (rate limits), так как превышение лимитов может приводить к отказам в обслуживании. 6. **Темп повторных запросов**: - Некорректная логика повторного запроса статуса может приводить к ошибке. Проверьте, используете ли вы правильные временные интервалы и коррекцию на почту между статусами "pending" и "completed". 7. **Проблемы с параметрами**: - Проверьте все параметры запроса, включая `prompt`, `model`, и другие. Убедитесь, что они корректные и соответствуют спецификации API. Если проблемы продолжаются, попробуйте: - Напечатать детальные логи прямо перед регулярными запросами к API для лучшего понимания происходящего. - Обратитесь к документации API или поддержке для получения дополнительной информации о частых ошибках и их решениях. - Тестируйте ваш код, минуя Tor, чтобы проверить, проявляется ли проблема только при использовании Tor.
turns-00051.parquet:32399
6190b14efa0fa496470d081adegenerate_repetitionAbsentFinal dense release
USER
ОПИСАНИЕ: Тебе необходимо проанализировать JSON-данные с организациями и привести их в формат:
1) id;
2) organization (название организации), взять из title;
2.1) value перенести title;
2.2) name взять из title название организации (не юридическое лицо), не использовать её юридическое лицо (пример если title "КИВ-125 (ИП Попонин ИН)", то name = "КИВ-125"), если нет - поставить null;
2.3) legal взять из title юридическое лицо (ИП, ООО, ОАО, АО, итд) + НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ, не использовать название (пример если title "КИВ-125 (ИП Попонин ИН)", то leagl = "ИП Попонин ИН"), если нет - поставить null;
2.4) inn если получается найти сведения об ИНН нужно его записать сюда, если нет - null;
3) city (город организации, русский язык), взять из city;
4) country (страна организации, русский язык), определить по city, если не получается поставить null;
5) contacts (контактные лица) - массив объектов, каждый объект содержит поля ниже, сами контактные лица найти в объекте организации (contact_person+phone+email+site+comment), автоматически определить и разбить, если какая-то информация отсутствует, поставить в поле null, если разные номера/адреса почты принадлежат одному контактному лицу, но разные по смыслу необходимо их разделить и к каждому написать комментарий:
5.1) name (имя контактного лица);
5.2) emails (почта контактного лица) - массив записей ({"value": "ПОЧТА", "comment": "ОПИСАНИЕ или null"}) для конкретного контакта с одинаковым комментарием;
5.3) phones (телефон контактного лица) - массив записей ({"value": "ТЕЛЕФОН", "comment": "ОПИСАНИЕ или null"}) для конкретного контакта с одинаковым комментарием;
5.4) role (роль контактного лица) - строка, если получится определить роль в организации - записать, если нет - null;
5.5) comment (комментарий к контакту) - строка с комментарием к контактному лицу, телефону или емейлу, если в тексте встречается комментарий к конкретному номеру, контактному лицу или емейлу его нужно вынести отдельным контактом и добавить комментарий, в противном случае null;
6) site (сайт организации), взять из site, обработать, если нет, поставить null, сайт может содержать другие данные, кроме ссылки, их переносить в это поле не нужно оно только для адреса сайта;
7) active (активность организации), взять из active преобразовать в boolean;
8) comment (комментарий), объединить все комментарии из объекта организации (comment, иногда комментарий так же в поле site, искать в других полях всё, что можно перенести сюда), если поле пустое поставить null;
9) prices (цены) - массив объектов, каждый объект содержит поля ниже, цены найти в объекте организации, автоматически определить и разбить (искать в полях: comment, site), цена и название услугу не отделяются точкой или восклицательным или вопросительным знаком:
9.1) name (наименование услуги, перевести в нижний регистр, русский язык) - необходимо определить, что является названием услуги, если есть явный разделитель между ценой и наименованием, а смысл теряется - ставим null;
9.2) price (цена услуги) - произвольный формат (строка), пример "от 1000 руб.", "по договорённости", "от 500 до 1000 рублей", "100р", итд, цена может быть написана в любом формате, нужно это определить;
10) services (услуги, перевести в нижний регистр, русский язык, перевести в единственное число) - массив содержащий формат ключ-значение, ключ - название услуги, значение - boolean, важные правила:
10.1) по умолчанию услуга "монтаж бризера" должна быть true, если в полях (comment, site, ...) не указано обратное;
10.2) по умолчанию услуга "монтаж кондиционера" должна быть false, если в полях (comment, site, ...) не указано обратное;
10.3) другие услуги определить из текста (comment, site, phone, email, contact_person, ...);
11) extra_params (дополнительные параметры, перевести в нижний регистр, русский язык) - массив строк содержащих важные данные об организации, теги, ключевые и значимые параметры, эти данные нужно определить по другим полям, как пример: "дилер", "неделя ожидания", "неактивен", "оплата только налом", "без доставки", остальные ключевые параметры определи сам, искать в полях: comment, site, не сипользовать: города, имена, личные данные;
12) related_organizations (связанные организации) - массив строк, содержащих названия организаций, которые связаны с текущей организацией, определить по тексту;
13) work_cities (города работы) - массив строк, содержащих города, в которых работает организация, определить по тексту, основной город не должен фигурировать в списке;
14) problematic (проблемные организации) - boolean, определить по тексту, если не получается, поставить false;
Все данные должны об объекте быть распределены в какой-нибудь раздел, если не получается распределить данные ты можешь добавить поле other ({"value": "ДАННЫЕ", "comment": "ТВОЙ КОММЕНТАРИЙ, ЧТО ЭТО ЗА ДАННЫЕ"}[]) и поместить данные туда; | ДАННЫЕ (JSON): [{"id":20,"created_at":1536901852,"updated_at":1730872321,"title":"ИП Шеронов (ВЕНЕЦ-ЭНЕРГОСБЕРЕГАЮЩИЕ СИСТЕМЫ)","city":"Иваново","phone":"89621617617","contact_person":"Денис","email":"firm2003@bk.ru","site":"","comment":"Водосборное кольцо приобрел, готов работать по нашему прайсу, ручная бурилка. Выезд до Суздаля +1000 р, до Владимира 1800 р. Почта бухгалтерии venec37@mail.ru не устанавливает кондиционеры.","active":1}]; | ФОРМАТ: вернуть только json, без переносов и отступовASSISTANT
```json
[{"id":20,"organization":{"value":"ИП Шеронов (ВЕНЕЦ-ЭНЕРГОСБЕРЕГАЮЩИЕ СИСТЕМЫ)","name":"ВЕНЕЦ-ЭНЕРГОСБЕРЕГАЮЩИЕ СИСТЕМЫ","legal":"ИП Шеронов","inn":null},"city":"Иваново","country":"Россия","contacts":[{"name":"Денис","emails":[{"value":"firm2003@bk.ru","comment":null},{"value":"venec37@mail.ru","comment":"бухгалтерия"}],"phones":[{"value":"89621617617","comment":null}],"role":null,"comment":null}],"site":null,"active":true,"comment":"Водосборное кольцо приобрел, готов работать по нашему прайсу, ручная бурилка. Выезд до Суздаля +1000 р, до Владимира 1800 р. не устанавливает кондиционеры.","prices":[{"name":"выезд до суздала","price":"1000 р"},{"name":"выезд до владимира","price":"1800 р"}],"services":{"монтаж бризера":true,"монтаж кондиционера":false},"extra_params":["ручная бурилка"],"related_organizations":[],"work_cities":["Суздаль","Владимир"],"problematic":false}]
```turns-00051.parquet:32400
abb7854e31520adc855f449fdegenerate_repetitionAbsentFinal dense release
USER
Write a educational passage in Vietnamese that could appear in a textbook, giving some paragraphs or pharse that related to this question and answer set: Câu hỏi: Phần mềm nguồn mở có cấu thành từ những gì? A. Mô đun chương trình viết trên ngôn ngữ máy. B. Mô đun chương trình viết trên ngôn ngữ lập trình bậc cao. C. Phần mềm thương mại. D. Phần mềm miễn phí. Đáp án đúng: Mô đun chương trình viết trên ngôn ngữ lập trình bậc cao. Notes that: 1. Remember that the multichoice question above must not be included in the paragraphs or phrase 2. You can not take an example same as the question 3. Explain detail like in the actual textbook 4. All instructions must be given in general form
ASSISTANT
Phần mềm nguồn mở là một khái niệm quan trọng trong lĩnh vực công nghệ thông tin và đóng vai trò then chốt trong việc phát triển các ứng dụng và hệ thống hiện đại. Phần mềm nguồn mở được xây dựng dựa trên các mô đun chương trình được viết bằng ngôn ngữ lập trình bậc cao như C, C++, Python, Java, v.v. Những ngôn ngữ này cho phép lập trình viên phát triển các chương trình phức tạp một cách hiệu quả thông qua việc sử dụng cú pháp và cấu trúc ngữ pháp dễ hiểu hơn so với ngôn ngữ máy. Một đặc điểm nổi bật của phần mềm nguồn mở là mã nguồn của nó được công khai cho cộng đồng, cho phép bất kỳ ai cũng có thể tải về, sửa đổi và phân phối lại. Điều này thúc đẩy sự hợp tác và đổi mới liên tục giữa các lập trình viên và các tổ chức trên toàn thế giới. Do đó, phần mềm nguồn mở thường có tốc độ cập nhật và cải tiến nhanh chóng, đồng thời có thể được tùy chỉnh để đáp ứng nhu cầu cụ thể của người dùng. Hơn nữa, phần mềm nguồn mở thường miễn phí để sử dụng, tuy nhiên, không phải tất cả phần mềm miễn phí đều là phần mềm nguồn mở. Điểm khác biệt quan trọng ở đây là khả năng truy cập và sửa đổi mã nguồn. Đặc tính này giúp người dùng không chỉ tiếp cận được sản phẩm hoàn thiện mà còn có cơ hội học hỏi và đóng góp vào quá trình phát triển của chính sản phẩm đó. Phần mềm nguồn mở thúc đẩy tính minh bạch và an toàn, bởi mã nguồn công khai cho phép các chuyên gia và người sử dụng kiểm tra, phát hiện và sửa chữa các lỗ hổng bảo mật. Đồng thời, mô hình phát triển này cũng hỗ trợ việc chia sẻ kiến thức và kinh nghiệm giữa các cộng đồng lập trình viên, đẩy mạnh sự phát triển công nghệ trên toàn cầu.