Merge pull request #5343 from Laravel-Backpack/add-span-to-buttons

add css hooks to buttons, wrap button text in a span

Author: pxpm

src/resources/views/crud/buttons/create.blade.php

@@ -1,5 +1,5 @@
 @if ($crud->hasAccess('create'))
-    <a href="{{ url($crud->route.'/create') }}" class="btn btn-primary" data-style="zoom-in">
-        <span><i class="la la-plus"></i> {{ trans('backpack::crud.add') }} {{ $crud->entity_name }}</span>
+    <a href="{{ url($crud->route.'/create') }}" class="btn btn-primary" bp-button="create" data-style="zoom-in">
+        <i class="la la-plus"></i> <span>{{ trans('backpack::crud.add') }} {{ $crud->entity_name }}</span>
     </a>
 @endif

src/resources/views/crud/buttons/delete.blade.php

@@ -1,6 +1,6 @@
 @if ($crud->hasAccess('delete', $entry))
-    <a href="javascript:void(0)" onclick="deleteEntry(this)" data-route="{{ url($crud->route.'/'.$entry->getKey()) }}" class="btn btn-sm btn-link" data-button-type="delete">
-        <span><i class="la la-trash"></i> {{ trans('backpack::crud.delete') }}</span>
+    <a href="javascript:void(0)" onclick="deleteEntry(this)" bp-button="delete" data-route="{{ url($crud->route.'/'.$entry->getKey()) }}" class="btn btn-sm btn-link" data-button-type="delete">
+        <i class="la la-trash"></i> <span>{{ trans('backpack::crud.delete') }}</span>
     </a>
 @endif
 

src/resources/views/crud/buttons/quick.blade.php

@@ -46,14 +46,15 @@
 
 @if ($access === true || $crud->hasAccess($access, isset($entry) ? $entry : null))
     <{{ $wrapper['element'] }}
+        bp-button="{{ $button->name }}"
         @foreach ($wrapper as $attribute => $value)
             @if (is_string($attribute))
             {{ $attribute }}="{{ $value }}"
             @endif
         @endforeach
         >
         @if ($icon) <i class="{{ $icon }}"></i> @endif
-        {{ $label }}
+        <span>{{ $label }}</span>
     </{{ $wrapper['element'] }}>
 @endif
 

src/resources/views/crud/buttons/reorder.blade.php

@@ -1,5 +1,5 @@
 @if ($crud->get('reorder.enabled') && $crud->hasAccess('reorder'))
-    <a href="{{ url($crud->route.'/reorder') }}" class="btn btn-outline-primary" data-style="zoom-in">
-        <span><i class="la la-arrows"></i> {{ trans('backpack::crud.reorder') }} {{ $crud->entity_name_plural }}</span>
+    <a href="{{ url($crud->route.'/reorder') }}" bp-button="reorder" class="btn btn-outline-primary" data-style="zoom-in">
+        <i class="la la-arrows"></i> <span>{{ trans('backpack::crud.reorder') }} {{ $crud->entity_name_plural }}</span>
     </a>
 @endif

src/resources/views/crud/buttons/show.blade.php

@@ -2,13 +2,13 @@
 	@if (!$crud->model->translationEnabled())
 
 	{{-- Single edit button --}}
-	<a href="{{ url($crud->route.'/'.$entry->getKey().'/show') }}" class="btn btn-sm btn-link">
-		<span><i class="la la-eye"></i> {{ trans('backpack::crud.preview') }}</span>
+	<a href="{{ url($crud->route.'/'.$entry->getKey().'/show') }}" bp-button="show" class="btn btn-sm btn-link">
+		<i class="la la-eye"></i> <span>{{ trans('backpack::crud.preview') }}</span>
 	</a>
 
 	@else
 
-	{{-- Edit button group --}}
+	{{-- show button group --}}
 	<div class="btn-group">
 	  <a href="{{ url($crud->route.'/'.$entry->getKey().'/show') }}" class="btn btn-sm btn-link pr-0">
 	  	<span><i class="la la-eye"></i> {{ trans('backpack::crud.preview') }}</span>

src/resources/views/crud/buttons/update.blade.php

@@ -2,8 +2,8 @@
 	@if (!$crud->model->translationEnabled())
 
 	{{-- Single edit button --}}
-	<a href="{{ url($crud->route.'/'.$entry->getKey().'/edit') }}" class="btn btn-sm btn-link">
-		<span><i class="la la-edit"></i> {{ trans('backpack::crud.edit') }}</span>
+	<a href="{{ url($crud->route.'/'.$entry->getKey().'/edit') }}" bp-button="update" class="btn btn-sm btn-link">
+		<i class="la la-edit"></i> <span>{{ trans('backpack::crud.edit') }}</span>
 	</a>
 
 	@else