laravel bootstrap components

️ تم التخلي عن هذه الحزمة لصالح https://github.com/okipa/laravel-form-components. ️
=> سيتم دمج إصلاحات الأخطاء فقط. يرجى النظر في الانتقال إلى الحزمة الجديدة.

وفر الوقت واستفد من مجموعة من مكونات نموذج bootstrap الديناميكية والجاهزة والقابلة للتخصيص بالكامل.

وجدت هذه الحزمة مفيدة؟ يرجى النظر في دعم عملي!

التوافق

لارافيل	PHP	bootstrap	طَرد
^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
• الاختبار
• Changelog
• المساهمة
• الاعتمادات
• رخصة

تثبيت

• قم بتثبيت الحزمة مع الملحن:

composer require okipa/laravel-bootstrap-components

إعدادات

نشر ملف تكوين الحزمة لتخصيصه إذا لزم الأمر:

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

️ قد تضطر إلى تشغيل composer dump-autoload بعد تغيير مسار في ملف التكوين الخاص بك.

الترجمات

جميع الملصقات أو الجمل المعروضة قابلة للترجمة.

تعرف على كيفية ترجمتها على الوثائق الرسمية لارافيل: https://laravel.com/docs/localization#using-translation-trings-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

يرجى الاطلاع على changelog لمزيد من المعلومات ما الذي تغير مؤخرًا.

المساهمة

يرجى الاطلاع على المساهمة للحصول على التفاصيل.

الاعتمادات

• آرثر لورنت
• جميع المساهمين

رخصة

ترخيص معهد ماساتشوستس للتكنولوجيا (MIT). يرجى الاطلاع على ملف الترخيص لمزيد من المعلومات.