views/index.jade


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

extends layout

block head
  link(rel='stylesheet', href='/stylesheets/style.css')
  link(rel='stylesheet', href='/stylesheets/print.css', media='print')
  link(rel='stylesheet', href='https://fonts.googleapis.com/icon?family=Material+Icons')
  link(rel='stylesheet', href='/components/material-design-lite/material.min.css')
  script(defer='', src='/components/material-design-lite/material.min.js')

block content
  form#search
    .top-bar
      .title
        .logo
        .text Rooster
      .input-wrapper
        input(type='search', placeholder='Zoeken', autocomplete='off')
        button.material-icons.fav(tabindex='0', type='button') &#xE83A;
      .tooltip
        span Voer hier een <strong>docentafkorting</strong>, <strong>klas</strong>, <strong>leerlingnummer</strong> of <strong>lokaalnummer</strong> in.
      button#overflow-button(type='button')
        i.material-icons &#xE5D4;
        
      ul.mdl-menu.mdl-menu--bottom-right.mdl-js-menu.mdl-js-ripple-effect(for='overflow-button')
        a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/basisroosters/default.htm')
          li.mdl-menu__item Basis rooster gebruiken
        a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/')
          li.mdl-menu__item Oud rooster gebruiken
        a(href='javascript:window.print()').print-page
          li.mdl-menu__item.mdl-menu__item--full-bleed-divider#print-page Pagina printen
        li.mdl-menu__item(disabled) Gemaakt door Noah Loomans
    .autocomplete-wrapper
      ul.autocomplete
  #week-selector
    #search-space-filler
    .week-wrapper
      button(type='button').material-icons &#xE5C4;
      span.current 
        span.no-print Loading...
        span.print
      button(type='button').material-icons &#xE5C8;

  #notification
    .box
      .text
        strong Het rooster is ingekort&nbsp;
        span in verband met de warmte.&nbsp;
      .grow
      a(href='http://hetmml.nl/', class='mdl-button mdl-js-button mdl-js-ripple-effect') Meer info
  
  #schedule

block scripts
  script.
    !{flagsStr}!{usersStr}
  script(src='/javascripts/bundle.js')