Skip to content

GitLab

Commit 576b382f authored by Patrick's avatar Patrick
Browse files

update Paper again

parent 9ac8ab13
Pipeline #2156 passed with stage
in 24 seconds
Hide whitespace changes
Inline Side-by-side
public/content/paper.json 0 → 100644
View file @ 576b382f
[
{
"item": {
"title": "3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS",
"project": "Hackathon",
"authors": [
{
"firstName": "T",
"lastName": "Santhanavanich."
},{
"firstName": "P",
"lastName": "Wuerstle"
},{
"firstName": "J",
"lastName": "Silberer"
},{
"firstName": "V",
"lastName": "Loidl"
},{
"firstName": "P",
"lastName": "Rodrigues"
},{
"firstName": "V",
"lastName": "Coors"
}
],
"imageLink":"imgs/publication/3droute.jpg",
"keywords":["CityGML","SensorThings API","Open Geospatial Consortium","pgRouting","Warning"],
"journal": {
"name":"ISPRS Annals of Photogrammetry, Remote Sensing & Spatial Information Sciences",
"volume":"VI-4/W2-2020",
"year":"2020",
"pages":"143-147"
},
"DOI":"https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020"
},
"links": {
"pdf":"",
"url": "https://www.isprs-ann-photogramm-remote-sens-spatial-inf-sci.net/VI-4-W2-2020/143/2020/",
"demo": "https://m4lab.hft-stuttgart.de/partizipation/"
}
},
{
"item": {
"title": "3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS",
"project": "Hackathon",
"authors": [
{
"firstName": "T",
"lastName": "Santhanavanich."
},{
"firstName": "P",
"lastName": "Wuerstle"
},{
"firstName": "J",
"lastName": "Silberer"
},{
"firstName": "V",
"lastName": "Loidl"
},{
"firstName": "P",
"lastName": "Rodrigues"
},{
"firstName": "V",
"lastName": "Coors"
}
],
"imageLink":"imgs/publication/3droute.jpg",
"keywords":["CityGML","SensorThings API","Open Geospatial Consortium","pgRouting","Warning"],
"journal": {
"name":"ISPRS Annals of Photogrammetry, Remote Sensing & Spatial Information Sciences",
"volume":"VI-4/W2-2020",
"year":"2020",
"pages":"143--147"
},
"DOI":"https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020"
},
"links": {
"pdf":"",
"url": "https://www.isprs-ann-photogramm-remote-sens-spatial-inf-sci.net/VI-4-W2-2020/143/2020/",
"demo": "https://m4lab.hft-stuttgart.de/partizipation/"
}
},
{
"item": {
"title": "3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS",
"project": "Hackathon",
"authors": [
{
"firstName": "T",
"lastName": "Santhanavanich."
},{
"firstName": "P",
"lastName": "Wuerstle"
},{
"firstName": "J",
"lastName": "Silberer"
},{
"firstName": "V",
"lastName": "Loidl"
},{
"firstName": "P",
"lastName": "Rodrigues"
},{
"firstName": "V",
"lastName": "Coors"
}
],
"imageLink":"imgs/publication/3droute.jpg",
"keywords":["CityGML","SensorThings API","Open Geospatial Consortium","pgRouting","Warning"],
"journal": {
"name":"ISPRS Annals of Photogrammetry, Remote Sensing & Spatial Information Sciences",
"volume":"VI-4/W2-2020",
"year":"2020",
"pages":"143--147"
},
"DOI":"https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020"
},
"links": {
"pdf":"",
"url": "https://www.isprs-ann-photogramm-remote-sens-spatial-inf-sci.net/VI-4-W2-2020/143/2020/"
}
},
{
"item": {
"title": "TEST 3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS",
"project": "Hackathon",
"authors": [
{
"firstName": "T",
"lastName": "Santhanavanich."
},{
"firstName": "P",
"lastName": "Wuerstle"
},{
"firstName": "J",
"lastName": "Silberer"
},{
"firstName": "V",
"lastName": "Loidl"
},{
"firstName": "P",
"lastName": "Rodrigues"
},{
"firstName": "V",
"lastName": "Coors"
}
],
"imageLink":"imgs/publication/3droute.jpg",
"keywords":["CityGML","SensorThings API","Open Geospatial Consortium","pgRouting","Warning"],
"conference":{
"name":"Test",
"date":"20.03.2020"
},
"DOI":"https://doi.org/10.5194/isprs-annals-VI-4-W2-2020-143-2020"
},
"links": {
"url": "https://www.isprs-ann-photogramm-remote-sens-spatial-inf-sci.net/VI-4-W2-2020/143/2020/",
"demo": "https://m4lab.hft-stuttgart.de/partizipation/"
}
}
]
public/css/search.css
View file @ 576b382f
......@@ -142,4 +142,8 @@ body {
left: 0px;
top: 10px;
}
\ No newline at end of file
.linesearch {
display: flex; /* equal height of the children */
}
\ No newline at end of file
public/index.html
View file @ 576b382f
......@@ -129,9 +129,22 @@
</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>
<div class="linesearch" style="width:100%">
<div class="col-md-4">
<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>
</div>
<div class="col-md-5"></div>
<div class="col-md-4" style="float:right">
<div class="search-wrapper">
<div class="input-holder">
<input type="text" id="search-input_paper" class="search-input" placeholder="Type to search" />
<button id="search-button_paper" class="search-icon" onclick="searchToggle_paper(this, event);"><span></span></button>
</div>
<span class="close" onclick="searchToggle_paper(this, event);"></span>
</div>
</div>
</div>
<!-- <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
......@@ -155,8 +168,8 @@
<li>...</li>
</div>
<div class="container">
<div class="card" style="max-width: 1080px;">
<div class="container" id="cont_paper">
<!-- <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%">
......@@ -178,9 +191,9 @@
</div>
</div>
</div>
</div>
</div> -->
<div class="card" style="max-width: 1080px;">
<!-- <div class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-9">
......@@ -204,7 +217,7 @@
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div>
</div>
</div>
</div> -->
<div class="card" style="max-width: 1080px;">
<div class="row">
<div class="col-md-3">
......@@ -384,6 +397,7 @@
<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>
<script src="js/add_paper.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>
......@@ -398,4 +412,4 @@
</body>
</html>
</html>
\ No newline at end of file
public/js/add_content.js
View file @ 576b382f
function addcontent(item){
var new_row = document.getElementById("row_main")
if(item === undefined) {
}else{
// Prepare YouTube Link
// var array_contains_youtube = true
var YouTubeHTML = ''
......@@ -40,6 +44,6 @@ function addcontent(item){
'</div>' +
'</div>' +
'</div>'
}
}
public/js/add_paper.js 0 → 100644
View file @ 576b382f
function addpaper(item){
var new_row = document.getElementById("cont_paper")
if(item === undefined) {
}else{
var authors = "";
for (var i = 0; i < item.item.authors.length; i++) {
console.log(i);
authors += item.item.authors[i].lastName + ", " + item.item.authors[i].firstName.substring(0,1) + "., "
//Do something
}
var keywords = "";
for (var i = 0; i < item.item.keywords.length; i++) {
console.log(i);
keywords += '<span class="badge badge-pill badge-light">'+ item.item.keywords[i] +'</span>'
//Do something
}
authors = authors.substring(0, authors.length - 2);
// Prepare YouTube Link
// var array_contains_youtube = true
var YouTubeHTML = ''
if ('pdf' 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 = `<button type="button" href="${YouTubelink}" class="btn btn-outline-info btn-circle"> <i class="fas fa-globe"></i> </button>Link`
}
// Do Authors and Keywords
var doi
if ('journal' in item.item){
doi = '<small class="text-muted"> ' + item.item.journal.name + ',' +
item.item.journal.volume + ', ' + item.item.journal.pages + ', '+ item.item.DOI
}
if ('conference' in item.item){
doi = '<small class="text-muted"> ' + item.item.conference.name + ',' + item.item.conference.date + ', '+ item.item.DOI
}
// 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 = `<button type="button" href="${ExploreLink}" class="btn btn-outline-success btn-circle"> <i class="far fa-file-pdf"> </i></button>PDF`
}
new_row.innerHTML = new_row.innerHTML + '<div class="card" style="max-width: 1080px;">' +
'<div class="row">' +
'<div class="col-md-3">' +
'<img src="' + item.item.imageLink + '" alt="..." style="width:100%">' +
'</div>'+
'<div class="col-md-9">' +
'<div class="card-body">' +
'<h5 class="card-title" style="margin-bottom:0px">' +
'<small>'+ authors +'</small>' +
'<br>' +
item.item.title +
'<br>' +
'<small>' +
keywords +
'</small>' +
'</h5>' +
doi +
'<br>' +
ExploreHTML +
'<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' +
YouTubeHTML +
'</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>'
}
}
public/js/search.js
View file @ 576b382f
......@@ -6,9 +6,16 @@ const options = {
keys: ["item.title","item.keywords",
"item.author.firstName", "item.author.lastName"]
}
const options_paper = {
includeScore: true,
// Search in `author` and in `tags` array
keys: ["item.title","item.keywords",
"item.author.firstName", "item.author.lastName"]
}
// start search
var searchanswer
var searchanswer_paper
function search(){
const fuse = new Fuse(stuff, options);
searchanswer = fuse.search(document.getElementById("search-input").value)
......@@ -23,10 +30,24 @@ function search(){
// alert(searchanswer);
console.log(searchanswer);
}
function search_paper(){
const fuse = new Fuse(stuff_paper, options);
searchanswer_paper = fuse.search(document.getElementById("search-input_paper").value)
var new_row = document.getElementById("cont_paper")
new_row.innerHTML = "";
var searchLength = searchanswer_paper.length;
for (var i = 0; i < searchLength; i++) {
addpaper(searchanswer_paper[i].item);
//Do something
}
// alert(searchanswer);
console.log(searchanswer_paper);
}
//get json
// --- can be adapted if we load the content from the json
var stuff = []
var stuff_paper = []
// $.getJSON("./content/content.json", function(result){
// stuff = result;
// var new_row = document.getElementById("row_main")
......@@ -49,6 +70,21 @@ $(document).ready(function(){
//Do something
}
});
$.getJSON("./content/paper.json", function(result){
stuff_paper = result;
var new_row = document.getElementById("cont_paper")
new_row.innerHTML = "";
var arrayLength = stuff_paper.length;
for (var i = 0; i < arrayLength; i++) {
if(Math.abs(arrayLength - i) <= 2){
console.log("close to " + i)
addpaper(stuff_paper[i]);
}
//Do something
}
});
var userLang = navigator.language || navigator.userLanguage;
console.log("The language is: " + userLang);
if (userLang.includes("de")){
......@@ -94,6 +130,36 @@ function searchToggle(obj, evt){
// addcontent();
}
}
function searchToggle_paper(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("cont_paper")
new_row.innerHTML = "";
var arrayLength = stuff_paper.length;
for (var i = 0; i < arrayLength; i++) {
if(Math.abs(arrayLength - i) <= 2){
console.log("close to " + i)
addpaper(stuff_paper[i]);
}
//Do something
}
container.find('#search-input_paper').val('');
} else {
console.log("search")
search_paper();
// addcontent();
}
}
// search on enter
var input = document.getElementById("search-input");
......@@ -103,4 +169,13 @@ input.addEventListener("keyup", function(event) {
document.getElementById("search-button").click();
}
});
var input = document.getElementById("search-input_paper");
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("search-button_paper").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