From b4d292f222d8fc712345598db61a375ab568d710 Mon Sep 17 00:00:00 2001
From: Wolfgang Knopki <wolfgang.knopki@hft-stuttgart.de>
Date: Fri, 20 Mar 2020 16:40:02 +0100
Subject: [PATCH] projectOverview added
---
routes/helpers.js | 11 ++
views/DE/project/projectOverview.pug | 168 +++++++++++++++++++++++++++
2 files changed, 179 insertions(+)
create mode 100644 routes/helpers.js
create mode 100644 views/DE/project/projectOverview.pug
diff --git a/routes/helpers.js b/routes/helpers.js
new file mode 100644
index 00000000..4645aec7
--- /dev/null
+++ b/routes/helpers.js
@@ -0,0 +1,11 @@
+var helpers = {
+ stringToArray: function (input){
+ if(input != null){
+ return input.split(',');
+ }else{
+ return null;
+ }
+ }
+};
+
+module.exports = helpers;
\ No newline at end of file
diff --git a/views/DE/project/projectOverview.pug b/views/DE/project/projectOverview.pug
new file mode 100644
index 00000000..f3659ab4
--- /dev/null
+++ b/views/DE/project/projectOverview.pug
@@ -0,0 +1,168 @@
+doctype html
+html(lang="de")
+ head
+ title= "Project List"
+ meta(charset="UTF-8")
+ meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no")
+ link(rel="stylesheet", type="text/css", href="https://transfer.hft-stuttgart.de/css/bootstrap/bootstrap.css")
+ link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.8.2/css/all.css", integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay", crossorigin="anonymous")
+ style.
+ .collapse {
+ display: none;
+ }
+ .collapse.in {
+ display: block;
+ }
+ .collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ -webkit-transition-timing-function: ease;
+ -o-transition-timing-function: ease;
+ transition-timing-function: ease;
+ -webkit-transition-duration: .35s;
+ -o-transition-duration: .35s;
+ transition-duration: .35s;
+ -webkit-transition-property: height,visibility;
+ -o-transition-property: height,visibility;
+ transition-property: height,visibility;
+ }
+ .warning {
+ color: red;
+ font-size: 11px;
+ }
+ body
+ div
+ for project in projectOV
+ div(class="flex-container")
+ div(class="main")
+ h1 #{project.title}
+ div(style="float:right; margin-left:30px; margin-bottom:0px; width:50%;")
+ img(src=project.src, width="100%")
+ p(style="text-align:right") #{project.caption}
+
+ h2 Projektüberblick
+ p !{project.overview}
+ br
+ b keywords:
+ span #{project.keywords}
+ br
+ h2 Fragestellung
+ p !{project.question}
+ p
+ h2 Vorgehensweise
+ p !{project.approach}
+ br
+ br
+ h2 Ergebnis und Nutzung
+ p !{project.result}
+ div(class="side")
+ for image in projectImgs
+ if image.pos == '2' || image.pos == '3'
+ div(class="projectimg")
+ <img src="#{image.src}", width="100%">
+ if image.caption
+ span #{image.caption}
+ </img>
+
+ div(class="fakeimg")
+ if project.leader_lastname
+ p
+ b Projektleitung HfT:
+ <a href="mailto: #{project.leader_email}">#{project.leader_lastname}</a>
+ div(class="fakeimg")
+ if project.contact_lastname
+ p
+ b Ansprechperson:
+ <a href="mailto: #{project.contact_email}">#{project.contact_lastname} </a>
+ div(class="fakeimg")
+ if project.announcement
+ p
+ b Ausschreibung:
+ span !{project.announcement}
+
+ div(class="fakeimg")
+ if project.partner_name
+ p
+ b Projektpartner:
+ br
+ for website, i in partnerWS
+ if website
+ <a href="#{website}">#{partnerN[i]}</a>
+ br
+ else
+ #{partnerN[i]}
+ br
+
+ div(class="fakeimg")
+ if project.term
+ p
+ b Projektlaufzeit:
+ span #{project.term}
+
+ div(class="fakeimg")
+ if project.award_name
+ p
+ b Preise:
+ br
+ for awardsite, i in awardWS
+ if awardsite
+ <a href="#{awardsite}">#{awardN[i]}</a>
+ br
+ else
+ #{awardN[i]}
+ br
+
+ div(class="fakeimg")
+ if project.administrator
+ p
+ b Projektträger:
+ span #{project.administrator}
+
+ div(class="fakeimg")
+ if project.sponsor_name
+ p
+ b Geldgeber:
+ br
+ for website, i in sponsorWS
+ if website
+ <a href="#{website}">#{sponsorN[i]}</a>
+ br
+ else
+ #{sponsorN[i]}
+ br
+
+ div(class="fakeimg")
+ if project.website || project.further_details
+ p
+ b Mehr Informationen:
+ if project.website
+ <a href="#{project.website}">#{project.website}</a>
+ br
+ span !{project.further_details}
+
+ div(class="Downloads" style="height:200px;")
+ h5 Downloads
+ p
+ i(class="fas fa-file-download")
+ a(href="./images/M4_LAB_Projekt/transferstrategie.pdf" download target="_blank") Transferstrategie der HfT Stuttgart
+
+ div(class="Projektlogos")
+ img(src="./images/M4_LAB_Projekt/WRS_Logo.jpg" width="32%")
+ img(src="./images/M4_LAB_Projekt/IBA2027_Logo.jpg" width="32%")
+ img(src="./images/M4_LAB_Projekt/GWK_Logo.jpg" width="32%")
+ br
+ br
+ img(src="./images/M4_LAB_Projekt/bbf_logo.png" width="32%")
+ img(src="./images/M4_LAB_Projekt/ihs_logo.jpg" width="32%")
+
+ //jQuery
+ script(src="https://code.jquery.com/jquery-3.3.1.min.js")
+ script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js", integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1", crossorigin="anonymous")
+ // Bootstrap
+ script(src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous")
+ // Header
+ if isUserAuthenticated
+ script(src="/js/headfootLogout.js")
+ else
+ script(src="https://transfer.hft-stuttgart.de/js/headfoot.js")
\ No newline at end of file
--
GitLab