5ab2dcf5f9b7aec298be3f01a0184e526be4e21a
[qomet.git] / views / course-list.pug
1 extends layout
2
3 block stylesheets
4 link(rel="stylesheet" href="/stylesheets/courseList.css")
5
6 block content
7 .container#courseList
8 if teacher
9 .row
10 // Modal Structure
11 #newCourse.modal
12 .modal-content
13 form(@submit.prevent="submit")
14 .input-field
15 input#code.validate(type="text" v-model="newCourse.code" autofocus required)
16 label(for="code") Code
17 .input-field
18 input#description.validate(type="text" v-model="newCourse.description" required)
19 label(for="description") Description
20 .modal-footer
21 #submit.center-align
22 a.waves-effect.waves-light.btn(href="#!" @click="addCourse()")
23 span Submit
24 i.material-icons.right send
25 .row
26 .col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3
27 .card
28 if teacher
29 // Modal Trigger
30 .center-align
31 a.waves-effect.waves-light.btn.modal-trigger(href="#newCourse") New course
32 table
33 thead
34 tr
35 th Code
36 th Description
37 tbody
38 tr.course(v-for="course in courseArray" @click.left="redirect(course.code)" @contextmenu.prevent="deleteCourse(course)")
39 td {{ course.code }}
40 td(v-html="course.description")
41
42 block javascripts
43 script(src="/javascripts/courseList.js")
44 script(src="/javascripts/utils/validation.js")
45 script.
46 let courseArray = !{JSON.stringify(courseArray)};
47 const initials = "#{initials}";
48 const admin = #{teacher};