From 3fb86482404e11942cd83c3500a297a3991db0e4 Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Wed, 13 Sep 2017 16:28:53 +0200 Subject: Restructure project --- src/client/views/error.jade | 6 +++++ src/client/views/index.jade | 51 ++++++++++++++++++++++++++++++++++++++++++ src/client/views/layout.jade | 25 +++++++++++++++++++++ src/client/views/redirect.jade | 47 ++++++++++++++++++++++++++++++++++++++ 4 files changed, 129 insertions(+) create mode 100644 src/client/views/error.jade create mode 100644 src/client/views/index.jade create mode 100644 src/client/views/layout.jade create mode 100644 src/client/views/redirect.jade (limited to 'src/client/views') 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 docentafkorting, klas, leerlingnummer of lokaalnummer 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 -- cgit v1.1