From 2786292c50e2f822e5c08ca9f9af9d5523be2ea6 Mon Sep 17 00:00:00 2001
From: Rosanny <rosanny.sihombing@hft-stuttgart.de>
Date: Thu, 5 Mar 2020 13:09:10 +0100
Subject: [PATCH] add project overview: form and skeleton
---
routes/routes.js | 14 +++
views/DE/project/addProjectOverview.pug | 113 ++++++++++++++++++++++++
views/DE/project/projects.pug | 18 ++--
3 files changed, 137 insertions(+), 8 deletions(-)
create mode 100644 views/DE/project/addProjectOverview.pug
diff --git a/routes/routes.js b/routes/routes.js
index 930bf3b4..abd4f03f 100644
--- a/routes/routes.js
+++ b/routes/routes.js
@@ -610,4 +610,18 @@ module.exports = function (app, config, passport, i18n) {
])
})
+ app.get('/addprojectoverview', function (req, res) {
+ //res.render(lang+'/project/addProjectOverview')
+ if (req.isAuthenticated()) {
+ res.render(lang+'/project/addProjectOverview')
+ }
+ else {
+ res.redirect('/login')
+ }
+ })
+
+ app.post('/addprojectoverview', function (req, res) {
+ console.log(req.body)
+ })
+
};
\ No newline at end of file
diff --git a/views/DE/project/addProjectOverview.pug b/views/DE/project/addProjectOverview.pug
new file mode 100644
index 00000000..a6499a87
--- /dev/null
+++ b/views/DE/project/addProjectOverview.pug
@@ -0,0 +1,113 @@
+doctype html
+html(lang="de")
+ head
+ title= "Add Project Overview"
+ 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(class="container-fluid")
+ div(class="row")
+ div(class="col-md-6 offset-md-2")
+ h4(class="mb-3 font-weight-bold") Neues Projekt
+ div(class="col-md-6 offset-md-3")
+ if successes
+ for success in successes
+ div.alert.alert-success.alert-dismissible #{ success }
+ a(class="close", href="#", data-dismiss="alert", aria-label="close") ×
+ if errors
+ for error, i in errors
+ div.alert.alert-danger.alert-dismissible.fade.show #{ error }
+ a(class="close", href="#", data-dismiss="alert", aria-label="close") ×
+ form(method="POST")
+ div(class='form-row')
+ div(class='form-group col-md-12')
+ input#inputPname(name="pname" class="form-control" type="text" placeholder="human-readable short project name*" required)
+ div(class="form-group col-md-12")
+ input#inputTitle(name="title" class="form-control" type="text" placeholder="official title of the project*" required)
+ div(class="form-group col-md-12")
+ input#inputSummary(name="summary" class="form-control" type="text" placeholder="one line summery of the project")
+ div(class="form-group col-md-12")
+ input#inputCategory(name="category" class="form-control" type="text" placeholder="category of the project")
+ //div(class="form-group col-md-12")
+ input#inputLogo(name="logo" class="form-control" type="text" placeholder="official logo of the project")
+ //div(class="form-group col-md-12")
+ input#inputWiki(name="wiki" class="form-control" type="text")
+ h5(class="mb-3 font-weight-bold") Content
+ div(class='form-row')
+ div(class='form-group col-md-12')
+ textarea#inputOverview(name="overview" class="form-control" type="text" rows="5" placeholder="overview")
+ div(class="form-group col-md-12")
+ textarea#inputQuestion(name="question" class="form-control" type="text" rows="5" placeholder="question")
+ div(class='form-group col-md-12')
+ textarea#inputApproach(name="approach" class="form-control" type="text" rows="5" placeholder="approach")
+ div(class="form-group col-md-12")
+ textarea#inputResult(name="result" class="form-control" type="text" rows="5" placeholder="result")
+ div(class="form-group col-md-12")
+ input#inputKeywords(name="keywords" class="form-control" type="text" placeholder="keywords")
+ h5(class="mb-3 font-weight-bold") Info
+ div(class='form-row')
+ div(class='form-group col-md-12')
+ textarea#inputAnnouncement(name="announcement" class="form-control" type="text" rows="5" placeholder="Ausschreibung")
+ div(class="form-group col-md-12")
+ input#inputTerm(name="term" class="form-control" type="text" placeholder="Laufzeit")
+ div(class='form-group col-md-12')
+ textarea#inputFurtherDetails(name="furtherDetails" class="form-control" type="text" rows="5" placeholder="Mehr informationen")
+ div(class="form-group col-md-12")
+ input#inputWebsite(name="website" class="form-control" type="text" placeholder="website")
+ h5(class="mb-3 font-weight-bold") Images
+ div(class='form-row')
+ div(class="form-group col-md-12")
+ input#inputSrc(name="src" class="form-control" type="text" placeholder="link to the image source")
+ div(class="form-group col-md-12")
+ input#inputCaption(name="caption" class="form-control" type="text" placeholder="caption of the image")
+ h5(class="mb-3 font-weight-bold") Contact
+ div(class='form-row')
+ div(class="form-group col-md-4")
+ input#inputContactFirstname(name="contactFirstname" class="form-control" type="text" placeholder="contact firstname")
+ div(class="form-group col-md-4")
+ input#inputContactLastname(name="contactLastname" class="form-control" type="text" placeholder="contact lastname")
+ div(class="form-group col-md-4")
+ input#inputContactEmail(name="contactEmail" class="form-control" type="text" placeholder="contact email")
+ div(class="form-group col-md-4")
+ input#inputLeaderFirstname(name="leaderFirstname" class="form-control" type="text" placeholder="leader firstname")
+ div(class="form-group col-md-4")
+ input#inputLeaderLastname(name="leaderLastname" class="form-control" type="text" placeholder="leader lastname")
+ div(class="form-group col-md-4")
+ input#inputLeaderEmail(name="leaderEmail" class="form-control" type="text" placeholder="leader email")
+ p <em><small>* Pflichtfeld</small></em>
+ input#submitBtn(type="submit", class="btn btn-outline-dark btn-block", value="Projekt Anlegen")
+
+ // 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
+ script(src="/js/headfootLogout.js")
\ No newline at end of file
diff --git a/views/DE/project/projects.pug b/views/DE/project/projects.pug
index 35cd2c92..a59cdf45 100644
--- a/views/DE/project/projects.pug
+++ b/views/DE/project/projects.pug
@@ -33,6 +33,12 @@ html(lang="de")
}
body
div(class="container-fluid")
+ if isUserAuthenticated
+ p Auf dieser Seite sehen Sie die Liste der über dieses Portal veröffentlichten Projekte.
+ a(href="/addprojectoverview" class="btn btn-primary" role="button" aria-pressed="true") Projekt anlegen
+ else
+ p Auf dieser Seite sehen Sie die Liste der über dieses Portal veröffentlichten Projekte.
+ p Möchten Sie ein neues Projekt anlegen, dann klicken Sie bitte auf #[a(href="/addprojectoverview") Anmelden und Projekt anlegen]
// Active projects
h3(class="mb-3 font-weight-bold") Aktive Projekte
table(class="table table-striped")
@@ -55,10 +61,8 @@ html(lang="de")
td #{item.title}
td #{item.summary}
td #{item.category}
- td
- a(class="nav-link", href="mailto:"+ item.cp) #{item.cp}
- td
- a(class="nav-link", href="https://m4lab.hft-stuttgart.de/projectoverview?projectID="+item.id) Zur Projektübersicht
+ td #[a(class="nav-link", href="mailto:"+ item.cp) #{item.cp}]
+ td #[a(class="nav-link", href="https://m4lab.hft-stuttgart.de/projectoverview?projectID="+item.id) Zur Projektübersicht]
if item.gitlab
a(class="nav-link", href="https://transfer.hft-stuttgart.de/gitlab/"+item.gitlab+"/tree/master") Projektdateien
a(class="nav-link", href="https://transfer.hft-stuttgart.de/gitlab/"+item.gitlab+"/wikis/home") Projektwiki
@@ -88,10 +92,8 @@ html(lang="de")
td #{item.title}
td #{item.summary}
td #{item.category}
- td
- a(class="nav-link", href="mailto:"+ item.cp) #{item.cp}
- td
- a(class="nav-link", href="https://m4lab.hft-stuttgart.de/projectoverview?projectID="+item.id) Zur Projektübersicht
+ td #[a(class="nav-link", href="mailto:"+ item.cp) #{item.cp}]
+ td #[a(class="nav-link", href="https://m4lab.hft-stuttgart.de/projectoverview?projectID="+item.id) Zur Projektübersicht]
if item.gitlab
a(class="nav-link", href="https://transfer.hft-stuttgart.de/gitlab/"+item.gitlab+"/tree/master") Projektdateien
a(class="nav-link", href="https://transfer.hft-stuttgart.de/gitlab/"+item.gitlab+"/wikis/home") Projektwiki
--
GitLab