365 lines
22 KiB
PHP
365 lines
22 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('title', 'Posts')
|
|
|
|
@push('style')
|
|
<!-- CSS Libraries -->
|
|
<link rel="stylesheet"
|
|
href="{{ asset('library/selectric/public/selectric.css') }}">
|
|
@endpush
|
|
|
|
@section('main')
|
|
<div class="main-content">
|
|
<section class="section">
|
|
<div class="section-header">
|
|
<h1>Posts</h1>
|
|
<div class="section-header-button">
|
|
<a href="features-post-create.html"
|
|
class="btn btn-primary">Add New</a>
|
|
</div>
|
|
<div class="section-header-breadcrumb">
|
|
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
|
|
<div class="breadcrumb-item"><a href="#">Posts</a></div>
|
|
<div class="breadcrumb-item">All Posts</div>
|
|
</div>
|
|
</div>
|
|
<div class="section-body">
|
|
<h2 class="section-title">Posts</h2>
|
|
<p class="section-lead">
|
|
You can manage all posts, such as editing, deleting and more.
|
|
</p>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card mb-0">
|
|
<div class="card-body">
|
|
<ul class="nav nav-pills">
|
|
<li class="nav-item">
|
|
<a class="nav-link active"
|
|
href="#">All <span class="badge badge-white">5</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"
|
|
href="#">Draft <span class="badge badge-primary">1</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"
|
|
href="#">Pending <span class="badge badge-primary">1</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"
|
|
href="#">Trash <span class="badge badge-primary">0</span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>All Posts</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="float-left">
|
|
<select class="form-control selectric">
|
|
<option>Action For Selected</option>
|
|
<option>Move to Draft</option>
|
|
<option>Move to Pending</option>
|
|
<option>Delete Pemanently</option>
|
|
</select>
|
|
</div>
|
|
<div class="float-right">
|
|
<form>
|
|
<div class="input-group">
|
|
<input type="text"
|
|
class="form-control"
|
|
placeholder="Search">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-primary"><i class="fas fa-search"></i></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="clearfix mb-3"></div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table-striped table">
|
|
<tr>
|
|
<th class="pt-2 text-center">
|
|
<div class="custom-checkbox custom-checkbox-table custom-control">
|
|
<input type="checkbox"
|
|
data-checkboxes="mygroup"
|
|
data-checkbox-role="dad"
|
|
class="custom-control-input"
|
|
id="checkbox-all">
|
|
<label for="checkbox-all"
|
|
class="custom-control-label"> </label>
|
|
</div>
|
|
</th>
|
|
<th>Title</th>
|
|
<th>Category</th>
|
|
<th>Author</th>
|
|
<th>Created At</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-checkbox custom-control">
|
|
<input type="checkbox"
|
|
data-checkboxes="mygroup"
|
|
class="custom-control-input"
|
|
id="checkbox-2">
|
|
<label for="checkbox-2"
|
|
class="custom-control-label"> </label>
|
|
</div>
|
|
</td>
|
|
<td>Laravel 5 Tutorial: Introduction
|
|
<div class="table-links">
|
|
<a href="#">View</a>
|
|
<div class="bullet"></div>
|
|
<a href="#">Edit</a>
|
|
<div class="bullet"></div>
|
|
<a href="#"
|
|
class="text-danger">Trash</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<a href="#">Web Developer</a>,
|
|
<a href="#">Tutorial</a>
|
|
</td>
|
|
<td>
|
|
<a href="#">
|
|
<img alt="image"
|
|
src="{{ asset('img/avatar/avatar-5.png') }}"
|
|
class="rounded-circle"
|
|
width="35"
|
|
data-toggle="title"
|
|
title="">
|
|
<div class="d-inline-block ml-1">Rizal Fakhri</div>
|
|
</a>
|
|
</td>
|
|
<td>2018-01-20</td>
|
|
<td>
|
|
<div class="badge badge-primary">Published</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-checkbox custom-control">
|
|
<input type="checkbox"
|
|
data-checkboxes="mygroup"
|
|
class="custom-control-input"
|
|
id="checkbox-3">
|
|
<label for="checkbox-3"
|
|
class="custom-control-label"> </label>
|
|
</div>
|
|
</td>
|
|
<td>Laravel 5 Tutorial: Installing
|
|
<div class="table-links">
|
|
<a href="#">View</a>
|
|
<div class="bullet"></div>
|
|
<a href="#">Edit</a>
|
|
<div class="bullet"></div>
|
|
<a href="#"
|
|
class="text-danger">Trash</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<a href="#">Web Developer</a>,
|
|
<a href="#">Tutorial</a>
|
|
</td>
|
|
<td>
|
|
<a href="#">
|
|
<img alt="image"
|
|
src="{{ asset('img/avatar/avatar-5.png') }}"
|
|
class="rounded-circle"
|
|
width="35"
|
|
data-toggle="title"
|
|
title="">
|
|
<div class="d-inline-block ml-1">Rizal Fakhri</div>
|
|
</a>
|
|
</td>
|
|
<td>2018-01-20</td>
|
|
<td>
|
|
<div class="badge badge-primary">Published</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-checkbox custom-control">
|
|
<input type="checkbox"
|
|
data-checkboxes="mygroup"
|
|
class="custom-control-input"
|
|
id="checkbox-4">
|
|
<label for="checkbox-4"
|
|
class="custom-control-label"> </label>
|
|
</div>
|
|
</td>
|
|
<td>Laravel 5 Tutorial: MVC
|
|
<div class="table-links">
|
|
<a href="#">View</a>
|
|
<div class="bullet"></div>
|
|
<a href="#">Edit</a>
|
|
<div class="bullet"></div>
|
|
<a href="#"
|
|
class="text-danger">Trash</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<a href="#">Web Developer</a>,
|
|
<a href="#">Tutorial</a>
|
|
</td>
|
|
<td>
|
|
<a href="#">
|
|
<img alt="image"
|
|
src="{{ asset('img/avatar/avatar-5.png') }}"
|
|
class="rounded-circle"
|
|
width="35"
|
|
data-toggle="title"
|
|
title="">
|
|
<div class="d-inline-block ml-1">Rizal Fakhri</div>
|
|
</a>
|
|
</td>
|
|
<td>2018-01-20</td>
|
|
<td>
|
|
<div class="badge badge-primary">Published</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-checkbox custom-control">
|
|
<input type="checkbox"
|
|
data-checkboxes="mygroup"
|
|
class="custom-control-input"
|
|
id="checkbox-5">
|
|
<label for="checkbox-5"
|
|
class="custom-control-label"> </label>
|
|
</div>
|
|
</td>
|
|
<td>Laravel 5 Tutorial: CRUD
|
|
<div class="table-links">
|
|
<a href="#">View</a>
|
|
<div class="bullet"></div>
|
|
<a href="#">Edit</a>
|
|
<div class="bullet"></div>
|
|
<a href="#"
|
|
class="text-danger">Trash</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<a href="#">Web Developer</a>,
|
|
<a href="#">Tutorial</a>
|
|
</td>
|
|
<td>
|
|
<a href="#">
|
|
<img alt="image"
|
|
src="{{ asset('img/avatar/avatar-5.png') }}"
|
|
class="rounded-circle"
|
|
width="35"
|
|
data-toggle="title"
|
|
title="">
|
|
<div class="d-inline-block ml-1">Rizal Fakhri</div>
|
|
</a>
|
|
</td>
|
|
<td>2018-01-20</td>
|
|
<td>
|
|
<div class="badge badge-danger">Draft</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-checkbox custom-control">
|
|
<input type="checkbox"
|
|
data-checkboxes="mygroup"
|
|
class="custom-control-input"
|
|
id="checkbox-1">
|
|
<label for="checkbox-1"
|
|
class="custom-control-label"> </label>
|
|
</div>
|
|
</td>
|
|
<td>Laravel 5 Tutorial: Deployment
|
|
<div class="table-links">
|
|
<a href="#">View</a>
|
|
<div class="bullet"></div>
|
|
<a href="#">Edit</a>
|
|
<div class="bullet"></div>
|
|
<a href="#"
|
|
class="text-danger">Trash</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<a href="#">Web Developer</a>,
|
|
<a href="#">Tutorial</a>
|
|
</td>
|
|
<td>
|
|
<a href="#">
|
|
<img alt="image"
|
|
src="{{ asset('img/avatar/avatar-5.png') }}"
|
|
class="rounded-circle"
|
|
width="35"
|
|
data-toggle="title"
|
|
title="">
|
|
<div class="d-inline-block ml-1">Rizal Fakhri</div>
|
|
</a>
|
|
</td>
|
|
<td>2018-01-20</td>
|
|
<td>
|
|
<div class="badge badge-warning">Pending</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="float-right">
|
|
<nav>
|
|
<ul class="pagination">
|
|
<li class="page-item disabled">
|
|
<a class="page-link"
|
|
href="#"
|
|
aria-label="Previous">
|
|
<span aria-hidden="true">«</span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
</li>
|
|
<li class="page-item active">
|
|
<a class="page-link"
|
|
href="#">1</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link"
|
|
href="#">2</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link"
|
|
href="#">3</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link"
|
|
href="#"
|
|
aria-label="Next">
|
|
<span aria-hidden="true">»</span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<!-- JS Libraies -->
|
|
<script src="{{ asset('library/selectric/public/jquery.selectric.min.js') }}"></script>
|
|
|
|
<!-- Page Specific JS File -->
|
|
<script src="{{ asset('js/page/features-posts.js') }}"></script>
|
|
@endpush
|