Skip to content

GitLab

Commit 152a5c08 authored by JOE Thunyathep S's avatar JOE Thunyathep S
Browse files

up

parents
Pipeline #2116 passed with stage
Expand all Hide whitespace changes
Inline Side-by-side
public/imgs/wind-solid.svg 0 → 100644
View file @ 152a5c08
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="wind" class="svg-inline--fa fa-wind fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M156.7 256H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h142.2c15.9 0 30.8 10.9 33.4 26.6 3.3 20-12.1 37.4-31.6 37.4-14.1 0-26.1-9.2-30.4-21.9-2.1-6.3-8.6-10.1-15.2-10.1H81.6c-9.8 0-17.7 8.8-15.9 18.4 8.6 44.1 47.6 77.6 94.2 77.6 57.1 0 102.7-50.1 95.2-108.6C249 291 205.4 256 156.7 256zM16 224h336c59.7 0 106.8-54.8 93.8-116.7-7.6-36.2-36.9-65.5-73.1-73.1-55.4-11.6-105.1 24.9-114.9 75.5-1.9 9.6 6.1 18.3 15.8 18.3h32.8c6.7 0 13.1-3.8 15.2-10.1C325.9 105.2 337.9 96 352 96c19.4 0 34.9 17.4 31.6 37.4-2.6 15.7-17.4 26.6-33.4 26.6H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16zm384 32H243.7c19.3 16.6 33.2 38.8 39.8 64H400c26.5 0 48 21.5 48 48s-21.5 48-48 48c-17.9 0-33.3-9.9-41.6-24.4-2.9-5-8.7-7.6-14.5-7.6h-33.8c-10.9 0-19 10.8-15.3 21.1 17.8 50.6 70.5 84.8 129.4 72.3 41.2-8.7 75.1-41.6 84.7-82.7C526 321.5 470.5 256 400 256z"></path></svg>
\ No newline at end of file
public/index.html 0 → 100644
View file @ 152a5c08
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>RGC Website</title>
<meta charset="utf-8">
<meta name="generator" content="GitLab Pages">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link href="css/main.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/79b3e255a2.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" type="image/png" sizes="32x32" href="./imgs/icon.png">
</head>
<body id="document-body">
<!-- <div id="topbar">
<div id="menu" class="navbar"></div>
</div> -->
<!-- <h1 id='projectname'></h1> Projektname kommt aus settings.js, hier nichts einfügen -->
<!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
<header>
<div class="collapse navbar-light" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 id="rgc_about" class="text-white">About</h4>
<p id="rgc_group" class="text-white">Details about our group to be inserted here... </p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 id="rgc_contact" class="text-white">Contact</h4>
<ul class="list-unstyled">
<!-- <li><a href="#" class="text-white">Follow on Twitter</a></li> -->
<!-- <li><a href="#" class="text-white">Like on Facebook</a></li> -->
<li><a href="mailto:sven.schneider[at]hft-stuttgart.de">Email me</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
<div class="container d-flex justify-content-between">
<a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
class="hftlogo" width="100px">
<h1 id='projectname'></h1>
</a>
<!-- <div class="drop-down">
<select name="options">
<option class="en" value="en"
style="background-image:url('imgs/flags/226-united-states.svg');background-size:2em;">English</option>
<option class="fr" value="fr"
style="background-image:url('imgs/flags/017-germany.svg');background-size:2em;">Germany</option>
<option class="nl" value="nl"
style="background-image:url('imgs/flags/012-uk.svg');background-size:2em;">Nederlands</option>
</select>
</div> -->
<select id="selectpicker1" class="selectpicker" data-img-src="imgs/flags/226-united-states.png"
style="background-color: #cc3125; width: 10em; border-color:#cc3125;" data-width="fit">
<option value='1' class="selectlang" data-img-src="imgs/flags/226-united-states.png"
style="background-color: white;">English</option>
<option value='2' class="selectlang" data-img-src="imgs/flags/226-united-states.png"
style="background-color: white;">Deutsch</option>
</select>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> -->
</div>
</div>
</header>
<main role="main">
<section class="jumbotron text-center hftBackground">
<div class="container">
<img src="imgs/database.svg" class="windSVG" width="100px" alt="wind">
<h1> <b>3D Urban Analytics Lab </b> <br>@HFT Stuttgart </h1>
<p id="rgc_introduction" class="lead text-muted"> (or Vote for new group name) <br>A research group introduction
here ....</p>
<p id="rgc_introduction2">The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart).</p>
</div>
</section>
<div class="search-wrapper">
<div class="input-holder">
<input type="text" id="search-input" class="search-input" placeholder="Type to search" />
<button id="search-button" class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
</div>
<span class="close" onclick="searchToggle(this, event);"></span>
</div>
<div id="cont_proto" class="cont_proto">
<div id="album_one" class="album py-5 bg-light topDownPadding">
<div class="container">
<div>
<h2 id="rgc_application"><i class="fas fa-laptop-code"></i> Our Applications</h2>
<!-- Searchbar -->
<!-- start -->
<!-- end -->
</div>
<p id="rgc_applicationdesc" class="grey-text w-responsive mx-auto mb-5">Research Short Introduction ....</p>
<br>
<div id="row_main" class="row">
</div>
</div>
</div>
<!-- Zeile 3 mit Album -->
</div>
<!-- <br>
<div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group">
<form action="/debug" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary ">DEBUG</button>
</form>
</div>
</div> -->
<hr>
<div class="container">
<h2 id="rgc_publication"><i class="fas fa-book"></i> Our Publication</h2>
<p id="rgc_publicationdesc" class="grey-text w-responsive mx-auto mb-5">Our Publication ...</p>
<!-- <li> Silberer, J., Santhanavanich, T., Müller, P., & Bäumer, T. (2020).
Promoting Objective and Subjective Safety for Cyclists in Metropolitan Areas. In Innovations for Metropolitan Areas (pp. 273–284). Springer
Berlin Heidelberg. https://doi.org/10.1007/978-3-662-60806-7_21
</li> -->
<h5>2020</h5>
<li>
Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors, V.:
<a href="https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020">3D SAFE ROUTING NAVIGATION APPLICATION FOR
PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS</a>, ISPRS Ann. Photogramm. Remote Sens. Spatial Inf.
Sci., VI-4/W2-2020, 143–147, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020
</li>
<li>
Schneider, S., Santhanavanich, T., Koukofikis, A., and Coors, V.:
<a href="https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-157-2020">EXPLORING SCHEMES FOR VISUALIZING URBAN
WIND FIELDS BASED ON CFD SIMULATIONS BY EMPLOYING OGC STANDARDS</a>, ISPRS Ann. Photogramm. Remote Sens.
Spatial Inf. Sci., VI-4/W2-2020, 157–163, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-157-2020
</li>
<li>...</li>
<br>
<h5>2019</h5>
<li>...</li>
</div>
<div class="container">
<div class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-3">
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div>
<div class="col-md-9">
<div class="card-body">
<p class="card-text">Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors,
V.</p>
<h5 class="card-title">3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN
SOURCE TOOLS </h5>
<span class="badge bg-primary">CityGML</span>
<span class="badge bg-secondary">SensorThings API</span>
<span class="badge bg-success">Open Geospatial Consortium</span>
<span class="badge bg-danger">pgRouting</span>
<p class="card-text"><small class="text-muted"> ISPRS Ann. Photogramm. Remote Sens. Spatial Inf. Sci.,
VI-4/W2-2020, 143–147, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020</small>
</p>
</div>
</div>
</div>
</div>
<div class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-9">
<div class="card-body">
<p class="card-text">Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors,
V.</p>
<h5 class="card-title">3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN
SOURCE TOOLS </h5>
<span class="badge badge-pill badge-info">CityGML</span>
<span class="badge badge-pill badge-info">SensorThings API</span>
<span class="badge badge-pill badge-info">Open Geospatial Consortium</span>
<span class="badge badge-pill badge-info">pgRouting</span>
<span class="badge badge-pill badge-info">Warning</span>
<p class="card-text"><small class="text-muted"> ISPRS Ann. Photogramm. Remote Sens. Spatial Inf. Sci.,
VI-4/W2-2020, 143–147, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020</small>
</p>
</div>
</div>
<div class="col-md-3">
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div>
</div>
</div>
<div class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-3">
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div>
<div class="col-md-9">
<div class="card-body">
<h5 class="card-title" style="margin-bottom:0px">
<small>Santhanavanich, T., Wuerstle, P., Silberer, J., Loidl, V., Rodrigues, P., and Coors, V.</small>
<br>
3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS
<br>
<small>
<span class="badge badge-pill badge-light">CityGML</span>
<span class="badge badge-pill badge-light">SensorThings API</span>
<span class="badge badge-pill badge-light">Open Geospatial Consortium</span>
<span class="badge badge-pill badge-light">pgRouting</span>
<span class="badge badge-pill badge-light">Warning</span>
</small>
</h5>
<small class="text-muted"> ISPRS Ann. Photogramm. Remote Sens. Spatial Inf. Sci.,
VI-4/W2-2020, 143–147, https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020
<br>
<button type="button" class="btn btn-outline-success btn-circle"> <i class="far fa-file-pdf"> </i></button>PDF
<button type="button" class="btn btn-outline-danger btn-circle" data-toggle="collapse" data-target="#bibtex-paper-vision" aria-expanded="false" aria-controls="bibtex-paper-vision"> <i class="fas fa-code"></i> </button>BIB
<button type="button" class="btn btn-outline-info btn-circle"> <i class="fas fa-globe"></i> </button>Link
</small>
<pre id="bibtex-paper-vision" class="pre-style collapse">@article{santhanavanich20203d,
title={3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS.},
author={Santhanavanich, T and Wuerstle, P and Silberer, J and Loidl, V and Rodrigues, P and Coors, V},
journal={ISPRS Annals of Photogrammetry, Remote Sensing \& Spatial Information Sciences},
volume={6},
year={2020}
}
}</pre>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="container">
<h2 id="rgc_ourteam"><i class="fas fa-user-friends"></i> Our amazing team</h2>
<!-- Section description -->
<p id="rgc_teamdesc" class="grey-text w-responsive mx-auto mb-5">Team Description ....</p>
<section class="team-section text-center my-5">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<div class="avatar mx-auto">
<img src="./imgs/avatar/volker.Coors.jpg" class="rounded-circle z-depth-1" width="150px">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Prof. Dr. Volker Coors</h5>
<p class="text-uppercase blue-text"><strong>Lab Leader</strong></p>
<p class="grey-text">Profile Description....</p>
<ul class="list-unstyled mb-0">
<!-- Facebook -->
<a class="p-2 fa-lg fb-ic">
<i class="fab fa-facebook-f blue-text"> </i>
</a>
<!-- Twitter -->
<a class="p-2 fa-lg tw-ic">
<i class="fab fa-twitter blue-text"> </i>
</a>
<!-- Instagram -->
<a class="p-2 fa-lg ins-ic">
<i class="fab fa-instagram blue-text"> </i>
</a>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<div class="avatar mx-auto">
<img src="./imgs/avatar/JoeSquare.jpg" class="rounded-circle z-depth-1" width="150px">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Joe T. Santhanavanich</h5>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p>
<p class="grey-text">Profile Description....</p>
<ul class="list-unstyled mb-0">
<!-- Facebook -->
<a class="p-2 fa-lg fb-ic">
<i class="fab fa-facebook-f blue-text"> </i>
</a>
<!-- Instagram -->
<a class="p-2 fa-lg ins-ic">
<i class="fab fa-instagram blue-text"> </i>
</a>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6">
<div class="avatar mx-auto">
<img src="./imgs/avatar/rosanny.jpg" class="rounded-circle z-depth-1" width="150px">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Rosanny S.</h5>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p>
<p class="grey-text">Profile Description....</p>
<ul class="list-unstyled mb-0">
<!-- Facebook -->
<a class="p-2 fa-lg fb-ic">
<i class="fab fa-facebook-f blue-text"> </i>
</a>
<!-- Github -->
<a class="p-2 fa-lg ins-ic">
<i class="fab fa-github blue-text"> </i>
</a>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-md-0 mb-5">
<div class="avatar mx-auto">
<img src="./imgs/avatar/PatrickSquare.jpg" class="rounded-circle z-depth-1" width="150px">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Patrick Wuerstle</h5>
<p class="text-uppercase blue-text"><strong>Researcher</strong></p>
<p class="grey-text">Profile Description....</p>
<ul class="list-unstyled mb-0">
<!-- Facebook -->
<a class="p-2 fa-lg fb-ic">
<i class="fab fa-facebook-f blue-text"> </i>
</a>
<!-- Instagram -->
<a class="p-2 fa-lg ins-ic">
<i class="fab fa-instagram blue-text"> </i>
</a>
<!-- Dribbble -->
<a class="p-2 fa-lg ins-ic">
<i class="fab fa-dribbble blue-text"> </i>
</a>
</ul>
</div>
</div>
<!-- Grid row -->
</section>
<!-- Section: Team v.1 -->
</div>
</main>
<!-- Section: Team v.1 -->
<footer class="text-white">
<div class="container">
<p class="float-right">
<a id="rgc_backtotop" href="#">Back to top</a>
</p>
<p>&copy; HFT Stuttgart, 2020.</p>
<a href="https://www.hft-stuttgart.de/impressum" target="_blank">Impressum</a>
<a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a>
</div>
</footer>
<!-- Test -->
<!-- /////////////////////////////////////// -->
<!-- Language selector -->
<!-- full jquery needed -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css">
<script src="js/language.js"></script>
<script src="js/add_content.js"></script>
<!-- search library -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js"></script>
<link rel="stylesheet" href="./css/search.css">
<link rel="stylesheet" href="./css/language.css">
<script src="js/search.js"></script>
<!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
<!-- <script src="settings.js"> </script> -->
<!-- <script src="./js/jquery.slim.min.js"></script> -->
<script src="./js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
\ No newline at end of file
public/js/add_content.js 0 → 100644
View file @ 152a5c08
function addcontent(item){
var new_row = document.getElementById("row_main")
// Prepare YouTube Link
// var array_contains_youtube = true
var YouTubeHTML = ''
if ('youtube' in item.links) { // to be replaced by if (item.YouTubelink) or so...
var YouTubelink = item.links.youtube // to be replaced by item.YouTubelink or so...
YouTubeHTML = `<a class="btn btn-sm btn-outline-danger" href="${YouTubelink}">YouTube</a>`
}
var description = ""
if (lang_setting == "1"){
description = item.item.description_en
} else if (lang_setting == "2"){
description = item.item.description_de
}
// Prepare Explore Link
// var array_contains_explore_link = true
var ExploreHTML = ''
if ('demo' in item.links) { // to be replaced by if (item.YouTubelink) or so...
var ExploreLink = item.links.demo // to be replaced by item.ExploreLink or so...
ExploreHTML = `<a class="btn btn-sm btn-outline-secondary" href="${ExploreLink}">Explore</a>`
}
new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' +
'<div class="card mb-4 shadow-sm extension">' +
'<h5>'+ item.item.title +' <span class="lead text-muted"> ' + item.item.project + '</span></h5>' +
'<img class="thumbimg" src="' + item.item.imageLink + '" alt="">' +
'<div class="card-body">' +
'<p class="card-text-lg small">' +
description +
'<br>' +
'<b><i class="fas fa-user"></i> Contact Person</b>: <a' +
'href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"> ' + item.item.author.firstName +
' ' + item.item.author.lastName + '</a> <br>' +
'<b><i class="fas fa-star"></i> Keywords</b>: ' + item.item.keywords.join(', ') + '</br>' +
ExploreHTML + '&nbsp;' +
YouTubeHTML +
'</p>' +
'</div>' +
'</div>' +
'</div>'
}
public/js/bootstrap.min.js 0 → 100644
View file @ 152a5c08
This diff is collapsed.
public/js/jquery.slim.min.js 0 → 100644
View file @ 152a5c08
This diff is collapsed.
public/js/language.js 0 → 100644
View file @ 152a5c08
// placeholder for real language selection
$('.selectpicker').change(function(){
lang_setting = $(this).val();
language($(this).val());
$.getJSON("./content/content.json", function(result){
stuff = result;
var new_row = document.getElementById("row_main")
new_row.innerHTML = "";
var arrayLength = stuff.length;
for (var i = 0; i < arrayLength; i++) {
addcontent(stuff[i]);
//Do something
}
});
// alert($(this).val());
})
var lang_setting = "2"
function language(lang){
//Change the language settings of the general Elements
// declare all the fields
var rgc_about = document.getElementById("rgc_about")
var rgc_group = document.getElementById("rgc_group")
var rgc_contact = document.getElementById("rgc_contact")
var rgc_introduction = document.getElementById("rgc_introduction")
var rgc_introduction2 = document.getElementById("rgc_introduction2")
var rgc_application = document.getElementById("rgc_application")
var rgc_applicationdesc = document.getElementById("rgc_applicationdesc")
var rgc_publication = document.getElementById("rgc_publication")
var rgc_publicationdesc = document.getElementById("rgc_publicationdesc")
var rgc_ourteam = document.getElementById("rgc_ourteam")
var rgc_teamdesc = document.getElementById("rgc_teamdesc")
var rgc_backtotop = document.getElementById("rgc_backtotop")
if (lang == "1"){
rgc_about.innerHTML = "About"
rgc_group.innerHTML = "Details about our group to be inserted here... "
rgc_contact.innerHTML = "Contact"
rgc_introduction.innerHTML =" (or Vote for new group name) <br>A research group introduction here ...."
rgc_introduction2.innerHTML = "The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart)."
rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Our Applications"
rgc_applicationdesc.innerHTML = "Research Short Introduction ...."
rgc_publication.innerHTML = "<i class='fas fa-book'></i> Our Publication"
rgc_publicationdesc.innerHTML = "Our Publication ..."
rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Our amazing team"
rgc_teamdesc.innerHTML = "Team Description ...."
rgc_backtotop.innerHTML = "Back to top"
} else if (lang == "2"){
rgc_about.innerHTML = "About"
rgc_group.innerHTML = "Details über unsere Gruppe... "
rgc_contact.innerHTML = "Kontakt"
rgc_introduction.innerHTML =" (oder Stimme für einen Gruppennamen) <br>Eine Vorstellung der Forschungsgruppe folgt hier ...."
rgc_introduction2.innerHTML = "Die Forschungsprojekte an der HFT Stuttgart (Hochschule für Technik Stuttgart)."
rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Unsere Anwendungen"
rgc_applicationdesc.innerHTML = "Forschung Kurzvorstellung ...."
rgc_publication.innerHTML = "<i class='fas fa-book'></i> Unsere Veröffentlichungen"
rgc_publicationdesc.innerHTML = "Unsere Veröffentlichungen ..."
rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Unser Team"
rgc_teamdesc.innerHTML = "Team Beschreibung ...."
rgc_backtotop.innerHTML = "Zurück an den Anfang"
}
}
\ No newline at end of file
public/js/popper.min.js 0 → 100644
View file @ 152a5c08
This diff is collapsed.
public/js/search.js 0 → 100644
View file @ 152a5c08
// search options
// --- needs to be adapted to the form of our content
const options = {
includeScore: true,
// Search in `author` and in `tags` array
keys: ["item.title","item.keywords",
"item.author.firstName", "item.author.lastName"]
}
// start search
var searchanswer
function search(){
const fuse = new Fuse(stuff, options);
searchanswer = fuse.search(document.getElementById("search-input").value)
var new_row = document.getElementById("row_main")
new_row.innerHTML = "";
var searchLength = searchanswer.length;
for (var i = 0; i < searchLength; i++) {
addcontent(searchanswer[i].item);
//Do something
}
// alert(searchanswer);
console.log(searchanswer);
}
//get json
// --- can be adapted if we load the content from the json
var stuff = []
// $.getJSON("./content/content.json", function(result){
// stuff = result;
// var new_row = document.getElementById("row_main")
// new_row.innerHTML = "";
// var arrayLength = stuff.length;
// for (var i = 0; i < arrayLength; i++) {
// addcontent(stuff[i]);
// //Do something
// }
// // stuff.forEach(addcontent());
// });
$(document).ready(function(){
$.getJSON("./content/content.json", function(result){
stuff = result;
var new_row = document.getElementById("row_main")
new_row.innerHTML = "";
var arrayLength = stuff.length;
for (var i = 0; i < arrayLength; i++) {
addcontent(stuff[i]);
//Do something
}
});
var userLang = navigator.language || navigator.userLanguage;
console.log("The language is: " + userLang);
if (userLang.includes("de")){
console.log(true)
var select1 = document.getElementById('selectpicker1');
console.log(select1)
select1.value = "2";
select1.dispatchEvent(new Event('change'));
}
});
// window.onload = function () {
// var e = document.getElementById("selectpicker1");
// e.value = 2;
// e.dispatchEvent(new Event('change'));
// };
// searchbar and start search
function searchToggle(obj, evt){
console.log("arrive")
var container = $(obj).closest('.search-wrapper');
if(!container.hasClass('active')){
container.addClass('active');
evt.preventDefault();
console.log("first")
}
else if(container.hasClass('active') && $(obj).closest('.input-holder').length == 0){
container.removeClass('active');
// clear input
console.log("second")
var new_row = document.getElementById("row_main")
new_row.innerHTML = "";
var arrayLength = stuff.length;
for (var i = 0; i < arrayLength; i++) {
addcontent(stuff[i]);
//Do something
}
container.find('.search-input').val('');
} else {
console.log("search")
search();
// addcontent();
}
}
// search on enter
var input = document.getElementById("search-input");
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("search-button").click();
}
});
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal