franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Play icon on video files

Browse Source
This commit is contained in:
Franzz
2019-07-01 19:52:25 +02:00
parent e80ae81e42
commit 9c5dc5fa4d
5 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
masks/project.html
View File

@@ -85,7 +85,7 @@ function initPage(asHash) {
//Lightbox options //Lightbox options
lightbox.option({ lightbox.option({
alwaysShowNavOnTouchDevices: true, alwaysShowNavOnTouchDevices: true,
albumLabel: "Photo %1 sur %2", albumLabel: "Média %1 sur %2",
fadeDuration: 300, fadeDuration: 300,
imageFadeDuration: 400, imageFadeDuration: 400,
resizeDuration: 600, resizeDuration: 600,
@@ -502,10 +502,17 @@ function getPost(asPost) {
); );
break; break;
case 'media': case 'media':
var sTakenOn = (asPost.taken_on == '0000-00-00 00:00:00')?'':' et prise le '+asPost.taken_on_formatted+self.tmp('site_tz_notice');
var $Image = $('<img>', {'src': asPost.thumb_path, title: 'Click pour zoomer'});
var bVideo = (asPost.subtype == 'video'); var bVideo = (asPost.subtype == 'video');
$Body = $('<a>', {href: asPost.pic_path, 'data-video': (bVideo?'true':'false'), 'data-lightbox': 'post-pictures', 'data-title': (bVideo?'Vidéo':'Photo')+' ajoutée le '+sAbsTime+sTakenOn, 'data-orientation': asPost.rotate}).append($Image); var sTakenOn = (asPost.taken_on == '0000-00-00 00:00:00')?'':' et prise le '+asPost.taken_on_formatted+self.tmp('site_tz_notice');
var $Image = $('<img>', {'src': asPost.thumb_path, title: bVideo?'Click pour voir la vidéo':'Click pour zoomer'});
$Body = $('<a>', {
'class': (bVideo?'video':'picture'),
href: asPost.pic_path,
'data-video': (bVideo?'true':'false'),
'data-lightbox': 'post-pictures',
'data-title': (bVideo?'Vidéo':'Photo')+' ajoutée le '+sAbsTime+sTakenOn, 'data-orientation': asPost.rotate
}).append($Image);
break; break;
case 'post': case 'post':
$Body = $('<div>') $Body = $('<div>')

1
style/_fa.scss
View File

@@ -48,6 +48,7 @@ $fa-css-prefix: fa;
.#{$fa-css-prefix}-message:before { content: fa-content($fa-var-map-marker); } .#{$fa-css-prefix}-message:before { content: fa-content($fa-var-map-marker); }
.#{$fa-css-prefix}-time:before { content: fa-content($fa-var-clock); } .#{$fa-css-prefix}-time:before { content: fa-content($fa-var-clock); }
.#{$fa-css-prefix}-coords:before { content: fa-content($fa-var-compass); } .#{$fa-css-prefix}-coords:before { content: fa-content($fa-var-compass); }
.#{$fa-css-prefix}-play:before { content: fa-content($fa-var-play-circle); }
/* Feed - Poster */ /* Feed - Poster */
.#{$fa-css-prefix}-poster:before { content: fa-content($fa-var-comment-edit); } .#{$fa-css-prefix}-poster:before { content: fa-content($fa-var-comment-edit); }

22
style/_mask_project.scss
View File

@@ -311,6 +311,28 @@ $legend-color: #222;
width: 100%; width: 100%;
line-height: 0; line-height: 0;
margin: 0; margin: 0;
position: relative;
&.video {
@extend .fa;
@extend .fa-play;
overflow: hidden;
&:hover::before {
color: white;
}
&::before {
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
color: #CCC;
left: 50%;
text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
font-size: 3em;
text-decoration: none;
}
}
} }
img { img {

2
style/spot.css
View File

File diff suppressed because one or more lines are too long

2
style/spot.css.map
View File

File diff suppressed because one or more lines are too long