laravel bootstrap components

️ Этот пакет был отброшен в пользу https://github.com/okipa/laravel-form-components. ️
=> Только исправления ошибок будут объединены. Пожалуйста, рассмотрите возможность перехода на новый пакет.

Сэкономьте время и воспользуйтесь набором динамических, готовых к использованию и полностью настраиваемым компонентам начальной загрузки.

Нашли этот пакет полезным? Пожалуйста, рассмотрите возможность поддержать мою работу!

Совместимость

Ларавел	PHP	Начальная загрузка	Упаковка
^7.0	^7.4	^4.0	^5.0
^7.0	^7.4	^4.0	^4.0
^7.0	^7.4	^4.0	^3.0
^5.8	^7.2	^4.0	^2.0
^5.5	^7.1	^4.0	^1.0

Руководство по обновлению

• От V4 до V5
• От V3 до V4
• От V2 до V3
• От V1 до V2

Использование

Просто позвоните в компоненты, которые вам нужны в ваших взглядах, и позвольте этому пакету позаботиться о раздражающей части HTML -поколения.

Стандартный вариант использования

Назовите этот компонент в вашем представлении:

 {{-- Helper style --}}
{{ inputText () -> name ( ' name ' ) } }

{{-- Facade style --}}
{{ InputText :: name ( ' name ' ) } }

И получить этот HTML для вас:

< div class = " component-container form-group " >
    < label for = " text-name " >
        Name
    </ label >
    < div class = " input-group " >
        < div class = " input-group-prepend " >
            < span class = " input-group-text " >
                < i class = " fas fa-font " ></ i >
            </ span >
        </ div >
        < input id = " text-name "
            class = " component form-control "
            type = " text "
            name = " name "
            value = " "
            placeholder = " Name " >
    </ div >
</ div >

Мельтиязычный вариант использования

Назовите этот компонент в вашем представлении:

 {{-- Helper style --}}
{{ inputText () -> name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

{{-- Facade style --}}
{{ InputText :: name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

И получить этот HTML для вас:

 < div class =" component-container form-group " >
    < label for =" text-title-fr " >
        Title (FR)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-fr "
            class =" component form-control "
            type =" text "
            name =" title[fr] "
            value =""
            placeholder =" Title (FR) "
            data-locale =" fr " >
    </ div >
</ div >
< div class =" component-container form-group " >
    < label for =" text-title-en " >
        Title (EN)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-en "
            class =" component form-control "
            type =" text "
            name =" title[en] "
            value =""
            placeholder =" Title (EN) "
            data-locale =" en " >
    </ div >
</ div > 

Оглавление

• Установка
• Конфигурация
• Переводы
• Виды
• Документация API
• Тестирование
• Изменение
• Внося
• Кредиты
• Лицензия

Установка

• Установите пакет с композитором:

composer require okipa/laravel-bootstrap-components

Конфигурация

Опубликуйте файл конфигурации пакета, чтобы настраивать его при необходимости:

php artisan vendor:publish --tag=bootstrap-components:config

️ Возможно, вам придется запустить composer dump-autoload после изменения пути в файле конфигурации.

Переводы

Все отображаемые этикетки или предложения переводятся.

Посмотрите, как перевести их на официальную документацию Laravel: https://laravel.com/docs/localization#using-translation-rings-as-keys.

Вот список слов и предложений, доступных для перевода:

• Create
• Update
• Validate
• Back
• Cancel
• Remove
• No file selected.
• Awaited format: Day/Month/Year.
• Awaited format: Hour:Minutes.
• Awaited format: Day/Month/Year Hour:Minutes.
• Your browser does not support the :tag HTML5 tag.

Вам также придется определить каждый атрибут, который вы определяете в методе ->name() в файле перевода validation (ключ attributes ).

Виды

Опубликуйте представления пакета, чтобы настроить их при необходимости:

php artisan vendor:publish --tag=bootstrap-components:views

Документация API

• Список компонентов
• Типы компонентов

Тестирование

composer test 

Изменение

Пожалуйста, смотрите ChangeLog для получения дополнительной информации, что изменилось в последнее время.

Внося

Пожалуйста, смотрите для получения подробной информации.

Кредиты

• Артур Лорент
• Все участники

Лицензия

Лицензия MIT (MIT). Пожалуйста, смотрите файл лицензии для получения дополнительной информации.