This commit is contained in:
Sebastian Davaris 2020-06-16 08:13:36 +02:00
commit 9212a543f8
47 changed files with 902 additions and 149 deletions

View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="windows-1252"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="511.626px" height="511.626px" viewBox="0 0 511.626 511.626" style="enable-background:new 0 0 511.626 511.626;" xml:space="preserve">
<style>#Capa_1{fill:#FFF;}</style>
<g>
<path d="M505.918,236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687 c-50.059,0-97.595,13.225-142.61,39.687C68.187,157.508,32.355,192.53,5.708,236.117C1.903,242.778,0,249.345,0,255.818 c0,6.473,1.903,13.04,5.708,19.699c26.647,43.589,62.479,78.614,107.495,105.064c45.015,26.46,92.551,39.68,142.61,39.68 c50.06,0,97.594-13.176,142.608-39.536c45.012-26.361,80.852-61.432,107.497-105.208c3.806-6.659,5.708-13.223,5.708-19.699 C511.626,249.345,509.724,242.778,505.918,236.117z M194.568,158.03c17.034-17.034,37.447-25.554,61.242-25.554 c3.805,0,7.043,1.336,9.709,3.999c2.662,2.664,4,5.901,4,9.707c0,3.809-1.338,7.044-3.994,9.704 c-2.662,2.667-5.902,3.999-9.708,3.999c-16.368,0-30.362,5.808-41.971,17.416c-11.613,11.615-17.416,25.603-17.416,41.971 c0,3.811-1.336,7.044-3.999,9.71c-2.667,2.668-5.901,3.999-9.707,3.999c-3.809,0-7.044-1.334-9.71-3.999 c-2.667-2.666-3.999-5.903-3.999-9.71C169.015,195.482,177.535,175.065,194.568,158.03z M379.867,349.04 c-38.164,23.12-79.514,34.687-124.054,34.687c-44.539,0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222 c28.931-44.921,65.19-78.518,108.777-100.783c-11.61,19.792-17.417,41.207-17.417,64.236c0,35.216,12.517,65.329,37.544,90.362 s55.151,37.544,90.362,37.544c35.214,0,65.329-12.518,90.362-37.544s37.545-55.146,37.545-90.362 c0-23.029-5.808-44.447-17.419-64.236c43.585,22.265,79.846,55.865,108.776,100.783C449.767,294.84,418.031,325.913,379.867,349.04 z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="432.544px" height="432.544px" viewBox="0 0 432.544 432.544" style="enable-background:new 0 0 432.544 432.544;"
xml:space="preserve">
<style>#Capa_1{fill:#000;}</style>
<g>
<g>
<path d="M0,313.775v118.77h118.771l237.541-237.541L237.539,76.232L0,313.775z M103.638,395.999L103.638,395.999l-30.55,0.004
v-36.546H36.545v-30.553l25.981-25.981l67.093,67.092L103.638,395.999z M246.683,124.77c4.182,0,6.276,2.095,6.276,6.28
c0,1.906-0.664,3.521-1.999,4.856L96.214,290.651c-1.333,1.328-2.952,1.995-4.854,1.995c-4.184,0-6.279-2.098-6.279-6.279
c0-1.906,0.666-3.521,1.997-4.856l154.747-154.743C243.154,125.436,244.773,124.77,246.683,124.77z"/>
<path d="M421.976,77.654l-67.091-66.806C347.653,3.619,338.992,0,328.903,0c-10.283,0-18.842,3.619-25.693,10.848l-47.394,47.109
l118.773,118.77l47.394-47.392c7.042-7.043,10.561-15.608,10.561-25.697C432.54,93.743,429.022,85.08,421.976,77.654z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="432.544px" height="432.544px" viewBox="0 0 432.544 432.544" style="enable-background:new 0 0 432.544 432.544;"
xml:space="preserve">
<style>#Capa_1{fill:#FFF;}</style>
<g>
<g>
<path d="M0,313.775v118.77h118.771l237.541-237.541L237.539,76.232L0,313.775z M103.638,395.999L103.638,395.999l-30.55,0.004
v-36.546H36.545v-30.553l25.981-25.981l67.093,67.092L103.638,395.999z M246.683,124.77c4.182,0,6.276,2.095,6.276,6.28
c0,1.906-0.664,3.521-1.999,4.856L96.214,290.651c-1.333,1.328-2.952,1.995-4.854,1.995c-4.184,0-6.279-2.098-6.279-6.279
c0-1.906,0.666-3.521,1.997-4.856l154.747-154.743C243.154,125.436,244.773,124.77,246.683,124.77z"/>
<path d="M421.976,77.654l-67.091-66.806C347.653,3.619,338.992,0,328.903,0c-10.283,0-18.842,3.619-25.693,10.848l-47.394,47.109
l118.773,118.77l47.394-47.392c7.042-7.043,10.561-15.608,10.561-25.697C432.54,93.743,429.022,85.08,421.976,77.654z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="windows-1252"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="401.994px" height="401.994px" viewBox="0 0 401.994 401.994" style="enable-background:new 0 0 401.994 401.994;" xml:space="preserve">
<style>#Capa_1{fill:#FFF;}</style>
<g>
<path d="M394,154.175c-5.331-5.33-11.806-7.994-19.417-7.994H255.811V27.406c0-7.611-2.666-14.084-7.994-19.414 C242.488,2.666,236.02,0,228.398,0h-54.812c-7.612,0-14.084,2.663-19.414,7.993c-5.33,5.33-7.994,11.803-7.994,19.414v118.775 H27.407c-7.611,0-14.084,2.664-19.414,7.994S0,165.973,0,173.589v54.819c0,7.618,2.662,14.086,7.992,19.411 c5.33,5.332,11.803,7.994,19.414,7.994h118.771V374.59c0,7.611,2.664,14.089,7.994,19.417c5.33,5.325,11.802,7.987,19.414,7.987 h54.816c7.617,0,14.086-2.662,19.417-7.987c5.332-5.331,7.994-11.806,7.994-19.417V255.813h118.77 c7.618,0,14.089-2.662,19.417-7.994c5.329-5.325,7.994-11.793,7.994-19.411v-54.819C401.991,165.973,399.332,159.502,394,154.175z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="windows-1252"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="438.529px" height="438.529px" viewBox="0 0 438.529 438.529" style="enable-background:new 0 0 438.529 438.529;" xml:space="preserve">
<style>#Capa_1{fill:#000;}</style>
<g>
<g>
<path d="M417.689,75.654c-1.711-1.709-3.901-2.568-6.563-2.568h-88.224L302.917,25.41c-2.854-7.044-7.994-13.04-15.413-17.989 C280.078,2.473,272.556,0,264.945,0h-91.363c-7.611,0-15.131,2.473-22.554,7.421c-7.424,4.949-12.563,10.944-15.419,17.989 l-19.985,47.676h-88.22c-2.667,0-4.853,0.859-6.567,2.568c-1.709,1.713-2.568,3.903-2.568,6.567v18.274 c0,2.664,0.855,4.854,2.568,6.564c1.714,1.712,3.904,2.568,6.567,2.568h27.406v271.8c0,15.803,4.473,29.266,13.418,40.398 c8.947,11.139,19.701,16.703,32.264,16.703h237.542c12.566,0,23.319-5.756,32.265-17.268c8.945-11.52,13.415-25.174,13.415-40.971 V109.627h27.411c2.662,0,4.853-0.856,6.563-2.568c1.708-1.709,2.57-3.9,2.57-6.564V82.221 C420.26,79.557,419.397,77.367,417.689,75.654z M169.301,39.678c1.331-1.712,2.95-2.762,4.853-3.14h90.504 c1.903,0.381,3.525,1.43,4.854,3.14l13.709,33.404H155.311L169.301,39.678z M347.173,380.291c0,4.186-0.664,8.042-1.999,11.561 c-1.334,3.518-2.717,6.088-4.141,7.706c-1.431,1.622-2.423,2.427-2.998,2.427H100.493c-0.571,0-1.565-0.805-2.996-2.427 c-1.429-1.618-2.81-4.188-4.143-7.706c-1.331-3.519-1.997-7.379-1.997-11.561V109.627h255.815V380.291z"/>
<path d="M137.04,347.172h18.271c2.667,0,4.858-0.855,6.567-2.567c1.709-1.718,2.568-3.901,2.568-6.57V173.581 c0-2.663-0.859-4.853-2.568-6.567c-1.714-1.709-3.899-2.565-6.567-2.565H137.04c-2.667,0-4.854,0.855-6.567,2.565 c-1.711,1.714-2.568,3.904-2.568,6.567v164.454c0,2.669,0.854,4.853,2.568,6.57C132.186,346.316,134.373,347.172,137.04,347.172z"/>
<path d="M210.129,347.172h18.271c2.666,0,4.856-0.855,6.564-2.567c1.718-1.718,2.569-3.901,2.569-6.57V173.581 c0-2.663-0.852-4.853-2.569-6.567c-1.708-1.709-3.898-2.565-6.564-2.565h-18.271c-2.664,0-4.854,0.855-6.567,2.565 c-1.714,1.714-2.568,3.904-2.568,6.567v164.454c0,2.669,0.854,4.853,2.568,6.57C205.274,346.316,207.465,347.172,210.129,347.172z "/>
<path d="M283.22,347.172h18.268c2.669,0,4.859-0.855,6.57-2.567c1.711-1.718,2.562-3.901,2.562-6.57V173.581 c0-2.663-0.852-4.853-2.562-6.567c-1.711-1.709-3.901-2.565-6.57-2.565H283.22c-2.67,0-4.853,0.855-6.571,2.565 c-1.711,1.714-2.566,3.904-2.566,6.567v164.454c0,2.669,0.855,4.853,2.566,6.57C278.367,346.316,280.55,347.172,283.22,347.172z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="windows-1252"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="438.529px" height="438.529px" viewBox="0 0 438.529 438.529" style="enable-background:new 0 0 438.529 438.529;" xml:space="preserve">
<style>#Capa_1{fill:#FFF;}</style>
<g>
<g>
<path d="M417.689,75.654c-1.711-1.709-3.901-2.568-6.563-2.568h-88.224L302.917,25.41c-2.854-7.044-7.994-13.04-15.413-17.989 C280.078,2.473,272.556,0,264.945,0h-91.363c-7.611,0-15.131,2.473-22.554,7.421c-7.424,4.949-12.563,10.944-15.419,17.989 l-19.985,47.676h-88.22c-2.667,0-4.853,0.859-6.567,2.568c-1.709,1.713-2.568,3.903-2.568,6.567v18.274 c0,2.664,0.855,4.854,2.568,6.564c1.714,1.712,3.904,2.568,6.567,2.568h27.406v271.8c0,15.803,4.473,29.266,13.418,40.398 c8.947,11.139,19.701,16.703,32.264,16.703h237.542c12.566,0,23.319-5.756,32.265-17.268c8.945-11.52,13.415-25.174,13.415-40.971 V109.627h27.411c2.662,0,4.853-0.856,6.563-2.568c1.708-1.709,2.57-3.9,2.57-6.564V82.221 C420.26,79.557,419.397,77.367,417.689,75.654z M169.301,39.678c1.331-1.712,2.95-2.762,4.853-3.14h90.504 c1.903,0.381,3.525,1.43,4.854,3.14l13.709,33.404H155.311L169.301,39.678z M347.173,380.291c0,4.186-0.664,8.042-1.999,11.561 c-1.334,3.518-2.717,6.088-4.141,7.706c-1.431,1.622-2.423,2.427-2.998,2.427H100.493c-0.571,0-1.565-0.805-2.996-2.427 c-1.429-1.618-2.81-4.188-4.143-7.706c-1.331-3.519-1.997-7.379-1.997-11.561V109.627h255.815V380.291z"/>
<path d="M137.04,347.172h18.271c2.667,0,4.858-0.855,6.567-2.567c1.709-1.718,2.568-3.901,2.568-6.57V173.581 c0-2.663-0.859-4.853-2.568-6.567c-1.714-1.709-3.899-2.565-6.567-2.565H137.04c-2.667,0-4.854,0.855-6.567,2.565 c-1.711,1.714-2.568,3.904-2.568,6.567v164.454c0,2.669,0.854,4.853,2.568,6.57C132.186,346.316,134.373,347.172,137.04,347.172z"/>
<path d="M210.129,347.172h18.271c2.666,0,4.856-0.855,6.564-2.567c1.718-1.718,2.569-3.901,2.569-6.57V173.581 c0-2.663-0.852-4.853-2.569-6.567c-1.708-1.709-3.898-2.565-6.564-2.565h-18.271c-2.664,0-4.854,0.855-6.567,2.565 c-1.714,1.714-2.568,3.904-2.568,6.567v164.454c0,2.669,0.854,4.853,2.568,6.57C205.274,346.316,207.465,347.172,210.129,347.172z "/>
<path d="M283.22,347.172h18.268c2.669,0,4.859-0.855,6.57-2.567c1.711-1.718,2.562-3.901,2.562-6.57V173.581 c0-2.663-0.852-4.853-2.562-6.567c-1.711-1.709-3.901-2.565-6.57-2.565H283.22c-2.67,0-4.853,0.855-6.571,2.565 c-1.711,1.714-2.566,3.904-2.566,6.567v164.454c0,2.669,0.855,4.853,2.566,6.57C278.367,346.316,280.55,347.172,283.22,347.172z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -3,11 +3,18 @@
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
//Bootstrap
require('./bootstrap');
require('./navmenu/menu');
//Dependencies
require('./date');
//Sites
require('./sites/menuplan');
//Webapp hamburger menu
require('./navmenu/menu');
// window.Vue = require('vue');
/**

View File

@ -1,11 +1,12 @@
document.addEventListener("DOMContentLoaded", function(){
// Handler when the DOM is fully loaded
start();
});
var path = window.location.pathname;
function start() {
if(path === "/menuplan" || path === "/vagttelefon" || path === "/")
{
document.getElementById ('toggle').addEventListener ('click', toggleMenu, false);
}
});
function toggleMenu() {
var buttonElement = document.getElementById('menuIcon');

View File

@ -1,11 +1,12 @@
document.addEventListener("DOMContentLoaded", function(){
// Handler when the DOM is fully loaded
start();
});
var path = window.location.pathname;
function start() {
if(path === "/menuplan")
{
updateWeek();
}
});
function updateWeek() {
var elm = document.getElementById('week');

View File

@ -1,54 +0,0 @@
/* Mobile */
@media only screen
and (max-width : 900px)
{
form {
max-width: 100%;
padding: 0 .45rem 0 .45rem;
display: flex;
flex-direction: column;
justify-content: center;
}
input[type="email"], input[type="password"] {
border: none;
border-bottom: white solid 2px;
background-color: transparent;
font-size: 1rem;
color: rgba(255,255,255,1);
line-height: 2rem;
margin-bottom: 1rem;
}
.btn {
border: 0;
border-radius: 4px;
padding: .75rem;
cursor: pointer;
font-weight: 700;
font-size: 1.05rem;
background-color: white;
color: $sde-black-80;
margin-bottom: .5rem;
}
.btn-dark {
color: white;
background-color: $sde-black-80;
}
.btn-sde-blue {
color: white;
background-color: $sde-blue;
}
.btn-disabled {
color: white;
background-color: $sde-black-20;
}
.form-inline {
display: inline-flex;
}
}

View File

@ -1,23 +0,0 @@
.w-100 {
width: 100%;
}
.w-75 {
width: 75%;
}
.w-50 {
width: 50%;
}
.w-25 {
width: 25%;
}
.min-height-100 {
min-height: 100%;
}
.bg-sde-blue {
background-color: $sde-blue;
}

View File

@ -0,0 +1,21 @@
// App
@import '../app/app';
//
// Admin
//
// Header
@import 'header/header';
// Nav
@import 'nav/nav';
// Directory Path
@import 'nav/directory';
// Content
@import 'content/content';
// Tables
@import "content/table";

View File

@ -0,0 +1,8 @@
.content {
border-radius: 2px;
background-color: #ffffff;
width: calc(96% - 2rem);
min-height: calc(100% - 40.8px - 8rem);
padding: 1rem;
margin: 2rem auto;
}

View File

@ -0,0 +1,31 @@
.tbl {
border-collapse: collapse;
width: 100%;
}
.tbl td, .tbl th {
border: 1px solid #ddd;
padding: 8px;
}
.tbl tr:nth-child(even){background-color: rgba(0, 0, 0, 0.1);}
.tbl tr:hover {background-color: #ddd;}
.tbl th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #00788a;
color: white;
}
.tbl > tbody > tr > td > a {
width: 100%;
display: flex;
}
.tbl > tbody > tr > td > a > img {
width: 1em;
margin: auto;
}

View File

@ -0,0 +1,14 @@
header {
height: 4.5rem;
}
.brand {
width: calc(15% - 2rem);
padding: 0 1rem 0 1rem;
min-width: calc(194px - 2rem);
}
main {
min-height: calc(100% - 4.5rem);
background-color: #333333;
}

View File

@ -0,0 +1,11 @@
.directorypath {
border-radius: 2px;
background-color: #333333;
width: calc(96% - 2rem);
padding: .5rem 1rem .5rem 1rem;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}

View File

@ -0,0 +1,37 @@
.nav {
width: 15%;
height: 100%;
min-width: 194px;
}
.segment {
margin-bottom: 1.25rem;
}
.segment > h3 {
margin-left: -1rem;
margin-top: 0;
width: calc(100% + 2rem);
background-color: rgba(0,0,0, 0.2);
text-align: center;
}
.segment > div {
padding: 0 1.25rem 0 1.25rem;
width: calc(100% - 2.5rem);
align-items: center;
margin-bottom: .5rem;
}
.segment > div:hover {
background-color: rgba(0,0,0,0.2);
}
.segment > div > a > img {
height: 1em;
padding-right: 8px;
}
.segment > div > a {
}

View File

@ -18,26 +18,20 @@
// Variables
@import 'variables';
// Defaults
@import "default";
// Forms
@import "forms";
@import "forms/forms";
// Displays
@import "displays";
@import "general/displays";
// Texts
@import "texts";
@import "general/texts";
// Margins
@import "margins";
@import "general/margins";
// Sizes
@import "sizes";
@import "general/sizes";
// Checkboxes
@import "checkboxes";
// Bootstrap
//@import '~bootstrap/scss/bootstrap';
@import "forms/checkboxes";

View File

@ -0,0 +1,57 @@
form {
max-width: 100%;
padding: 0 .45rem 0 .45rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.btn {
border: 0;
border-radius: 4px;
padding: .5rem;
cursor: pointer;
font-weight: 700;
font-size: 1.05rem;
background-color: white;
color: $sde-black-80;
margin-bottom: .5rem;
}
.btn-dark {
color: white;
background-color: $sde-black-80;
}
.btn-sde-blue {
color: white;
background-color: $sde-blue;
}
.btn-disabled {
color: white;
background-color: $sde-black-20;
}
.form-inline {
display: inline-flex;
}
input{
border: grey solid 2px;
border-radius: 4px;
background-color: transparent;
font-size: 1rem;
line-height: 2rem;
margin-bottom: 1rem;
}
input.appinput {
border: none;
border-bottom: white solid 2px;
background-color: transparent;
font-size: 1rem;
color: rgba(255,255,255,1);
line-height: 2rem;
margin-bottom: 1rem;
}

View File

@ -19,3 +19,11 @@
display: flex;
flex-direction: column;
}
.cursor-normal {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}

View File

@ -34,6 +34,22 @@
margin-top: 0;
}
.ml-1 {
margin-left: .75rem;
}
.mr-1 {
margin-right: .75rem;
}
.mb-1 {
margin-bottom: .75rem;
}
.mt-1 {
margin-top: .75rem;
}
.ml-2 {
margin-left: 3rem;
}

View File

@ -0,0 +1,59 @@
* {
font-family: $font-family-sans-serif;
}
html, body {
width: 100%;
margin: 0;
padding: 0;
height: 100%;
}
::placeholder {
opacity: 1;
}
a {
color: #000000;
text-decoration: none;
}
.w-100 {
width: 100%;
}
.w-85 {
width: 85%;
}
.w-75 {
width: 75%;
}
.w-50 {
width: 50%;
}
.w-25 {
width: 25%;
}
.w-15 {
width: 15%;
}
.h-100 {
height: 100%;
}
.h-90 {
height: 90%;
}
.h-10 {
height: 10%;
}
.bg-sde-blue {
background-color: $sde-blue;
}

View File

@ -1,23 +1,12 @@
* {
font-family: $font-family-sans-serif;
main {
max-width: 900px;
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
padding: 0 1.25rem 0 1.25rem;
}
html, body {
width: 100%;
margin: 0;
height: 100%;
}
::placeholder {
opacity: 1;
}
a {
color: #000000;
text-decoration: none;
}
// Mobile
@media only screen
and (max-width : 900px)
@ -67,7 +56,7 @@ and (max-width : 900px)
}
span {
font-size: 5vw;
font-size: 12px;
}
p {

View File

@ -0,0 +1,9 @@
// App
@import '../app/app';
//
// Webapp
//
// Defaults
@import "default";

View File

@ -0,0 +1,10 @@
@extends("admin.layout.base")
@extends("admin.layout.header")
@section("title")
Home - Admin Panel
@endsection
@section("content")
@endsection

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>@yield("title")</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="{{ mix("/css/admin.css") }}">
</head>
<body>
@yield("header")
<main class="row">
<div class="col nav" style="background-color: #333333;">
<div class="segment">
<h3 class="text-white">Brugere</h3>
<div class="row">
<a href="" class="text-white"><img src="{{ asset('/images/icons/eye.svg') }}" alt="Read">Vis Brugere</a>
</div>
<div class="row">
<a href="" class="text-white"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Bruger</a>
</div>
<div class="row">
<a href="" class="text-white"><img src="{{ asset('/images/icons/pencil.svg') }}" alt="Update">Rediger Bruger</a>
</div>
</div>
<div class="segment">
<h3 class="text-white">Menuplan</h3>
<div class="row">
<a href="" class="text-white"><img src="{{ asset('/images/icons/eye.svg') }}" alt="Read">Vis Menuplan</a>
</div>
<div class="row">
<a href="" class="text-white"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Menuplan</a>
</div>
<div class="row">
<a href="" class="text-white"><img src="{{ asset('/images/icons/pencil.svg') }}" alt="Update">Rediger Menuplan</a>
</div>
</div>
</div>
<div class="w-85" style="background-color: #cccccc;">
<div class="directorypath text-white">
<a href="" class="text-white">Home</a> / @yield("path")
</div>
<div class="content">
@yield("content")
</div>
</div>
</main>
<script src="{{ mix("/js/app.js") }}"></script>
@yield("scripts")
</body>
</html>

View File

@ -0,0 +1,7 @@
@section("header")
<header class="row align-items-center" style="background-color: #00788a;">
<img src="{{ URL::asset('/images/logos/Logo-hvid.svg') }}" class="h-100 brand" alt="Syddansk Erhvervsskole">
<a href="" class="btn btn-dark text-white m-0 ml-auto">User: Admin</a>
<a href="" class="btn btn-dark text-white m-0 ml-1 mr-1">Log ud</a>
</header>
@endsection

View File

@ -0,0 +1,32 @@
@extends("admin.layout.base")
@extends("admin.layout.header")
@section("title")
Menuplan - Opret
@endsection
@section("path")
<a href="" class="text-white">Opret Menuplan</a> /
@endsection
@section("content")
<h1>Opret Menuplan:</h1>
<form method="post" action="">
<label for="mandag">Mandag:</label>
<input type="text" name="mandag" id="mandag" required>
<label for="tirsdag">Tirsdag:</label>
<input type="text" name="tirsdag" id="tirsdag" required>
<label for="onsdag">Onsdag:</label>
<input type="text" name="onsdag" id="onsdag" required>
<label for="torsdag">Torsdag:</label>
<input type="text" name="torsdag" id="torsdag" required>
<label for="fredag">Fredag:</label>
<input type="text" name="fredag" id="fredag" required>
<label for="lørdag">Lørdag:</label>
<input type="text" name="lørdag" id="lørdag" required>
<label for="søndag">Søndag:</label>
<input type="text" name="søndag" id="søndag" required>
<input type="submit" class="btn btn-dark text-white" value="Opret Menuplan">
</form>
@endsection

View File

@ -0,0 +1,39 @@
@extends("admin.layout.base")
@extends("admin.layout.header")
@section("title")
Menuplan - Read
@endsection
@section("path")
<a href="" class="text-white">Vis Menuplan</a> /
@endsection
@section("content")
<table class="tbl">
<tr>
<th>ID</th>
<th>Fredag</th>
<th>Tirsdag</th>
<th>Onsdag</th>
<th>Torsdag</th>
<th>Fredag</th>
<th>Lørdag</th>
<th>Søndag</th>
<th style="width: 1px;"><img class="w-100" src="{{ asset('/images/icons/pencil.svg') }}" alt="Update"></th>
<th style="width: 1px;"><img class="w-100" src="{{ asset('/images/icons/trashcan.svg') }}" alt="Delete"></th>
</tr>
<tr>
<td>{ID}</td>
<td>{Fredag}</td>
<td>{Tirsdag}</td>
<td>{Onsdag}</td>
<td>{Torsdag}</td>
<td>{Fredag}</td>
<td>{Lørdag}</td>
<td>{Søndag}</td>
<td><a href=""><img class="w-100" src="{{ asset('/images/icons/pencil-dark.svg') }}" alt="Update"></a></td>
<td><a href=""><img class="w-100" src="{{ asset('/images/icons/trashcan-dark.svg') }}" alt="Delete"></a></td>
</tr>
</table>
@endsection

View File

@ -0,0 +1,32 @@
@extends("admin.layout.base")
@extends("admin.layout.header")
@section("title")
Menuplan - Rediger
@endsection
@section("path")
<a href="" class="text-white">Rediger Menuplan</a> /
@endsection
@section("content")
<h1>Rediger Menuplan:</h1>
<form method="post" action="">
<label for="mandag">Mandag:</label>
<input type="text" name="mandag" id="mandag" value="{Mandag}" required>
<label for="tirsdag">Tirsdag:</label>
<input type="text" name="tirsdag" id="tirsdag" value="{Tirsdag}" required>
<label for="onsdag">Onsdag:</label>
<input type="text" name="onsdag" id="onsdag" value="{Onsdag}" required>
<label for="torsdag">Torsdag:</label>
<input type="text" name="torsdag" id="torsdag" value="{Torsdag}" required>
<label for="fredag">Fredag:</label>
<input type="text" name="fredag" id="fredag" value="{Fredag}" required>
<label for="lørdag">Lørdag:</label>
<input type="text" name="lørdag" id="lørdag" value="{Lørdag}" required>
<label for="søndag">Søndag:</label>
<input type="text" name="søndag" id="søndag" value="{Søndag}" required>
<input type="submit" class="btn btn-dark text-white" value="Opret Menuplan">
</form>
@endsection

View File

@ -0,0 +1,29 @@
@extends("admin.layout.base")
@extends("admin.layout.header")
@section("title")
Bruger - Opret
@endsection
@section("path")
<a href="" class="text-white">Opret Bruger</a> /
@endsection
@section("content")
<h1>Opret Bruger:</h1>
<form method="post" action="">
<label for="name_first">Fornavn:</label>
<input type="text" name="name_first" id="name_first" required>
<label for="name_last">Efternavn:</label>
<input type="text" name="name_last" id="name_last" required>
<label for="email">Email:</label>
<input type="email" name="email" id="email" required>
<label for="password1">Password:</label>
<input type="password" name="password" id="password1" required>
<label for="password2">Confirm Password:</label>
<input type="password" id="password2" required>
<label for="tel">Telefon nr:</label>
<input type="tel" name="phone" id="tel" required>
<input type="submit" class="btn btn-dark text-white" value="Opret">
</form>
@endsection

View File

@ -0,0 +1,33 @@
@extends("admin.layout.base")
@extends("admin.layout.header")
@section("title")
User - Read
@endsection
@section("path")
<a href="" class="text-white">Vis Brugere</a> /
@endsection
@section("content")
<table class="tbl">
<tr>
<th>ID</th>
<th>Fornavn</th>
<th>Efternavn</th>
<th>Email</th>
<th>Tlf nr</th>
<th style="width: 1px;"><img class="w-100" src="{{ asset('/images/icons/pencil.svg') }}" alt="Update"></th>
<th style="width: 1px;"><img class="w-100" src="{{ asset('/images/icons/trashcan.svg') }}" alt="Delete"></th>
</tr>
<tr>
<td>{ID}</td>
<td>{Fornavn}</td>
<td>{Efternavn}</td>
<td>{Email}</td>
<td>{TLF}</td>
<td><a href=""><img class="w-100" src="{{ asset('/images/icons/pencil-dark.svg') }}" alt="Update"></a></td>
<td><a href=""><img class="w-100" src="{{ asset('/images/icons/trashcan-dark.svg') }}" alt="Delete"></a></td>
</tr>
</table>
@endsection

View File

@ -0,0 +1,29 @@
@extends("admin.layout.base")
@extends("admin.layout.header")
@section("title")
Bruger - Rediger
@endsection
@section("path")
<a href="" class="text-white">Rediger Bruger</a> /
@endsection
@section("content")
<h1>Rediger Bruger:</h1>
<form method="post" action="">
<label for="name_first">Fornavn:</label>
<input type="text" name="name_first" id="name_first" value="{Fornavn}" required>
<label for="name_last">Efternavn:</label>
<input type="text" name="name_last" id="name_last" value="{Efternavn}" required>
<label for="email">Email:</label>
<input type="email" name="email" id="email" value="{Email}" required>
<label for="password1">Password:</label>
<input type="password" name="password" id="password1" value="{Password}" required>
<label for="password2">Confirm Password:</label>
<input type="password" id="password2" value="{Password}" required>
<label for="tel">Telefon nr:</label>
<input type="tel" name="phone" id="tel" value="{Telefon}" required>
<input type="submit" class="btn btn-dark text-white" value="Rediger">
</form>
@endsection

View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>@yield("title")</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="{{ mix("/css/webapp.css") }}">
</head>
<body style="background-color: #00788a;">
@yield("content")
<script src="{{ mix("/js/app.js") }}"></script>
@yield("scripts")
</body>
</html>

View File

@ -0,0 +1,4 @@
@extends('webapp.layout.base')
@section('content')
@endsection

View File

@ -1,17 +1,17 @@
@extends("layout.base")
@extends("app.layout.base")
@section("title")
Login
@endsection
@section("content")
<main>
<main style="background-color: #00788a; height: 100%;">
<div class="brand">
<img src="{{URL::asset('/images/logos/Logo-hvid.svg')}}" alt="Syddansk Erhvervsskole">
</div>
<form action="" method="post">
<input type="email" name="email" placeholder="Email" required>
<input type="password" name="password" placeholder="Password" required>
<input class="appinput" type="email" name="email" placeholder="Email" required>
<input class="appinput" type="password" name="password" placeholder="Password" required>
<label class="toggle">
<input class="toggle__input" type="checkbox" name="rememberpassword">
<span class="toggle__label">

View File

@ -1,18 +1,18 @@
@extends("layout.base")
@extends("app.layout.base")
@section("title")
Register
@endsection
@section("content")
<main>
<main style="background-color: #00788a; height: 100%;">
<div class="brand">
<img src="{{ URL::asset('/images/logos/Logo-hvid.svg') }}" alt="Syddansk Erhvervsskole">
</div>
<form action="" method="post" onsubmit="return validateRegisterForm(this)" >
<input type="email" name="email" placeholder="Email">
<input type="password" name="password" placeholder="Password">
<input type="password" name="confirmpassword" placeholder="Confirm password">
<input class="appinput" type="email" name="email" placeholder="Email">
<input class="appinput" type="password" name="password" placeholder="Password">
<input class="appinput" type="password" name="confirmpassword" placeholder="Confirm password">
<input class="btn btn-dark" type="submit" value="Sign up">
<button class="btn" onclick="window.location='';">Sign in</button>
</form>

View File

@ -1,7 +1,35 @@
@extends("layout.base")
{{----}}
{{------Webapp
{{----}}
{{--Login--}}
{{--@extends("app.user.login")--}}
{{--Register--}}
{{--@extends("app.user.register")--}}
{{--Vagttelefon--}}
{{--@extends("webapp.vagttelefon.index")--}}
@section("content")
Hej
@endsection
{{----}}
{{------Admin Panel
{{----}}
{{--Create User--}}
{{--@extends("admin.user.create")--}}
{{--Read User--}}
{{--@extends("admin.user.read")--}}
{{--Update User--}}
{{--@extends("admin.user.update")--}}
{{--Create Menuplan--}}
{{----}}@extends("admin.menuplan.create")
{{--Read Menuplan--}}
{{--@extends("admin.menuplan.read")--}}
{{--Update Menuplan--}}
{{--@extends("admin.menuplan.update")--}}

View File

@ -1,9 +0,0 @@
@extends('layout.base')
@section('content')
<ul>
</ul>
@endsection

View File

@ -4,7 +4,7 @@
<title>@yield("title")</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="{{ mix("/css/app.css") }}">
<link type="text/css" rel="stylesheet" href="{{ mix("/css/webapp.css") }}">
</head>
<body>
@yield("header")

View File

@ -1,5 +1,5 @@
@extends("layout.base")
@extends("layout.header")
@extends("webapp.layout.base")
@extends("webapp.layout.header")
@section("title")
Menuplan
@endsection

View File

@ -1,5 +1,5 @@
@extends("layout.base")
@extends("layout.header")
@extends("webapp.layout.base")
@extends("webapp.layout.header")
@section("title")
Menuplan
@endsection

View File

@ -11,5 +11,10 @@ const mix = require('laravel-mix');
|
*/
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
//JS
mix.js('resources/js/app.js', 'public/js');
//SCSS
mix.sass('resources/sass/app/app.scss', 'public/css');
mix.sass('resources/sass/webapp/webapp.scss', 'public/css');
mix.sass('resources/sass/admin/admin.scss', 'public/css');