محمدسجاد دباغ

4 سال پیش توسط محمدسجاد دباغ مطرح شد

مودال از view فایل منیجر در blade های مختلف

سلام
وقت همه دوستان بخیر

شرح مسئله:
الف) ما یک فایل منیجر داریم که شامل دو بخش هست.
1- روت اصلی list که مسیر اصلی پوشه آپلودر رو بررسی میکنه و لیست پوشه ها و فایل هارو result میکنه.
2- بخشی از result بالا ، پوشه های درون پوشه آپلودر هست که وقتی روی اون ها کلیک میشه folder-id به کنترلر پاس میشه و result بر اساس اون بروز میشه.
ب) حالا ما در blade های زیادی به عنوان دکمه آپلود میخواهیم view فایل منیجر رو در مودال incloude کنیم.

مشکل: با ارور اینکه اطلاعاتی وجود ندارد مواجه میشیم دلیلش هم اینه که باید همراه incloude به صورت دستی اطلاعات رو پاس بدیم و ما به اون اطلاعات دسترسی نداریم چون پس از پردازش کنترلر روت list اون اطلاعات result میشه.

راه حل خودم پس از تحقیق که به نتیجه نرسید: استفاده از view composer در Service Providers که باهاش میشه دیتاهایی رو در همه View ها به اشتراک گذاشت اما اون جا هم ما اطلاعاتی نداریم چون اول باید توسط کنترلر پردازش بشه.

راه کار شما چیه؟

Controller

public function filesInDir($folder_dir)
    {
        function scan2( $dir , &$saved = [] ) : array {
            $folders = glob( "{$dir}/*" , GLOB_ONLYDIR ) ;
            foreach( $folders as $folder ) {
                $saved[] = [
                    "path" => str_replace(public_path() . '/fileUpload'.'/', '', $folder) ,
                    "name" => basename($folder),
                    "childrens" => scan2($folder) 
                ];
            }
            return $saved ; 
        }
        $AllFiles = File::where('file_direction', $folder_dir)->get();
        $options = scan2(public_path() . '/fileUpload');
        $folderPath = $folder_dir;
        $folderInPath = scan2(public_path() . '/fileUpload' .'/' . $folderPath);
        return view('admin.file.list', compact('AllFiles', 'options', 'folderPath' , 'folderInPath'))->with(['collapseItemFiles' => 'active']);
    }

blade

<div id="modal-up" style="display: none;">
    @include('admin.file.list')
</div>

ثبت پرسش جدید

Majid Goudarzi

تخصص : برنامه نویس

@masterspyware 4 سال پیش مطرح شد

بهترین توصیه من برای شما اینه که به هیچ عنوان از مودال استاتیک در پروژه استفاده نکنید و مودال رو با const یا ajax فراخوانی کنید تا هم سورس سبک تری داشته باشید و هم اطلاعات سرعت واکنش بیشتری داشته باشند

ارسال پاسخ

mohammadsajad

@mohammadsajaddabbagh 4 سال پیش مطرح شد

@masterspyware

امکان داره از هر دو رو‌ش خود sampel قرار بدید؟ متشکرم

ارسال پاسخ

محمدسجاد دباغ

تخصص : برنامه نویس لاراول

@mdabbagh 4 سال پیش مطرح شد

@masterspyware

سلام دوست عزیز وقت بخیر
برای مثال در تابع زیر چطور result رو به include پاس بدهم؟

    $('#workshops_avatar').click(function(){
        $.ajax({
           type:'GET',
           url:"{{ route('admin.file.list.get.ajax') }}",
           success:function(data){
            $('#modal-up').html(
                @include('admin.file.modal' , data)
            )}
        });
        $('#modal-up').show();
    })

ارسال پاسخ

Majid Goudarzi

تخصص : برنامه نویس

@masterspyware 4 سال پیش مطرح شد

لطفا سورس اینکلود هم بذارید

ارسال پاسخ

محمدسجاد دباغ

تخصص : برنامه نویس لاراول

@mdabbagh 4 سال پیش مطرح شد

@masterspyware

<div class="row flex-row-reverse">
    <div class="col-lg-12 mb-4">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">مدیریت فایل ها</h6>
            </div>
            <div class="card-body">
            <form action="{{ Route('admin.file.store') }}" method="POST" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    <div class="form-row" dir="rtl">
                        <div class="col-md-3 mb-3 custom-file">
                            <input type="file" class="custom-file-input" name="file" id="customFile">
                            <label class="custom-file-label" for="customFile">انتخاب فایل</label>
                        </div>
                        <div class="col-md-3 mb-3">
                            <input type="text" class="form-control" name="file_title" placeholder="عنوان فارسی">
                        </div>
                        <div class="col-md-3 mb-3">
                            <input type="text" class="form-control" name="file_title_en" placeholder="عنوان انگلیسی">
                        </div>
                        <div class="col-md-3 mb-3">
                            <select name="file_direction" class="form-control">
                                <option selected value="root" class="text-left" dir="ltr">root</option>
@foreach($options as $option)
    <option value="{{ $option['path'] }}" class="text-left" dir="ltr">{{ $option['path'] }}</option>
    @if($option['childrens'] != 0)
    @include('admin.partials.listFolder' ,[
    'childrens' => $option['childrens'],
    ])
    @endif
@endforeach
                            </select>
                        </div>
                        <div class="col-md-11 mb-3">
                            <input type="text" class="form-control" name="file_description" placeholder="توضیحات">
                        </div>
                        <div class="col-md-1 mb-3">
                            <button class="btn w-100 btn-primary" type="submit">آپلود</button>
                        </div>
                    </div>
                </form>
                @include('admin.partials.errors')

                <hr>

                <div class=" row w-100 m-0 p-0 mt-4" dir="rtl">
                    <div class="col-lg-12 mb-3">
                        <div class="filemanager-header row w-100 m-0 p-2">
                            <form class="row" action="{{ Route('admin.file.newfolder') }}" method="POST">
                                {{ csrf_field() }}

                                <div class="col-md-4">
                                    <input type="text" class="form-control" name="folder_name" placeholder="عنوان پوشه">
                                </div>
                                <input type="hidden" name="folder_path" value="{{ $folderPath }}">
                                <button class="btn btn-secondary " type="submit"> <i class="fas fa-folder-plus ml-2"></i>ایجاد پوشه جدید</button>
                            </form>
                            <p style="direction: ltr !important;" class="m-0 ltr" >root{{ $folderPath ? '/'.$folderPath : '' }} </p>
                        </div>
                    </div>
                    <div class="col-md-3 m-0">
                        <ul class="folder-list">
                            <li class="p-2"><a class="d-flex align-items-center" href="{{ Route('admin.file.list') }}"><i class="fa fa-folder ml-1"></i> root</a>
                                <ul style="list-style: none;">
                                    @foreach($options as $option)
                                    <li class="p-2"><a class="d-flex align-items-center" href="{{ Route('admin.file.folder',$option['path']) }}"><i class="fa fa-folder ml-1"></i> {{ $option['name']  }}</a></li>
                                    @if($option['childrens'] != 0)
                                    @include('admin.partials.listFolderInUl' ,[
                                    'childrens' => $option['childrens'],
                                    ])
                                    @endif
                                    @endforeach
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9 m-0 file-field">
                        <div class="row w-100 m-0">
                            @foreach($folderInPath as $option)
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-12 mb-3 p-1">
                            <a class="w-100 h-100" href="{{ Route('admin.file.folder',$option['path']) }}">
                                <div class="card app-file-list">
                                <div class="app-file-icon d-flex justify-content-center align-items-center">
                                        <div class="dropdown no-arrow position-absolute top-0 right-0">
                                            <button class="dropdown-toggle border-0" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink" style="">

                                                <div class="dropdown-divider"></div>
                                            </div>
                                        </div>
                                        <i style="font-size: 73px;" class="fa fa-folder file-image"></i>
                                    </div>
                                    <div class="p-2 small text-left">
                                        <div dir="ltr">{{ $option['name']  }}</div>
                                    </div>
                                </div>
                                </a>

                            </div>
                            @endforeach

                            @foreach($AllFiles as $item)
                            <div class="col-xl-2 col-lg-3 col-md-4  col-sm-12 mb-3 p-1">
                                <div class="card app-file-list">
                                    <div class="app-file-icon d-flex justify-content-center align-items-center">
                                        <!-- <i class="fa fa-file-text-o text-warning"></i> -->
                                        <div class="dropdown no-arrow position-absolute top-0 right-0">
                                            <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink" style="">
                                                <a class="dropdown-item text-right" href="#">کپی</a>
                                                <a class="dropdown-item text-right" href="#">انتقال</a>
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item text-right" href="{{ Route( 'admin.student.delete' , $item->id) }}">حذف</a>
                                            </div>
                                        </div>
                                        <img alt="image" class="file-image" src="{{ asset($item->file_url) }}">
                                    </div>
                                    <div class="p-2 small text-left">
                                        <div dir="ltr">{{ $item->file_name }}</div>
                                        <div class="text-muted">{{ $item->file_size }}</div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

ارسال پاسخ

Majid Goudarzi

تخصص : برنامه نویس

@masterspyware 4 سال پیش مطرح شد

اصلا از ریپازیتوری استفاده نکردی.
یکی از اساسی ترین ایراداتت اینه که در کوئری هات از php بصورت مستقیم استفاده کردی.
این چیزی که من دارم میبینم همواره فقط یک المنت رو برات نشون میده و مشکلت همینجاست ک از result هیچ جای پروژت استفاده نکردی.
فقط اومدی php اینکلود کردی.
پیشنهاد میکنم دوره جاوا اسکریپت و nude.js رو ببینی.
اینفورمنت کار هم کلا غلطه.

ارسال پاسخ

محمدسجاد دباغ

تخصص : برنامه نویس لاراول

@mdabbagh 4 سال پیش آپدیت شد

@masterspyware
وقتت بخیر مجید جان!
متشکرم که من رو با دیزاین پترن repository آشنا کردی، دیزاین پترن repository در لاراول را مطالعه کردم و بسیار مفید بود اما در رابطه با مشکلی که داشتم احساس نکردم که میتوه کمک کنه و یا شاید اصلا جواب سوالم همینه ، اگر بشه نکته کلیدی که در نهایت من چطور از blade یک داده ای رو بدون روتر به سمت سرور برسونم و اون نتیجه رو برگردونه و در چیزی مثل incloude قرار بده تا مودال مورد نظر فراخوانی بشه ( یا هر راه دیگری )

کاری که میخوام انجام بدم همینه ، که blade فایل منیجر رو بعد از کلیک روی دکمه های آپلود در blade های مختلف به صورت مودال اجرا کنم.

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

مودال از view فایل منیجر در blade های مختلف

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید