관리-도구
편집 파일: create.blade.php
@extends('backend.layouts.app') @push('styles') @endpush @section('content') <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> <h1 class="m-0">New Menu <a href="{{ route('menu.index') }}" class="btn btn-primary">View Menu List</a></h1> </div><!-- /.col --> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li> <li class="breadcrumb-item active">Menu Lists</li> </ol> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> <!-- Main content --> <section class="content"> <div class="container-fluid"> @if (session('success')) <div class="col-sm-12"> <div class="alert alert-success alert-dismissible fade show" role="alert"> {{ session('success') }} <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> @endif @if (session('error')) <div class="col-sm-12"> <div class="alert alert-danger alert-dismissible fade show" role="alert"> {{ session('error') }} <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> @endif <div class="row"> <div class="col-md-12"> <div class="card"> <div class="card-body"> <form action="{{ route('menu.store') }}" method="POST" enctype="multipart/form-data"> @csrf @method("POST") <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="name">Menu Title (In Eng): </label> <input type="text" class="form-control" name="name[en]" placeholder="Menu title" required> <p class="text-danger"> {{ $errors->first('name') }} </p> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Menu Title (In Nep): </label> <input type="text" class="form-control" name="name[np]" placeholder="Menu title" required> <p class="text-danger"> {{ $errors->first('name') }} </p> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="menu_category">Menu Category: </label> <select name="menu_category" class="form-control"> <option value="">--Select a category--</option> @foreach ($menu_categories as $category) <option value="{{ $category->slug }}">{{ $category->name }}</option> @endforeach </select> <p class="text-danger"> {{ $errors->first('menu_category') }} </p> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="Main Child">Main or Child Menu:</label> <select name="main_child" class="form-control main_child"> <option value="">--Choose as main or child--</option> <option value="0">Main Menu</option> <option value="1">Chlid Menu</option> </select> <p class="text-danger"> {{ $errors->first('main_child') }} </p> </div> </div> <div class="col-md-6" id="parent" style="display: none;"> <div class="form-group"> <label for="parent id">Under Main Menu:</label> <select name="parent_id" class="form-control" id="parent_id"> <option value="">--Select a Parent Menu--</option> @foreach ($parent_menus as $menu) <option value="{{ $menu->id }}">{{ $menu->name['en'] }}</option> @endforeach </select> <p class="text-danger"> {{ $errors->first('parent_id') }} </p> </div> </div> <div class="col-md-6" id="header_footer" style="display: none;"> <div class="form-group"> <label for="show in">Show In:</label> <select name="show_in" class="form-control" id="show_in_id"> <option value="">--Select where to show--</option> <option value="1">Header</option> <option value="2">Footer</option> <option value="3">Header and Footer</option> </select> <p class="text-danger"> {{ $errors->first('show_in') }} </p> </div> </div> {{-- new Changed on form --}} <hr> <div class="col-md-12 text-center"> <div class="form-group"> <label for="content">Content for Page Selection</label> <textarea name="content" id="content" rows="5" class="form-control">{{old('content')}}</textarea> @error('content') <span class="text-danger">{{$message}}</span> @enderror </div> </div> <hr> {{-- new Changed on form --}} <div class="col-md-12 text-center"> <hr> <h3>Meta Information</h3> <hr> </div> <div class="col-md-6"> <div class="form-group"> <label for="meta_title">Meta Title(Optional): </label> <input type="text" class="form-control" name="meta_title" placeholder="Meta Title for SEO" value=""> <p class="text-danger"> {{ $errors->first('meta_title') }} </p> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="meta_keywords">Meta Keywords(Optional): </label> <input type="text" class="form-control" name="meta_keywords" placeholder="Meta Keywords for SEO" value=""> <p class="text-danger"> {{ $errors->first('meta_keywords') }} </p> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="meta-description">Meta Description (optional):</label> <textarea name="meta_description" cols="30" rows="10" class="form-control" placeholder="Meta description.."></textarea> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="og_image">Banner Image (1200 X 600): </label> <div class="input-group"> <span class="input-group-btn"> <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary"> <i class="fa fa-picture-o"></i> Choose </a> </span> <input id="thumbnail" class="form-control" type="text" name="og_image" value="{{old('og_image')}}"> </div> <img id="holder" style="margin-top:15px;max-height:100px;"> @error('og_image') <span class="text-danger">{{$message}}</span> @enderror </div> </div> <div class="col-md-12 mt-4"> <button type="submit" class="btn btn-success">Submit</button> </div> </div> </form> </div> </div> </div> </div> </div> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> @endsection @push('scripts') <script> $(document).ready(function(){ $('#lfm').filemanager('image'); }); </script> <script> $(function() { $('.main_child').change(function() { var main_child = $(this).children("option:selected").val(); if (main_child == 1) { document.getElementById("parent").style.display = "block"; document.getElementById("header_footer").style.display = "none"; } else if(main_child == 0) { document.getElementById("parent").style.display = "none"; document.getElementById("header_footer").style.display = "block"; } }) }); </script> <script> var options = { filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images', filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}', filebrowserBrowseUrl: '/laravel-filemanager?type=Files', filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}', }; CKEDITOR.replace('content', options); var loadOg = function(event) { var output = document.getElementById('current_og'); output.src = URL.createObjectURL(event.target.files[0]); output.onload = function() { URL.revokeObjectURL(output.src) } }; </script> @endpush