312 lines
20 KiB
HTML
312 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
<title>暨大排課表</title>
|
|
<!-- Favicon-->
|
|
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
|
|
<!-- Font Awesome icons (free version)-->
|
|
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
|
|
<!-- Google fonts-->
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
|
|
<!-- Core me CSS (includes Bootstrap)-->
|
|
<link href="css/styles.css" rel="stylesheet" />
|
|
</head>
|
|
<body id="page-top">
|
|
<!-- Navigation-->
|
|
<nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top">暨大排課表</a>
|
|
<button class="navbar-toggler navbar-toggler-right text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
Menu
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="https://github.com">Github</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<br><br>
|
|
<!-- Portfolio Section-->
|
|
<section class="page-section portfolio" id="portfolio">
|
|
<div class="container" id='table'>
|
|
<!-- Portfolio Section Heading-->
|
|
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">課表</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="row">
|
|
<choose-department
|
|
v-bind:departments="departments"
|
|
v-bind:selected="selectDepartment"
|
|
v-on:selectok="select"
|
|
>
|
|
</choose-department><br>
|
|
</div><br><br>
|
|
<div class="row">
|
|
<course-anslist
|
|
v-bind:courses="courses"
|
|
v-bind:selected_d="selectDepartment"
|
|
v-bind:selected_c="selectCourses"
|
|
v-on:add-course="addCourse"
|
|
>
|
|
</course-anslist>
|
|
</div><br><br>
|
|
</div>
|
|
|
|
<div class="col-lg-9 table-responsive " >
|
|
<course-table
|
|
v-bind:selectCourses="selectCourses"
|
|
v-bind:select_c="selectCourses"
|
|
v-on:remove-course="removeCourse"
|
|
></course-table>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Grid Items-->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Copyright Section-->
|
|
<div class="copyright py-4 text-center text-white">
|
|
<div class="container"><small>Copyright © 暨大排課表 2020</small></div>
|
|
</div>
|
|
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes)-->
|
|
<div class="scroll-to-top d-lg-none position-fixed">
|
|
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top"><i class="fa fa-chevron-up"></i></a>
|
|
</div>
|
|
<!-- Portfolio Modals-->
|
|
<!-- Portfolio Modal 1-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal1Label">Log Cabin</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/cabin.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 2-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-labelledby="portfolioModal2Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal2Label">Tasty Cake</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/cake.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 3-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-labelledby="portfolioModal3Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal3Label">Circus Tent</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/circus.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 4-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-labelledby="portfolioModal4Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal4Label">Controller</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/game.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 5-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-labelledby="portfolioModal5Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal5Label">Locked Safe</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/safe.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 6-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-labelledby="portfolioModal6Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal6Label">Submarine</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/submarine.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap core JS-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Third party plugin JS-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
|
|
<!-- Contact form JS-->
|
|
<script src="assets/mail/jqBootstrapValidation.js"></script>
|
|
<script src="assets/mail/contact_me.js"></script>
|
|
<!-- Core me JS-->
|
|
<script src="js/scripts.js"></script>
|
|
<script src='js/vue.js'></script>
|
|
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
<script src="js/components/table.vue"></script>
|
|
<script src="js/components/chooseDepartment.vue"></script>
|
|
<script src="js/components/coursesList.vue"></script>
|
|
<script src="js/index.vue"></script>
|
|
|
|
</body>
|
|
</html>
|