190 lines
8.6 KiB
PHP
190 lines
8.6 KiB
PHP
<div style="background:black;color:green;">
|
|
{{$video}}
|
|
</div>
|
|
@extends('layout')
|
|
@section('content')
|
|
|
|
@if(auth()->check())
|
|
<?php $related = $related ?? null; ?>
|
|
<div class="vertical-align">
|
|
<div class="wrapper">
|
|
<div class="videotitle-div">
|
|
<h5 style="min-height: 22px;">
|
|
@if($video->videotitle)
|
|
{{$video->videotitle}}
|
|
@else
|
|
@endif
|
|
</h5>
|
|
</div>
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
@if($video->id == '27204')
|
|
<iframe src="https://w0bm.com/loop/index.html"></iframe>
|
|
@else
|
|
<video id="video" loop controls preload="auto" crossorigin="anonymous" loading="lazy">
|
|
<source src="/b{{ "/" . $video->file }}">
|
|
</video>
|
|
@endif
|
|
@if($video->category->name === 'Anime' || $video->category->name === 'Otomad')
|
|
<div class="anime-thumb-opener hidden-xs"><i title="Generate Anime Thumbnail!" class="fa fa-file-image-o"></i></div>
|
|
<div style="display: none;" class="anime-thumb">
|
|
<span>Anime Thumbnail Generator v1.0 Alpha</span><br>
|
|
<img id="thumbnail_img" alt="Pause video to create thumb!"/><br>
|
|
<span>Right click <code>Copy Image</code> and paste it on <a href="https://trace.moe">trace.moe</a></span>
|
|
<canvas height="540" width="960" style="display: none;" id="thecanvas"></canvas>
|
|
<script src="/js/animethumbnailer.js"></script>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<?php
|
|
//$shortfile = str_replace(".webm", "" ,$video->file);
|
|
//$mp4 = shell_exec("curl https://fapple.w0bm.com/api/v1/{{$shortfile}} | jq -r .size");
|
|
?>
|
|
<div class="text-center" style="position: unset;">
|
|
@if($related)
|
|
@if(($prev = $video->getPrev($related,$isTag)) === null)
|
|
<a class="first" href="#" style="visibility: hidden;">← first</a>
|
|
<a id="prev" href="#" style="visibility: hidden;">← prev</a> |
|
|
@else
|
|
<a class="first" href="{{url($isTag ? '/t/' . $related : $related->baseurl(), $video->getFirstId($related,$isTag))}}">← first</a>
|
|
<a id="prev" href="{{url($isTag ? '/t/' . $related : $related->baseurl(), [$prev->id])}}">← prev</a> |
|
|
@endif
|
|
<a href="{{url($isTag ? '/t/' . $related : $related->baseurl())}}">{!!$isTag ? $related:$related->displayName()!!}</a>
|
|
@if(($next = $video->getNext($related,$isTag)) === null)
|
|
| <a id="next" href="#" style="visibility: hidden;">next →</a>
|
|
<a class="last" href="#" style="visibility: hidden;">last →</a>
|
|
@else
|
|
| <a id="next" href="{{url($isTag ? '/t/' . $related : $related->baseurl(), [$next->id])}}">next →</a>
|
|
<a class="last" href="{{url($isTag ? '/t/' . $related : $related->baseurl(), $video->getLastId($related,$isTag))}}">last →</a>
|
|
@endif
|
|
@else
|
|
@if(($prev = $video->getPrev()) === null)
|
|
<a class="first" href="#" style="visibility: hidden;">← first</a>
|
|
<a id="prev" href="#" style="visibility: hidden;">← prev</a> |
|
|
@else
|
|
<a class="first" href="{{url($video->getFirstId())}}">← first</a>
|
|
<a id="prev" href="{{url($prev->id)}}">← prev</a> |
|
|
@endif
|
|
<a href="{{url('/')}}">random</a>
|
|
@if(($next = $video->getNext()) === null)
|
|
| <a id="next" href="#" style="visibility: hidden;">next →</a>
|
|
<a class="last" href="#" style="visibility: hidden;">last →</a>
|
|
@else
|
|
| <a id="next" href="{{url($next->id)}}">next →</a>
|
|
<a class="last" href="{{url($video->getLastId())}}">last →</a>
|
|
@endif
|
|
@endif
|
|
</div>
|
|
<div class="vidinfo">
|
|
<span class="videoinfo">
|
|
<button title="Toggle comments" class="hidden-xs toggle-comments" id="toggle"><i class="fa fa-comments"></i> <span id="commentAmount">{{ $video->comments()->count() }}</span></button>
|
|
<button title="Toggle Background" class="hidden-xs bg-toggle" id="togglebg"><i style="color:#fff200;" class="fa fa-adjust"></i></button>
|
|
<button class="copylink" data-clipboard-text="{{url($video->id)}}" title="Copy URL!"><i class="fa fa-link"></i></button>
|
|
<div class="dropdown">
|
|
<button class="fa fa-download"
|
|
id="dlbutton"
|
|
style="cursor: pointer"
|
|
data-toggle="popover"
|
|
data-placement="top"
|
|
data-trigger="hover"
|
|
data-html="true"
|
|
title="Download"
|
|
data-content="
|
|
<div class='downloadvid'>
|
|
<ul class='downloadlist'>
|
|
<li><a class='file_size' href='{{ '/b/' . $video->file }}' download>WebM</a> <span class='filesize'> ({{HumanReadable::bytesToHuman($video->filesize()) }})</span></li>
|
|
</ul>
|
|
</div>"
|
|
</button>
|
|
</div>
|
|
@if(auth()->check())
|
|
<button title="Report WebM" id="webm_report" class="webm-report" data-toggle="modal" data-target="#webmreportmodal"><i class="fa fa-warning fa-md"></i></button>
|
|
@endif
|
|
|
|
<div class="favbutton">
|
|
@if(auth()->check())
|
|
@if(auth()->user()->hasFaved($video->id))
|
|
<a id="fav" href="{{url($video->id . '/fav')}}"><i style="color:#ff0094;" class="fa fa-heart"></i></a>
|
|
@else
|
|
<a id="fav" href="{{url($video->id . '/fav')}}"><i style="color:#ff0094;" class="fa fa-heart-o"></i></a>
|
|
@endif
|
|
@else
|
|
<a href="{{url($video->id . '/fav')}}"><i class="fa fa-heart-o"></i></a>
|
|
@endif
|
|
</div>
|
|
</button>
|
|
<button class="fa fa-info-circle"
|
|
id="infobox"
|
|
style="cursor: pointer"
|
|
data-toggle="popover"
|
|
data-placement="top"
|
|
data-trigger="hover"
|
|
data-html="true"
|
|
title="Information"
|
|
data-content="@include('popover-content')">
|
|
</button>
|
|
<span id="uploader">uploaded by <a class="{{ $video->user->username }}" style="color: white" href="{{ url('user/' . $video->user->username) }}">{!! $video->user->displayName() !!}</a></span> <time class="timeago" data-toggle="tooltip" data-placement="top" datetime="{{$video->created_at->toIso8601String()}}" title="{{$video->created_at->toIso8601String()}}"></time>@if(auth()->check() && (auth()->user()->can('edit_video') || auth()->user()->id == $video->user_id)) <a class="edit_video" href="#" data-toggle="modal" data-target="#webmeditmodal">[edit]</a>@endif @if(auth()->check() && auth()->user()->can('delete_video'))<a class="delete_video" href="#">[del]</a>@endif
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('aside')
|
|
<aside id="sidebar" class="aside panel hidden-xs">
|
|
<!-- <div class="gld"><a href="/change">RE: Content on w0bm</a></div> -->
|
|
@include('partials.flash')
|
|
@include('partials.comments')
|
|
@include('partials.tags')
|
|
</aside>
|
|
|
|
@else
|
|
{{{-- Wenn man nicht eingeloggt ist könnte man folgendes sehen, bzw machen --}}}
|
|
<div class="centered">
|
|
<div class="modal-content col-md-5">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="filterModalTitle">Login</h4>
|
|
</div>
|
|
@include('partials.flash')
|
|
<div class="login_wrapper">
|
|
<div class="col-md">
|
|
<form action="{{action('UserController@login')}}" method="post" class="navbar-form">
|
|
{!! csrf_field() !!}
|
|
<input type="text" name="identifier" placeholder="Username" class="form-control usernamelogin"><br>
|
|
<input type="password" name="password" placeholder="Password" class="form-control passwordlogin"><br>
|
|
<button type="submit" class="btn btn-primary">Login</button> <input style="vertical-align: unset;" id="rememberme" checked type="checkbox" name="remember"> <span id="rember">Remember me?</span>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="media not-logged-in">
|
|
<div class="media-left">
|
|
@if($sfw)
|
|
<img class="media-object" src="/thumbs/beta/{{str_replace('.webm','',$video->file)}}.png">
|
|
@else
|
|
<img class="media-object" src="/thumbs/blurred/{{str_replace('.webm','',$video->file)}}_blurred.png">
|
|
@endif
|
|
</div>
|
|
<div class="media-koerper">
|
|
<h4 class="media-heading">
|
|
@if($video->videotitle){{$video->videotitle}}
|
|
@else
|
|
<p><i>No Title</i></p></h4>
|
|
@endif</h4>
|
|
<div id="tag-display" style="width: auto; height: auto;" class="tag-panel-body">
|
|
@if(count($video->tags))
|
|
@foreach($video->tags as $tag)
|
|
<span class="label label-default"><a class="default-link">{{$tag->name}}</a></span>
|
|
@endforeach
|
|
@else
|
|
No tags yet ...
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="/privacy">Privacy</a> | <a href="/contact">Contact</a> | <a href="/irc">IRC</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@endsection
|