mirror of https://github.com/pixelfed/pixelfed
daniel
5 years ago
committed by
GitHub
commit
d4d85634fb
@ -0,0 +1,94 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use Auth;
|
||||
use App\Newsroom;
|
||||
use Illuminate\Support\Str;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\Redis;
|
||||
|
||||
class NewsroomController extends Controller
|
||||
{
|
||||
|
||||
public function index(Request $request)
|
||||
{
|
||||
if(Auth::check()) {
|
||||
$posts = Newsroom::whereNotNull('published_at')->latest()->paginate(9);
|
||||
} else {
|
||||
$posts = Newsroom::whereNotNull('published_at')
|
||||
->whereAuthOnly(false)
|
||||
->latest()
|
||||
->paginate(3);
|
||||
}
|
||||
return view('site.news.home', compact('posts'));
|
||||
}
|
||||
|
||||
public function show(Request $request, $year, $month, $slug)
|
||||
{
|
||||
$post = Newsroom::whereNotNull('published_at')
|
||||
->whereSlug($slug)
|
||||
->whereYear('published_at', $year)
|
||||
->whereMonth('published_at', $month)
|
||||
->firstOrFail();
|
||||
abort_if($post->auth_only && !$request->user(), 404);
|
||||
return view('site.news.post.show', compact('post'));
|
||||
}
|
||||
|
||||
public function search(Request $request)
|
||||
{
|
||||
abort(404);
|
||||
$this->validate($request, [
|
||||
'q' => 'nullable'
|
||||
]);
|
||||
}
|
||||
|
||||
public function archive(Request $request)
|
||||
{
|
||||
abort(404);
|
||||
return view('site.news.archive.index');
|
||||
}
|
||||
|
||||
public function timelineApi(Request $request)
|
||||
{
|
||||
abort_if(!Auth::check(), 404);
|
||||
|
||||
$key = 'newsroom:read:profileid:' . $request->user()->profile_id;
|
||||
$read = Redis::smembers($key);
|
||||
|
||||
$posts = Newsroom::whereNotNull('published_at')
|
||||
->whereShowTimeline(true)
|
||||
->whereNotIn('id', $read)
|
||||
->orderBy('id', 'desc')
|
||||
->take(9)
|
||||
->get()
|
||||
->map(function($post) {
|
||||
return [
|
||||
'id' => $post->id,
|
||||
'title' => Str::limit($post->title, 25),
|
||||
'summary' => $post->summary,
|
||||
'url' => $post->show_link ? $post->permalink() : null,
|
||||
'published_at' => $post->published_at->format('F m, Y')
|
||||
];
|
||||
});
|
||||
return response()->json($posts, 200, [], JSON_PRETTY_PRINT);
|
||||
}
|
||||
|
||||
public function markAsRead(Request $request)
|
||||
{
|
||||
abort_if(!Auth::check(), 404);
|
||||
|
||||
$this->validate($request, [
|
||||
'id' => 'required|integer|min:1'
|
||||
]);
|
||||
|
||||
$news = Newsroom::whereNotNull('published_at')
|
||||
->findOrFail($request->input('id'));
|
||||
|
||||
$key = 'newsroom:read:profileid:' . $request->user()->profile_id;
|
||||
|
||||
Redis::sadd($key, $news->id);
|
||||
|
||||
return response()->json(['code' => 200]);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
<?php
|
||||
|
||||
namespace App;
|
||||
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
|
||||
class Newsroom extends Model
|
||||
{
|
||||
protected $table = 'newsroom';
|
||||
protected $fillable = ['title'];
|
||||
|
||||
protected $dates = ['published_at'];
|
||||
|
||||
public function permalink()
|
||||
{
|
||||
$year = $this->published_at->year;
|
||||
$month = $this->published_at->format('m');
|
||||
$slug = $this->slug;
|
||||
|
||||
return url("/site/newsroom/{$year}/{$month}/{$slug}");
|
||||
}
|
||||
|
||||
public function editUrl()
|
||||
{
|
||||
return url("/i/admin/newsroom/edit/{$this->id}");
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
class CreateNewsroomTable extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function up()
|
||||
{
|
||||
Schema::create('newsroom', function (Blueprint $table) {
|
||||
$table->bigIncrements('id');
|
||||
$table->bigInteger('user_id')->unsigned()->nullable();
|
||||
$table->string('header_photo_url')->nullable();
|
||||
$table->string('title')->nullable();
|
||||
$table->string('slug')->nullable()->unique()->index();
|
||||
$table->string('category')->default('update');
|
||||
$table->text('summary')->nullable();
|
||||
$table->text('body')->nullable();
|
||||
$table->text('body_rendered')->nullable();
|
||||
$table->string('link')->nullable();
|
||||
$table->boolean('force_modal')->default(false);
|
||||
$table->boolean('show_timeline')->default(false);
|
||||
$table->boolean('show_link')->default(false);
|
||||
$table->boolean('auth_only')->default(true);
|
||||
$table->timestamp('published_at')->nullable();
|
||||
$table->timestamps();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function down()
|
||||
{
|
||||
Schema::dropIfExists('site_news');
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<div>
|
||||
<transition name="fade">
|
||||
<div v-if="announcements.length" class="card border shadow-none mb-3" style="max-width: 18rem;">
|
||||
<div class="card-body">
|
||||
<div class="card-title mb-0">
|
||||
<span class="font-weight-bold">{{announcement.title}}</span>
|
||||
<span class="float-right cursor-pointer" title="Close" @click="close"><i class="fas fa-times text-lighter"></i></span>
|
||||
</div>
|
||||
<p class="card-text">
|
||||
<span style="font-size:13px;">{{announcement.summary}}</span>
|
||||
</p>
|
||||
<p class="d-flex align-items-center justify-content-between mb-0">
|
||||
<a v-if="announcement.url" :href="announcement.url" class="small font-weight-bold mb-0">Read more</a>
|
||||
<span v-else></span>
|
||||
<span>
|
||||
<span :class="[showPrev ? 'btn btn-outline-secondary btn-sm py-0':'btn btn-outline-secondary btn-sm py-0 disabled']" :disabled="showPrev == false" @click="loadPrev()">
|
||||
<i class="fas fa-chevron-left fa-sm"></i>
|
||||
</span>
|
||||
<span class="btn btn-outline-success btn-sm py-0 mx-1" title="Mark as Read" data-toggle="tooltip" data-placement="bottom" @click="markAsRead()">
|
||||
<i class="fas fa-check fa-sm"></i>
|
||||
</span>
|
||||
<span :class="[showNext ? 'btn btn-outline-secondary btn-sm py-0':'btn btn-outline-secondary btn-sm py-0 disabled']" :disabled="showNext == false" @click="loadNext()">
|
||||
<i class="fas fa-chevron-right fa-sm"></i>
|
||||
</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style type="text/css" scoped>
|
||||
.fade-enter-active, .fade-leave-active {
|
||||
transition: opacity .5s;
|
||||
}
|
||||
.fade-enter, .fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
announcements: [],
|
||||
announcement: {},
|
||||
cursor: 0,
|
||||
showNext: true,
|
||||
showPrev: false
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.fetchAnnouncements();
|
||||
},
|
||||
|
||||
updated() {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
},
|
||||
|
||||
methods: {
|
||||
fetchAnnouncements() {
|
||||
let self = this;
|
||||
let key = 'metro-tips-closed';
|
||||
let cached = JSON.parse(window.localStorage.getItem(key));
|
||||
axios.get('/api/pixelfed/v1/newsroom/timeline')
|
||||
.then(res => {
|
||||
self.announcements = res.data.filter(p => {
|
||||
if(cached) {
|
||||
return cached.indexOf(p.id) == -1;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
});
|
||||
self.announcement = self.announcements[0]
|
||||
if(self.announcements.length == 1) {
|
||||
self.showNext = false;
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
loadNext() {
|
||||
if(!this.showNext) {
|
||||
return;
|
||||
}
|
||||
this.cursor += 1;
|
||||
this.announcement = this.announcements[this.cursor];
|
||||
if((this.cursor + 1) == this.announcements.length) {
|
||||
this.showNext = false;
|
||||
}
|
||||
if(this.cursor >= 1) {
|
||||
this.showPrev = true;
|
||||
}
|
||||
},
|
||||
|
||||
loadPrev() {
|
||||
if(!this.showPrev) {
|
||||
return;
|
||||
}
|
||||
this.cursor -= 1;
|
||||
this.announcement = this.announcements[this.cursor];
|
||||
if(this.cursor == 0) {
|
||||
this.showPrev = false;
|
||||
}
|
||||
if(this.cursor < this.announcements.length) {
|
||||
this.showNext = true;
|
||||
}
|
||||
},
|
||||
|
||||
closeNewsroomPost(id, index) {
|
||||
let key = 'metro-tips-closed';
|
||||
let ctx = [];
|
||||
let cached = window.localStorage.getItem(key);
|
||||
if(cached) {
|
||||
ctx = JSON.parse(cached);
|
||||
}
|
||||
ctx.push(id);
|
||||
window.localStorage.setItem(key, JSON.stringify(ctx));
|
||||
this.newsroomPosts = this.newsroomPosts.filter(res => {
|
||||
return res.id !== id
|
||||
});
|
||||
if(this.newsroomPosts.length == 0) {
|
||||
this.showTips = false;
|
||||
} else {
|
||||
this.newsroomPost = [ this.newsroomPosts[0] ];
|
||||
}
|
||||
},
|
||||
|
||||
close() {
|
||||
window.localStorage.setItem('metro-tips', false);
|
||||
this.$emit('show-tips', false);
|
||||
},
|
||||
|
||||
markAsRead() {
|
||||
let vm = this;
|
||||
axios.post('/api/pixelfed/v1/newsroom/markasread', {
|
||||
id: this.announcement.id
|
||||
})
|
||||
.then(res => {
|
||||
let cur = vm.cursor;
|
||||
vm.announcements.splice(cur, 1);
|
||||
vm.announcement = vm.announcements[0];
|
||||
vm.cursor = 0;
|
||||
vm.showPrev = false;
|
||||
vm.showNext = vm.announcements.length > 1;
|
||||
})
|
||||
.catch(err => {
|
||||
swal('Oops, Something went wrong', 'There was a problem with your request, please try again later.', 'error');
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,135 @@
|
||||
@extends('admin.partial.template-full')
|
||||
|
||||
@section('section')
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
|
||||
<div class="title">
|
||||
<p class="h1 font-weight-bold">Newsroom</p>
|
||||
<p class="lead mb-0">Create Announcement</p>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-outline-secondary px-2" style="font-size:13px;" href="{{route('admin.newsroom.home')}}"><i class="fas fa-chevron-left fa-sm text-lighter mr-1"></i> Back to Newsroom </a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-md-7 border-right">
|
||||
<div>
|
||||
<form method="post">
|
||||
@csrf
|
||||
<div class="form-group">
|
||||
<label for="title" class="small font-weight-bold text-muted text-uppercase">Title</label>
|
||||
<input type="text" class="form-control" id="title" name="title">
|
||||
<p class="help-text mb-0 small font-weight-bold text-lighter">We recommend titles shorter than 80 characters.</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="summary" class="small font-weight-bold text-muted text-uppercase">Summary</label>
|
||||
<textarea class="form-control" id="summary" name="summary" rows="3"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="body" class="small font-weight-bold text-muted text-uppercase">Body</label>
|
||||
<textarea class="form-control" id="body" name="body" rows="6"></textarea>
|
||||
<p class="help-text mb-0 small font-weight-bold text-lighter">Click <a href="#">here</a> to enable the rich text editor.</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="category" class="small font-weight-bold text-muted text-uppercase">Category</label>
|
||||
<input type="text" class="form-control" id="category" name="category" value="update">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<label class="small font-weight-bold text-muted text-uppercase">Preview</label>
|
||||
<div class="card border shadow-none mb-3">
|
||||
<div class="card-body">
|
||||
<div class="card-title mb-0">
|
||||
<span class="font-weight-bold" id="preview_title">Untitled</span>
|
||||
<span class="float-right cursor-pointer" title="Close"><i class="fas fa-times text-lighter"></i></span>
|
||||
</div>
|
||||
<p class="card-text">
|
||||
<span style="font-size:13px;" id="preview_summary">Add a summary</span>
|
||||
</p>
|
||||
<p class="d-flex align-items-center justify-content-between mb-0">
|
||||
<a href="#" class="small font-weight-bold mb-0">Read more</a>
|
||||
<span>
|
||||
<span class="btn btn-outline-secondary btn-sm py-0 disabled">
|
||||
<i class="fas fa-chevron-left fa-sm"></i>
|
||||
</span>
|
||||
<span class="btn btn-outline-success btn-sm py-0 mx-1" title="Mark as Read" data-toggle="tooltip" data-placement="bottom">
|
||||
<i class="fas fa-check fa-sm"></i>
|
||||
</span>
|
||||
<span class="btn btn-outline-secondary btn-sm py-0">
|
||||
<i class="fas fa-chevron-right fa-sm"></i>
|
||||
</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="mt-3">
|
||||
<button type="submit" class="btn btn-primary btn-block font-weight-bold py-1 px-4">Save</button>
|
||||
</p>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="published" name="published">
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="published">Published</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="show_timeline" name="show_timeline">
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="show_timeline">Show On Timelines</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="auth_only" name="auth_only">
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="auth_only">Logged in users only</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="show_link" name="show_link">
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="show_link">Show Read More Link</label>
|
||||
</div>
|
||||
</div>
|
||||
{{-- <div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="force_modal" name="force_modal">
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="force_modal">Show Modal on timelines</label>
|
||||
</div>
|
||||
</div> --}}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<form id="delete-form" method="post">
|
||||
@method('delete')
|
||||
@csrf
|
||||
</form>
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
$('#title').on('change keyup paste',function(e) {
|
||||
let el = $(this);
|
||||
let title = el.val()
|
||||
$('#preview_title').text(title);
|
||||
});
|
||||
|
||||
$('#summary').on('change keyup paste',function(e) {
|
||||
let el = $(this);
|
||||
let title = el.val()
|
||||
$('#preview_summary').text(title);
|
||||
});
|
||||
|
||||
$('#btn-delete').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
if(window.confirm('Are you sure you want to delete this post?') == true) {
|
||||
document.getElementById('delete-form').submit();
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
@ -0,0 +1,141 @@
|
||||
@extends('admin.partial.template-full')
|
||||
|
||||
@section('section')
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
|
||||
<div class="title">
|
||||
<p class="h1 font-weight-bold">Newsroom</p>
|
||||
<p class="lead mb-0">Edit Announcement</p>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-outline-secondary px-2" style="font-size:13px;" href="{{route('admin.newsroom.home')}}"><i class="fas fa-chevron-left fa-sm text-lighter mr-1"></i> Back to Newsroom </a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-md-7 border-right">
|
||||
<div>
|
||||
<form method="post">
|
||||
@csrf
|
||||
<div class="form-group">
|
||||
<label for="title" class="small font-weight-bold text-muted text-uppercase">Title</label>
|
||||
<input type="text" class="form-control" id="title" name="title" value="{{$news->title}}">
|
||||
<p class="help-text mb-0 small font-weight-bold text-lighter">We recommend titles shorter than 80 characters.</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="summary" class="small font-weight-bold text-muted text-uppercase">Summary</label>
|
||||
<textarea class="form-control" id="summary" name="summary" rows="3">{{$news->summary}}</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="body" class="small font-weight-bold text-muted text-uppercase">Body</label>
|
||||
<textarea class="form-control" id="body" name="body" rows="6">{{$news->body}}</textarea>
|
||||
<p class="help-text mb-0 small font-weight-bold text-lighter">Click <a href="#">here</a> to enable the rich text editor.</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="category" class="small font-weight-bold text-muted text-uppercase">Category</label>
|
||||
<input type="text" class="form-control" id="category" name="category" value="{{$news->category}}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<label class="small font-weight-bold text-muted text-uppercase">Preview</label>
|
||||
<div class="card border shadow-none mb-3">
|
||||
<div class="card-body">
|
||||
<div class="card-title mb-0">
|
||||
<span class="font-weight-bold" id="preview_title">{{$news->title}}</span>
|
||||
<span class="float-right cursor-pointer" title="Close"><i class="fas fa-times text-lighter"></i></span>
|
||||
</div>
|
||||
<p class="card-text">
|
||||
<span style="font-size:13px;" id="preview_summary">{{$news->summary}}</span>
|
||||
</p>
|
||||
<p class="d-flex align-items-center justify-content-between mb-0">
|
||||
<a href="#" class="small font-weight-bold mb-0">Read more</a>
|
||||
<span>
|
||||
<span class="btn btn-outline-secondary btn-sm py-0 disabled">
|
||||
<i class="fas fa-chevron-left fa-sm"></i>
|
||||
</span>
|
||||
<span class="btn btn-outline-success btn-sm py-0 mx-1" title="Mark as Read" data-toggle="tooltip" data-placement="bottom">
|
||||
<i class="fas fa-check fa-sm"></i>
|
||||
</span>
|
||||
<span class="btn btn-outline-secondary btn-sm py-0">
|
||||
<i class="fas fa-chevron-right fa-sm"></i>
|
||||
</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="mt-3">
|
||||
<button type="submit" class="btn btn-primary btn-block font-weight-bold py-1 px-4">Save</button>
|
||||
</p>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="published" name="published" {{$news->published_at ? 'checked="checked"' : ''}}>
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="published">Published</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="show_timeline" name="show_timeline" {{$news->show_timeline ? 'checked="checked"' : ''}}>
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="show_timeline">Show On Timelines</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="auth_only" name="auth_only" {{$news->auth_only ? 'checked="checked"' : ''}}>
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="auth_only">Logged in users only</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="show_link" name="show_link" {{$news->show_link ? 'checked="checked"' : ''}}>
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="show_link">Show Read More Link</label>
|
||||
</div>
|
||||
</div>
|
||||
{{-- <div class="form-group">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="force_modal" name="force_modal" {{$news->force_modal ? 'checked="checked"' : ''}}>
|
||||
<label class="custom-control-label font-weight-bold text-uppercase text-muted" for="force_modal">Show Modal on timelines</label>
|
||||
</div>
|
||||
</div> --}}
|
||||
<hr>
|
||||
</form>
|
||||
<p class="mt-1 d-flex justify-content-between">
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm font-weight-bold py-1 px-3">Preview</button>
|
||||
<button type="button" class="btn btn-outline-danger btn-sm font-weight-bold py-1 px-3" id="btn-delete">Delete</button>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<form id="delete-form" method="post">
|
||||
@method('delete')
|
||||
@csrf
|
||||
</form>
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
$('#title').on('change keyup paste',function(e) {
|
||||
let el = $(this);
|
||||
let title = el.val()
|
||||
$('#preview_title').text(title);
|
||||
});
|
||||
|
||||
$('#summary').on('change keyup paste',function(e) {
|
||||
let el = $(this);
|
||||
let title = el.val()
|
||||
$('#preview_summary').text(title);
|
||||
});
|
||||
|
||||
$('#btn-delete').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
if(window.confirm('Are you sure you want to delete this post?') == true) {
|
||||
document.getElementById('delete-form').submit();
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
@ -0,0 +1,62 @@
|
||||
@extends('admin.partial.template-full')
|
||||
|
||||
@section('section')
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
|
||||
<div class="title">
|
||||
<p class="h1 font-weight-bold">Newsroom</p>
|
||||
<p class="lead mb-0">Manage News and Platform Tips</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="btn btn-outline-success px-4" style="font-size:13px;" href="{{route('admin.newsroom.create')}}">New Announcement</a>
|
||||
<a class="btn btn-outline-secondary px-2 mr-3" style="font-size:13px;" href="/site/newsroom">View Newsroom <i class="fas fa-chevron-right fa-sm text-lighter ml-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="my-5 row">
|
||||
<div class="col-md-8 offset-md-2">
|
||||
<div class="card">
|
||||
<div class="card-header bg-light lead font-weight-bold">
|
||||
Announcements
|
||||
</div>
|
||||
@if($newsroom->count() > 0)
|
||||
<ul class="list-group list-group-flush">
|
||||
@foreach($newsroom as $news)
|
||||
<li class="list-group-item d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<p class="mb-0 font-weight-bold">{{str_limit($news->title,30)}}</p>
|
||||
<p class="mb-0 small">{{str_limit($news->summary, 40)}}</p>
|
||||
</div>
|
||||
<div>
|
||||
@if($news->published_at != null)
|
||||
<span class="btn btn-success btn-sm px-2 py-0 font-weight-bold mr-3">PUBLISHED</span>
|
||||
@else
|
||||
<span class="btn btn-outline-secondary btn-sm px-2 py-0 font-weight-bold mr-3">DRAFT</span>
|
||||
@endif
|
||||
<a class="btn btn-outline-lighter btn-sm mr-2" title="Edit Post" data-toggle="tooltip" data-placement="bottom" href="{{$news->editUrl()}}">
|
||||
<i class="fas fa-edit"></i>
|
||||
</a>
|
||||
@if($news->published_at)
|
||||
<a class="btn btn-outline-lighter btn-sm" title="View Post" data-toggle="tooltip" data-placement="bottom" href="{{$news->permalink()}}">
|
||||
<i class="fas fa-eye"></i>
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@else
|
||||
<div class="card-body text-center">
|
||||
<p class="lead mb-0 p-5">No Announcements Found!</p>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="d-flex justify-content-center mt-4">
|
||||
{!!$newsroom->links()!!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@ -0,0 +1,7 @@
|
||||
@extends('site.news.partial.layout')
|
||||
|
||||
@section('body')
|
||||
<div class="container">
|
||||
<p class="text-center">Archive here</p>
|
||||
</div>
|
||||
@endsection
|
||||
@ -0,0 +1,26 @@
|
||||
@extends('site.news.partial.layout')
|
||||
|
||||
@section('body')
|
||||
<div class="container">
|
||||
<div class="row px-3">
|
||||
@foreach($posts->slice(0,1) as $post)
|
||||
<div class="col-12 bg-light d-flex justify-content-center align-items-center mt-2 mb-4" style="height:300px;">
|
||||
<div class="mx-5">
|
||||
<p class="small text-danger mb-0 text-uppercase">{{$post->category}}</p>
|
||||
<p class="small text-muted">{{$post->published_at->format('F d, Y')}}</p>
|
||||
<p class="h1" style="font-size: 2.6rem;font-weight: 700;"><a class="text-dark text-decoration-none" href="{{$post->permalink()}}">{{$post->title}}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@foreach($posts->slice(1) as $post)
|
||||
<div class="col-6 bg-light d-flex justify-content-center align-items-center mt-3 px-5" style="height:300px;">
|
||||
<div class="mx-0">
|
||||
<p class="small text-danger mb-0 text-uppercase">{{$post->category}}</p>
|
||||
<p class="small text-muted">{{$post->published_at->format('F d, Y')}}</p>
|
||||
<p class="h1" style="font-size: 2rem;font-weight: 700;"><a class="text-dark text-decoration-none" href="{{$post->permalink()}}">{{$post->title}}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@ -0,0 +1,17 @@
|
||||
@extends('layouts.anon')
|
||||
|
||||
@section('content')
|
||||
@include('site.news.partial.nav')
|
||||
@yield('body');
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
background: #fff;
|
||||
}
|
||||
.navbar-laravel {
|
||||
box-shadow: none;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
@ -0,0 +1,14 @@
|
||||
<div class="container py-4">
|
||||
<div class="col-12 d-flex justify-content-between border-bottom align-items-center pb-3 px-0">
|
||||
<div>
|
||||
<p class="h4 mb-0"><a href="/site/newsroom" class="text-dark text-decoration-none">Newsroom</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-outline-secondary btn-sm py-1" href="/"><i class="fas fa-chevron-left fa-sm text-lighter mr-2"></i> Back to Pixelfed</a>
|
||||
</div>
|
||||
{{-- <div>
|
||||
<a href="/site/newsroom/search" class="small text-muted mr-4 text-decoration-none">Search Newsroom</a>
|
||||
<a href="/site/newsroom/archive" class="small text-muted text-decoration-none">Archive</a>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,33 @@
|
||||
@extends('site.news.partial.layout')
|
||||
|
||||
@section('body')
|
||||
<div class="container mt-3">
|
||||
<div class="row px-3">
|
||||
<div class="col-12 bg-light d-flex justify-content-center align-items-center" style="min-height: 400px">
|
||||
<div style="max-width: 550px;">
|
||||
<p class="small text-danger mb-0 text-uppercase">{{$post->category}}</p>
|
||||
<p class="small text-muted">{{$post->published_at->format('F d, Y')}}</p>
|
||||
<p class="h1" style="font-size: 2.6rem;font-weight: 700;">{{$post->title}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mt-4">
|
||||
<div class="d-flex justify-content-center">
|
||||
<p class="lead text-center py-5" style="font-size:25px; font-weight: 200; max-width: 550px;">
|
||||
{{$post->summary}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@if($post->body)
|
||||
<div class="col-12 mt-4">
|
||||
<div class="d-flex justify-content-center border-top">
|
||||
<p class="lead py-5" style="max-width: 550px;">
|
||||
{!!$post->body!!}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="col-12 mt-4"></div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Loading…
Reference in New Issue