109 lines
5.0 KiB
HTML
109 lines
5.0 KiB
HTML
{% set title = 'Post Create' %}
|
|
{% set page = 'features-post-create.html' %}
|
|
{% extends 'layouts/master.html' %}
|
|
|
|
{% block plugins_css %}
|
|
<link rel="stylesheet" href="../node_modules/summernote/dist/summernote-bs4.css">
|
|
<link rel="stylesheet" href="../node_modules/selectric/public/selectric.css">
|
|
<link rel="stylesheet" href="../node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.css">
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="section">
|
|
<div class="section-header">
|
|
<div class="section-header-back">
|
|
<a href="features-posts.html" class="btn btn-icon"><i class="fas fa-arrow-left"></i></a>
|
|
</div>
|
|
<h1>Create New Post</h1>
|
|
<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">Create New Post</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-body">
|
|
<h2 class="section-title">Create New Post</h2>
|
|
<p class="section-lead">
|
|
On this page you can create a new post and fill in all fields.
|
|
</p>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Write Your Post</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="form-group row mb-4">
|
|
<label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Title</label>
|
|
<div class="col-sm-12 col-md-7">
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row mb-4">
|
|
<label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Category</label>
|
|
<div class="col-sm-12 col-md-7">
|
|
<select class="form-control selectric">
|
|
<option>Tech</option>
|
|
<option>News</option>
|
|
<option>Political</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row mb-4">
|
|
<label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Content</label>
|
|
<div class="col-sm-12 col-md-7">
|
|
<textarea class="summernote-simple"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row mb-4">
|
|
<label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Thumbnail</label>
|
|
<div class="col-sm-12 col-md-7">
|
|
<div id="image-preview" class="image-preview">
|
|
<label for="image-upload" id="image-label">Choose File</label>
|
|
<input type="file" name="image" id="image-upload" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row mb-4">
|
|
<label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Tags</label>
|
|
<div class="col-sm-12 col-md-7">
|
|
<input type="text" class="form-control inputtags">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row mb-4">
|
|
<label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Status</label>
|
|
<div class="col-sm-12 col-md-7">
|
|
<select class="form-control selectric">
|
|
<option>Publish</option>
|
|
<option>Draft</option>
|
|
<option>Pending</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row mb-4">
|
|
<label class="col-form-label text-md-right col-12 col-md-3 col-lg-3"></label>
|
|
<div class="col-sm-12 col-md-7">
|
|
<button class="btn btn-primary">Create Post</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|
|
|
|
{% block plugins_js %}
|
|
<script src="../node_modules/summernote/dist/summernote-bs4.js"></script>
|
|
<script src="../node_modules/selectric/public/jquery.selectric.min.js"></script>
|
|
<script src="../node_modules/jquery_upload_preview/assets/js/jquery.uploadPreview.min.js"></script>
|
|
<script src="../node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>
|
|
{% endblock %}
|
|
|
|
{% block page_js %}
|
|
<script src="../assets/js/page/features-post-create.js"></script>
|
|
{% endblock %}
|