Looking to hire Laravel developers? Try LaraJobs

laravel-options-creator maintained by michalkortas

Description
Wrapper that helps create options at select element dynamically
Author
Michal Kortas
Last update
2020/12/06 21:57 (dev-master)
License
MIT
Links
GitHub - Packagist
Downloads
53

dev-master

Last update
2020/12/06 21:57
License
MIT
v1.0.12

Last update
2020/12/06 21:57
License
MIT
v1.0.11

Last update
2020/12/06 21:51
License
MIT
v1.0.10

Last update
2020/12/06 21:44
License
MIT
v1.0.9

Last update
2020/12/06 21:42
License
MIT
dev-v1-0-9

Last update
2020/12/06 21:42
License
MIT
v1.0.8

Last update
2020/12/04 07:30
License
MIT
v1.0.7

Last update
2020/11/26 12:20
License
MIT
v1.0.6

Last update
2020/11/26 11:55
License
MIT
v1.0.5

Last update
2020/11/26 11:46
License
MIT
v1.0.4

Last update
2020/11/26 11:38
License
MIT
v1.0.3

Last update
2020/11/26 11:25
License
MIT
v1.0.2

Last update
2020/11/26 11:21
License
MIT
v1.0.1

Last update
2020/11/26 11:13
License
MIT
v1.0.0

Last update
2020/11/26 09:51
License
MIT
Comments
comments powered by Disqus

laravel-options-creator

Wrapper that helps create options at select element dynamically

Installation

Warning! This component use Bootstrap Modal!

composer require michalkortas/laravel-options-creator

php artisan vendor:publish --tag=optionscreator --force

Usage

Add new stacks before end of tag.

<body>
  ...
  @stack('scripts')
  @stack('optionscreator')
</body>

Wrap your select with new tag. You can use some parameters to configure modal.

  <x-optionscreator-select
      url="{{route('store.api.route')}}"
      component="components.subEditForm"
      successValueKey="id"
      successTextKey="name"
      title="New option"
      saveButtonTitle="Create new option"
      loadingText="Please wait..."
      successText="<strong>New option has beed added</strong> to your select tag."
      errorText="<strong>Error occurred</strong>. Check console log."
      setNewValue="1">

      <select name="mySelect">
        <option>Select value</option>
      </select>
  </x-optionscreator-select>

This component will do the rest.