pixelfed/resources/views/status/show.blade.php
2019-12-05 00:24:42 -07:00

48 lines
1.6 KiB
PHP

@extends('layouts.app',['title' => "A post by " . $user->username])
@section('content')
<noscript>
<div class="card">
<div class="card-body container text-center font-weight-bold">
This website requires javascript, please enable it and refresh the page.
</div>
</div>
</noscript>
<div class="mt-md-4"></div>
<post-component status-template="{{$status->viewType()}}" status-id="{{$status->id}}" status-username="{{$status->profile->username}}" status-url="{{$status->url()}}" status-profile-url="{{$status->profile->url()}}" status-avatar="{{$status->profile->avatarUrl()}}" status-profile-id="{{$status->profile_id}}" profile-layout="{{$status->profile->profile_layout ?? 'metro'}}"></post-component>
@endsection
@push('meta')
<meta property="og:description" content="{{ $status->caption }}">
<meta property="og:image" content="{{$status->thumb()}}">
<link href='{{$status->url()}}' rel='alternate' type='application/activity+json'>
<meta name="twitter:card" content="summary_large_image">
@if($status->viewType() == "video" || $status->viewType() == "video:album")
<meta property="og:video" content="{{$status->mediaUrl()}}">
@endif
@endpush
@push('styles')
<style type="text/css">
body {
background: #fff !important;
}
.navbar {
border: none !important;
}
</style>
@endpush
@push('scripts')
<script type="text/javascript" src="{{ mix('js/status.js') }}"></script>
<script type="text/javascript" src="{{ mix('js/compose.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
new Vue({
el: '#content'
});
});
</script>
@endpush