관리-도구
편집 파일: services.blade.php
@extends('layouts.app') @section('content') <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script> <!-- partial --> <div class="main-panel"> <div class="content-wrapper"> <style> .description-cell { max-width: 200px; /* Adjust the value as needed */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> <div class="row"> <div class="col-lg-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <div class="d-flex justify-content-between"> <h3 class="text-center"><b>Services</b></h3> <button class="btn btn-success" data-toggle="modal" data-target="#addServices">Add New Services +</button> <div class="modal fade" id="addServices" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">Add New Services +</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="card"> <div class="card-body"> <form method="POST" action="{{ route('admin-services.store') }}" enctype="multipart/form-data"> @csrf <div class="form-group"> <label>Service Title</label> <input type="text" name="title" class="form-control" required> </div> <div class="form-group"> <label>Description</label> <textarea name="description" class="form-control summernotes" required></textarea> </div> <div class="form-group"> <label>Image</label> <input type="file" name="image" class="form-control" required> </div> <button class="btn btn-success w-100">Submit</button> </form> </div> </div> </div> </div> </div> </div> </div> <hr> <div class="table-responsive"> <table class="table table-hover"> <thead> <tr> <th>#</th> <th>Service Title</th> <th>Description</th> <th>Image</th> <th class="text-center">Action</th> </tr> </thead> <tbody> @foreach ($services as $service) <tr> <td>{{ $loop->iteration }}</td> <td>{{ $service->title }}</td> <td>{!! Str::limit(strip_tags($service->description), 80) !!}</td> <td> <img src="{{ asset('storage/'.$service->image) }}" width="80"> </td> <td> <button class="btn btn-primary" data-toggle="modal" data-target="#edit{{$service->id}}"> <i class="fa fa-edit"></i> </button> <form action="{{ route('admin-services.destroy',$service->id) }}" method="POST" class="d-inline"> @csrf @method('DELETE') <button class="btn btn-danger"><i class="fa fa-trash"></i></button> </form> </td> </tr> <!--Add service Modal --> <!--Update service Modal --> <div class="modal fade" id="updateServices{{$service->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">Update Services</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="card"> <div class="card-body"> <form method="POST" action="{{ route('admin-services.update',$service->id) }}" enctype="multipart/form-data"> @csrf @method('PUT') <div class="form-group"> <label>Title</label> <input type="text" name="title" value="{{ $service->title }}" class="form-control" required> </div> <div class="form-group"> <label>Description</label> <textarea name="description" class="form-control summernotes" required> {{ $service->description }} </textarea> </div> <div class="form-group"> <label>Image</label> <input type="file" name="image" class="form-control"> </div> @if($service->image) <img src="{{ asset('storage/'.$service->image) }}" width="100"> @endif <button class="btn btn-primary w-100 mt-2">Update</button> </form> </div> </div> </div> </div> </div> </div> @endforeach </tbody> </table> </div> </div> </div> </div> </div> </div> <script> $('.summernotes').summernote({ placeholder: 'Description', tabsize: 2, height: 120, toolbar: [ ['style', ['style']], ['font', ['bold', 'underline', 'clear']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['table', ['table']], ['insert', ['link', 'picture', 'video']], ['view', ['fullscreen', 'codeview', 'help']] ] }); // Wait for the DOM to be ready </script> @endsection