Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

starting video preview #64

This commit is contained in:
Nicolas Constant 2019-05-02 19:39:47 +02:00
parent 3f5208087e
commit efbf14b466
2 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/components/stream/status/card/card.component.html
View File

@ -8,4 +8,27 @@
<h3 class="card__link--title">{{ card.title }}</h3>
<span class="card__link--host">{{ host }}</span>
</a>
<div *ngIf="card.type === 'photo'" class="card__photo">
</div>
<div *ngIf="card.type === 'video'" class="card__video">
<div class="card__video--preview">
<div class="card__video--preview--controls">
<a href>
<fa-icon class="" [icon]="faFileAlt"></fa-icon>
</a>
<a href>
<fa-icon class="" [icon]="faFileAlt"></fa-icon>
</a>
<a href>
<fa-icon class="" [icon]="faFileAlt"></fa-icon>
</a>
</div>
<img src="{{card.image}}" class="card__video--preview--image" />
</div>
<div class="card__video--content">
</div>
</div>
<div *ngIf="card.type === 'rich'" class="card__rich" innerHTML="card.html"></div>
</div>

35
src/app/components/stream/status/card/card.component.scss
View File

@ -48,4 +48,39 @@
}
&__photo {
}
&__video {
// border-radius: 3px;
&--preview {
position: relative;
&--controls {
position: absolute;
top: 50px;
left: 50px;
outline: 2px solid greenyellow;
width: 100px;
height: 50px;
z-index: 10;
}
&--image {
width: 100%;
height: 150px;
// border: 1px solid salmon;
object-fit: cover;
}
}
}
&__rich {
}
}