127 lines
8.9 KiB
PHP
127 lines
8.9 KiB
PHP
@extends('layout.layout')
|
|
@php
|
|
$title='News/Video';
|
|
$subTitle = 'News/Video';
|
|
$script = '<script src="' . asset('assets/js/editor.highlighted.min.js') . '"></script>
|
|
<script src="' . asset('assets/js/editor.quill.js') . '"></script>
|
|
<script src="' . asset('assets/js/editor.katex.min.js') . '"></script>
|
|
<script src="' . asset('assets/js/backend/news/upload_image.js') . '"></script>
|
|
<script src="' . asset('assets/js/backend/news/embed.js') . '"></script>
|
|
';
|
|
@endphp
|
|
|
|
@section('content')
|
|
<div class="row gy-4">
|
|
<div class="col-lg-12">
|
|
<div class="card mt-24">
|
|
<div class="card-header border-bottom">
|
|
<h6 class="text-xl mb-0">Tambah Postingan</h6>
|
|
</div>
|
|
<div class="card-body p-24">
|
|
<form action="#" class="d-flex flex-column gap-20">
|
|
<div>
|
|
<label class="form-label fw-bold text-neutral-900" for="title">Judul</label>
|
|
<input type="text" class="form-control border border-neutral-200 radius-8" id="title" placeholder="Masukkan judul disini">
|
|
</div>
|
|
<div>
|
|
<label class="form-label fw-bold text-neutral-900">Kategori </label>
|
|
<select id="category-select" class="form-control border border-neutral-200 radius-8">
|
|
<option value="News">News</option>
|
|
<option value="Video">Video</option>
|
|
<option value="Popup Home">Popup Home</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label class="form-label fw-bold text-neutral-900">Deskripsi </label>
|
|
<div class="border border-neutral-200 radius-8 overflow-hidden">
|
|
<div class="height-200">
|
|
<!-- Editor Toolbar Start -->
|
|
<div id="toolbar-container">
|
|
<span class="ql-formats">
|
|
<select class="ql-font"></select>
|
|
<select class="ql-size"></select>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-bold"></button>
|
|
<button class="ql-italic"></button>
|
|
<button class="ql-underline"></button>
|
|
<button class="ql-strike"></button>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<select class="ql-color"></select>
|
|
<select class="ql-background"></select>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-script" value="sub"></button>
|
|
<button class="ql-script" value="super"></button>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-header" value="1"></button>
|
|
<button class="ql-header" value="2"></button>
|
|
<button class="ql-blockquote"></button>
|
|
<button class="ql-code-block"></button>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-list" value="ordered"></button>
|
|
<button class="ql-list" value="bullet"></button>
|
|
<button class="ql-indent" value="-1"></button>
|
|
<button class="ql-indent" value="+1"></button>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-direction" value="rtl"></button>
|
|
<select class="ql-align"></select>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-link"></button>
|
|
<button class="ql-image"></button>
|
|
<button class="ql-video"></button>
|
|
<button class="ql-formula"></button>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-clean"></button>
|
|
</span>
|
|
</div>
|
|
<!-- Editor Toolbar Start -->
|
|
|
|
<!-- Editor start -->
|
|
<div id="editor">
|
|
<p class="">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis dolores explicabo corrupti, fuga</p>
|
|
<p><br></p>
|
|
</div>
|
|
<!-- Edit End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="form-label fw-bold text-neutral-900">Upload Thumbnail </label>
|
|
<div class="upload-image-wrapper d-flex gap-3">
|
|
<div class="uploaded-img d-none position-relative h-160-px w-50 border input-form-light radius-8 overflow-hidden border-dashed bg-neutral-50">
|
|
<button type="button" class="uploaded-img__remove position-absolute top-0 end-0 z-1 text-2xxl line-height-1 me-8 mt-8 d-flex bg-danger-600 w-40-px h-40-px justify-content-center align-items-center rounded-circle">
|
|
<iconify-icon icon="radix-icons:cross-2" class="text-2xl text-white"></iconify-icon>
|
|
</button>
|
|
<img id="uploaded-img__preview" class="w-100 h-100 object-fit-contain" src="{{ asset('assets/images/user.png') }}" alt="image">
|
|
</div>
|
|
<label class="upload-file h-160-px w-50 border input-form-light radius-8 overflow-hidden border-dashed bg-neutral-50 bg-hover-neutral-200 d-flex align-items-center flex-column justify-content-center gap-1" for="upload-file">
|
|
<iconify-icon icon="solar:camera-outline" class="text-xl text-secondary-light"></iconify-icon>
|
|
<span class="fw-semibold text-secondary-light">Upload</span>
|
|
<input id="upload-file" type="file" hidden>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="embed-link-field" class="d-none mt-4">
|
|
<label class="form-label fw-bold text-neutral-900" for="embed_link">Link Embed</label>
|
|
<input type="text" name="embed_link" id="embed_link" class="form-control border border-neutral-200 radius-8" placeholder="Masukkan URL embed di sini">
|
|
</div>
|
|
|
|
|
|
<button type="submit" class="btn btn-primary-600 radius-8">Submit</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
@endsection
|