Actualizacion de Diseño Logins y Parte de Registro Negocios
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
@extends('backend.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="aiz-titlebar text-left mt-2 mb-3">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<h1 class="h3">{{translate('Upload New File')}}</h1>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-right">
|
||||
<a href="{{ route('uploaded-files.index') }}" class="btn btn-link text-reset">
|
||||
<i class="las la-angle-left"></i>
|
||||
<span>{{translate('Back to uploaded files')}}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0 h6">{{translate('Drag & drop your files')}}</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="aiz-upload-files" class="h-420px" style="min-height: 65vh">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
AIZ.plugins.aizUppy();
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,221 @@
|
||||
@extends('backend.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="aiz-titlebar text-left mt-2 mb-3">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<h1 class="h3">{{translate('All uploaded files')}}</h1>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-right">
|
||||
<a href="{{ route('uploaded-files.create') }}" class="btn btn-primary">
|
||||
<span>{{translate('Upload New File')}}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<form id="sort_uploads" action="">
|
||||
<div class="card-header row gutters-5">
|
||||
<div class="col">
|
||||
<h5 class="mb-0 h6">{{translate('All files')}}</h5>
|
||||
</div>
|
||||
<div class="dropdown mb-2 mb-md-0">
|
||||
<button class="btn border dropdown-toggle" type="button" data-toggle="dropdown">
|
||||
{{translate('Bulk Action')}}
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item confirm-alert" href="javascript:void(0)" data-target="#bulk-delete-modal"> {{translate('Delete selection')}}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 ml-auto mr-0">
|
||||
<select class="form-control form-control-xs aiz-selectpicker" name="sort" onchange="sort_uploads()">
|
||||
<option value="newest" @if($sort_by == 'newest') selected="" @endif>{{ translate('Sort by newest') }}</option>
|
||||
<option value="oldest" @if($sort_by == 'oldest') selected="" @endif>{{ translate('Sort by oldest') }}</option>
|
||||
<option value="smallest" @if($sort_by == 'smallest') selected="" @endif>{{ translate('Sort by smallest') }}</option>
|
||||
<option value="largest" @if($sort_by == 'largest') selected="" @endif>{{ translate('Sort by largest') }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<input type="text" class="form-control form-control-xs" name="search" placeholder="{{ translate('Search your files') }}" value="{{ $search }}">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-primary">{{ translate('Search') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<div class="aiz-checkbox-inline">
|
||||
<label class="aiz-checkbox">
|
||||
{{ translate('Select All')}}
|
||||
<input type="checkbox" class="check-all">
|
||||
<span class="aiz-square-check"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row gutters-5">
|
||||
@foreach($all_uploads as $key => $file)
|
||||
@php
|
||||
if($file->file_original_name == null){
|
||||
$file_name = translate('Unknown');
|
||||
}else{
|
||||
$file_name = $file->file_original_name;
|
||||
}
|
||||
$file_path = my_asset($file->file_name);
|
||||
if($file->external_link) {
|
||||
$file_path = $file->external_link;
|
||||
}
|
||||
|
||||
@endphp
|
||||
<div class="col-auto w-140px w-lg-220px">
|
||||
<div class="aiz-file-box">
|
||||
<div class="dropdown-file" >
|
||||
<a class="dropdown-link" data-toggle="dropdown">
|
||||
<i class="la la-ellipsis-v"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a href="javascript:void(0)" class="dropdown-item" onclick="detailsInfo(this)" data-id="{{ $file->id }}">
|
||||
<i class="las la-info-circle mr-2"></i>
|
||||
<span>{{ translate('Details Info') }}</span>
|
||||
</a>
|
||||
<a href="{{ my_asset($file->file_name) }}" target="_blank" download="{{ $file_name }}.{{ $file->extension }}" class="dropdown-item">
|
||||
<i class="la la-download mr-2"></i>
|
||||
<span>{{ translate('Download') }}</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="dropdown-item" onclick="copyUrl(this)" data-url="{{ my_asset($file->file_name) }}">
|
||||
<i class="las la-clipboard mr-2"></i>
|
||||
<span>{{ translate('Copy Link') }}</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="dropdown-item confirm-delete" data-href="{{ route('uploaded-files.destroy', $file->id ) }}" data-target="#delete-modal">
|
||||
<i class="las la-trash mr-2"></i>
|
||||
<span>{{ translate('Delete') }}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="select-box">
|
||||
<div class="aiz-checkbox-inline">
|
||||
<label class="aiz-checkbox">
|
||||
<input type="checkbox" class="check-one" name="id[]" value="{{$file->id}}">
|
||||
<span class="aiz-square-check"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-file aiz-uploader-select c-default" title="{{ $file_name }}.{{ $file->extension }}">
|
||||
<div class="card-file-thumb">
|
||||
@if($file->type == 'image')
|
||||
<img src="{{ $file_path }}" class="img-fit">
|
||||
@elseif($file->type == 'video')
|
||||
<i class="las la-file-video"></i>
|
||||
@else
|
||||
<i class="las la-file"></i>
|
||||
@endif
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h6 class="d-flex">
|
||||
<span class="text-truncate title">{{ $file_name }}</span>
|
||||
<span class="ext">.{{ $file->extension }}</span>
|
||||
</h6>
|
||||
<p>{{ formatBytes($file->file_size) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="aiz-pagination mt-3">
|
||||
{{ $all_uploads->appends(request()->input())->links() }}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@endsection
|
||||
@section('modal')
|
||||
<div id="info-modal" class="modal fade">
|
||||
<div class="modal-dialog modal-dialog-right">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title h6">{{ translate('File Info') }}</h5>
|
||||
<button type="button" class="close" data-dismiss="modal">
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body c-scrollbar-light position-relative" id="info-modal-content">
|
||||
<div class="c-preloader text-center absolute-center">
|
||||
<i class="las la-spinner la-spin la-3x opacity-70"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Delete modal -->
|
||||
@include('modals.delete_modal')
|
||||
<!-- Bulk Delete modal -->
|
||||
@include('modals.bulk_delete_modal')
|
||||
|
||||
@endsection
|
||||
@section('script')
|
||||
<script type="text/javascript">
|
||||
$(document).on("change", ".check-all", function() {
|
||||
if(this.checked) {
|
||||
// Iterate each checkbox
|
||||
$('.check-one:checkbox').each(function() {
|
||||
this.checked = true;
|
||||
});
|
||||
} else {
|
||||
$('.check-one:checkbox').each(function() {
|
||||
this.checked = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function detailsInfo(e){
|
||||
$('#info-modal-content').html('<div class="c-preloader text-center absolute-center"><i class="las la-spinner la-spin la-3x opacity-70"></i></div>');
|
||||
var id = $(e).data('id')
|
||||
$('#info-modal').modal('show');
|
||||
$.post('{{ route('uploaded-files.info') }}', {_token: AIZ.data.csrf, id:id}, function(data){
|
||||
$('#info-modal-content').html(data);
|
||||
// console.log(data);
|
||||
});
|
||||
}
|
||||
function copyUrl(e) {
|
||||
var url = $(e).data('url');
|
||||
var $temp = $("<input>");
|
||||
$("body").append($temp);
|
||||
$temp.val(url).select();
|
||||
try {
|
||||
document.execCommand("copy");
|
||||
AIZ.plugins.notify('success', '{{ translate('Link copied to clipboard') }}');
|
||||
} catch (err) {
|
||||
AIZ.plugins.notify('danger', '{{ translate('Oops, unable to copy') }}');
|
||||
}
|
||||
$temp.remove();
|
||||
}
|
||||
function sort_uploads(el){
|
||||
$('#sort_uploads').submit();
|
||||
}
|
||||
|
||||
function bulk_delete() {
|
||||
var data = new FormData($('#sort_uploads')[0]);
|
||||
$.ajax({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
},
|
||||
url: "{{route('bulk-uploaded-files-delete')}}",
|
||||
type: 'POST',
|
||||
data: data,
|
||||
cache: false,
|
||||
contentType: false,
|
||||
processData: false,
|
||||
success: function (response) {
|
||||
if(response == 1) {
|
||||
location.reload();
|
||||
}
|
||||
else{
|
||||
AIZ.plugins.notify('danger', '{{ translate('Something Went Wrong.') }}');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,32 @@
|
||||
<div >
|
||||
<div class="form-group">
|
||||
<label>{{ translate('File Name') }}</label>
|
||||
<input type="text" class="form-control" value="{{ $file->file_name }}" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>{{ translate('File Type') }}</label>
|
||||
<input type="text" class="form-control" value="{{ $file->type }}" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>{{ translate('File Size') }}</label>
|
||||
<input type="text" class="form-control" value="{{ formatBytes($file->file_size) }}" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>{{ translate('Uploaded By') }}</label>
|
||||
<input type="text" class="form-control" value="{{ $file->user->name }}" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>{{ translate('Uploaded At') }}</label>
|
||||
<input type="text" class="form-control" value="{{ $file->created_at }}" disabled>
|
||||
</div>
|
||||
<div class="form-group text-center">
|
||||
@php
|
||||
if($file->file_original_name == null){
|
||||
$file_name = translate('Unknown');
|
||||
}else{
|
||||
$file_name = $file->file_original_name;
|
||||
}
|
||||
@endphp
|
||||
<a class="btn btn-secondary" href="{{ my_asset($file->file_name) }}" target="_blank" download="{{ $file_name }}.{{ $file->extension }}">{{ translate('Download') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user