kavin/Yotter
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve video item UI and phone usage

Browse Source
This commit is contained in:
pluja 2020-10-10 18:25:58 +02:00
parent fb2d3a962b
commit f2badcef55
1 changed files with 17 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
app/templates/_video_item.html
View File

@ -1,46 +1,35 @@
<div class="card"> <div class="ui card">
<div class="image"> <a class="image" href="{{url_for('watch', v=video.id, _method='GET')}}">
{%if config.nginxVideoStream%} <img src="https://yotter.xyz{{video.videoThumb}}">
<img alt="Thumbnail" src="{{video.videoThumb}}"> </a>
{%else%} <div class="content">
<img alt="Thumbnail" src="/img/{{video.videoThumb.replace('/', '~')}}"> <a class="header" href="{{url_for('watch', v=video.id, _method='GET')}}">{{video.videoTitle}}</a>
{%endif%} <div class="meta">
</div> <a class="break-word" href="{{url_for('channel', id=video.channelId)}}">{{video.channelName}}</a>
<div class="content">
{% if video.views == "Livestream" %}
<a class="video-title break-word" href="#">{{video.videoTitle}}</a>
{% else %}
<a class="video-title break-word" href="{{url_for('watch', v=video.id, _method='GET')}}">{{video.videoTitle}}</a>
{% endif %}
<div class="meta">
<a class="break-word" href="{{url_for('channel', id=video.channelId)}}">{{video.channelName}}</a>
</div>
<div class="description break-word">
{{video.description}}
</div>
</div> </div>
</div>
<div class="extra content"> <div class="extra content">
{% if video.isLive == "Livestream" or video.isLive %} {% if video.isLive == "Livestream" or video.isLive %}
<span class="right floated"> <span class="left floated like">
<i class="red circle icon"></i> <i class="red circle icon"></i>
‎‎{{video.views}} {{video.views}}
</span> </span>
{% else %} {% else %}
<span class="right floated"> <span class="left floated like">
<i class="eye icon"></i> <i class="eye icon"></i>
‎‎{{video.views}} {{video.views}}
</span> </span>
{% endif %} {% endif %}
{% if video.timeStamp == "Scheduled" or video.isUpcoming %} {% if video.timeStamp == "Scheduled" or video.isUpcoming %}
<span class="right floated"> <span class="right floated star">
<i class="blue clock icon"></i> <i class="blue clock icon"></i>
{{video.timeStamp}}‎‎‎‎ ‎‎‎ {{video.timeStamp}}
</span> </span>
{% else %} {% else %}
<span class="right floated"> <span class="right floated star">
<i class="clock icon"></i> <i class="clock icon"></i>
{{video.timeStamp}}‎‎‎‎ ‎‎‎ {{video.timeStamp}}
</span> </span>
{% endif %} {% endif %}
<span> <span>