Support Videos

This commit is contained in:
Squidly271 2021-11-07 16:37:47 -05:00
parent 729e89cfd0
commit 2191e639e4
5 changed files with 50 additions and 9 deletions

View File

@ -2083,6 +2083,31 @@ function showSidebarApp(apppath,appname) {
type:'image',
removalDelay: 300,
mainClass: 'mfp-fade',
zoom: {
enabled: true, // By default it's false, so don't forget to enable it
duration: 500, // duration of the effect, in milliseconds
easing: 'ease-in-out'
},
callbacks: {
open: function() {
closeSidebar();
},
close: function() {
showSidebarApp(data.sidebarapppath,data.sidebarappname);
}
}
});
$('.video').magnificPopup({
closeMarkup: "<button type='button' class='mfp-close narrow'>"+tr("CLOSE")+"</button>",
closeOnContentClick: true,
type:'iframe',
removalDelay: 300,
mainClass: 'mfp-fade',
zoom: {
enabled: true, // By default it's false, so don't forget to enable it
duration: 500, // duration of the effect, in milliseconds
easing: 'ease-in-out'
},
callbacks: {
open: function() {
closeSidebar();
@ -2153,7 +2178,14 @@ function showRepoPopup(repository) {
$('.screenshot').magnificPopup({
type:'image',
closeMarkup: "<button type='button' class='mfp-close narrow'>"+tr("CLOSE")+"</button>",
closeOnContentClick: true,
closeOnContentClick: true,
removalDelay: 300,
mainClass: 'mfp-fade',
zoom: {
enabled: true, // By default it's false, so don't forget to enable it
duration: 500, // duration of the effect, in milliseconds
easing: 'ease-in-out'
},
callbacks: {
open: function() {
closeSidebar();

View File

@ -1,4 +1,4 @@
ca7ce09240e2dd433c4a2ca720a97ed9 ./Apps.page
13edf36fc53f119cf495bb6e872ceb46 ./Apps.page
83b3f89cd42e8601c7c217d5b4889c81 ./CA_notices.page
7ee0b23dbd92ed55f611360a983f9565 ./ca_settings.page
1b49ec9797713ce869ea0c1066a109f2 ./default.cfg
@ -20,6 +20,6 @@ b398273cf7daa62ab00d2de2336ca25f ./README.md
09b5297db02076376519d92e2ce76cc6 ./scripts/showStatistics.php
4425f8fd4ef662a7dc65cee01de3e419 ./scripts/updatePLG.sh
2bd671daecaf01549f8cc0202cb184b3 ./scripts/updatePluginSupport.php
2ea0d1ebb064e6529a5fe4e1ff26970b ./skins/Narrow/css.php
a211eb5dad4d252dcb9261e2ef42df4e ./skins/Narrow/css.php
cfa1511913f794c8c5980460dfcdf049 ./skins/Narrow/skin.html
4a406819e5cc990ff0844d6557a003ef ./skins/Narrow/skin.php
f0ebd9dd7e14059f62e0e5858eae39b5 ./skins/Narrow/skin.php

View File

@ -383,6 +383,8 @@ a.popup-donate:hover {color:<?=$donateText?>;background-color:<?=$unRaid66color?
.rightTitle{font-size:2.5rem;margin-top:2rem;margin-bottom:2rem;}
.screen{border:3px solid; border-radius: 5px 5px 5px 5px; border-color:<?=$unRaid66color?>; vertical-align:top; max-width:200px;max-height:200px;margin:10px;}
.screen:hover{opacity:50%}
.vid{border:3px solid; border-radius: 5px 5px 5px 5px; border-color:<?=$unRaid66color?>; vertical-align:top; max-width:200px;max-height:200px;margin:10px;}
.vid:hover{opacity:50%}
.screenshotText{font-size:2rem;}
.searchArea {z-index:2;width:auto;position:static;}
.searchSubmit{font-family:'FontAwesome';width:2rem;min-width:2rem;height:3.4rem;font-size:1.1rem;position:relative;padding-top:1.1rem;padding-bottom:1rem;padding-right:1rem;background:<?=$templateHoverBackground?>;border:none;cursor:pointer;background:<?=$templateHoverBackground?>;}

View File

@ -741,7 +741,7 @@ function getRepoDescriptionSkin($repository) {
$t .= "<div><div class='screenshotText'>".tr("Photos")."</div>";
foreach ($photos as $shot) {
$t .= "<a class='screenshot' href='$shot'><img class='screen' src='$shot' onerror='this.style.display=&quot;none&quot;'></img></a>";
$t .= "<a class='screenshot' href='".trim($shot)."'><img class='screen' src='".trim($shot)."' onerror='this.style.display=&quot;none&quot;'></img></a>";
}
$t .= "</div>";
}
@ -1254,15 +1254,22 @@ function displayPopup($template) {
";
}
}
if ( $Screenshot || $Photo) {
if ( $Screenshot || $Photo || $Video) {
$ScreenshotTitle = $Screenshot ? tr("Screenshots") : tr("Photos");
$pictures = $Screenshot ? $Screenshot : $Photo;
if ( ! is_array($pictures) )
$pictures = [$pictures];
$card .= "<div><div class='screenshotText'>Screenshots</div>";
$card .= "<div><div class='screenshotText'>$ScreenshotTitle</div>";
foreach ($pictures as $shot) {
$card .= "<a class='screenshot' href='$shot'><img class='screen' src='$shot' onerror='this.style.display=&quot;none&quot;'></img></a>";
$card .= "<a class='screenshot' href='".trim($shot)."'><img class='screen' src='".trim($shot)."'></img></a>";
}
if ( $Video ) {
if ( ! $Video[1] ) {
$Video = [$Video];
}
foreach ( $Video as $vid ) {
$card .= "<a class='video' href='".trim($vid['Link'])."'><img class='vid' src='".trim($vid['Still'])."'></img></a>";
}
}
$card .= "</div>";
}