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") × 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