diff --git a/README.md b/README.md index 2518b28..b1b5f2a 100644 --- a/README.md +++ b/README.md @@ -23,3 +23,6 @@ password: $2y$12$ZxLx8P4p6PfsvYn5o7DXHuhjE.GL1m4YG4HKp5dEoLtPUwvv1eD42 = test generate password: in httpdocs: php pw_gen.php + + +SCSS Generierung: Über PHP Storm \ No newline at end of file diff --git a/httpdocs/public/assets/js/my-bim-score.js b/httpdocs/public/assets/js/my-bim-score.js index 89d93f2..a03be19 100644 --- a/httpdocs/public/assets/js/my-bim-score.js +++ b/httpdocs/public/assets/js/my-bim-score.js @@ -1,10 +1,15 @@ $(document).ready(function() { addUser(); listing(); - onChangeDinAsset(); - onCalculate(); - onWorksheet(); downloadWorksheet(); + if ($("#form-risk").length) { + onCalculate(); + onCreateWorksheet(); + loadDinAssetData(); + $("#asset").on("change", function(e) { + loadDinAssetData(); + }); + } }); // Message Box for alerts @@ -116,40 +121,38 @@ function listing() { }); } -function onChangeDinAsset() { - $("#asset").on("change", function(e) { - $.ajax({ - url: "/get-benchmark-data", - method: "get", - data: { assetId: $("#asset").val() }, - success: function (data) { - $("#cycle").attr({ - "min" : data.cycleMin, - "max" : data.cycleMax - }).val(''); +function loadDinAssetData() { + $.ajax({ + url: "/get-benchmark-data", + method: "get", + data: { assetId: $("#asset").val() }, + success: function (data) { + $("#cycle").attr({ + "min" : data.cycleMin, + "max" : data.cycleMax + }).val(''); - $('#benchmark') - .find('option') - .remove() - .end() - ; + $('#benchmark') + .find('option') + .remove() + .end() + ; - for (let i in data.benchmarkValues) { - noBenchmarkData = true; - $('#benchmark').append(''); - } + for (let i in data.benchmarkValues) { + noBenchmarkData = true; + $('#benchmark').append(''); + } - if (Object.keys(data.benchmarkValues).length < 1) { - $('#no-benchmark-data').show(); - } else { - $('#no-benchmark-data').hide(); - } - }, - error: function (xhr, msg, three) { - messageBox(false, "Fehler bei der Anfrage."); - }, - dataType: "json" - }); + if (Object.keys(data.benchmarkValues).length < 1) { + $('#no-benchmark-data').show(); + } else { + $('#no-benchmark-data').hide(); + } + }, + error: function (xhr, msg, three) { + messageBox(false, "Fehler bei der Anfrage."); + }, + dataType: "json" }); } @@ -165,8 +168,11 @@ function onCalculate() { console.log(data); $('#resInspection').text(data['recCycleInspection']); $('#resMaintenance').text(data['recCycleMaintenance']); - $('#resPercentage').text(data['costDiffCurRecPercentage'] + " %"); - $('#resEuro').text(data['costDiffCurCycleRecCycle'] + " €"); + $('#resPercentage').text((data['costDiffCurRecPercentage'] * 100) + " %"); + $('#resEuro').text(data['costDiffCurCycleRecCycle'].toString().replace(/\./g, ",") + " €"); + $('html, body').animate({ + scrollTop: $('#result-box').offset().top - 200 + }, 500); }, error: function (xhr, msg, three) { messageBox(false, "Fehler bei der Anfrage."); @@ -177,7 +183,7 @@ function onCalculate() { }); } -function onWorksheet() { +function onCreateWorksheet() { $("#worksheet").on("click", function (e) { e.preventDefault(); if (checkInputs()) { diff --git a/httpdocs/public/assets/scss/components/_basic.scss b/httpdocs/public/assets/scss/components/_basic.scss index b24e748..5ffbd35 100644 --- a/httpdocs/public/assets/scss/components/_basic.scss +++ b/httpdocs/public/assets/scss/components/_basic.scss @@ -397,3 +397,79 @@ textarea:-ms-input-placeholder { padding: 1.5rem; } } + +/* New MPP */ + +.row-box { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + .col-box { + width: 60%; + &:nth-child(2) { + width: 30%; + } + .col-box { + width: 48%; + } + } +} + +#main { + .form--catalogue { + padding-top: 20px; + h2 { + padding-bottom: 10px; + } + } +} + +.form-fields { + padding: 0 0 30px 0; + label { + display: block; + font-size: 16px; + } + input, select { + display: block; + width: 100%; + max-width: 350px; + background: #fff; + border: 1px solid #000; + padding: 10px 10px; + } +} + +.result-box { + background: rgba(118,127,134,.3); + padding: 30px 20px; + dl { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 0 0 20px 0; + dt, dd { + padding: 0 0 10px 0; + margin: 0 0 10px 0; + border-bottom: 1px solid #000; + &:last-of-type { + border-bottom: none; + } + } + dt { + flex-basis: 80%; + font-weight: normal; + } + dd { + flex-basis: 20%; + font-weight: bold; + text-align: right; + } + } + h3 { + text-align: left; + } + .btn { + margin: 0 auto; + } +} diff --git a/httpdocs/public/assets/scss/styles.css b/httpdocs/public/assets/scss/styles.css index 0cbd23e..fc5a333 100644 --- a/httpdocs/public/assets/scss/styles.css +++ b/httpdocs/public/assets/scss/styles.css @@ -1,31 +1,32 @@ /* roboto-regular - latin */ @font-face { - font-family: 'Roboto'; + font-family: "Roboto"; font-style: normal; font-weight: 400; - src: url("../fonts/roboto-v27-latin-regular.eot"); - /* IE9 Compat Modes */ - src: local(""), url("../fonts/roboto-v27-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v27-latin-regular.woff") format("woff"), url("../fonts/roboto-v27-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v27-latin-regular.svg#Roboto") format("svg"); - /* Legacy iOS */ } + src: url("../fonts/roboto-v27-latin-regular.eot"); /* IE9 Compat Modes */ + src: local(""), url("../fonts/roboto-v27-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v27-latin-regular.woff") format("woff"), url("../fonts/roboto-v27-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v27-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ +} /* roboto-700 - latin */ @font-face { - font-family: 'Roboto'; + font-family: "Roboto"; font-style: normal; font-weight: 700; - src: url("../fonts/roboto-v27-latin-700.eot"); - /* IE9 Compat Modes */ - src: local(""), url("../fonts/roboto-v27-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-700.woff2") format("woff2"), url("../fonts/roboto-v27-latin-700.woff") format("woff"), url("../fonts/roboto-v27-latin-700.ttf") format("truetype"), url("../fonts/roboto-v27-latin-700.svg#Roboto") format("svg"); - /* Legacy iOS */ } + src: url("../fonts/roboto-v27-latin-700.eot"); /* IE9 Compat Modes */ + src: local(""), url("../fonts/roboto-v27-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v27-latin-700.woff2") format("woff2"), url("../fonts/roboto-v27-latin-700.woff") format("woff"), url("../fonts/roboto-v27-latin-700.ttf") format("truetype"), url("../fonts/roboto-v27-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */ +} * { - box-sizing: border-box; } + box-sizing: border-box; +} html { font-size: 100%; - scroll-behavior: smooth; } + scroll-behavior: smooth; +} body { width: 100%; - margin: 0; } + margin: 0; +} html, body, @@ -33,38 +34,44 @@ table, td, th, textarea { - font-family: 'Roboto', Arial, Verdana, sans-serif; + font-family: "Roboto", Arial, Verdana, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; - text-align: left; } + text-align: left; +} input:focus, select:focus, textarea:focus, button:focus { - outline: none; } + outline: none; +} /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; - height: 0; } + height: 0; +} input[type=search]::-ms-reveal { display: none; width: 0; - height: 0; } + height: 0; +} /* clears the 'X' from Chrome */ -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-results-button, -input[type="search"]::-webkit-search-results-decoration { - display: none; } +input[type=search]::-webkit-search-decoration, +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-results-button, +input[type=search]::-webkit-search-results-decoration { + display: none; +} fieldset { - border: none; } + border: none; +} section, aside, @@ -92,7 +99,8 @@ label, input, textarea { padding: 0; - margin: 0; } + margin: 0; +} h1, h2, @@ -100,55 +108,66 @@ h3, h4, h5, h6 { - font-weight: 400; } + font-weight: 400; +} ol, ul { - list-style: none; } + list-style: none; +} .table table, .table td, .table th, .table thead th { padding: 0; - border: none; } + border: none; +} input:-moz-placeholder, textarea:-moz-placeholder { color: inherit; - opacity: 1; } + opacity: 1; +} input::-moz-placeholder, textarea::-moz-placeholder { color: inherit; - opacity: 1; } + opacity: 1; +} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: inherit; - opacity: 1; } + opacity: 1; +} input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: inherit; - opacity: 1; } + opacity: 1; +} input { background: #ffffff; border: 1px solid #cccccc; - padding: 0.5rem 0.5rem; } - #header input { - padding-top: 0.25rem; - padding-bottom: 0.25rem; } + padding: 0.5rem 0.5rem; +} +#header input { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} img { width: auto; - height: auto; } + height: auto; +} a, a:hover { color: inherit; - outline: 0; } + outline: 0; +} a:not(footer a), a:not(footer a):hover { @@ -160,106 +179,141 @@ a:not(footer a):hover { -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; - hyphens: auto; } + hyphens: auto; +} strong { - font-weight: 700; } + font-weight: 700; +} body { - padding-top: 6.5rem; } - @media (max-width: 500px) { - body { - padding-top: 11rem; } } - @media (max-width: 412px) { - body { - padding-top: 12rem; } } + padding-top: 6.5rem; +} +@media (max-width: 500px) { + body { + padding-top: 11rem; + } +} +@media (max-width: 412px) { + body { + padding-top: 12rem; + } +} input:-moz-placeholder, textarea:-moz-placeholder { color: #bbbbbb; - opacity: 1; } + opacity: 1; +} input::-moz-placeholder, textarea::-moz-placeholder { color: #bbbbbb; - opacity: 1; } + opacity: 1; +} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbbbbb; - opacity: 1; } + opacity: 1; +} input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbbbbb; - opacity: 1; } + opacity: 1; +} #main .inside { margin: 0 auto; width: 80vw; max-width: 1280px; padding: 3rem 0; - min-height: 600px; } + min-height: 600px; +} #main h1 { font-size: 2rem; line-height: 2.5rem; - padding: 0 0 2rem 0; } - @media (max-width: 767px) { - #main h1 { - font-size: 1.25rem; - line-height: 1.5rem; } } + padding: 0 0 2rem 0; +} +@media (max-width: 767px) { + #main h1 { + font-size: 1.25rem; + line-height: 1.5rem; + } +} #main h2, #main h3 { font-size: 1.5rem; line-height: 2rem; - padding: 0 0 1.5rem 0; } - @media (max-width: 767px) { - #main h2, #main h3 { - font-size: 1rem; - line-height: 1.25rem; } } + padding: 0 0 1.5rem 0; +} +@media (max-width: 767px) { + #main h2, #main h3 { + font-size: 1rem; + line-height: 1.25rem; + } +} #main h3 { font-weight: bold; - text-transform: uppercase; } + text-transform: uppercase; +} #main h4, #main h5, #main h6 { font-size: 1rem; line-height: 1.25rem; - padding: 0 0 0.5rem 0; } - @media (max-width: 767px) { - #main h4, #main h5, #main h6 { - font-size: 0.875rem; - line-height: 1rem; } } + padding: 0 0 0.5rem 0; +} +@media (max-width: 767px) { + #main h4, #main h5, #main h6 { + font-size: 0.875rem; + line-height: 1rem; + } +} #main p, #main ul, #main ol, #main table { - margin: 0 0 1.5rem 0; } + margin: 0 0 1.5rem 0; +} #main p.img img { float: left; margin: 0 20px 20px 0; width: 200px; - height: auto; } + height: auto; +} #main .mini-nav { - padding: 0 0 1.5rem 0; } - #main .mini-nav a { - color: #e2003c; } - #main .mini-nav a:before { - content: "<< "; } - #main .mini-nav a:hover { - text-decoration: none; } + padding: 0 0 1.5rem 0; +} +#main .mini-nav a { + color: #e2003c; +} +#main .mini-nav a:before { + content: "<< "; +} +#main .mini-nav a:hover { + text-decoration: none; +} #main .container { - padding: 0 0 1.5rem 0; } + padding: 0 0 1.5rem 0; +} #main .logo-bar li { overflow: hidden; padding: 0 0 10px 0; display: flex; - align-items: center; } + align-items: center; +} +#main .logo-bar li img { + float: left; + margin-right: 40px; + height: 100px; +} +@media (max-width: 767px) { #main .logo-bar li img { - float: left; - margin-right: 40px; - height: 100px; } - @media (max-width: 767px) { - #main .logo-bar li img { - float: none; - margin-bottom: 20px; } } - @media (max-width: 767px) { - #main .logo-bar li p { - margin-left: 0; } } + float: none; + margin-bottom: 20px; + } +} +@media (max-width: 767px) { + #main .logo-bar li p { + margin-left: 0; + } +} .btn { border: 1px solid #e2003c; @@ -272,194 +326,260 @@ textarea:-ms-input-placeholder { cursor: pointer; text-decoration: none; display: inline-block; - transition: all 0.3s ease-out; } - .btn:hover { - background: #e83363; - border-color: #e83363; - color: #ffffff; } - .btn[disabled] { - opacity: 0.5; - background: #191919; - border-color: #191919; - cursor: default; } - .btn--inverse { - background: #ffffff; - color: #e2003c; } - .btn--correct { - border-color: #008000; - background: #008000; - color: #ffffff; } - .btn--correct:hover { - background: #ffffff; - border-color: #008000; - color: #008000; } + transition: all 0.3s ease-out; +} +.btn:hover { + background: #e83363; + border-color: #e83363; + color: #ffffff; +} +.btn[disabled] { + opacity: 0.5; + background: #191919; + border-color: #191919; + cursor: default; +} +.btn--inverse { + background: #ffffff; + color: #e2003c; +} +.btn--correct { + border-color: #008000; + background: #008000; + color: #ffffff; +} +.btn--correct:hover { + background: #ffffff; + border-color: #008000; + color: #008000; +} .form--row { display: flex; justify-content: flex-start; - flex-wrap: wrap; } - @media (max-width: 500px) { - #header .form--row { - padding-top: 20px; } } - .form--row.form--row-right { - justify-content: flex-end; - margin-right: 5%; } + flex-wrap: wrap; +} +@media (max-width: 500px) { + #header .form--row { + padding-top: 20px; + } +} +.form--row.form--row-right { + justify-content: flex-end; + margin-right: 5%; +} .form--wrapper { width: 270px; padding: 0 0 1.5rem 0; display: flex; flex-wrap: wrap; - align-items: flex-end; } + align-items: flex-end; +} +#header .form--wrapper { + padding-bottom: 0; + width: 200px; +} +#header .form--wrapper.fw--no-width { + width: auto; +} +@media (max-width: 412px) { + #header .form--wrapper.fw--no-width { + margin-top: 10px; + } +} +@media (max-width: 768px) { #header .form--wrapper { - padding-bottom: 0; - width: 200px; } - #header .form--wrapper.fw--no-width { - width: auto; } - @media (max-width: 412px) { - #header .form--wrapper.fw--no-width { - margin-top: 10px; } } - @media (max-width: 768px) { - #header .form--wrapper { - width: 120px; } } - @media (max-width: 412px) { - #header .form--wrapper { - width: 110px; } } - .form--wrapper.mandatory label { - font-weight: 700; } - .form--wrapper label { - display: block; - padding: 0 0 0.25rem 0; - font-size: 0.875rem; - line-height: 1.5rem; - width: 100%; } - .form--wrapper input { - display: block; - font-size: 1rem; - line-height: 1.5rem; - width: 90%; } - .form--wrapper input[type='checkbox'] { - width: auto; } + width: 120px; + } +} +@media (max-width: 412px) { + #header .form--wrapper { + width: 110px; + } +} +.form--wrapper.mandatory label { + font-weight: 700; +} +.form--wrapper label { + display: block; + padding: 0 0 0.25rem 0; + font-size: 0.875rem; + line-height: 1.5rem; + width: 100%; +} +.form--wrapper input { + display: block; + font-size: 1rem; + line-height: 1.5rem; + width: 90%; +} +.form--wrapper input[type=checkbox] { + width: auto; +} +.form--wrapper textarea { + display: block; + font-size: 1rem; + line-height: 1.5rem; + padding: 1rem; + width: 100%; + height: 10rem; +} +@media (max-width: 1048px) { + .form--wrapper textarea { + width: 60%; + } +} +@media (max-width: 768px) { .form--wrapper textarea { - display: block; - font-size: 1rem; - line-height: 1.5rem; - padding: 1rem; width: 100%; - height: 10rem; } - @media (max-width: 1048px) { - .form--wrapper textarea { - width: 60%; } } - @media (max-width: 768px) { - .form--wrapper textarea { - width: 100%; } } + } +} .form--legal { - padding: 0 0 1.5rem 0; } + padding: 0 0 1.5rem 0; +} +.form--legal .form--wrapper { + width: auto; + max-width: 80%; +} +@media (max-width: 1048px) { .form--legal .form--wrapper { - width: auto; - max-width: 80%; } - @media (max-width: 1048px) { - .form--legal .form--wrapper { - max-width: none; } } + max-width: none; + } +} +.form--legal .form-wrapper--container { + display: flex; + flex-wrap: nowrap; + justify-content: flex-start; + align-items: start; +} +@media (max-width: 1048px) { .form--legal .form-wrapper--container { - display: flex; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: start; } - @media (max-width: 1048px) { - .form--legal .form-wrapper--container { - display: block; } } - .form--legal .form--checkbox input { - float: left; - margin: 5px 8px 0 0; } + display: block; + } +} +.form--legal .form--checkbox input { + float: left; + margin: 5px 8px 0 0; +} .form--catalogue { border-top: 2px solid #191919; - padding: 0 0 1.5rem 0; } + padding: 0 0 1.5rem 0; +} +.form--catalogue .form-wrapper--container { + display: flex; + flex-wrap: nowrap; + justify-content: flex-start; + align-items: start; +} +@media (max-width: 1048px) { .form--catalogue .form-wrapper--container { - display: flex; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: start; } - @media (max-width: 1048px) { - .form--catalogue .form-wrapper--container { - display: block; } } - .form--catalogue h3 { - text-align: center; - width: 100%; } - .form--catalogue .question-count { - padding: 1.5rem 0; - position: relative; } - .form--catalogue .question-count p { - padding: 0; } - .form--catalogue .question-count .progressbar { - position: absolute; - left: 0; - bottom: 0; - height: 12px; - width: 100%; - background: #ddd; } - .form--catalogue .question-count .progressbar div { - position: absolute; - left: 0; - bottom: 0; - height: 12px; - width: 0; - background: green; } + display: block; + } +} +.form--catalogue h3 { + text-align: center; + width: 100%; +} +.form--catalogue .question-count { + padding: 1.5rem 0; + position: relative; +} +.form--catalogue .question-count p { + padding: 0; +} +.form--catalogue .question-count .progressbar { + position: absolute; + left: 0; + bottom: 0; + height: 12px; + width: 100%; + background: #ddd; +} +.form--catalogue .question-count .progressbar div { + position: absolute; + left: 0; + bottom: 0; + height: 12px; + width: 0; + background: green; +} +.form--catalogue .catalogue-nav { + display: flex; + justify-content: space-between; + padding: 0 0 1.5rem 0; +} +@media (max-width: 1024px) { .form--catalogue .catalogue-nav { + flex-wrap: wrap; + justify-content: center; + } + .form--catalogue .catalogue-nav .save { + width: 100%; + text-align: center; + } + .form--catalogue .catalogue-nav span:not(.btn) { + order: 3; + justify-content: center; display: flex; - justify-content: space-between; - padding: 0 0 1.5rem 0; } - @media (max-width: 1024px) { - .form--catalogue .catalogue-nav { - flex-wrap: wrap; - justify-content: center; } - .form--catalogue .catalogue-nav .save { - width: 100%; - text-align: center; } - .form--catalogue .catalogue-nav span:not(.btn) { - order: 3; - justify-content: center; - display: flex; - flex-wrap: wrap; } - .form--catalogue .catalogue-nav span:not(.btn):first-of-type { - order: 2; } - .form--catalogue .catalogue-nav .btn { - order: 1; - margin: 10px 10px 0 10px; } } - .form--catalogue .form--wrapper { - width: auto; - justify-content: center; } - .form--catalogue .form--wrapper .btn { - float: right; } - .form--catalogue .form--wrapper.left { - justify-content: flex-start; } - .form--catalogue h2 { - font-size: 2rem; - line-height: 3rem; } + flex-wrap: wrap; + } + .form--catalogue .catalogue-nav span:not(.btn):first-of-type { + order: 2; + } + .form--catalogue .catalogue-nav .btn { + order: 1; + margin: 10px 10px 0 10px; + } +} +.form--catalogue .form--wrapper { + width: auto; + justify-content: center; +} +.form--catalogue .form--wrapper .btn { + float: right; +} +.form--catalogue .form--wrapper.left { + justify-content: flex-start; +} +.form--catalogue h2 { + font-size: 2rem; + line-height: 3rem; +} +.form--catalogue label { + font-size: 1.5rem; + line-height: 2rem; +} +@media (max-width: 767px) { .form--catalogue label { - font-size: 1.5rem; - line-height: 2rem; } - @media (max-width: 767px) { - .form--catalogue label { - font-size: 1rem; - line-height: 1.25rem; } } - .form--catalogue .form--checkbox label { - display: flex; } - .form--catalogue .form--checkbox label input { - display: inline; - width: auto; - margin: 9px 10px 0 0; } + font-size: 1rem; + line-height: 1.25rem; + } +} +.form--catalogue .form--checkbox label { + display: flex; +} +.form--catalogue .form--checkbox label input { + display: inline; + width: auto; + margin: 9px 10px 0 0; +} @-moz-document url-prefix() { .form--catalogue .form--checkbox label input { - margin-top: 0; } } + margin-top: 0; + } +} .form--question { border-top: 2px solid #191919; - padding-top: 1.5rem; } + padding-top: 1.5rem; +} .form .alert { font-size: 0.75rem; - line-height: 1rem; } + line-height: 1rem; +} .alert { - color: #e2003c !important; } + color: #e2003c !important; +} #message { position: fixed; @@ -470,13 +590,90 @@ textarea:-ms-input-placeholder { z-index: 3000; display: none; color: #ffffff; - font-size: 1.5rem; } - #message.success { - background: green; } - #message.failure { - background: #e2003c; } - #message p { - padding: 1.5rem; } + font-size: 1.5rem; +} +#message.success { + background: green; +} +#message.failure { + background: #e2003c; +} +#message p { + padding: 1.5rem; +} + +/* New MPP */ +.row-box { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +.row-box .col-box { + width: 60%; +} +.row-box .col-box:nth-child(2) { + width: 30%; +} +.row-box .col-box .col-box { + width: 48%; +} + +#main .form--catalogue { + padding-top: 20px; +} +#main .form--catalogue h2 { + padding-bottom: 10px; +} + +.form-fields { + padding: 0 0 30px 0; +} +.form-fields label { + display: block; + font-size: 16px; +} +.form-fields input, .form-fields select { + display: block; + width: 100%; + max-width: 350px; + background: #fff; + border: 1px solid #000; + padding: 10px 10px; +} + +.result-box { + background: rgba(118, 127, 134, 0.3); + padding: 30px 20px; +} +.result-box dl { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 0 0 20px 0; +} +.result-box dl dt, .result-box dl dd { + padding: 0 0 10px 0; + margin: 0 0 10px 0; + border-bottom: 1px solid #000; +} +.result-box dl dt:last-of-type, .result-box dl dd:last-of-type { + border-bottom: none; +} +.result-box dl dt { + flex-basis: 80%; + font-weight: normal; +} +.result-box dl dd { + flex-basis: 20%; + font-weight: bold; + text-align: right; +} +.result-box h3 { + text-align: left; +} +.result-box .btn { + margin: 0 auto; +} header { box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1); @@ -485,132 +682,180 @@ header { top: 0; width: 100%; z-index: 2000; - background: #ffffff; } + background: #ffffff; +} +header .inside { + padding: 1.5rem 3rem 0 3rem; + height: 6.5rem; + display: flex; + justify-content: space-between; +} +@media (max-width: 412px) { header .inside { - padding: 1.5rem 3rem 0 3rem; - height: 6.5rem; - display: flex; - justify-content: space-between; } - @media (max-width: 412px) { - header .inside { - padding-left: 2rem; - padding-right: 2rem; } } - @media (max-width: 500px) { - header .inside { - height: 11rem; - display: block; } } - @media (max-width: 412px) { - header .inside { - height: 12rem; } } - header .inside .logo { - display: flex; } - @media (min-width: 501px) and (max-width: 768px) { - header .inside .logo { - display: block; } } - header .inside .logo a.home { - font-weight: bold; - color: #3c4952; - margin-top: -5px; - padding: 0 0 0 30px; - text-decoration: none; } - @media (min-width: 501px) and (max-width: 768px) { - header .inside .logo a.home { - display: block; - padding: 10px 0 0 12px; } } - header .inside .logo a.home:before { - color: #3c4952 !important; - content: "|"; - padding: 0 20px 0 0; } - @media (min-width: 501px) and (max-width: 768px) { - header .inside .logo a.home:before { - content: ""; - display: none; } } - header .inside .logo a.home:hover { - color: #788187; } - @media (max-width: 500px) { - header .inside .status { - padding-top: 20px; } } + padding-left: 2rem; + padding-right: 2rem; + } +} +@media (max-width: 500px) { + header .inside { + height: 11rem; + display: block; + } +} +@media (max-width: 412px) { + header .inside { + height: 12rem; + } +} +header .inside .logo { + display: flex; +} +@media (min-width: 501px) and (max-width: 768px) { + header .inside .logo { + display: block; + } +} +header .inside .logo a.home { + font-weight: bold; + color: #3c4952; + margin-top: -5px; + padding: 0 0 0 30px; + text-decoration: none; +} +@media (min-width: 501px) and (max-width: 768px) { + header .inside .logo a.home { + display: block; + padding: 10px 0 0 12px; + } +} +header .inside .logo a.home:before { + color: #3c4952 !important; + content: "|"; + padding: 0 20px 0 0; +} +@media (min-width: 501px) and (max-width: 768px) { + header .inside .logo a.home:before { + content: ""; + display: none; + } +} +header .inside .logo a.home:hover { + color: #788187; +} +@media (max-width: 500px) { + header .inside .status { + padding-top: 20px; + } +} +header img { + height: 3rem; +} +@media (max-width: 800px) { header img { - height: 3rem; } - @media (max-width: 800px) { - header img { - height: 2rem; } } - header form { - margin-top: -0.375rem; } - + height: 2rem; + } +} +header form { + margin-top: -0.375rem; +} footer { background: #191919; - color: #ffffff; } - footer .inside { - padding: 1.5rem 3rem; } - footer ul { - display: flex; - justify-content: flex-start; } - footer li { - padding: 0 0 0 1.5rem; } - footer li:first-child { - padding-left: 0; } - footer li a { - display: block; } + color: #ffffff; +} +footer .inside { + padding: 1.5rem 3rem; +} +footer ul { + display: flex; + justify-content: flex-start; +} +footer li { + padding: 0 0 0 1.5rem; +} +footer li:first-child { + padding-left: 0; +} +footer li a { + display: block; +} .new-user { - padding: 0 0 3rem 0; } + padding: 0 0 3rem 0; +} .listing li { background: #fce6ec; padding: 0.75rem 1.5rem; - margin-bottom: 2px; } - .listing li:nth-child(even) { - background: #f9ccd8; } - .listing li.inactive { - opacity: .3; } + margin-bottom: 2px; +} +.listing li:nth-child(even) { + background: #f9ccd8; +} +.listing li.inactive { + opacity: 0.3; +} .listing--header { padding: 0.5rem 0; display: flex; justify-content: space-between; - align-items: center; } - @media (max-width: 1024px) { - .listing--header { - display: block; } } - .listing--header h3 { - padding: 0 !important; } - .listing--header .buttons { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; - align-items: center; } - .listing--header .buttons * { - margin-left: 1.5rem; } - @media (max-width: 1024px) { - .listing--header .buttons * { - margin-top: 10px; - margin-left: 0; - margin-right: 1.5rem; } } - .listing--header .buttons .pdfs { - display: flex; } - @media (max-width: 1024px) { - .listing--header .buttons .pdfs { - order: 2; } } - .listing--header .buttons .pdfs a { - display: block; - width: 2rem; - height: 2rem; - background: transparent url("../images/elements/pdf.svg") no-repeat left top; - background-size: 100% auto; - position: relative; } - .listing--header .buttons .pdfs a.latest:after { - content: ""; - display: block; - position: absolute; - right: -0.25rem; - top: -0.25rem; - width: 1rem; - height: 1rem; - background: green; - border-radius: 50%; } + align-items: center; +} +@media (max-width: 1024px) { + .listing--header { + display: block; + } +} +.listing--header h3 { + padding: 0 !important; +} +.listing--header .buttons { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; +} +.listing--header .buttons * { + margin-left: 1.5rem; +} +@media (max-width: 1024px) { + .listing--header .buttons * { + margin-top: 10px; + margin-left: 0; + margin-right: 1.5rem; + } +} +.listing--header .buttons .pdfs { + display: flex; +} +@media (max-width: 1024px) { + .listing--header .buttons .pdfs { + order: 2; + } +} +.listing--header .buttons .pdfs a { + display: block; + width: 2rem; + height: 2rem; + background: transparent url("../images/elements/pdf.svg") no-repeat left top; + background-size: 100% auto; + position: relative; +} +.listing--header .buttons .pdfs a.latest:after { + content: ""; + display: block; + position: absolute; + right: -0.25rem; + top: -0.25rem; + width: 1rem; + height: 1rem; + background: green; + border-radius: 50%; +} .listing--details { - display: none; } + display: none; +} .listing--details-inside { - padding: 0.5rem 0; } + padding: 0.5rem 0; +} /*# sourceMappingURL=styles.css.map */ diff --git a/httpdocs/public/assets/scss/styles.css.map b/httpdocs/public/assets/scss/styles.css.map index 79b4afa..44d9483 100644 --- a/httpdocs/public/assets/scss/styles.css.map +++ b/httpdocs/public/assets/scss/styles.css.map @@ -1,7 +1 @@ -{ -"version": 3, -"mappings": "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", -"sources": ["components/_reset.scss","_variables.scss","components/_basic.scss","_mixins.scss","components/_header.scss","components/_footer.scss","components/_listing.scss"], -"names": [], -"file": "styles.css" -} +{"version":3,"sourceRoot":"","sources":["components/_reset.scss","_variables.scss","components/_basic.scss","_mixins.scss","components/_header.scss","components/_footer.scss","components/_listing.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;EACA,mWAKmE;;AAGrE;AACA;EACE;EACA;EACA;EACA;EACA,+UAK+D;;AAIjE;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAIF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAEA;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAyBE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;EAEE;;;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE,YCzKY;ED0KZ;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AE3MF;EACE;;AACA;EAFF;IAGI;;;AAEF;EALF;IAMI;;;;AAIJ;AAAA;EAEE,ODTmB;ECUnB;;;AAGF;AAAA;EAEE,ODfmB;ECgBnB;;;AAGF;AAAA;EAEE,ODrBmB;ECsBnB;;;AAGF;AAAA;EAEE,OD3BmB;EC4BnB;;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;;AAGJ;EACE;;AAIE;EACE;EACA;EACA;EACA;;AAIN;EACE;;AACA;EACE,ODrFU;;ACsFV;EACE;;AAEF;EACE;;AAIN;EACE;;AAGA;EACE;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;;AACA;EALF;IAMI;IACA;;;AAKF;EAFF;IAGI;;;;AAOV;EACE;EACA,YD7Hc;EC8Hd,ODlIY;ECmIZ;EACA;EACA;EACA;EACA;EACA;EACA;ECxIA;;AD0IA;EACE,YDtIW;ECuIX,cDvIW;ECwIX,OD9IU;;ACgJZ;EACE;EACA,YDjJU;ECkJV,cDlJU;ECmJV;;AAEF;EACE,YDvJU;ECwJV,ODpJY;;ACsJd;EACE,cD7Ic;EC8Id,YD9Ic;EC+Id,OD7JU;;AC8JV;EACE,YD/JQ;ECgKR,cDlJY;ECmJZ,ODnJY;;;ACyJhB;EACE;EACA;EACA;;AAEE;EADF;IAEI;;;AAGJ;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;;AACA;EAFF;IAGI;;;AAGJ;EATF;IAUI;;;AAEF;EAZF;IAaI;;;AAIF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAPF;IAQI;;;AAEF;EAVF;IAWI;;;AAIN;EACE;;AACA;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAIF;EACE;EACA;;AAIN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;;EACA;IACE;;EAGJ;IACE;IACA;;;AAIN;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;;AACA;EAHF;IAII;IACA;;;AAIF;EACE;;AACA;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAMV;EACE;EACA;;AAEF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODnYY;ECoYZ;;AACA;EACE;;AAEF;EACE,YDrYY;;ACuYd;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;;;AAMJ;EACE;;AACA;EACE;;;AAKN;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;;;AExdJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YHPY;;AGQZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;IACA;;;AAEF;EATF;IAUI;IACA;;;AAEF;EAbF;IAcI;;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;;;AAEF;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;;AAGJ;EACE;;AAKJ;EADF;IAEI;;;AAIN;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AClEJ;EACE;EACA,OJFY;;AIGZ;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAEF;EACE;;;AChBN;EACE;;;AAOA;EACE,YLIW;EKHX;EACA;;AACA;EACE,YLDS;;AKGX;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAFF;IAGI;IACA;IACA;;;AAGJ;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOZ;EACE;;AAKF;EACE","file":"styles.css"} \ No newline at end of file diff --git a/httpdocs/templates/pages/risk_analysis.html.twig b/httpdocs/templates/pages/risk_analysis.html.twig index 1879062..8c12891 100644 --- a/httpdocs/templates/pages/risk_analysis.html.twig +++ b/httpdocs/templates/pages/risk_analysis.html.twig @@ -6,66 +6,115 @@

MPP-Tool

Bitte füllen sie alle Felder aus, um eine Risikoanalyse zu erstellen.

- - -
Für sind Anlage leider keine Benchmark-Daten vorhanden!
-

Risikoanalyse

- - - - -

Optimierungsckeck

- - - - - - - - {% if initialDinAsset is not null %} - - {% else %} - - {% endif %} - - - - Berechnen -
-
Inspektion (empfohlener Zyklus in Monaten)
-
-
Wartung (empfohlener Zyklus in Monaten)
-
-
Kostenersparnis in Prozent
-
-
Kostenersparnis in Euro
-
-
- Arbeitskarte erstellen +
+
+
+ + +
Für sind Anlage leider keine Benchmark-Daten vorhanden!
+
+
+

Risikoanalyse

+
+
+
+ + +
+
+
+
+ + +
+
+
+

Optimierungsckeck

+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+

Weitere Angaben

+
+
+
+ + {% if initialDinAsset is not null %} + + {% else %} + + {% endif %} +
+
+
+
+ + +
+
+
+ Berechnen +
+
+
+
+

Ergebnis

+
+
Inspektion
+ (empfohlener Zyklus in Monaten)
+
+
Wartung
+ (empfohlener Zyklus in Monaten)
+
+
Kostenersparnis in Prozent
+
+
Kostenersparnis in Euro
+
+
+ Arbeitskarte erstellen +
+
+
{% endblock %} diff --git a/httpdocs/templates/pages/start.html.twig b/httpdocs/templates/pages/start.html.twig index 19342b6..c189ca2 100644 --- a/httpdocs/templates/pages/start.html.twig +++ b/httpdocs/templates/pages/start.html.twig @@ -4,15 +4,21 @@ {% block body %}

Übersicht

-

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

- {% if numWorksheetsLeft <= 0 %} -

Sie haben die maximale Anzahl an Durchgängen erreicht. Bitte wenden sie sich an uns, wenn sie weitere Analysen benötigen.

- {% else %} -
- Neue Arbeitskarte erstellen +
+
+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

-
(noch {{ numWorksheetsLeft }} Durchgänge möglich)
- {% endif %} +
+ {% if numWorksheetsLeft <= 0 %} +

Sie haben die maximale Anzahl an Durchgängen erreicht. Bitte wenden sie sich an uns, wenn sie weitere Analysen benötigen.

+ {% else %} +
+ Neue Arbeitskarte erstellen +
+
(noch {{ numWorksheetsLeft }} Durchgänge möglich)
+ {% endif %} +
+

Ihre bisher abgeschlossenen Arbeitskarten: