mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-12-25 12:52:30 -05:00
40 lines
1.4 KiB
Python
40 lines
1.4 KiB
Python
import json
|
|
|
|
from django import forms
|
|
from django.utils.safestring import mark_safe
|
|
|
|
|
|
class CategoryModalWidget(forms.SelectMultiple):
|
|
"""Two-panel category selector with modal"""
|
|
|
|
class Media:
|
|
css = {'all': ('css/category_modal.css',)}
|
|
js = ('js/category_modal.js',)
|
|
|
|
def render(self, name, value, attrs=None, renderer=None):
|
|
# Get all categories as JSON
|
|
categories = []
|
|
for opt_value, opt_label in self.choices:
|
|
if opt_value: # Skip empty choice
|
|
categories.append({'id': str(opt_value), 'title': str(opt_label)})
|
|
|
|
all_categories_json = json.dumps(categories)
|
|
selected_ids_json = json.dumps([str(v) for v in (value or [])])
|
|
|
|
html = f'''<div class="category-widget" data-name="{name}">
|
|
<div class="category-content">
|
|
<div class="category-panel">
|
|
<input type="text" class="category-search" placeholder="Search categories...">
|
|
<div class="category-list scrollable" data-panel="left"></div>
|
|
</div>
|
|
<div class="category-panel">
|
|
<h3>Selected Categories</h3>
|
|
<div class="category-list scrollable" data-panel="right"></div>
|
|
</div>
|
|
</div>
|
|
<div class="hidden-inputs"></div>
|
|
<script type="application/json" class="category-data">{{"all":{all_categories_json},"selected":{selected_ids_json}}}</script>
|
|
</div>'''
|
|
|
|
return mark_safe(html)
|