অ্যাডমিন প্যানেলে জাভাস্ক্রিপ্ট ও css ফাইল যোগ করা

Django এডমিন প্যানেলে JavaScript এবং CSS ফাইল যোগ করার জন্য নিম্নলিখিত পদক্ষেপগুলি অনুসরণ করতে হবে:

প্রথমটি, আপনার static ফোল্ডারে জাভাস্ক্রিপ্ট এবং CSS ফাইলগুলি সংরক্ষণ করুন:

1. স্ট্যাটিক ফাইল সংরক্ষণ: আপনি আপনার প্রোজেক্টের রুট ডিরেক্টরিতে static নামে একটি ফোল্ডার তৈরি করুন, যদি তা নেই, এবং সেখানে জাভাস্ক্রিপ্ট এবং CSS ফাইলগুলি রাখুন।

   উদাহরণস্বরূপ:

your_project/
├── your_app/
├── static/
│   ├── js/
│   │   ├── your_script.js
│   ├── css/
│   │   ├── your_style.css
├── ...

1. জাভাস্ক্রিপ্ট ফাইল সংরক্ষণ: আপনি আপনার জাভাস্ক্রিপ্ট কোড সংরক্ষণ করুন static/js/ ডিরেক্টরির মধ্যে, যেমন your_script.js।

2. CSS ফাইল সংরক্ষণ: আপনি আপনার CSS স্টাইল সংরক্ষণ করুন static/css/ ডিরেক্টরির মধ্যে, যেমন your_style.css।

admin.py ফাইলে স্ট্যাটিক ফাইল লোড করা: আপনার প্রজেক্টের এডমিন প্যানেলে স্ট্যাটিক ফাইল লোড করতে, আপনার admin.py ফাইলে নিম্নলিখিত কোড যোগ করুন:

from django.contrib import admin

class YourModelAdmin(admin.ModelAdmin):
    class Media:
        js = ('js/your_script.js',) 
        defer = True  # Add the defer attribute
        
        css = {
            'all': ('css/your_style.css',),  # আপনার CSS ফাইলের নাম
        }
 admin.site.register(YourModel, YourModelAdmin)       

'all' দ্বারা বুঝানো হয়েছে সব ধরণের মিডিয়া তে এই স্টাইল শিট ব্যবহার হবে সাধারণত screen এবং print এর জন্য আলাদা css ব্যবহার হয় সেক্ষেত্রে সেটাও বলে দিতে পারি

class YourModelAdmin(admin.ModelAdmin):
    class Media:
        css = {
            'screen': ('css/screen_style.css',),
            'print': ('css/print_style.css',),
        }