snipe
122 lines
4.6 KiB
PHP
122 lines
4.6 KiB
PHP
@extends('backend/layouts/default')
|
|
|
|
{{-- Page title --}}
|
|
@section('title')
|
|
@lang('general.import') ::
|
|
@parent
|
|
@stop
|
|
|
|
{{-- Page content --}}
|
|
@section('content')
|
|
|
|
<div class="row header">
|
|
<div class="col-md-12">
|
|
<a href="{{ URL::previous() }}" class="btn-flat gray pull-right"><i class="fa fa-arrow-left icon-white"></i> @lang('general.back')</a>
|
|
<h3> @lang('general.import')</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row form-wrapper">
|
|
|
|
<!-- left column -->
|
|
<div class="col-md-12 column">
|
|
|
|
<div class="col-md-3">
|
|
<!-- The fileinput-button span is used to style the file input field as button -->
|
|
<span class="btn btn-info fileinput-button">
|
|
<i class="glyphicon glyphicon-plus"></i>
|
|
<span>Select Import File...</span>
|
|
<!-- The file input field used as target for the file upload widget -->
|
|
<input id="fileupload" type="file" name="files[]" accept="text/csv" data-url="../api/hardware/import">
|
|
</span>
|
|
</div>
|
|
<div class="col-md-9" id="progress-container" style="visibility: hidden; padding-bottom: 20px;">
|
|
<!-- The global progress bar -->
|
|
<div class="col-md-11">
|
|
<div id="progress" class="progress" style="margin-top: 10px;">
|
|
<div class="progress-bar progress-bar-success"></div>
|
|
<div class="progress-bar-text"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1">
|
|
<div class="pull-right progress-checkmark" style="display: none;">
|
|
<i class="fa fa-check fa-3x icon-white" style="color: green"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ asset('assets/js/jquery.ui.widget.js') }}"></script>
|
|
<script src="{{ asset('assets/js/jquery.iframe-transport.js') }}"></script>
|
|
<script src="{{ asset('assets/js/jquery.fileupload.js') }}"></script>
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/lib/jquery.fileupload.css') }}">
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/lib/jquery.fileupload-ui.css') }}">
|
|
|
|
|
|
<script>
|
|
$(function () {
|
|
//binds to onchange event of your input field
|
|
var uploadedFileSize = 0;
|
|
$('#fileupload').bind('change', function() {
|
|
uploadedFileSize = this.files[0].size;
|
|
$('#progress-container').css('visibility', 'visible');
|
|
});
|
|
|
|
$('.process').bind('click', function() {
|
|
$('#progress-container').addClass('fa-spin');
|
|
});
|
|
|
|
$('#fileupload').fileupload({
|
|
//maxChunkSize: 100000,
|
|
dataType: 'json',
|
|
|
|
progress: function (e, data) {
|
|
var progress = parseInt((data.loaded / uploadedFileSize) * 100, 10);
|
|
$('.progress-bar-success').css('width',progress + '%');
|
|
$('.progress-bar-text').html(progress + '%');
|
|
|
|
if (data.error != 0) {
|
|
$('.progress-bar-success').css('color','red');
|
|
}
|
|
|
|
if (progress == 100) {
|
|
$('.progress-checkmark').delay(250).fadeIn('slow');
|
|
}
|
|
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<th>File</th>
|
|
<th>Created</th>
|
|
<th>Size</th>
|
|
<th></th>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($files as $file)
|
|
<tr>
|
|
<td>{{{ $file['filename'] }}}</td>
|
|
<td>{{{ date("M d, Y g:i A", $file['modified']) }}} </td>
|
|
<td>{{{ $file['filesize'] }}}</td>
|
|
<td>
|
|
<a class="btn btn-info btn-sm process" href="import/process/{{{ $file['filename'] }}}"><i class="fa fa-spinner"></i> Process</a>
|
|
|
|
<!-- <a data-html="false"
|
|
class="btn delete-asset btn-danger btn-sm {{ (Config::get('app.lock_passwords')) ? ' disabled': '' }}" data-toggle="modal" href=" {{ route('assets/import/delete-file', $file['filename']) }}" data-content="@lang('admin/settings/message.backup.delete_confirm')" data-title="{{ Lang::get('general.delete') }} {{ htmlspecialchars($file['filename']) }} ?" onClick="return false;">
|
|
<i class="fa fa-trash icon-white"></i>
|
|
</a> -->
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
@stop
|