aboutsummaryrefslogtreecommitdiff
path: root/src/client/views
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views')
-rw-r--r--src/client/views/error.jade6
-rw-r--r--src/client/views/index.jade51
-rw-r--r--src/client/views/layout.jade25
-rw-r--r--src/client/views/redirect.jade47
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 &#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;
+
+ #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