دالة لكتابة mega menu بشكل سريع

دالة تساعدك في كتابة mega menu بكل سهولة وتختصر عليك الكثير من العمليات

هذة الدالة تقوم بكاتبة كود mega menu للمنيو الخاصة بك

الدالة تدعم البوت استراب الاصدار الرابع منها يمكنك التعديل

علي الكود بالشكل المناسب للمشروع الخاص بك

طريقة الاستخدام

{!! megaMenu(4 ,'Cat' , 'name' ,'cat/' ,'id' ,$cats ) !!}

المتغيرات

١- عدد الكلم الخاصة بالمنيو الاعداد المتوفرة 4,3,6,2,12

٢-الاسم الذي سوف يظهر في الدروب داون منيو

٣- اسم الحقل اللي سوف يكتب في الروابط

٤-الرابط الذي سوف يظهر في التكرار

٥- اسم الحقل الذي سوف تعتمد علي في الرابط في المثال الاي دي

٦-الدتا الخاصة بك يجب ان يكون collection خاص ب laravel

function megaMenu($chunk = 4 , $mainName = 'Cats'  , $field = 'title' , $url = 'cat/' , $urlFiled = 'id' , $data){
    $chunkArray = [
        4 => 3,
        3 => 4,
        6 => 2,
        2 => 6 ,
        12 =>1
    ];
    if(!$chunkArray[$chunk]){
        dd('This number of cols not valid');
    }
    $out ='<li class="nav-item dropdown">';
    $out .='<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">';
    $out .= $mainName;
    $out .='</a>';
    $out .='<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">';
    foreach($data->chunk($chunk) as $d){
        $out .='<div class="col-lg-'.$chunkArray[$chunk].'">';
        foreach($d as $item){
            $out .='<a class="dropdown-item" href="'.url($url.$item->{$urlFiled}).'">'.$item->{$field}.'</a>';
        }
        $out .='</div>';
    }
    $out .='</div>';
    $out .='</li>';
    return $out;
}


5 التعليقات


  • Abdelfatah
    Abdelfatah 2017-10-05 16:35:14

    مجهود رائع

  • Abdel Aziz Hassan
    Abdel Aziz Hassan 2017-10-05 18:21:59

    شكرا ليك يا كبير

  • mirati
    mirati 2017-10-05 18:54:42

    يسلمموووو ياكبير الف شكر

  • Abdel Aziz Hassan
    Abdel Aziz Hassan 2017-10-07 22:16:22

    شكرا ليك يا ريس

  • Rhiannon Abbott
    Rhiannon Abbott 2018-08-25 18:03:09

    Dicta dignissimos amet omnis ullam cum sint aut ullamco quia

    Enim quos sunt repudiandae est anim consequatur Et obcaecati

اضف تعليق


يجب ان يكون لديك حساب في الموقع تسجيل الدخول او تسجيل عضوية جديدة

خدمات ويب الفريق