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 { ...@@ -142,4 +142,8 @@ body {
left: 0px; left: 0px;
top: 10px; 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 @@ ...@@ -129,9 +129,22 @@
</div> --> </div> -->
<hr> <hr>
<div class="container"> <div class="container">
<h2 id="rgc_publication"><i class="fas fa-book"></i> Our Publication</h2> <div class="linesearch" style="width:100%">
<p id="rgc_publicationdesc" class="grey-text w-responsive mx-auto mb-5">Our Publication ...</p> <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). <!-- <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 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 Berlin Heidelberg. https://doi.org/10.1007/978-3-662-60806-7_21
...@@ -155,8 +168,8 @@ ...@@ -155,8 +168,8 @@
<li>...</li> <li>...</li>
</div> </div>
<div class="container"> <div class="container" id="cont_paper">
<div class="card" style="max-width: 1080px;"> <!-- <div class="card" style="max-width: 1080px;">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%"> <img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
...@@ -178,9 +191,9 @@ ...@@ -178,9 +191,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<div class="card" style="max-width: 1080px;"> <!-- <div class="card" style="max-width: 1080px;">
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-md-9">
...@@ -204,7 +217,7 @@ ...@@ -204,7 +217,7 @@
<img src="imgs/publication/3droute.jpg" alt="..." style="width:100%"> <img src="imgs/publication/3droute.jpg" alt="..." style="width:100%">
</div> </div>
</div> </div>
</div> </div> -->
<div class="card" style="max-width: 1080px;"> <div class="card" style="max-width: 1080px;">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
...@@ -384,6 +397,7 @@ ...@@ -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"> <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/language.js"></script>
<script src="js/add_content.js"></script> <script src="js/add_content.js"></script>
<script src="js/add_paper.js"></script>
<!-- search library --> <!-- search library -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <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> <script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js"></script>
...@@ -398,4 +412,4 @@ ...@@ -398,4 +412,4 @@
</body> </body>
</html> </html>
\ No newline at end of file
public/js/add_content.js
View file @ 576b382f
function addcontent(item){ function addcontent(item){
var new_row = document.getElementById("row_main") var new_row = document.getElementById("row_main")
if(item === undefined) {
}else{
// Prepare YouTube Link // Prepare YouTube Link
// var array_contains_youtube = true // var array_contains_youtube = true
var YouTubeHTML = '' var YouTubeHTML = ''
...@@ -40,6 +44,6 @@ function addcontent(item){ ...@@ -40,6 +44,6 @@ function addcontent(item){
'</div>' + '</div>' +
'</div>' + '</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 = { ...@@ -6,9 +6,16 @@ const options = {
keys: ["item.title","item.keywords", keys: ["item.title","item.keywords",
"item.author.firstName", "item.author.lastName"] "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 // start search
var searchanswer var searchanswer
var searchanswer_paper
function search(){ function search(){
const fuse = new Fuse(stuff, options); const fuse = new Fuse(stuff, options);
searchanswer = fuse.search(document.getElementById("search-input").value) searchanswer = fuse.search(document.getElementById("search-input").value)
...@@ -23,10 +30,24 @@ function search(){ ...@@ -23,10 +30,24 @@ function search(){
// alert(searchanswer); // alert(searchanswer);
console.log(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 //get json
// --- can be adapted if we load the content from the json // --- can be adapted if we load the content from the json
var stuff = [] var stuff = []
var stuff_paper = []
// $.getJSON("./content/content.json", function(result){ // $.getJSON("./content/content.json", function(result){
// stuff = result; // stuff = result;
// var new_row = document.getElementById("row_main") // var new_row = document.getElementById("row_main")
...@@ -49,6 +70,21 @@ $(document).ready(function(){ ...@@ -49,6 +70,21 @@ $(document).ready(function(){
//Do something //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; var userLang = navigator.language || navigator.userLanguage;
console.log("The language is: " + userLang); console.log("The language is: " + userLang);
if (userLang.includes("de")){ if (userLang.includes("de")){
...@@ -94,6 +130,36 @@ function searchToggle(obj, evt){ ...@@ -94,6 +130,36 @@ function searchToggle(obj, evt){
// addcontent(); // 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 // search on enter
var input = document.getElementById("search-input"); var input = document.getElementById("search-input");
...@@ -103,4 +169,13 @@ input.addEventListener("keyup", function(event) { ...@@ -103,4 +169,13 @@ input.addEventListener("keyup", function(event) {
document.getElementById("search-button").click(); 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