You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
543 lines
24 KiB
543 lines
24 KiB
@php |
|
$timestamps = Dcat\Admin\Widgets\Checkbox::make('timestamps')->inline(); |
|
$timestamps->options([1 => 'Created_at & Updated_at'])->check(1); |
|
|
|
$soft = Dcat\Admin\Widgets\Checkbox::make('soft_deletes')->inline(); |
|
$soft->options([1 => (trans('admin.scaffold.soft_delete'))]); |
|
if (old('soft_deletes') != NULL) { |
|
$soft->check(1); |
|
} |
|
|
|
$actionCreators = Dcat\Admin\Widgets\Checkbox::make('create[]')->inline(); |
|
$actionCreators->options([ |
|
'migration' => (trans('admin.scaffold.create_migration')), |
|
'model' => (trans('admin.scaffold.create_model')), |
|
'repository' => (trans('admin.scaffold.create_repository')), |
|
'controller' => (trans('admin.scaffold.create_controller')), |
|
'migrate' => (trans('admin.scaffold.run_migrate')), |
|
'lang' => (trans('admin.scaffold.create_lang')), |
|
]); |
|
old('create') ? $actionCreators->check(old('create')) : $actionCreators->checkAll(['migration', 'migrate']); |
|
@endphp |
|
<style> |
|
.select2-container .select2-selection--single { |
|
height: 30px !important; |
|
} |
|
.choose-exist-table { |
|
width: 100%; |
|
} |
|
</style> |
|
<div class="card"> |
|
<div style="height:10px"></div> |
|
<!-- /.box-header --> |
|
<div class="card-body" style="padding:18px 0 0"> |
|
|
|
<form method="post" action="{{$action}}" id="scaffold" pjax-container> |
|
|
|
<div class="form-horizontal"> |
|
|
|
<div class="form-group row"> |
|
|
|
{{-- <label for="inputTableName" class="col-sm-1 control-label text-capitalize">{{(trans('admin.scaffold.table'))}}</label>--}} |
|
|
|
<div for="inputTableName" class="col-sm-1 control-label text-capitalize"> |
|
<span>{{(trans('admin.scaffold.table'))}}</span> |
|
</div> |
|
|
|
<div class="col-sm-2 "> |
|
<div class="input-group"> |
|
<input type="text" name="table_name" class="form-control" id="inputTableName" placeholder="{{(trans('admin.scaffold.table'))}}" value="{{ old('table_name') }}"> |
|
|
|
</div> |
|
</div> |
|
|
|
<div class=" col-sm-2" style="margin-left: -15px;"> |
|
<select class="choose-exist-table" name="exist-table"> |
|
<option value="0" selected>{{trans('admin.scaffold.choose')}}</option> |
|
@foreach($tables as $db => $tb) |
|
<optgroup label="{!! $db !!}"> |
|
@foreach($tb as $v) |
|
<option value="{{$db}}|{{$v}}">{{$v}}</option> |
|
@endforeach |
|
</optgroup> |
|
@endforeach |
|
</select> |
|
</div> |
|
|
|
<span class="help-block " id="table-name-help" style="margin-left:150px;display: none"> |
|
<i class="fa fa-info"></i> Table name can't be empty! |
|
</span> |
|
|
|
</div> |
|
<div class="form-group row"> |
|
<span for="inputModelName" class="col-sm-1 control-label text-capitalize">{{(trans('admin.scaffold.model'))}}</span> |
|
|
|
<div class="col-sm-4"> |
|
<input type="text" name="model_name" class="form-control text-capitalize" id="inputModelName" placeholder="{{(trans('admin.scaffold.model'))}}" value="{{ old('model_name', "App\\Models\\") }}"> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group row"> |
|
<span for="inputControllerName" class="col-sm-1 control-label text-capitalize">{{(trans('admin.scaffold.controller'))}}</span> |
|
|
|
<div class="col-sm-4"> |
|
<input type="text" name="controller_name" class="form-control text-capitalize" id="inputControllerName" placeholder="{{(trans('admin.scaffold.controller'))}}" value="{{ old('controller_name', $namespaceBase."\\Controllers\\") }}"> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="form-group row"> |
|
<span for="inputRepositoryName" class="col-sm-1 control-label text-capitalize">{{(trans('admin.scaffold.repository'))}}</span> |
|
|
|
<div class="col-sm-4"> |
|
<input type="text" name="repository_name" class="form-control text-capitalize" id="inputRepositoryName" placeholder="{{(trans('admin.scaffold.repository'))}}" value="{{ old('repository_name', $namespaceBase."\\Repositories\\") }}"> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="form-group row"> |
|
<div class="offset-sm-1 col-sm-11 mt-1 text-capitalize"> |
|
{!! $actionCreators->render(); !!} |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
<table class="table table-hover responsive table-header-gray " id="table-fields" style="margin-top:25px;"> |
|
<thead> |
|
<tr> |
|
<th style="width: 200px">{{trans('admin.scaffold.field_name')}}</th> |
|
<th>{{trans('admin.scaffold.translation')}}</th> |
|
<th>{{trans('admin.scaffold.type')}}</th> |
|
<th>{{trans('admin.scaffold.nullable')}}</th> |
|
<th>{{trans('admin.scaffold.key')}}</th> |
|
<th>{{trans('admin.scaffold.default')}}</th> |
|
<th>{{trans('admin.scaffold.comment')}}</th> |
|
<th>{{trans('admin.action')}}</th> |
|
</tr> |
|
</thead> |
|
<tbody id="table-fields-sortable"> |
|
@if(old('fields')) |
|
@foreach(old('fields') as $index => $field) |
|
<tr> |
|
<td> |
|
<input type="text" name="fields[{{$index}}][name]" class="form-control" placeholder="{{trans('admin.scaffold.field')}}" value="{{$field['name']}}" /> |
|
</td> |
|
<td> |
|
<input type="text" name="fields[{{$index}}][translation]" class="form-control" placeholder="{{trans('admin.scaffold.translation')}}" value="{{$field['translation']}}" /> |
|
</td> |
|
<td> |
|
<select style="width: 200px" name="fields[{{$index}}][type]"> |
|
@foreach($dbTypes as $type) |
|
<option value="{{ $type }}" {{$field['type'] == $type ? 'selected' : '' }}>{{$type}}</option> |
|
@endforeach |
|
</select> |
|
</td> |
|
<td> |
|
<div class="vs-checkbox-con vs-checkbox-primary" > |
|
<input name="fields[{{$index}}][nullable]" type="checkbox" {{ \Illuminate\Support\Arr::get($field, 'nullable') == 'on' ? 'checked': '' }}> |
|
<span class="vs-checkbox vs-checkbox-"> |
|
<span class="vs-checkbox--check"> |
|
<i class="vs-icon feather icon-check"></i> |
|
</span> |
|
</span> |
|
</div> |
|
</td> |
|
<td> |
|
<select style="width: 150px" name="fields[{{$index}}][key]"> |
|
{{--<option value="primary">Primary</option>--}} |
|
<option value="" {{$field['key'] == '' ? 'selected' : '' }}>NULL</option> |
|
<option value="unique" {{$field['key'] == 'unique' ? 'selected' : '' }}>Unique</option> |
|
<option value="index" {{$field['key'] == 'index' ? 'selected' : '' }}>Index</option> |
|
</select> |
|
</td> |
|
<td><input type="text" class="form-control" placeholder="{{trans('admin.scaffold.default')}}" name="fields[{{$index}}][default]" value="{{$field['default']}}"/></td> |
|
<td><input type="text" class="form-control" placeholder="{{trans('admin.scaffold.comment')}}" name="fields[{{$index}}][comment]" value="{{$field['comment']}}" /></td> |
|
<td> |
|
<button class="btn btn-sm btn-white table-field-sort-handle" type="button" title="{{trans('admin.order')}}"><i class="fa fa-sort"></i></button> |
|
<button class="btn btn-sm btn-white table-field-remove"><i class="feather icon-trash"></i></button> |
|
</td> |
|
</tr> |
|
@endforeach |
|
@else |
|
<tr> |
|
<td> |
|
<input type="text" name="fields[0][name]" class="form-control" placeholder="{{trans('admin.scaffold.field')}}" /> |
|
</td> |
|
<td> |
|
<input type="text" name="fields[0][translation]" class="form-control" placeholder="{{trans('admin.scaffold.translation')}}" /> |
|
</td> |
|
<td> |
|
<select style="width: 200px" name="fields[0][type]"> |
|
@foreach($dbTypes as $type) |
|
<option value="{{ $type }}">{{$type}}</option> |
|
@endforeach |
|
</select> |
|
</td> |
|
<td> |
|
<div class="vs-checkbox-con vs-checkbox-primary" > |
|
<input name="fields[0][nullable]" type="checkbox" /> |
|
<span class="vs-checkbox vs-checkbox-"> |
|
<span class="vs-checkbox--check"> |
|
<i class="vs-icon feather icon-check"></i> |
|
</span> |
|
</span> |
|
</div> |
|
<td> |
|
<select style="width: 150px" name="fields[0][key]"> |
|
{{--<option value="primary">Primary</option>--}} |
|
<option value="" selected>NULL</option> |
|
<option value="unique">Unique</option> |
|
<option value="index">Index</option> |
|
</select> |
|
</td> |
|
<td><input type="text" class="form-control" placeholder="{{trans('admin.scaffold.default')}}" name="fields[0][default]"></td> |
|
<td><input type="text" class="form-control" placeholder="{{trans('admin.scaffold.comment')}}" name="fields[0][comment]"></td> |
|
<td> |
|
<button class="btn btn-sm btn-white table-field-sort-handle" type="button" title="{{trans('admin.order')}}"><i class="fa fa-sort"></i></button> |
|
<button class="btn btn-sm btn-white table-field-remove"><i class="feather icon-trash"></i></button> |
|
</td> |
|
</tr> |
|
@endif |
|
</tbody> |
|
</table> |
|
|
|
<hr style="margin-top: 0;"/> |
|
|
|
<div class='form-inline d-flex justify-content-between' style="width: 100%; padding: 0 20px 12px;"> |
|
|
|
<div class='form-group'> |
|
<button type="button" class="btn btn-sm btn-primary btn-outline text-capitalize" id="add-table-field"><i class="feather icon-plus"></i> {{(trans('admin.scaffold.add_field'))}}</button> |
|
<button type="button" class="btn btn-sm btn-primary btn-outline text-capitalize ml-1" id="sync-translation-with-comment"><i class="feather icon-repeat"></i> {{(trans('admin.scaffold.sync_translation_with_comment'))}}</button> |
|
</div> |
|
|
|
<div class="row"> |
|
<div class="form-group text-capitalize" style="margin-right: 20px;"> |
|
<span for="titleTranslation">{{(trans('admin.scaffold.translate_title'))}} </span> |
|
<input type="text" |
|
name="translate_title" |
|
class="form-control" |
|
id="titleTranslation" |
|
placeholder="{{(trans('admin.scaffold.translate_title'))}}" |
|
value="{{ request('translate_title') }}" |
|
style="width: 150px;"> |
|
</div> |
|
|
|
<div class="form-group text-capitalize" style="margin-right: 20px;"> |
|
<span for="inputPrimaryKey">{{(trans('admin.scaffold.pk'))}} </span> |
|
<input |
|
type="text" |
|
name="primary_key" |
|
class="form-control" |
|
id="inputPrimaryKey" |
|
placeholder="{{(trans('admin.scaffold.pk'))}}" |
|
value="{{ request('primary_key') ?: 'id' }}" |
|
style="width: 100px;"> |
|
</div> |
|
|
|
<div class='form-group text-capitalize'> |
|
{!! $timestamps->render() !!} |
|
{!! $soft->render() !!} |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<!-- /.box-body --> |
|
<div class="box-footer d-flex justify-content-between"> |
|
<div></div> |
|
<button type="submit" class="btn btn-primary text-capitalize"><i class="feather icon-save"></i> {{(trans('admin.submit'))}}</button> |
|
</div> |
|
|
|
{{ csrf_field() }} |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<template id="table-field-tpl"> |
|
<tr> |
|
<td> |
|
<input type="text" value="{name}" name="fields[__index__][name]" class="form-control" placeholder="{{trans('admin.scaffold.field')}}" /> |
|
</td> |
|
<td> |
|
<input type="text" value="{translation}" name="fields[__index__][translation]" class="form-control" placeholder="{{trans('admin.scaffold.translation')}}" /> |
|
</td> |
|
<td> |
|
<select style="width: 200px" name="fields[__index__][type]"> |
|
@foreach($dbTypes as $type) |
|
<option value="{{ $type }}">{{$type}}</option> |
|
@endforeach |
|
</select> |
|
</td> |
|
<td> |
|
<div class="vs-checkbox-con vs-checkbox-primary" > |
|
<input {nullable} name="fields[__index__][nullable]" type="checkbox" /> |
|
<span class="vs-checkbox vs-checkbox-"> |
|
<span class="vs-checkbox--check"> |
|
<i class="vs-icon feather icon-check"></i> |
|
</span> |
|
</span> |
|
</div> |
|
<td> |
|
<select style="width: 150px" name="fields[__index__][key]"> |
|
<option value="" selected>NULL</option> |
|
<option value="unique">Unique</option> |
|
<option value="index">Index</option> |
|
</select> |
|
</td> |
|
<td><input value="{default}" type="text" class="form-control" placeholder="{{trans('admin.scaffold.default')}}" name="fields[__index__][default]"></td> |
|
<td><input value="{comment}" type="text" class="form-control" placeholder="{{trans('admin.scaffold.comment')}}" name="fields[__index__][comment]"></td> |
|
<td> |
|
<button class="btn btn-sm btn-white table-field-sort-handle" type="button" title="{{trans('admin.order')}}"><i class="fa fa-sort"></i></button> |
|
<button class="btn btn-sm btn-white table-field-remove"><i class="feather icon-trash"></i></button> |
|
</td> |
|
</tr> |
|
</template> |
|
|
|
<script> |
|
Dcat.ready(function () { |
|
var $model = $('#inputModelName'), |
|
$controller = $('#inputControllerName'), |
|
$repository = $('#inputRepositoryName'), |
|
$table = $('#inputTableName'), |
|
$fieldsBody = $('#table-fields tbody'), |
|
tpl = $('#table-field-tpl').html(), |
|
modelNamespace = 'App\\Models\\', |
|
namespaceBase = '{{ str_replace( '\\', '\\\\', $namespaceBase ) }}', |
|
repositoryNamespace = namespaceBase + '\\Repositories\\', |
|
controllerNamespace = namespaceBase + '\\Controllers\\', |
|
dataTypeMap = {!! json_encode($dataTypeMap) !!}, |
|
helpers = Dcat.helpers; |
|
|
|
var withSingularName = helpers.debounce(function (table) { |
|
$.ajax('{{ url(request()->path()) }}?singular=' + table, { |
|
success: function (data) { |
|
writeController(data.value); |
|
writeModel(data.value); |
|
witeRepository(data.value); |
|
} |
|
}); |
|
}, 500); |
|
|
|
$('select').select2(); |
|
|
|
var sortable = Sortable.create(document.getElementById("table-fields-sortable"),{ |
|
handle:'.table-field-sort-handle', |
|
onEnd: function () { |
|
getTR().each(function(index){ |
|
$(this).find("[name^='fields']").each(function(){ |
|
var newName = $(this).attr('name').replace(/fields\[(\d)\]/, `fields[${index}]`); |
|
$(this).attr('name', newName); |
|
}) |
|
}); |
|
} |
|
}); |
|
|
|
$('#add-table-field').click(function (event) { |
|
addField(); |
|
}); |
|
|
|
$('#sync-translation-with-comment').click(function (event) { |
|
var element = $('#table-fields-sortable tr'); |
|
if (element.length > 0) { |
|
element.each(function (i, v) { |
|
var translation = $(v).find('input[name="fields[' + i + '][translation]"]'); |
|
var comment = $(v).find('input[name="fields[' + i + '][comment]"]'); |
|
if (translation.val() !== "" && comment.val() === "") { |
|
comment.val(translation.val()); |
|
} |
|
if (translation.val() === "" && comment.val() !== "") { |
|
translation.val(comment.val()); |
|
} |
|
}); |
|
} |
|
}); |
|
|
|
$('#table-fields').on('click', '.table-field-remove', function(event) { |
|
$(event.target).closest('tr').remove(); |
|
}); |
|
|
|
$('#scaffold').on('submit', function (event) { |
|
|
|
//event.preventDefault(); |
|
|
|
if ($table.val() == '') { |
|
$table.closest('.form-group').addClass('has-error'); |
|
$('#table-name-help').show(); |
|
|
|
return false; |
|
} |
|
|
|
return true; |
|
}); |
|
|
|
$('.choose-exist-table').on('change', function () { |
|
var val = $(this).val(), tb, db; |
|
if (val == '0') { |
|
$table.val(''); |
|
getTR().remove(); |
|
return; |
|
} |
|
val = val.split('|'); |
|
db = val[0]; |
|
tb = val[1]; |
|
|
|
Dcat.loading(); |
|
$table.val(tb); |
|
|
|
withSingularName(tb); |
|
|
|
$.post({ |
|
url: '{{ admin_url('helpers/scaffold/table') }}', |
|
data: {db: db, tb: tb}, |
|
success: function (res) { |
|
Dcat.loading(false); |
|
|
|
if (!res.list) return; |
|
var i, list = res.list, $id = $('#inputPrimaryKey'), updated, created, soft; |
|
|
|
getTR().remove(); |
|
for (i in list) { |
|
if (list[i].id) { |
|
$id.val(i); |
|
continue; |
|
} |
|
if (i == 'updated_at') { |
|
updated = list[i]; |
|
continue; |
|
} |
|
if (i == 'created_at') { |
|
created = list[i]; |
|
continue; |
|
} |
|
if (i == 'deleted_at') { |
|
soft = list[i]; |
|
continue; |
|
} |
|
|
|
var c = helpers.replace(list[i].comment, '"', ''); |
|
addField({ |
|
name: i, |
|
lang: c, |
|
type: list[i].type, |
|
default: helpers.replace(list[i].default, '"', ''), |
|
comment: c, |
|
nullable: list[i].nullable != 'NO', |
|
}); |
|
} |
|
|
|
addTimestamps(updated, created); |
|
addSoftdelete(soft); |
|
} |
|
}); |
|
|
|
}); |
|
|
|
$table.on('keyup', function (e) { |
|
withSingularName($(this).val()); |
|
}); |
|
|
|
function addTimestamps(updated, created) { |
|
if (updated && created) { |
|
return; |
|
} |
|
$('[name="timestamps"]').prop('checked', false); |
|
|
|
var c; |
|
if (updated) { |
|
c = helpers.replace(updated.comment, '"', ''); |
|
addField({ |
|
name: 'updated_at', |
|
lang: c, |
|
type: updated.type, |
|
default: helpers.replace(updated.default, '"', ''), |
|
comment: c, |
|
nullable: updated.nullable != 'NO', |
|
}); |
|
} |
|
if (created) { |
|
c = helpers.replace(created.comment, '"', ''); |
|
addField({ |
|
name: 'created_at', |
|
lang: c, |
|
type: created.type, |
|
default: helpers.replace(created.default, '"', ''), |
|
comment: c, |
|
nullable: created.nullable != 'NO', |
|
}); |
|
} |
|
} |
|
|
|
function addSoftdelete(soft) { |
|
if (soft) { |
|
$('[name="soft_deletes"]').prop('checked', true); |
|
} |
|
} |
|
|
|
function addField(val) { |
|
val = val || {}; |
|
|
|
var idx = getTR().length, |
|
$field = $( |
|
tpl |
|
.replace(/__index__/g, idx) |
|
.replace(/{name}/g, val.name || '') |
|
.replace(/{translation}/g, val.lang || '') |
|
.replace(/{default}/g, val.default || '') |
|
.replace(/{comment}/g, val.comment || '') |
|
.replace(/{nullable}/g, val.nullable ? 'checked' : '') |
|
), |
|
i; |
|
|
|
$fieldsBody.append($field); |
|
$('select').select2(); |
|
|
|
// 选中字段类型 |
|
for (i in dataTypeMap) { |
|
if (val.type == i) { |
|
$field.find('[name="fields['+ idx +'][type]"]') |
|
.val(dataTypeMap[i]) |
|
.trigger("change"); |
|
} |
|
} |
|
|
|
} |
|
|
|
function writeController(val) { |
|
val = ucfirst(toHump(toLine(val))); |
|
$controller.val(val ? (controllerNamespace + val + 'Controller') : controllerNamespace); |
|
} |
|
function writeModel(val) { |
|
$model.val(modelNamespace + ucfirst(ucfirst(toHump(toLine(val))))); |
|
} |
|
function witeRepository(val) { |
|
$repository.val(repositoryNamespace + ucfirst(ucfirst(toHump(toLine(val))))) |
|
} |
|
|
|
function getTR() { |
|
return $('#table-fields tbody tr'); |
|
} |
|
|
|
// 下划线转换驼峰 |
|
function toHump(name) { |
|
return name.replace(/\_(\w)/g, function (all, letter) { |
|
return letter.toUpperCase(); |
|
}); |
|
} |
|
|
|
// 驼峰转换下划线 |
|
function toLine(name) { |
|
return name.replace(/([A-Z])/g,"_$1").toLowerCase(); |
|
} |
|
|
|
function ucfirst(str) { |
|
var reg = /\b(\w)|\s(\w)/g; |
|
return str.replace(reg,function(m){ |
|
return m.toUpperCase() |
|
}); |
|
} |
|
}); |
|
</script>
|
|
|