Admin dashboard in Laravel 9 | Sample Template
Hello Dev,
This tutorial will give you an example of how to clone a Laravel project from GitHub. let’s discuss the steps to clone the Laravel project from GitHub. I explained simply about the clone Laravel project from GitHub. This article goes into detail on the clone Laravel project from Github on the server.
In this tutorial, I will show you step-by-step how to clone laravel projects from Github, GitLab, or bitbucket and set up an ubuntu server from scratch. you can easily clone laravel 6, laravel 7, laravel 8, and laravel 9 projects from this post.
So, let's follow the below step-by-step and get done with the clone laravel app.
Step 1:Route
Route::get('download/file/{file_name}', 'fileDownload'); // file download
Route::post('download/file/delete', 'fileDelete')->name('download/file/delete'); // file deleteStep 2:Controller
/** delete record and remove file in folder */
public function fileDelete(Request $request)
{
try {
FileUpload::destroy($request->id);
unlink(storage_path("app/file_store/".$request->file_name));
Toastr::success('Data has been deleted successfully :)','Success');
return redirect()->back();
} catch(\Exception $e) {
DB::rollback();
Toastr::error('Data delete fail :)','Error');
return redirect()->back();
}
}Step 3: Form
@extends('layouts.master')
@section('content')
{{-- message --}}
{!! Toastr::message() !!}
<div class="page-wrapper">
<div class="content container-fluid">
<div class="page-header">
<div class="row">
<div class="col-sm-12">
<h3 class="page-title">Form Report File Upload</h3>
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
<li class="breadcrumb-item active">Form Report File Upload</li>
</ul>
</div>
</div>
</div>
<div class="row filter-row">
<div class="col-sm-6 col-md-3">
<div class="form-group form-focus select-focus">
<input class="form-control floating" type="text">
<label class="focus-label">Full Name By</label>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="form-group form-focus">
<div class="cal-icon">
<input class="form-control floating datetimepicker" type="text">
</div>
<label class="focus-label">From</label>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="form-group form-focus">
<div class="cal-icon">
<input class="form-control floating datetimepicker" type="text">
</div>
<label class="focus-label">To</label>
</div>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="btn btn-success btn-block"> Search </a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table class="table table-striped custom-table mb-0 datatable">
<thead>
<tr>
<th>No</th>
<th>Upload By</th>
<th>Date Time</th>
<th>File Name</th>
<th>Uuid</th>
<th>View File</th>
<th class="text-right">Actions</th>
</tr>
</thead>
<tbody>
@foreach ($fileUpload as $key=>$items )
<tr>
<td class="id">{{ $items->id }}</td>
<td>
<strong>{{ $items->upload_by }}</strong>
</td>
<td>{{ $items->date_time }}</td>
<td><a href="{{ url('download/file/'.$items->file_name) }}" class="file_name">{{ $items->file_name }}</a></td>
<td>{{ $items->uuid }}</td>
<td>
<span class="avatar">
<img alt="" src="">
</span>
</td>
<td class="text-center">
<a class="dropdown-item delete" href="#" data-toggle="modal" data-target="#delete_record">
<i class="fa fa-trash-o m-r-5"></i>
</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Delete Record From Modal -->
<div class="modal custom-modal fade" id="delete_record" role="dialog">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<div class="form-header">
<h3>Delete File Record</h3>
<p>Are you sure want to delete?</p>
</div>
<div class="modal-btn delete-action">
<form action="{{ route('download/file/delete') }}" method="POST">
@csrf
<input type="hidden" name="id" class="e_id" value="">
<input type="hidden" name="file_name" class="e_file_name" value="">
<div class="row">
<div class="col-6">
<button type="submit" class="btn btn-primary continue-btn submit-btn">Delete</button>
</div>
<div class="col-6">
<a href="javascript:void(0);" data-dismiss="modal" class="btn btn-primary cancel-btn">Cancel</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- /Delete Record From Modal -->
@section('script')
{{-- delete js --}}
<script>
$(document).on('click','.delete',function()
{
var _this = $(this).parents('tr');
$('.e_id').val(_this.find('.id').text());
$('.e_file_name').val(_this.find('.file_name').text());
});
</script>
@endsection
@endsection
Tags:
Laravel
