From a2d207dc5009d073ec85e20529aef8842f44ba92 Mon Sep 17 00:00:00 2001
From: Rosanny <rosanny.sihombing@hft-stuttgart.de>
Date: Wed, 24 Mar 2021 19:31:42 +0100
Subject: [PATCH] cosmetic update

---
 views/DE/account/newInformation.pug    | 34 +++++++++++------------
 views/DE/account/services.pug          | 30 ++++++++++----------
 views/DE/account/updateInformation.pug | 38 ++++++--------------------
 3 files changed, 39 insertions(+), 63 deletions(-)

diff --git a/views/DE/account/newInformation.pug b/views/DE/account/newInformation.pug
index 8055ce0a..8ec6aebd 100644
--- a/views/DE/account/newInformation.pug
+++ b/views/DE/account/newInformation.pug
@@ -55,11 +55,19 @@ html(lang="de")
                     h4(class="pb-1") Schritt 1: Setup
                     p Bitte füllen Sie alle Felder aus
                     form(method="POST", encType="multipart/form-data")
+                        div(class='form-group row')
+                            label(for="template", class="col-sm-2") Template
+                            div(class="col-sm-8")
+                                select#templateSelector(name="template", class="form-control")
+                                    option(value="generic") generic
+                                    option(value="simple_raw") simple_raw
+                                    option(value="simple_thesis") simple_thesis
+                                | <span id="templateExample" class="font-italic font-weight-light"><small>See the demo: <a href="https://transfer.hft-stuttgart.de/pages/athanasios.koukofikis/mygeneric/home/" target="_blank">generic</a>, <a href="https://transfer.hft-stuttgart.de/pages/athanasios.koukofikis/myraw/home/" target="_blank">simple_raw</a>, <a href="https://transfer.hft-stuttgart.de/pages/athanasios.koukofikis/mythesis/home/" target="_blank">simple_thesis</a></small></span>
                         div(class='form-group row')
                             label(for="name", class="col-sm-2") Name
                             div(class="col-sm-8")
                                 input#name(name="name", type="text", class="form-control", placeholder="Name", maxlength="75" required)
-                                | <p id="nameInfo" class="font-italic font-weight-light"><small>Ihre Webseite wird unter folgender URL veröffentlicht: <strong>https://transfer.hft-stuttgart.de/pages/<span id="websiteName"></span></strong></small></p>
+                                p(id="nameInfo" class="font-italic font-weight-light") <small>Ihre Webseite wird unter folgender URL veröffentlicht: <strong>https://transfer.hft-stuttgart.de/pages/#{gitlabUsername}/<span id="websiteName"></span></strong></small>
                         div(class="form-group row")
                             label(for="description", class="col-sm-2") Beschreibung
                             div(class="col-sm-8")
@@ -74,17 +82,8 @@ html(lang="de")
                     h4(class="pb-1") Schritt 2: Dateneingabe
                     p Bitte stellen Sie sicher, dass sie Folgendes abgeschlossen haben, bevor Sie Ihre Webseite veröffentlichen:
                     ol
+                        li index.html
                         li Anpassen der Standardwerte in <i>settings.js</i>
-                        li Anpassen der Kontaktperson in <i>kontakt.html</i>
-                hr
-                div(class="mx-4", style="color: gray;")
-                    h4(class="pb-1") Schritt 3: Veröffentlichen
-                    p Folgende Anfrage wird an die Administration des Transferportal gesandt, um ihre Webseite/ Informationsseite zu veröffentlichen:
-                    table(class="table-secondary")
-                        tr
-                            td Guten Tag, <br><br> hiermit beantrage Ich die Freischaltung einer Webseite auf dem Transferportal für folgendes Projekt:<br>project-name.<br><br>Vielen Dank,<br> #{user.fullName}
-                    br
-                    input(type="submit", class="btn btn-primary", value="Nachricht versenden" disabled)
 
     // jQuery
     script(src="https://code.jquery.com/jquery-3.3.1.min.js")
@@ -96,20 +95,21 @@ html(lang="de")
     // M4_LAB
     script(src="/js/headfoot.js")
     script.
+        // website URL
         function showWebsiteURL() {
             if ($("#name").val()) {
-                $("#nameInfo").show();
-                let webName = $("#name").val().toLowerCase().replace(/\s/g, '-');
-                document.getElementById("websiteName").innerText = webName;
+                $("#nameInfo").show()
+                let webName = $("#name").val().toLowerCase().replace(/\s/g, '-')
+                document.getElementById("websiteName").innerText = webName+"/home/"
             }
             else {
-                $("#nameInfo").hide();
+                $("#nameInfo").hide()
             }
         }
         $('#name').on('input',function(e){
-            showWebsiteURL();
+            showWebsiteURL()
         })
-        showWebsiteURL();
+        showWebsiteURL()
 
         $("form").submit(function(){
             $.LoadingOverlay("show")
diff --git a/views/DE/account/services.pug b/views/DE/account/services.pug
index 09d2efe5..cd9e05e9 100644
--- a/views/DE/account/services.pug
+++ b/views/DE/account/services.pug
@@ -50,31 +50,29 @@ html(lang="de")
                 div(class="container")
                     h3(class="pb-2") Projekte
                     div(class="col-sm-12")
-                        if gitlabPages
+                        if user.gitlabUserId
                             div(class="container")
-                                div(class="row pb-1")
+                                div(class="row py-2 bg-light")
                                     div(class="col font-weight-bold") Projektinformationen
                                     div(class="col text-right")
                                         a(href="/account/newInformation" class="btn btn-sm btn-success" role="button") Neue Projektinformation
                             table(class="table")
-                                for item in gitlabPages
-                                    - let img = item.logo
-                                    - let editNewPageLink = "/account/updateInformation?id="+item.id
-                                    - let websiteURL = "https://transfer.hft-stuttgart.de/pages/"+item.path
+                                if gitlabPages.length == 0
                                     tr
-                                        td
-                                            img(src=img, width="45", height="45")
-                                        if item.isPublished
-                                            td 
-                                                a(href=editNewPageLink+"&s=y" class="link-dark") #{item.name}
+                                        td Currently you have no project information
+                                else
+                                    for item in gitlabPages
+                                        - let editNewPageLink = "/account/updateInformation?id="+item.projectInformation.id
+                                        - let websiteURL = "https://transfer.hft-stuttgart.de/pages/"+item.projectInformation.path+"/home/"
+                                        tr
                                             td
-                                                a(href=websiteURL target="_blank" class="link-dark") veröffentlicht
-                                        else
+                                                img(src=item.projectInformation.logo, width="45", height="45")
                                             td 
-                                                a(href=editNewPageLink+"&s=n" class="link-dark") #{item.name}
-                                            td noch nicht veröffentlicht
+                                                a(href=editNewPageLink class="link-dark") #{item.projectInformation.name}
+                                            td
+                                                a(href=websiteURL class="link-dark" target="_blank") visit website
                             div(class="container")
-                                div(class="row pb-1")
+                                div(class="row py-2 bg-light")
                                     div(class="col font-weight-bold") Projektcode und -daten
                                     div(class="col text-right")
                                         button(type="button", class="btn btn-sm btn-success" disabled) Neuer Projektdatensatz
diff --git a/views/DE/account/updateInformation.pug b/views/DE/account/updateInformation.pug
index 4641aea8..b1bf17ae 100644
--- a/views/DE/account/updateInformation.pug
+++ b/views/DE/account/updateInformation.pug
@@ -51,15 +51,11 @@ html(lang="de")
                         a(class="close", href="#", data-dismiss="alert", aria-label="close") &times;
                 h3(class="pb-2") Information aktualisieren
                 div(class="mx-4")
-                    if !information.isPublished
-                        h4(class="pb-1") Schritt 1: Setup
-                        p Bitte füllen Sie alle Felder aus
                     form(method="POST", encType="multipart/form-data")
                         div(class='form-group row')
                             label(for="name", class="col-sm-2") Name
                             div(class="col-sm-8")
                                 input#name(name="name", type="text", class="form-control", value=information.name, placeholder="Name", maxlength="75" required)
-                                | <p id="nameInfo" class="font-italic font-weight-light"><small>Ihre Webseite URL: <strong>https://transfer.hft-stuttgart.de/pages/#{information.path}</strong></small></p>
                         div(class="form-group row")
                             label(for="description", class="col-sm-2") Beschreibung
                             div(class="col-sm-8")
@@ -71,38 +67,20 @@ html(lang="de")
                                     img(src=information.logo, width="100" height="100")
                                 div(class="form-group row")
                                     input#logo(name="logo", class="form-control-file", type="file")
-                        if !information.isPublished
-                            input(name="isPublished", type="hidden", value="false")
-                        else
-                            input(name="isPublished", type="hidden", value="true")
                         input(type="submit", class="btn btn-primary", value="Speichern")
                 hr
-                div(class="mx-4")
-                    if !information.isPublished
-                        h4(class="pb-1") Schritt 2: Dateneingabe
-                        p Bitte stellen Sie sicher, dass sie Folgendes abgeschlossen haben, bevor Sie Ihre Webseite veröffentlichen:
-                    else    
-                        p <b><i>ANMERKUNG:</b></i>
+                div(class="mx-4") 
+                    p <b><i>ANMERKUNG: (Guidelines to complete your website)</b></i>
                     div(class="card")
-                        div(class="card-header") 1. Anpassen der Standardwerte in <a href=#{information.settingUrl} target="_blank"><i>settings.js</i></a>
+                        - let indexLink = "https://transfer.hft-stuttgart.de/gitlab/"+information.path+"/-/edit/master/public/home/index.html"
+                        - let settingLink = "https://transfer.hft-stuttgart.de/gitlab/"+information.path+"/-/edit/master/public/settings.js"
+                        div(class="card-header") 1. <a href=#{indexLink} target="_blank"><i>index.html</i></a>
+                        div(class="card-body")
+                            p Klicken Sie anschließend auf <i>commit changes</i>, um die Änderungen zu speichern.
+                        div(class="card-header") 2. Anpassen der Standardwerte in <a href=#{settingLink} target="_blank"><i>settings.js</i></a>
                         div(class="card-body") Passen Sie die Werte für projektname und projektseitenlink an, indem Sie die entsprechenden Werte in die Anführungszeichen schreiben.
                             img(src="https://m4lab.hft-stuttgart.de/img/help/edit_settings.png", class="img-fluid", style="border: 1px solid gray;", alt="setting.js")
                             p Klicken Sie anschließend auf <i>commit changes</i>, um die Änderungen zu speichern.
-                    div(class="card")
-                        div(class="card-header") 2. Anpassen der Kontaktperson in <a href=#{information.kontaktUrl} target="_blank"><i>kontakt.html</i></a>
-                        div(class="card-body") Passen Sie die Kontaktperson und die Mailadresse an, indem Sie alle Vorkommen von Max Mustermann und die Mailadresse durch Ihre Werte ersetzen.
-                            img(src="https://m4lab.hft-stuttgart.de/img/help/edit_contact.png", class="img-fluid", style="border: 1px solid gray;", alt="kontakt.html")
-                            p Klicken Sie anschließend auf <i>commit changes</i>, um die Änderungen zu speichern.
-                hr
-                div(class="mx-4")
-                    if !information.isPublished
-                        h4(class="pb-1") Schritt 3: Veröffentlichen
-                        p Folgende Anfrage wird an die Administration des Transferportal gesandt, um ihre Webseite/ Informationsseite zu veröffentlichen:
-                        table(class="table-secondary")
-                            tr
-                                td Guten Tag, <br><br> hiermit beantrage Ich die Freischaltung einer Webseite auf dem Transferportal für folgendes Projekt:<br>#{information.name}<br><br>Vielen Dank,<br> #{user.fullName}
-                        br
-                        button(type="button", class="btn btn-primary", onclick="sendPublishRequest()") Nachricht versenden
 
     // jQuery
     script(src="https://code.jquery.com/jquery-3.3.1.min.js")
-- 
GitLab