diff options
| author | Noah Loomans <noahloomans@gmail.com> | 2017-09-13 16:28:53 +0200 | 
|---|---|---|
| committer | Noah Loomans <noahloomans@gmail.com> | 2017-09-13 16:28:53 +0200 | 
| commit | 3fb86482404e11942cd83c3500a297a3991db0e4 (patch) | |
| tree | c5e7261de72c2b7f871580784525d06d036a6219 /src/client/views | |
| parent | 5aac32f72eca8c66e879583ce653d07bb3c7370f (diff) | |
Restructure project
Diffstat (limited to 'src/client/views')
| -rw-r--r-- | src/client/views/error.jade | 6 | ||||
| -rw-r--r-- | src/client/views/index.jade | 51 | ||||
| -rw-r--r-- | src/client/views/layout.jade | 25 | ||||
| -rw-r--r-- | src/client/views/redirect.jade | 47 | 
4 files changed, 129 insertions, 0 deletions
| diff --git a/src/client/views/error.jade b/src/client/views/error.jade new file mode 100644 index 0000000..51ec12c --- /dev/null +++ b/src/client/views/error.jade @@ -0,0 +1,6 @@ +extends layout + +block content +  h1= message +  h2= error.status +  pre #{error.stack} diff --git a/src/client/views/index.jade b/src/client/views/index.jade new file mode 100644 index 0000000..540fd42 --- /dev/null +++ b/src/client/views/index.jade @@ -0,0 +1,51 @@ +extends layout + +block variables +  - var bodyStyle = 'opacity: 0;'; + +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')  +      .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  +         +      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  +      span.current  +        span.no-print Loading... +        span.print +      button(type='button').material-icons  +   +  #schedule + +block scripts +  script. +    !{flagsStr}!{usersStr}!{validWeekNumbersStr} +  script(src='/bundle.js') diff --git a/src/client/views/layout.jade b/src/client/views/layout.jade new file mode 100644 index 0000000..f7f9e1f --- /dev/null +++ b/src/client/views/layout.jade @@ -0,0 +1,25 @@ +block variables +  - var bodyStyle = ''; + +doctype html +html(lang='nl') +  head +    block head_top +    if isBeta +      title BETA Metis Rooster +    else +      title Metis Rooster +    meta(name='theme-color',content='#F44336') +    meta(name='viewport', content='width=device-width, initial-scale=1') +    link(href='https://fonts.googleapis.com/css?family=Roboto', rel='stylesheet') +    link(rel='manifest', href='/manifest.webmanifest') +    link(rel="apple-touch-icon", sizes="120x120", href="/apple-touch-icon.png") +    link(rel="icon", type="image/png", href="/favicon-32x32.png", sizes="32x32") +    link(rel="icon", type="image/png", href="/favicon-16x16.png", sizes="16x16") +    link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#f44336") +    block head +  body(style=bodyStyle) +    block content +    script. +      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-83684754-1', 'auto');ga('send', 'pageview'); +    block scripts diff --git a/src/client/views/redirect.jade b/src/client/views/redirect.jade new file mode 100644 index 0000000..e895456 --- /dev/null +++ b/src/client/views/redirect.jade @@ -0,0 +1,47 @@ +extends layout + +block head +  style. +    body { +      font-family: 'Roboto', sans-serif; +      text-align: center; +      margin: 32px; +    } +     +    .content { +      max-width: 600px; +      margin: 0 auto; +    } +     +    h1 { +      color: #212121; +      margin-bottom: 32px; +    } +     +    h2 { +      color: #727272; +      margin-bottom: 64px; +    } +     +    a, a:visited { +      margin: 8px; +      padding: 8px 16px; +      background-color: #c84127; +      color: white; +      text-decoration: none; +      font-weight: bold; +      border-radius: 3px; +    } +     +    a:hover, a:focus, a:active { +      background-color: #e45a3f; +    } + +block content +  .content +    script document.body.style.opacity = 1 +    img(src='/icons/mml-logo.png') +    h1 Er is iets mis gegaan tijdens het ophalen van de benodigde informatie +    h2 Je kunt proberen door te gaan naar het oude rooster of Magister +    a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/') Oud rooster  +    a(href='http://msa.magister.net/') Magister  | 
