mwinter/unboundedpress
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

updating year and release info

Browse source
This commit is contained in:
mwinter 2021-01-31 16:50:05 +01:00
parent 167be49392
commit 1ebbbaa632
2 changed files with 222 additions and 184 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

358
public/javascripts/global.js
View file

@ -13,15 +13,15 @@ $(document).ready(function() {
populatePieces('secondary'); populatePieces('secondary');
populatePublications(); populatePublications();
populateReleases(); populateReleases();
populatePerformances(2020, 'composer', true); populatePerformances(2021, 'composer', true);
populateTalks(2020, true); populateTalks(2021, true);
populateAbout(); populateAbout();
populateGallerySelector(); populateGallerySelector();
if (window.location.href.split('/').pop().substring(0,3) != "#lg") { if (window.location.href.split('/').pop().substring(0,3) != "#lg") {
window.history.replaceState("object or string", "Title", "/"); window.history.replaceState("object or string", "Title", "/");
}
} }
}
$( window ).resize(function() { $( window ).resize(function() {
resetDivHeights(); resetDivHeights();
@ -76,15 +76,15 @@ $(document).ready(function() {
$('#eventtypepicker').append($('<option />').val('performer').html('as performer/guest')); $('#eventtypepicker').append($('<option />').val('performer').html('as performer/guest'));
$('#eventtypepicker').on('change', function() { $('#eventtypepicker').on('change', function() {
$("#performanceeventslist").empty(); $("#performanceeventslist").empty();
populatePerformances(parseInt($('#yearpicker').val()), this.value, false); populatePerformances(parseInt($('#yearpicker').val()), this.value, false);
}); });
*/ */
$("img").load(function() { $("img").load(function() {
alert($(this).height()); alert($(this).height());
alert($(this).width()); alert($(this).width());
}); });
}); });
@ -99,7 +99,7 @@ function resetDivHeights(){
//$('#pieces').height($('#releases').height()); //$('#pieces').height($('#releases').height());
//$('#releases').height($('#writings').height()); //$('#releases').height($('#writings').height());
$('#pieces').css('height', '1850px'); $('#pieces').css('height', '2400px');
//if($('#writings').height() >= $('#releases').height()){ //if($('#writings').height() >= $('#releases').height()){
// $('#pieces').height($('#writings').height()); // $('#pieces').height($('#writings').height());
//} else { //} else {
@ -362,14 +362,14 @@ function populatePieces(type) {
}); });
if(typeof doc != 'undefined'){ if(typeof doc != 'undefined'){
} else{ } else{
documentButton.on('onSlideItemLoad.lg', function(event, index){ documentButton.on('onSlideItemLoad.lg', function(event, index){
window.history.replaceState(null, null, "/scores/" + score_data.filename); window.history.replaceState(null, null, "/scores/" + score_data.filename);
}); });
documentButton.on('onCloseAfter.lg', function(event, prevIndex, index){ documentButton.on('onCloseAfter.lg', function(event, prevIndex, index){
window.history.replaceState("object or string", "Title", "/"); window.history.replaceState("object or string", "Title", "/");
}) })
} }
@ -445,7 +445,7 @@ function populateReleases() {
releaseli = $('<li id=release_li_item'+index+'>'); releaseli = $('<li id=release_li_item'+index+'>');
$('ul#releaseslist').addClass('content-list').prepend(releaseli); $('ul#releaseslist').addClass('content-list').prepend(releaseli);
var img, thumb, head; var img, thumb, head, title, caption, cartButton, infoButton, cartRef, infoRef;
img = data.img; img = data.img;
thumb = data.thumb; thumb = data.thumb;
if (typeof thumb === 'undefined' ) { if (typeof thumb === 'undefined' ) {
@ -457,9 +457,37 @@ function populateReleases() {
var imgsrc = BASE_URL + "/unboundedpress/album_art.files/" + img._id['$oid'] +"/binary"; var imgsrc = BASE_URL + "/unboundedpress/album_art.files/" + img._id['$oid'] +"/binary";
var thumbsrc = BASE_URL + "/unboundedpress/album_art.files/" + thumb._id['$oid'] +"/binary"; var thumbsrc = BASE_URL + "/unboundedpress/album_art.files/" + thumb._id['$oid'] +"/binary";
title = $('<div>').addClass('caption').append(data.title);
title.css('text-align', 'center');
caption = $('<div>').addClass('caption')
caption.css('text-align', 'center');
caption.css('padding-bottom', '25px');
if(data.discogs_id) {
infoRef = 'https://www.discogs.com/release/' + data.discogs_id;
infoButton = $('<button id=release_info_button_'+index+" data-iframe='true' data-src='"+ infoRef +"'>")
.attr({title: "discogs info"}).addClass('info_icon');
infoButton.click(function() {
window.open(infoRef);
});
}
if(data.buy_link) {
cartRef = data.buy_link;
cartButton = $('<button id=release_cart_button_'+index+" data-iframe='true' data-src='"+ cartRef +"'>")
.attr({title: "buy"}).addClass('cart_icon');
cartButton.click(function() {
window.open(cartRef);
});
}
caption.append([infoButton, cartButton]);
head = $('<h4>').append($("<a href='"+imgsrc+"' data-download-url='/album_art/"+data.album_art+"'>") head = $('<h4>').append($("<a href='"+imgsrc+"' data-download-url='/album_art/"+data.album_art+"'>")
.append($('<img>').attr({src: thumbsrc}).css('width','100%'))); .append($('<img>').attr({src: thumbsrc}).css('width','100%')));
releaseli.append(head); releaseli.append(title).append(head).append(caption);
} }
objCount++; objCount++;
@ -606,7 +634,7 @@ function populatePerformances(year, eventType, loadUpcoming) {
//console.log(upcomingCount); //console.log(upcomingCount);
if (upcomingLoadedCount==2) { if (upcomingLoadedCount==2) {
if(upcomingCount == 0 && year == 2020){ if(upcomingCount == 0 && year == 2021){
$('#upcoming').css('visibility', 'hidden') $('#upcoming').css('visibility', 'hidden')
} else { } else {
@ -726,163 +754,163 @@ function populatePublications() {
href = "/pubs/"+data.entryTags.howpublished; href = "/pubs/"+data.entryTags.howpublished;
download = "' data-download-url='/pubs/"+data.entryTags.howpublished; download = "' data-download-url='/pubs/"+data.entryTags.howpublished;
} else { } else {
href = data.entryTags.howpublished; href = data.entryTags.howpublished;
} }
if (false /*href.substring(0, 4) == "http"*/){ if (false /*href.substring(0, 4) == "http"*/){
console.log(href); console.log(href);
documentButton = $('<button id=piece_document_button_'+index+" onclick=' window.open('" + href.replace(/\//g, '\/') + "','_blank')>") documentButton = $('<button id=piece_document_button_'+index+" onclick=' window.open('" + href.replace(/\//g, '\/') + "','_blank')>")
.attr({title: "view"}).addClass('score_icon'); .attr({title: "view"}).addClass('score_icon');
} else { } else {
documentButton = $('<button id=piece_document_button_'+index+" data-iframe='true' data-src='"+href+download+"'>") documentButton = $('<button id=piece_document_button_'+index+" data-iframe='true' data-src='"+href+download+"'>")
.attr({title: "view"}).addClass('score_icon'); .attr({title: "view"}).addClass('score_icon');
if(typeof doc != 'undefined'){ if(typeof doc != 'undefined'){
documentButton.lightGallery({ documentButton.lightGallery({
selector: 'this', selector: 'this',
width: '90%', width: '90%',
hash: false, hash: false,
galleryId: 'pub_viewer_'+index galleryId: 'pub_viewer_'+index
}); });
if(typeof doc != 'undefined'){ if(typeof doc != 'undefined'){
documentButton.on('onSlideItemLoad.lg', function(event, index){ documentButton.on('onSlideItemLoad.lg', function(event, index){
window.history.replaceState(null, null, href); window.history.replaceState(null, null, href);
}); });
documentButton.on('onCloseAfter.lg', function(event, prevIndex, index){ documentButton.on('onCloseAfter.lg', function(event, prevIndex, index){
window.history.replaceState("object or string", "Title", "/"); window.history.replaceState("object or string", "Title", "/");
}) })
} else{ } else{
documentButton.on('onBeforeSlide.lg', function(event, prevIndex, index){ documentButton.on('onBeforeSlide.lg', function(event, prevIndex, index){
$('.lg-inner').css('background-color', 'white') $('.lg-inner').css('background-color', 'white')
}); });
documentButton.on('onSlideItemLoad.lg', function(event, index){ documentButton.on('onSlideItemLoad.lg', function(event, index){
window.history.replaceState("object or string", "Title", "/redirect=" + href); window.history.replaceState("object or string", "Title", "/redirect=" + href);
}); });
documentButton.on('onCloseAfter.lg', function(event, prevIndex, index){ documentButton.on('onCloseAfter.lg', function(event, prevIndex, index){
window.history.replaceState("object or string", "Title", "/"); window.history.replaceState("object or string", "Title", "/");
}) })
} }
} else { } else {
//documentButton = $('<button id=piece_document_button_'+index+">").attr({title: "view"}).addClass('score_icon'); //documentButton = $('<button id=piece_document_button_'+index+">").attr({title: "view"}).addClass('score_icon');
documentButton.click(function() { documentButton.click(function() {
window.open(href); window.open(href);
}); });
} }
}
} else {
documentButton = $('<button id=piece_document_button_'+index+">").attr({title: "view"}).addClass('score_icon');
documentButton.css('visibility', 'hidden');
}
icons = $('<span>').addClass('icon_span_pub').append(documentButton);
head.append(icons)
publi.append(subHead.css('width', '80%').css('margin-top', '-3px'))
objCount++;
if(objCount == len){
resetDivHeights();
}
});
});
}
function populateGallerySelector() {
audioButton = $('<button id=gallery_audio_button>').attr({title: "audio"}).addClass('audio_icon');
audioButton.click(function() {
embedAudioGallery(true);
});
videoButton = $('<button id=gallery_video_button>').attr({title: "video"}).addClass('video_icon');
videoButton.click(function() {
embedVideoGallery();
});
imageButton = $('<button id=gallery_image_button>').attr({title: "image"}).addClass('photo_icon');
imageButton.click(function() {
embedImageGallery();
});
$('#gallerySelector').append([audioButton, videoButton, imageButton]);
}
function populateAbout() {
var head = $('<h4>').append($('<div>').css('width', '50px').css('min-width', '50px').append('CV'));
var documentButton = $("<button id=cv_button data-iframe='true' data-src='/cv'>").attr({title: "CV"}).addClass('score_icon');
documentButton.lightGallery({
selector: 'this',
width: '90%',
galleryId: 'cv'
});
head.append(documentButton).insertBefore('#mc_embed_signup');
$('#my_image').html("");
$('#my_image').append("<ul id='myimagegallerylist'>");
$.getJSON(BASE_URL + '/unboundedpress/my_image_gallery/_aggrs/my_image_gallery?pagesize=200', function(data) {
var objCount = 0
var len=Object.keys(data._embedded).length;
$.each(data._embedded, function(index, data){
var galleryli;
var img, thumb, head;
img = data.img;
thumb = data.thumb;
if (typeof thumb === 'undefined' ) {
thumb = img;
} else if (thumb.length === 0 ) {
thumb = img;
}
if (img) {
var imgsrc = BASE_URL + "/unboundedpress/images.files/" + img._id['$oid'] +"/binary";
var thumbsrc = BASE_URL + "/unboundedpress/images.files/" + thumb._id['$oid'] +"/binary";
var caption = "<div class='caption'><p>photo credit: "+ data.credit +"</p></div>";
galleryli = $("<li id=my_imagegallery_li_item"+index+" href='"+imgsrc+"' data-download-url='/images/"+data.image+"'>'");
$('ul#myimagegallerylist').prepend(galleryli);
galleryli.append($('<img>').attr({src: thumbsrc}).css('max-width','100%'))
if (data.credit) {
galleryli.append(caption);
}
}
objCount++;
if(objCount == len){
$('ul#myimagegallerylist').lightSlider({
item:1,
loop:false,
pager: false,
dropOnHover:false,
enableDrag: false,
adaptiveHeight:true,
//auto:true,
onSliderLoad: function(el) {
el.lightGallery({
selector: '#myimagegallerylist .lslide',
galleryId: 'portaits',
//subHtmlSelectorRelative: true
});
} }
});
}
} else {
documentButton = $('<button id=piece_document_button_'+index+">").attr({title: "view"}).addClass('score_icon');
documentButton.css('visibility', 'hidden');
}
icons = $('<span>').addClass('icon_span_pub').append(documentButton);
head.append(icons)
publi.append(subHead.css('width', '80%').css('margin-top', '-3px'))
objCount++;
if(objCount == len){
resetDivHeights();
}
});
}); });
}); }
} function populateGallerySelector() {
audioButton = $('<button id=gallery_audio_button>').attr({title: "audio"}).addClass('audio_icon');
audioButton.click(function() {
embedAudioGallery(true);
});
videoButton = $('<button id=gallery_video_button>').attr({title: "video"}).addClass('video_icon');
videoButton.click(function() {
embedVideoGallery();
});
imageButton = $('<button id=gallery_image_button>').attr({title: "image"}).addClass('photo_icon');
imageButton.click(function() {
embedImageGallery();
});
$('#gallerySelector').append([audioButton, videoButton, imageButton]);
}
function populateAbout() {
var head = $('<h4>').append($('<div>').css('width', '50px').css('min-width', '50px').append('CV'));
var documentButton = $("<button id=cv_button data-iframe='true' data-src='/cv'>").attr({title: "CV"}).addClass('score_icon');
documentButton.lightGallery({
selector: 'this',
width: '90%',
galleryId: 'cv'
});
head.append(documentButton).insertBefore('#mc_embed_signup');
$('#my_image').html("");
$('#my_image').append("<ul id='myimagegallerylist'>");
$.getJSON(BASE_URL + '/unboundedpress/my_image_gallery/_aggrs/my_image_gallery?pagesize=200', function(data) {
var objCount = 0
var len=Object.keys(data._embedded).length;
$.each(data._embedded, function(index, data){
var galleryli;
var img, thumb, head;
img = data.img;
thumb = data.thumb;
if (typeof thumb === 'undefined' ) {
thumb = img;
} else if (thumb.length === 0 ) {
thumb = img;
}
if (img) {
var imgsrc = BASE_URL + "/unboundedpress/images.files/" + img._id['$oid'] +"/binary";
var thumbsrc = BASE_URL + "/unboundedpress/images.files/" + thumb._id['$oid'] +"/binary";
var caption = "<div class='caption'><p>photo credit: "+ data.credit +"</p></div>";
galleryli = $("<li id=my_imagegallery_li_item"+index+" href='"+imgsrc+"' data-download-url='/images/"+data.image+"'>'");
$('ul#myimagegallerylist').prepend(galleryli);
galleryli.append($('<img>').attr({src: thumbsrc}).css('max-width','100%'))
if (data.credit) {
galleryli.append(caption);
}
}
objCount++;
if(objCount == len){
$('ul#myimagegallerylist').lightSlider({
item:1,
loop:false,
pager: false,
dropOnHover:false,
enableDrag: false,
adaptiveHeight:true,
//auto:true,
onSliderLoad: function(el) {
el.lightGallery({
selector: '#myimagegallerylist .lslide',
galleryId: 'portaits',
//subHtmlSelectorRelative: true
});
}
});
}
});
});
}

48
public/stylesheets/style.css
View file

@ -33,7 +33,7 @@ h3 {
h4 { h4 {
margin: 5px; margin: 5px;
margin-bottom: 0; margin-bottom: 0;
display:inline-block; display:inline-block;
padding:0px; padding:0px;
font-weight: 100; font-weight: 100;
width: 100%; width: 100%;
@ -85,6 +85,8 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
height:140px; height:140px;
} }
.video-inner:hover {height: 190px}
.header { .header {
width:97%; width:97%;
min-width:1075px; min-width:1075px;
@ -103,7 +105,7 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
.avgallery { .avgallery {
display: inline-block; display: inline-block;
background-color: black; background-color: black;
vertical-align: top; vertical-align: top;
width: 325px; width: 325px;
max-width: 325px; max-width: 325px;
@ -133,7 +135,7 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
text-align:center; text-align:center;
} }
.content{ .content{
min-width: 1075px; min-width: 1075px;
width:97%; width:97%;
margin:20px; margin:20px;
@ -146,7 +148,7 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
padding-right:10px; padding-right:10px;
height:98%; height:98%;
} }
#aboutme{ #aboutme{
float:left; float:left;
width:70%; width:70%;
@ -157,7 +159,7 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
width:25%; width:25%;
max-width:500px; max-width:500px;
} }
.css-table { .css-table {
height:100%; height:100%;
width:100%; width:100%;
@ -199,46 +201,46 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
margin:auto; margin:auto;
} }
.venue { .venue {
color: #7F7F7F; color: #7F7F7F;
display:block display:block
padding:0px; padding:0px;
margin-left:30px; margin-left:30px;
} }
.event-details{ .event-details{
display:block display:block
padding:0px; padding:0px;
margin-left:60px; margin-left:60px;
} }
.upcoming-pieces{ .upcoming-pieces{
display:block display:block
padding:0px; padding:0px;
margin-left:40px; margin-left:40px;
} }
.upcoming-ensemble{ .upcoming-ensemble{
display:block display:block
padding:0px; padding:0px;
margin-left:50px; margin-left:50px;
} }
.event-pieces{ .event-pieces{
display:block display:block
padding:0px; padding:0px;
padding-top:3px; padding-top:3px;
margin-left:60px; margin-left:60px;
} }
.event-performers{ .event-performers{
display:block display:block
padding:0px; padding:0px;
margin-left:90px; margin-left:90px;
/*margin-right:90px;*/ /*margin-right:90px;*/
} }
.event-ensemble{ .event-ensemble{
display:block display:block
padding:0px; padding:0px;
margin-left:80px; margin-left:80px;
@ -250,7 +252,7 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
padding-left: 5px; padding-left: 5px;
padding-right: 20px; padding-right: 20px;
} }
.content-list { .content-list {
list-style: none; list-style: none;
padding-left: 5px; padding-left: 5px;
@ -259,15 +261,15 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
}​ }​
.toggle { .toggle {
display: inline-block; display: inline-block;
width: 20px; width: 20px;
color: #7F7F7F; color: #7F7F7F;
vertical-align : top; vertical-align : top;
} }
.header_span{ .header_span{
display: inline-block; display: inline-block;
min-width: 200px; min-width: 200px;
width: 95%; width: 95%;
} }
@ -307,7 +309,7 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
padding-top: 10px; padding-top: 10px;
} }
.score_icon, .audio_icon, .video_icon, .photo_icon, .download_icon { .score_icon, .audio_icon, .video_icon, .photo_icon, .download_icon, .cart_icon, .info_icon {
margin-right:10px; margin-right:10px;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -335,6 +337,14 @@ iframe.videoGalleryFrame:hover {height: 190px; width:300px}
background-image: url(../images/download_icon.png); background-image: url(../images/download_icon.png);
} }
.cart_icon {
background-image: url(../images/cart_icon.png);
}
.info_icon {
background-image: url(../images/info_icon.png);
}
.lg-backdrop.in { .lg-backdrop.in {
opacity: 1; opacity: 1;
} }