Динамические области

Варианты входящих параметров

array:2 [ // resources/views/b24app/ui/dynamic.blade.php
  0 => "test"
  "privet" => "test1"
]
array:3 [ // resources/views/b24app/ui/dynamic.blade.php
  "shkabko" => array:2 [
    "value" => "Roman Shkabko"
    "key" => "shkabko"
  ]
  "bosko" => array:2 [
    "value" => "Peter Bosko"
    "key" => "bosko"
  ]
  "grynik" => array:2 [
    "value" => "Tarasich"
    "key" => "grynik"
  ]
]

Селект с подвыбором

Selected: 0

Сюди мы обычно выводим тот же VIEW, только обработаный

            

<x-selects.select
        name="SELECT_INNER_TEST"
        id="fx_select_TEST"
        inputClass="fx-ajax-changeable"
        value=""
        :options="$test_options"
        custom='data-ajax-url=/ui/fields/select data-ajax-insert-block=#my-insert-block'
>Селект с подвыбором</x-selects.select>

- data-ajax-url - Куда делаем запрос
- data-ajax-insert-block=#my-insert-block - Куда будем вставлять контент

Ответ от сервера в стандартном формате:
1. Если просто обработать - return array('status' => 'success', 'message' => 'Selected: ' . $request->input('SELECT_INNER_TEST'));
2. Вернеть вью - return array('status' => 'success', 'message' => view('inc/post_block_fields')->with($data)->render());
            
        

Живой поиск

            

<x-selects.livesearch
        name="LIVE_SEARCH_NAME"
        id="live_search_LIVE_SEARCH_NAME"
        method="\Flamix\UI\Controllers\LiveSearchController::LiveSearchExample"
        requireValue="fx_select_TEST"
        value=""
        :options="[]"
>Живой поиск</x-selects.livesearch>


- method - Указываем какой метод будем вызывать. Обязательно имя метода должно содержать LiveSearch. Метод без () и прочей херни
- requireValue - ID элемента, значчение которого будет дополнительно передаваться в поиске

Сам класс через requset может получать 2 параметра $request = \request()->only(['q', 's']);
- q - то что вводит пользователь
- s - доп начение из requireValue

В методе делаете что нужно, а потом формируете массив и возвращаете через такой класс
\Flamix\UI\Controllers\LiveSearchController::result($your_array, 'name', 'key', 'age');
- $your_array - ваш массив
- name - Ключ для значения $your_array['shkabko']['name'] = 'Roman'; name = Roman
- key (по умолчанию false, т.е. ключ самого массива) $your_array['shkabko']['name'] = 'Roman'; key = shkabko;
- age (по умолчанию false, т.е. его не будет) $your_array['shkabko']['age'] = '30'; age = 30;
            
        

Пользователи

array:2 [ // resources/views/b24app/ui/dynamic.blade.php
  4 => array:2 [
    "key" => "4"
    "name" => "Roman Shkabko"
  ]
  6 => array:4 [
    "key" => "6"
    "name" => "Taras Hrynik"
    "img" => "https://b24.flamix.info/upload/main/370/avatar.jpg"
    "status" => "active"
  ]
]
+


+


            
<x-elements.users></x-elements.users>

- Функционал добавления и удаления пользователей
            
        

Баги

Дата Статус
Давно выяснено, что при оценке дизайна и композиции
+
Многие программы електронной верстки
+
В результате сгенерированный Lorem Ipsum выглядить...

Сортировка

Andrey Andrey
Taras Hrunyk
Roman Shkabko

<div class="fx-sort__item">
    <div class="fx-sort__main-info">
        <img src="/img/menu-toggle.svg" class="fx-icon-handle fx-icon-menu" alt="">
        <div class="fx-sort__user-wrap">
            <img class="fx-user-img"
                src="user-image"
                alt=""
            />
            <span class="fx-sort__user-name" data-name="Roman Shkabko"></span>
        </div>
        <span class="fx-sort__name">Roman Shkabko</span>
    </div>
    <x-toggler.toggler name="test" id="test" labelClass="test" value="test" checked=""></x-toggler.toggler>
</div>

* fx-sort__item - клас инициализации плагина сортировки

 - data-name="Roman Shkabko" - в случае отсутствия картинки будут отображаться инициалы имени пользователя ( RS )

Loader

Code:


<div class="row">
    <div class="text-center mx-auto mb-5">
        <x-progress.loader></x-progress.loader>
        <h1>Loader</h1>
        <p>Some text</p>
    </div>
</div>

Live search (TODO)


1. Create component: php artisan make:livewire live-search-demo

2. Add to component search() method

3. Add to page your component: <livewire:live-search-demo lazy name="DEMO_NAME" slug="Місто" value="" />