bitPickups/friendica_2020-09-1_sharedHosting
1
0
Fork 0
Code Pull requests Activity

event items are now more themeable in the networkstream.

Browse source 
The event description stays the same - but the theme developer can provide an template how the other event data should be organized and look
This commit is contained in:
rabuzarus 2017-10-13 19:42:27 +02:00
commit 553428d1b1
8 changed files with 478 additions and 154 deletions
Download patch file Download diff file Expand all files Collapse all files

21
view/theme/frio/js/mod_events.js
View file

@ -127,17 +127,17 @@ function changeView(action, viewName) {
function eventHoverBodyTemplate() {
var template = '\
<div class="event-card-basic-content media">\
<div class="hover-card-details">\
<div class="hover-card-header left-align">\
<div class="event-hover-left-date left-align">\
<div class="event-card-details">\
<div class="event-card-header">\
<div class="event-card-left-date">\
<span class="event-date-wrapper medium">\
<span class="event-hover-short-month">{5}</span>\
<span class="event-hover-short-date">{6}</span>\
<span class="event-card-short-month">{5}</span>\
<span class="event-card-short-date">{6}</span>\
</span>\
</div>\
<div class="event-card-content media-body">\
<div class="event-hover-title">{2}</div>\
<div class="event-property"><span class="event-hover-date">{4}</span>{3}\
<div class="event-card-title">{2}</div>\
<div class="event-property"><span class="event-card-date">{4}</span>{3}\
{1}\
</div>\
</div>\
@ -150,14 +150,15 @@ function eventHoverBodyTemplate() {
// The template for presenting the event location in the event hover-card
function eventHoverLocationTemplate() {
var template = '<span class="event-hover-location"> {0}</span></div>';
var template = '<span role="presentation" aria-hidden="true"> · </span>\
<span class="event-card-location"> {0}</span></div>';
return template;
}
function eventHoverProfileNameTemplate() {
var template = '\
<div class="event-hover-profile-name profile-entry-name">\
<span class="left-align1"><a href="{0}" class="userinfo">{1}</a></span>\
<div class="event-card-profile-name profile-entry-name">\
<a href="{0}" class="userinfo">{1}</a>\
</div>';
return template;
}

38
view/theme/frio/js/theme.js
View file

@ -353,6 +353,11 @@ $(document).ready(function(){
$("body").removeClass("aside-out");
});
// Event listener for 'Show & hide event map' button in the network stream.
$("body").on("click", ".event-map-btn", function() {
showHideEventMap(this);
});
});
function openClose(theID) {
@ -375,7 +380,6 @@ function showHide(theID) {
}
}
function showHideComments(id) {
if( $('#collapsed-comments-' + id).is(':visible')) {
$('#collapsed-comments-' + id).slideUp();
@ -389,6 +393,37 @@ function showHideComments(id) {
}
}
// Show & hide event map in the network stream by button click.
function showHideEventMap(elm) {
// Get the id of the map element - it should be provided through
// the atribute "data-map-id".
var mapID = elm.getAttribute('data-map-id');
// Get translation labels.
var mapshow = elm.getAttribute('data-show-label');
var maphide = elm.getAttribute('data-hide-label');
// Change the button labels.
if (elm.innerText == mapshow) {
$('#' + elm.id).text(maphide);
} else {
$('#' + elm.id).text(mapshow);
}
// Because maps are iframe elements, we cant hide it through css (display: none).
// We solve this issue by putting the map outside the screen with css.
// So the first time the 'Show map' button is pressed we move the map
// element into the screen area.
var mappos = $('#' + mapID).css('position');
if (mappos === 'absolute') {
$('#' + mapID).hide();
$('#' + mapID).css({position: 'relative', left: 'auto', top: 'auto'});
openClose(mapID);
} else {
openClose(mapID);
}
return false;
}
function justifyPhotos() {
justifiedGalleryActive = true;
@ -506,7 +541,6 @@ function filter_replace(item) {
};
})( jQuery );
// current time in milliseconds, to send each request to make sure
// we 're not getting 304 response
function timeNow() {