YunoHost-Apps/pixelfed_ynh
1
0
Fork 0
mirror of https://github.com/YunoHost-Apps/pixelfed_ynh.git synced 2024-09-03 20:06:04 +02:00
Code Issues Activity Actions

Add missing CW to PostComponent

Browse source
This commit is contained in:
Daniel Supernault 2018-12-04 19:49:15 -07:00
parent 794cf80c15
commit d8c7346492
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
3 changed files with 42 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/js/components.js vendored
View file

File diff suppressed because one or more lines are too long

2
public/mix-manifest.json
View file

@ -1,5 +1,5 @@
{ {
"/js/components.js": "/js/components.js?id=ee54ab3603f4213f2425", "/js/components.js": "/js/components.js?id=b792fd822363d85a4d06",
"/js/app.js": "/js/app.js?id=763d01bb175be69c8ad3", "/js/app.js": "/js/app.js?id=763d01bb175be69c8ad3",
"/css/app.css": "/css/app.css?id=986cee6cfca852babf8e", "/css/app.css": "/css/app.css?id=986cee6cfca852babf8e",
"/js/timeline.js": "/js/timeline.js?id=415bfde862ab8c5b4548", "/js/timeline.js": "/js/timeline.js?id=415bfde862ab8c5b4548",

41
resources/assets/js/components/PostComponent.vue
View file

@ -199,7 +199,7 @@ pixelfed.postComponent = {};
pixelfed.presenter = { pixelfed.presenter = {
show: { show: {
image: function(container, media) { image: function(container, media, status) {
$('.status-container') $('.status-container')
.removeClass('orientation-unknown') .removeClass('orientation-unknown')
.addClass('orientation-' + media[0]['orientation']); .addClass('orientation-' + media[0]['orientation']);
@ -209,10 +209,21 @@ pixelfed.presenter = {
el.attr('src', media[0]['url']); el.attr('src', media[0]['url']);
el.attr('title', media[0]['description']); el.attr('title', media[0]['description']);
wrapper.append(el); wrapper.append(el);
if(status.sensitive == true) {
let spoilerText = status.spoiler_text ? status.spoiler_text : 'CW / NSFW / Hidden Media';
let cw = $('<details>').addClass('details-animated');
let summary = $('<summary>');
let text = $('<p>').addClass('mb-0 lead font-weight-bold').text(spoilerText);
let direction = $('<p>').addClass('font-weight-light').text('(click to show)');
summary.append(text, direction);
cw.append(summary, wrapper);
container.append(cw);
} else {
container.append(wrapper); container.append(wrapper);
}
}, },
video: function(container, media) { video: function(container, media, status) {
let wrapper = $('<div>'); let wrapper = $('<div>');
wrapper.addClass(''); wrapper.addClass('');
let el = $('<video>'); let el = $('<video>');
@ -222,7 +233,18 @@ pixelfed.presenter = {
el.attr('src', media[0]['url']); el.attr('src', media[0]['url']);
el.attr('title', media[0]['description']); el.attr('title', media[0]['description']);
wrapper.append(el); wrapper.append(el);
if(status.sensitive == true) {
let spoilerText = status.spoiler_text ? status.spoiler_text : 'CW / NSFW / Hidden Media';
let cw = $('<details>').addClass('details-animated');
let summary = $('<summary>');
let text = $('<p>').addClass('mb-0 lead font-weight-bold').text(spoilerText);
let direction = $('<p>').addClass('font-weight-light').text('(click to show)');
summary.append(text, direction);
cw.append(summary, wrapper);
container.append(cw);
} else {
container.append(wrapper); container.append(wrapper);
}
const player = new Plyr(el, { const player = new Plyr(el, {
controls: [ controls: [
@ -301,9 +323,20 @@ pixelfed.presenter = {
inner.append(carouselItem); inner.append(carouselItem);
} }
wrapper.append(indicators, inner, prev, next); wrapper.append(indicators, inner, prev, next);
if(status.sensitive == true) {
let spoilerText = status.spoiler_text ? status.spoiler_text : 'CW / NSFW / Hidden Media';
let cw = $('<details>').addClass('details-animated');
let summary = $('<summary>');
let text = $('<p>').addClass('mb-0 lead font-weight-bold').text(spoilerText);
let direction = $('<p>').addClass('font-weight-light').text('(click to show)');
summary.append(text, direction);
cw.append(summary, wrapper);
container.append(cw);
} else {
container.append(wrapper); container.append(wrapper);
} }
} }
}
}; };
export default { export default {
@ -495,7 +528,7 @@ export default {
switch(template) { switch(template) {
case 'image': case 'image':
case 'photo': case 'photo':
pixelfed.presenter.show.image(container, media); pixelfed.presenter.show.image(container, media, this.status);
break; break;
case 'album': case 'album':
@ -504,7 +537,7 @@ export default {
break; break;
case 'video': case 'video':
pixelfed.presenter.show.video(container, media); pixelfed.presenter.show.video(container, media, this.status);
break; break;
case 'video:album': case 'video:album':