Skip to content

Commit

Permalink
Moved page-or-link field from CRUD to PageManager (#67)
Browse files Browse the repository at this point in the history 
* page_or_link moved to PageManager package

* Revert test with fake column

* Moved page_or_link to MenuCRUD

* moved page_or_link field outside the vendor/backpack/crud wormhole

Co-authored-by: Cristian Tabacitu <[email protected]>
  • Loading branch information
@promatik @tabacitu
promatik and tabacitu authored Dec 6, 2021
1 parent 8573ad8 commit 27e8c06
Show file tree
Hide file tree
Showing 3 changed files with 166 additions and 0 deletions.
4 changes: 4 additions & 0 deletions src/MenuCRUDServiceProvider.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,12 @@ class MenuCRUDServiceProvider extends ServiceProvider
*/
public function boot()
{
// publish views
$this->publishes([__DIR__.'/resources/views' => base_path('resources/views/vendor/backpack/crud')], 'views');
// publish migrations
$this->publishes([__DIR__.'/database/migrations' => database_path('migrations')], 'migrations');

$this->loadViewsFrom(realpath(__DIR__.'/resources/views'), 'menucrud');
}

/**
Expand Down
1 change: 1 addition & 0 deletions src/app/Http/Controllers/Admin/MenuItemCrudController.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,7 @@ public function setup()
'label' => 'Type',
'type' => 'page_or_link',
'page_model' => '\Backpack\PageManager\app\Models\Page',
'view_namespace' => file_exists(resource_path('views/vendor/backpack/crud/fields/page_or_link.blade.php')) ? null : 'menucrud::fields',
]);
});
}
Expand Down
161 changes: 161 additions & 0 deletions src/resources/views/fields/page_or_link.blade.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@
{{-- PAGE OR LINK field --}}
{{-- Used in Backpack\MenuCRUD --}}

<?php
$field['allows_null'] = $field['allows_null'] ?? false;
$field['name']['type'] = $field['name']['type'] ?? $field['name'][0] ?? 'type';
$field['name']['link'] = $field['name']['link'] ?? $field['name'][1] ?? 'link';
$field['name']['page_id'] = $field['name']['page_id'] ?? $field['name'][2] ?? 'page_id';
$field['options']['page_link'] = $field['options']['page_link'] ?? trans('backpack::crud.page_link');
$field['options']['internal_link'] = $field['options']['internal_link'] ?? trans('backpack::crud.internal_link');
$field['options']['external_link'] = $field['options']['external_link'] ?? trans('backpack::crud.external_link');
$field['pages'] = $field['pages'] ?? ($field['page_model'] ?? config('backpack.pagemanager.page_model_class'))::all();
?>

@include('crud::fields.inc.wrapper_start')
<label>{!! $field['label'] !!}</label>
@include('crud::fields.inc.translatable_icon')

<div class="row" data-init-function="bpFieldInitPageOrLinkElement">
{{-- hidden placeholders for content --}}
<input type="hidden" value="{{ $entry->{$field['name']['page_id']} ?? '' }}" name="{{ $field['name']['page_id'] }}" />
<input type="hidden" value="{{ $entry->{$field['name']['link']} ?? '' }}" name="{{ $field['name']['link'] }}" />

<div class="col-sm-3">
{{-- type select --}}
<select
data-identifier="page_or_link_select"
name="{!! $field['name']['type'] !!}"
@include('crud::fields.inc.attributes')
>

@if ($field['allows_null'])
<option value="">-</option>
@endif

@foreach ($field['options'] as $key => $value)
<option value="{{ $key }}"
@if (isset($entry) && $key === $entry->{$field['name']['type']})
selected
@endif
>{{ $value }}</option>
@endforeach
</select>
</div>
<div class="col-sm-9">
{{-- page slug input --}}
<div class="page_or_link_value page_link {{ (isset($entry) && $entry->{$field['name']['type']} === 'page_link') || (isset($entry) && !$entry->{$field['name']['type']} && !$field['allows_null']) || (!isset($entry) && !$field['allows_null']) ? '' : 'd-none' }}">
<select
class="form-control"
for="{{ $field['name']['page_id'] }}"
required
>
@foreach ($field['pages'] as $page)
<option value="{{ $page->id }}"
@if (isset($entry) && $page->id === $entry->{$field['name']['page_id']})
selected
@endif
>{{ $page->name }}</option>
@endforeach
</select>
</div>

{{-- internal link input --}}
<div class="page_or_link_value internal_link {{ isset($entry) && $entry->{$field['name']['type']} === 'internal_link' ? '' : 'd-none' }}">
<input
type="text"
class="form-control"
placeholder="{{ trans('backpack::crud.internal_link_placeholder', ['url', url(config('backpack.base.route_prefix').'/page')]) }}"
for="{{ $field['name']['link'] }}"
required

@if (isset($entry) && $entry->{$field['name']['type']} !== 'internal_link')
disabled="disabled"
@endif

@if (isset($entry) && $entry->{$field['name']['type']} === 'internal_link' && $entry->{$field['name']['link']})
value="{{ $entry->{$field['name']['link']} }}"
@endif
>
</div>

{{-- external link input --}}
<div class="page_or_link_value external_link {{ isset($entry) && $entry->{$field['name']['type']} === 'external_link' ? '' : 'd-none' }}">
<input
type="url"
class="form-control"
placeholder="{{ trans('backpack::crud.page_link_placeholder') }}"
for="{{ $field['name']['link'] }}"
required

@if (isset($entry) && $entry->{$field['name']['type']} !== 'external_link')
disabled="disabled"
@endif

@if (isset($entry) && $entry->{$field['name']['type']} === 'external_link' && $entry->{$field['name']['link']})
value="{{ $entry->{$field['name']['link']} }}"
@endif
>
</div>
</div>
</div>

{{-- HINT --}}
@if (isset($field['hint']))
<p class="help-block">{!! $field['hint'] !!}</p>
@endif

@include('crud::fields.inc.wrapper_end')


{{-- ########################################## --}}
{{-- Extra CSS and JS for this particular field --}}
{{-- If a field type is shown multiple times on a form, the CSS and JS will only be loaded once --}}
@if ($crud->fieldTypeNotLoaded($field))
@php
$crud->markFieldTypeAsLoaded($field);
@endphp

{{-- FIELD JS - will be loaded in the after_scripts section --}}
@push('crud_fields_scripts')
<script>
function bpFieldInitPageOrLinkElement(element) {
element = element[0]; // jQuery > Vanilla
const select = element.querySelector('select[data-identifier=page_or_link_select]');
const values = element.querySelectorAll('.page_or_link_value');
// updates hidden fields
const updateHidden = () => {
let selectedInput = select.value && element.querySelector(`.${select.value}`).firstElementChild;
element.querySelectorAll(`input[type="hidden"]`).forEach(hidden => {
hidden.value = selectedInput && hidden.getAttribute('name') === selectedInput.getAttribute('for') ? selectedInput.value : '';
});
}
// save input changes to hidden placeholders
values.forEach(value => value.firstElementChild.addEventListener('input', updateHidden));
// main select change
select.addEventListener('change', () => {
values.forEach(value => {
let isSelected = value.classList.contains(select.value);
// toggle visibility and disabled
value.classList.toggle('d-none', !isSelected);
value.firstElementChild.toggleAttribute('disabled', !isSelected);
});
// updates hidden fields
updateHidden();
});
}
</script>
@endpush

@endif
{{-- End of Extra CSS and JS --}}
{{-- ########################################## --}}

0 comments on commit 27e8c06

Please sign in to comment.