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

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

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

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

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

```bash
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` ফাইলে নিম্নলিখিত কোড যোগ করুন:

```python
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 ব্যবহার হয় সেক্ষেত্রে সেটাও বলে দিতে পারি

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

```
