Updated search term lists to flex layouts

This commit is contained in:
Dan Brown 2022-11-03 12:49:05 +00:00
parent f809bd3a62
commit 7101ec09ed
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9

View File

@ -2,25 +2,24 @@
@type - Type of term (exact, tag)
@currentList
--}}
<table component="add-remove-rows"
<div component="add-remove-rows"
option:add-remove-rows:remove-selector="button.text-neg"
option:add-remove-rows:row-selector="tr"
class="no-style">
option:add-remove-rows:row-selector=".flex-container-row"
class="flex-container-column gap-xs">
@foreach(array_merge($currentList, ['']) as $term)
<tr @if(empty($term)) class="hidden" refs="add-remove-rows@model" @endif>
<td class="pb-s pr-m">
<div @if(empty($term)) refs="add-remove-rows@model" @endif
class="{{ $term ? '' : 'hidden' }} flex-container-row items-center gap-x-xs">
<div>
<input class="exact-input outline" type="text" name="{{$type}}[]" value="{{ $term }}">
</td>
<td>
<button type="button" class="text-neg text-button">@icon('close')</button>
</td>
</tr>
</div>
<div>
<button type="button" class="text-neg text-button icon-button p-xs">@icon('close')</button>
</div>
</div>
@endforeach
<tr>
<td colspan="2">
<button refs="add-remove-rows@add" type="button" class="text-button">
@icon('add-circle'){{ trans('common.add') }}
</button>
</td>
</tr>
</table>
<div class="flex py-xs">
<button refs="add-remove-rows@add" type="button" class="text-button">
@icon('add-circle'){{ trans('common.add') }}
</button>
</div>
</div>