ccl/hp-library
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added names underneath

Browse Source
This commit is contained in:
Cristina Cochior 2020-05-08 02:36:23 +02:00
parent 079bb14ca2
commit 3db8ffca54
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/css/main.css
View File

@ -39,6 +39,14 @@ div.nav-bottom ul, div.nav-top ul {
padding: 0; padding: 0;
} }
ul {
list-style: none;
}
ul.name-elements li {
padding: 1em;
}
li a.nav-button { li a.nav-button {
display: block; display: block;
text-decoration: none; text-decoration: none;
@ -92,7 +100,7 @@ span.librarian-names:hover, span.file-names:hover {
transform-origin: top left; transform-origin: top left;
border:blue 1px solid; border:blue 1px solid;
height: 50vw; height: 50vw;
width: 50vw; width: 30vw;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
position: absolute; position: absolute;
@ -102,5 +110,17 @@ span.librarian-names:hover, span.file-names:hover {
} }
img.listed-images { img.listed-images {
width: 2rem; width: 100%;
}
video.listed-videos {
width: 100%;
}
audio.listed-audio {
width: 100%;
}
embed.listed-pdf {
width: 100%;
} }

13
templates/layout.html
View File

@ -22,27 +22,28 @@
var item = test[i]; var item = test[i];
if(item.librarian.includes(thename)){ if(item.librarian.includes(thename)){
ledocument = item.debrispath; ledocument = item.debrispath;
lelibrarian = item.librarian;
//put ledocument into li and nest inside ul //put ledocument into li and nest inside ul
var extension = ledocument.replace(/^.*\./, ''); var extension = ledocument.replace(/^.*\./, '');
console.log(ledocument); console.log(ledocument);
if ((extension=="jpg") || (extension=="jpeg") || (extension=="png") || (extension=="gif") || (extension=="tiff")) { if ((extension=="jpg") || (extension=="jpeg") || (extension=="png") || (extension=="gif") || (extension=="tiff")) {
$(".name-elements").append("<li><img class='listed-images' src='/files/"+ledocument+"'></li>"); $(".name-elements").append("<li><img class='listed-images' src='/files/"+ledocument+"'>Librarians: "+lelibrarian+"</li>");
} }
else if (extension=="pdf") { else if (extension=="pdf") {
$(".name-elements").append("<li><embed class='listed-pdf' src='files/"+ledocument+"'/></li>"); $(".name-elements").append("<li><embed class='listed-pdf' src='files/"+ledocument+"'/>Librarians: "+lelibrarian+"</li>");
} }
else if (extension=="epub") { else if (extension=="epub") {
$(".name-elements").append("<li>"+ledocument+"</li>"); $(".name-elements").append("<li>"+ledocument+lelibrarian+"</li>");
} }
else if ((extension=="mp3") || (extension=="wav") || (extension=="m4a")) { else if ((extension=="mp3") || (extension=="wav") || (extension=="m4a")) {
$(".name-elements").append("<li><audio class='listed-audio' controls><source src='files/"+ledocument+"'></audio></li>"); $(".name-elements").append("<li><audio class='listed-audio' controls><source src='files/"+ledocument+"'></audio>Librarians: "+lelibrarian+"</li>");
} }
else if ((extension=="mov") || (extension=="mp4")) { else if ((extension=="mov") || (extension=="mp4")) {
$(".name-elements").append("<li><video class='listed-videos' controls><source src='files/"+ledocument+"'></video></li>"); $(".name-elements").append("<li><video class='listed-videos' controls><source src='files/"+ledocument+"'></video>Librarians: "+lelibrarian+"</li>");
} }
else if ((extension=="odt") || (extension=="docx")) { else if ((extension=="odt") || (extension=="docx")) {
// something for odt and docx // something for odt and docx
$(".name-elements").append("<li>"+ledocument+"</li>"); $(".name-elements").append("<li>"+ledocument+lelibrarian+"</li>");
}; };
}; };
}; };