2023-02-28 18:36:52 -08:00
@ section ( 'title' )
{{ trans ( 'general.import' ) }}
@ parent
@ stop
2023-02-28 21:58:02 -08:00
< div >
{{ -- Livewire requires a 'master' < div > , above -- }}
2022-01-13 01:19:13 -08:00
< div class = " row " >
{{ -- alert -- }}
2022-09-19 21:04:46 -07:00
@ if ( $message != '' )
< div class = " col-md-12 " class = " { { $message_type }} " >
< div class = " alert alert- { { $this->message_type }} " >
2023-03-21 22:26:32 -07:00
< button type = " button " class = " close " wire : click = " $set ('message','') " >& times ; </ button >
2022-09-19 21:04:46 -07:00
@ if ( $message_type == 'success' )
< i class = " fas fa-check faa-pulse animated " aria - hidden = " true " ></ i >
@ endif
< strong > {{ -- title -- }} </ strong >
{{ $message }}
2022-01-13 01:19:13 -08:00
</ div >
2022-09-19 21:04:46 -07:00
</ div >
@ endif
2022-01-13 01:19:13 -08:00
2022-12-14 10:55:50 -08:00
@ if ( $import_errors )
< div class = " box " >
< div class = " box-body " >
< div class = " alert alert-warning " >
2023-03-21 23:56:07 -07:00
< strong >< i class = " fa fa-warning info " aria - hidden = " true " ></ i > {{ trans ( 'general.warning' , [ 'warning' => trans ( 'general.errors_importing' )]) }} </ strong >
2022-12-14 10:55:50 -08:00
</ div >
< div class = " errors-table " >
< table class = " table table-striped table-bordered " id = " errors-table " >
< thead >
2023-03-08 16:32:45 -08:00
< th > {{ trans ( 'general.item' ) }} </ th >
< th > {{ trans ( 'general.error' ) }} </ th >
2022-12-14 10:55:50 -08:00
</ thead >
< tbody >
2023-03-21 22:26:32 -07:00
@ php \Log :: error ( " import errors are: " . print_r ( $import_errors , true )); @ endphp
@ foreach ( $import_errors AS $key => $actual_import_errors )
@ php \Log :: error ( " Key is: $key " ); @ endphp
@ foreach ( $actual_import_errors AS $table => $error_bag )
@ php \Log :: error ( " Table is: $table " ); @ endphp
@ foreach ( $error_bag as $field => $error_list )
@ php \Log :: error ( " Field is: $field " ); @ endphp
< tr >
< td > {{ $activeFile -> file_path ? ? " Unknown File " }} </ td >
< td >
< b > {{ $field }} :</ b >
< span > {{ implode ( " , " , $error_list ) }} </ span >
< br />
</ td >
</ tr >
@ endforeach
@ endforeach
2022-12-14 10:55:50 -08:00
@ endforeach
</ tbody >
</ table >
</ div >
</ div >
</ div >
@ endif
2022-01-13 01:19:13 -08:00
< div class = " col-md-9 " >
< div class = " box " >
< div class = " box-body " >
< div class = " row " >
< div class = " col-md-12 " >
2022-09-19 21:04:46 -07:00
@ if ( $progress != - 1 )
< div class = " col-md-9 " style = " padding-bottom:20px " id = 'progress-container' >
< div class = " progress progress-striped-active " style = " margin-top: 8px " > {{ -- so someof these values are in importer . vue ! -- }}
< div id = 'progress-bar' class = " progress-bar { { $progress_bar_class }} " role = " progressbar " style = " width: { { $progress }}% " >
< span id = 'progress-text' > {{ $progress_message }} </ span >
</ div >
2022-01-13 01:19:13 -08:00
</ div >
</ div >
2022-09-19 21:04:46 -07:00
@ endif
2022-01-13 01:19:13 -08:00
< div class = " col-md-3 text-right pull-right " >
<!-- The fileinput - button span is used to style the file input field as button -->
@ if ( ! config ( 'app.lock_passwords' ))
< span class = " btn btn-primary fileinput-button " >
2023-02-28 21:58:02 -08:00
< span > {{ trans ( 'button.select_file' ) }} </ span >
2022-01-13 01:19:13 -08:00
<!-- The file input field used as target for the file upload widget -->
< label for = " files[] " >< span class = " sr-only " > {{ trans ( 'admin/importer/general.select_file' ) }} </ span ></ label >
< input id = " fileupload " type = " file " name = " files[] " data - url = " { { route('api.imports.index') }} " accept = " text/csv " aria - label = " files[] " >
</ span >
@ endif
</ div >
</ div >
</ div >
< div class = " row " >
< div class = " col-md-12 table-responsive " style = " padding-top: 30px; " >
< table data - pagination = " true "
data - id - table = " upload-table "
data - search = " true "
data - side - pagination = " client "
id = " upload-table "
class = " col-md-12 table table-striped snipe-table " >
< tr >
2023-03-08 16:33:02 -08:00
< th class = " col-md-6 " >
{{ trans ( 'general.file_name' ) }}
</ th >
< th class = " col-md-3 " >
{{ trans ( 'general.created_at' ) }}
</ th >
< th class = " col-md-1 " >
{{ trans ( 'general.filesize' ) }}
</ th >
< th class = " col-md-1 text-right " >
< span class = " sr-only " > {{ trans ( 'general.actions' ) }} </ span >
</ th >
2022-01-13 01:19:13 -08:00
</ tr >
@ foreach ( $files as $currentFile )
2023-03-08 00:32:16 -08:00
2023-03-21 22:26:32 -07:00
< tr style = " { { ( $activeFile && ( $currentFile->id == $activeFile->id )) ? 'font-weight: bold' : '' }} " class = " { { ( $activeFile && ( $currentFile->id == $activeFile->id )) ? 'warning' : '' }} " >
2022-01-13 01:19:13 -08:00
< td class = " col-md-6 " > {{ $currentFile -> file_path }} </ td >
2023-03-08 16:33:02 -08:00
< td class = " col-md-3 " > {{ Helper :: getFormattedDateObject ( $currentFile -> created_at , 'datetime' , false ) }} </ td >
< td class = " col-md-1 " > {{ Helper :: formatFilesizeUnits ( $currentFile -> filesize ) }} </ td >
2022-01-13 01:19:13 -08:00
< td class = " col-md-1 text-right " >
2023-03-21 22:26:32 -07:00
< button class = " btn btn-sm btn-info " wire : click = " selectFile( { { $currentFile->id }}) " >
2023-03-01 17:18:36 -08:00
< i class = " fas fa-retweet fa-fw " aria - hidden = " true " ></ i >
< span class = " sr-only " > {{ trans ( 'general.import' ) }} </ span >
2022-01-13 01:19:13 -08:00
</ button >
2022-09-19 21:04:46 -07:00
< button class = " btn btn-sm btn-danger " wire : click = " destroy( { { $currentFile->id }}) " >
2022-01-13 01:19:13 -08:00
< i class = " fas fa-trash icon-white " aria - hidden = " true " ></ i >< span class = " sr-only " ></ span ></ button >
</ td >
</ tr >
2023-03-21 22:26:32 -07:00
@ if ( $currentFile && $activeFile && ( $currentFile -> id == $activeFile -> id ))
2023-03-08 00:32:16 -08:00
< tr class = " warning " >
2023-03-21 22:26:32 -07:00
< td colspan = " 4 " >
2023-03-18 20:31:56 -07:00
< div class = " col-md-12 " >
< div class = " form-group col-md-12 " >
< label for = " activeFile.import_type " class = " col-md-3 col-xs-12 text-right " >
2023-03-21 23:56:07 -07:00
{{ trans ( 'general.import_type' ) }}
2023-03-18 20:31:56 -07:00
</ label >
< div class = " col-md-9 col-xs-12 " >
{{ Form :: select ( 'activeFile.import_type' , $importTypes , $activeFile -> import_type , [
'id' => 'import_type' ,
'class' => 'livewire-select2' ,
'style' => 'min-width: 350px' ,
'data-placeholder' => trans ( 'general.select_var' , [ 'thing' => trans ( 'general.import_type' )]), /* TODO: translate me */
'placeholder' => '' , //needed so that the form-helper will put an empty option first
'data-minimum-results-for-search' => '-1' , // Remove this if the list gets long enough that we need to search
2023-03-21 22:26:32 -07:00
'data-livewire-component' => $_instance -> id
2023-03-18 20:31:56 -07:00
]) }}
</ div >
</ div >
< div class = " form-group col-md-12 " >
< label for = " update " class = " col-md-9 col-md-offset-3 col-xs-12 " wire : ignore >
< input type = " checkbox " class = " minimal livewire-icheck " name = " update " data - livewire - component = " { { $_instance->id }} " >
2023-03-21 23:56:07 -07:00
{{ trans ( 'general.update_existing_values' ) }}
2023-03-18 20:31:56 -07:00
</ label >
</ div >
< div class = " form-group col-md-12 " >
< label for = " send_welcome " class = " col-md-9 col-md-offset-3 col-xs-12 " wire : ignore >
< input type = " checkbox " class = " minimal livewire-icheck " name = " send_welcome " data - livewire - component = " { { $_instance->id }} " >
2023-03-21 23:56:07 -07:00
{{ trans ( 'general.send_welcome_email_to_users' ) }}
2023-03-18 20:31:56 -07:00
</ label >
</ div >
< div class = " form-group col-md-12 " >
< label for = " run_backup " class = " col-md-9 col-md-offset-3 col-xs-12 " wire : ignore >
< input type = " checkbox " class = " minimal livewire-icheck " name = " run_backup " data - livewire - component = " { { $_instance->id }} " >
2023-03-21 23:56:07 -07:00
{{ trans ( 'general.back_before_importing' ) }}
2023-03-18 20:31:56 -07:00
</ label >
</ div >
@ if ( $statusText )
< div class = " form-group " >
< div class = " alert col-md-8 col-md-offset-2 { { $statusType == 'success' ? 'alert-success' : ( $statusType == 'error' ? 'alert-danger' : 'alert-info') }} " style = " text-align:left " >
{{ $statusText }}
</ div ><!-- / alert -->
</ div >
@ endif
@ if ( $activeFile -> import_type )
< div class = " form-group col-md-12 " >
< hr style = " border-top: 1px solid lightgray " >
< h3 >< i class = " { { Helper::iconTypeByItem( $activeFile->import_type ) }} " ></ i > Map {{ ucwords ( $activeFile -> import_type ) }} Import Fields </ h3 >
< hr style = " border-top: 1px solid lightgray " >
</ div >
< div class = " form-group col-md-12 " >
< div class = " col-md-3 text-right " >
2023-03-21 23:56:07 -07:00
< strong > {{ trans ( 'general.csv_header_field' ) }} </ strong >
2023-03-18 20:31:56 -07:00
</ div >
< div class = " col-md-4 " >
2023-03-21 23:56:07 -07:00
< strong > {{ trans ( 'general.import_field' ) }} </ strong >
2023-03-18 20:31:56 -07:00
</ div >
< div class = " col-md-5 " >
2023-03-21 23:56:07 -07:00
< strong > {{ trans ( 'general.sample_value' ) }} </ strong >
2023-03-18 20:31:56 -07:00
</ div >
</ div ><!-- / div row -->
@ if ( $activeFile -> header_row )
@ foreach ( $activeFile -> header_row as $index => $header )
< div class = " form-group col-md-12 " wire : key = " header-row- { { $index }} " >
< label for = " field_map. { { $index }} " class = " col-md-3 control-label text-right " > {{ $header }} </ label >
< div class = " col-md-4 " >
{{ Form :: select ( 'field_map.' . $index , $columnOptions [ $activeFile -> import_type ], @ $field_map [ $index ],
[
'class' => 'mappings livewire-select2' ,
'placeholder' => 'Do Not Import' ,
'style' => 'min-width: 100%' ,
'data-livewire-component' => $_instance -> id
],[
'-' => [ 'disabled' => true ] // this makes the "-----" line unclickable
])
}}
</ div >
< div class = " col-md-5 " >
< p class = " form-control-static " > {{ str_limit ( $activeFile -> first_row [ $index ], 50 , '...' ) }} </ p >
</ div >
</ div ><!-- / div row -->
@ endforeach
@ else
2023-03-21 23:56:07 -07:00
{{ trans ( 'general.no_headers' ) }}
2023-03-18 20:31:56 -07:00
@ endif
< div class = " form-group col-md-12 " >
< div class = " col-md-3 text-left " >
2023-03-21 22:26:32 -07:00
< a href = " # " wire : click = " $set ('activeFile',null) " > {{ trans ( 'general.cancel' ) }} </ a >
2023-03-18 20:31:56 -07:00
</ div >
< div class = " col-md-9 " >
< button type = " submit " class = " btn btn-primary col-md-5 " id = " import " > Import </ button >
< br >< br >
</ div >
</ div >
@ if ( $statusText )
< div class = " alert col-md-12 col-md-offset-2 { { $statusType == 'success' ? 'alert-success' : ( $statusType == 'error' ? 'alert-danger' : 'alert-info') }} " style = " padding-top: 20px; " >
{{ $statusText }}
</ div >
@ endif
2023-03-21 22:26:32 -07:00
@ else
< div class = " form-group col-md-12 " >
< div class = " col-md-3 text-left " >
< a href = " # " wire : click = " $set ('activeFile',null) " >< ? php echo e ( trans ( 'general.cancel' )); ?> </a>
</ div >
</ div >
2023-03-18 20:31:56 -07:00
@ endif {{ -- end of if ... activeFile -> import_type -- }}
2023-03-21 22:26:32 -07:00
</ div ><!-- / div v - show --> </ td >
2023-03-08 00:32:16 -08:00
</ tr >
@ endif
2023-03-21 22:26:32 -07:00
</ tr >
2022-01-13 01:19:13 -08:00
@ endforeach
</ table >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-md-3 " >
< h2 > {{ trans ( 'general.importing' ) }} </ h2 >
< p > { !! trans ( 'general.importing_help' ) !! } </ p >
</ div >
</ div >
</ div >
@ push ( 'js' )
< script >
2023-02-28 21:58:02 -08:00
{{ -- TODO : Maybe change this to the file upload thing that ' s baked - in to Livewire ? -- }}
2022-01-13 01:19:13 -08:00
$ ( '#fileupload' ) . fileupload ({
dataType : 'json' ,
done : function ( e , data ) {
2022-09-19 21:04:46 -07:00
@ this . progress_bar_class = 'progress-bar-success' ;
2023-03-08 16:33:02 -08:00
@ this . progress_message = '{{ trans(' general . notification_success ') }}' ; // TODO - we're already round-tripping to the server here - I'd love it if we could get internationalized text here
2022-09-19 21:04:46 -07:00
@ this . progress = 100 ;
2022-01-13 01:19:13 -08:00
},
add : function ( e , data ) {
data . headers = {
" X-Requested-With " : 'XMLHttpRequest' ,
" X-CSRF-TOKEN " : $ ( 'meta[name="csrf-token"]' ) . attr ( 'content' )
};
data . process () . done ( function () { data . submit ();});
2022-09-19 21:04:46 -07:00
@ this . progress = 0 ;
2022-01-13 01:19:13 -08:00
},
progress : function ( e , data ) {
2022-09-19 21:04:46 -07:00
@ this . progress = parseInt (( data . loaded / data . total * 100 , 10 ));
2023-03-21 23:56:07 -07:00
@ this . progress_message = @ this . progress + '% Complete' ; // TODO - make this use general.percent_complete as a translation, passing :percent as a variable
2022-01-13 01:19:13 -08:00
},
fail : function ( e , data ) {
2022-09-19 21:04:46 -07:00
@ this . progress_bar_class = " progress-bar-danger " ;
@ this . progress = 100 ;
2023-02-28 21:58:02 -08:00
2022-12-14 10:55:50 -08:00
var error_message = ''
for ( var i in data . jqXHR . responseJSON . messages ) {
error_message += i + " : " + data . jqXHR . responseJSON . messages [ i ] . join ( " , " )
}
@ this . progress_message = error_message ;
2022-01-13 01:19:13 -08:00
}
})
2023-03-21 22:26:32 -07:00
// For the importFile part:
$ ( function () {
// initialize iCheck for use with livewire
$ ( '.minimal.livewire-icheck' ) . iCheck ({
checkboxClass : 'icheckbox_minimal-blue' ,
})
// we have to hook up to the `<tr id='importer-file'>` at the root of this display,
// because the #import button isn't visible until you click an import_type
$ ( '#upload-table' ) . on ( 'click' , '#import' , function () {
if ( !@ this . activeFile . import_type ) {
@ this . statusType = 'error' ;
@ this . statusText = " An import type is required... " ; //TODO: translate?
return ;
}
@ this . statusType = 'pending' ;
@ this . statusText = " { { trans('admin/hardware/form.processing_spinner') }} " ;
@ this . generate_field_map () . then ( function ( mappings_raw ) {
var mappings = JSON . parse ( mappings_raw )
// console.warn("Here is the mappings:")
// console.dir(mappings)
// console.warn("Uh, active file id is, I guess: "+@this.activeFile.id)
var this_file = @ this . file_id ; // okay, I actually don't know what I'm doing here.
$ . post ({
{{ -- I want to do something like : route ( 'api.imports.importFile' , $activeFile -> id ) }} -- }}
url : " api/v1/imports/process/ " + this_file , // maybe? Good a guess as any..FIXME. HARDCODED DUMB FILE
contentType : 'application/json' ,
data : JSON . stringify ({
'import-update' : !!@ this . update ,
'send-welcome' : !!@ this . send_welcome ,
'import-type' : @ this . activeFile . import_type ,
'run-backup' : !!@ this . run_backup ,
'column-mappings' : mappings
}),
headers : {
" X-CSRF-TOKEN " : $ ( 'meta[name="csrf-token"]' ) . attr ( 'content' )
}
}) . done ( function ( body ) {
// Success
@ this . statusType = " success " ;
2023-03-24 08:27:53 -07:00
@ this . statusText = " { { trans('general.success_redirecting') }} " ;
2023-03-21 22:26:32 -07:00
// console.dir(body)
window . location . href = body . messages . redirect_url ;
}) . fail ( function ( jqXHR , textStatus , error ) {
// Failure
var body = jqXHR . responseJSON
if ( body . status == 'import-errors' ) {
@ this . emit ( 'importError' , body . messages );
@ this . import_errors = body . messages
@ this . statusType = 'error' ;
@ this . statusText = " Error " ;
} else {
console . warn ( " Not import-errors, just regular errors " )
console . dir ( body )
{{ -- @ this . emit ( 'alert' , body . error ) -- }}
@ this . message_type = " danger "
@ this . message = body . error
}
@ this . activeFile = null ; //@this.set('hideDetails')
});
})
return false ;
});})
2022-01-13 01:19:13 -08:00
</ script >
@ endpush
