Produits Entr'ouvert » Combo

# Generated by Django 2.2.21 on 2022-02-22 14:21

import django.contrib.postgres.fields.jsonb

from django.db import migrations

class Migration(migrations.Migration):

    dependencies = [

        ('data', '0053_page_variables'),

    ]

    operations = [

        migrations.AddField(

            model_name='page',

            name='placeholder_options',

            field=django.contrib.postgres.fields.jsonb.JSONField(blank=True, default=dict),

        ),

    ]

    placeholder_options = JSONField(blank=True, default=dict)

    @property

    def cleaned_extra_css_class(self):

        return ' '.join([x for x in self.extra_css_class.split() if not x.startswith('size--')])

        page = self.page

        cell = self

        class OptionsForm(model_forms.ModelForm):

            def __init__(self, *args, **kwargs):

                super().__init__(*args, **kwargs)

                if page.placeholder_options.get(cell.placeholder, {}).get('fx_grid_layout'):

                    # add a size field that takes/stores its value in the extra_css_class

                    # char field.

                    self.fields['fx_size'] = forms.ChoiceField(

                        label=_('Size'),

                        choices=[

                            ('', ''),

                            ('size--1-1', '1/1'),

                            ('size--t1-2', '1/2'),

                            ('size--t1-3', '1/3'),

                        ],

                        required=False,

                    )

                    self.fields.move_to_end('extra_css_class')

                    extra_css_class = self.initial['extra_css_class'].split()

                    for css_class, _dummy in self.fields['fx_size'].choices:

                        if css_class in extra_css_class:

                            extra_css_class.remove(css_class)

                            self.initial['extra_css_class'] = ' '.join(extra_css_class)

                            self.initial['fx_size'] = css_class

                            break

            def save(self, *args, **kwargs):

                if self.cleaned_data.get('fx_size'):

                    self.instance.extra_css_class = (

                        '%s %s'

                        % (self.instance.extra_css_class or '', self.cleaned_data.get('fx_size') or '')

                    ).strip()

                return super().save(*args, **kwargs)

        return model_forms.modelform_factory(self.__class__, form=OptionsForm, fields=fields, widgets=widgets)

class PlaceholderOptionsForm(forms.Form):

    fx_grid_layout = forms.ChoiceField(

        label=_('Grid Layout'),

        required=False,

        choices=[

            ('', _('None')),

            ('fx-grid', _('1 column')),

            ('fx-grid--t2', _('2 columns')),

            ('fx-grid--t3', _('3 columns')),

        ],

    )

	position: relative;

.placeholder-options-link {

	position: absolute;

	top: 1em;

	right: 1em;

}

    <a class="placeholder-options-link" data-popup href="{% url 'combo-manage-placeholder-options' page_pk=object.id placeholder=placeholder.key %}">{% trans "Options" %}</a>

                  {% if cell.cleaned_extra_css_class %}

                  <span class="extra-css-class">[{{ cell.cleaned_extra_css_class }}]</span>

{% extends "combo/manager_base.html" %}

{% load i18n %}

{% block appbar %}

<h2>{% trans "Options" %}</h2>

{% endblock %}

{% block content %}

<form method="post">

  {% csrf_token %}

  {{ form.as_p }}

  <div class="buttons">

    <button class="submit-button">{% trans "Submit" %}</button>

    <a class="cancel" href="{% url 'combo-manager-page-view' pk=page.pk %}">{% trans 'Cancel' %}</a>

  </div>

</form>

{% endblock %}

    url(

        r'^pages/(?P<page_pk>\d+)/placeholder/(?P<placeholder>[\w_-]+)/options$',

        views.placeholder_options,

        name='combo-manage-placeholder-options',

    ),

    PlaceholderOptionsForm,

class PlaceholderOptionsView(ManagedPageMixin, FormView):

    form_class = PlaceholderOptionsForm

    template_name = 'combo/placeholder_options.html'

    def get_object(self):

        return get_object_or_404(Page, pk=self.kwargs['page_pk'])

    def get_context_data(self, **kwargs):

        context = super().get_context_data(**kwargs)

        context['page'] = self.get_object()

        return context

    def get_initial(self):

        return self.page.placeholder_options.get(self.kwargs['placeholder'])

    def form_valid(self, form):

        self.page.placeholder_options[self.kwargs['placeholder']] = form.cleaned_data

        self.page.save()

        return super().form_valid(form)

    def get_success_url(self):

        return reverse('combo-manager-page-view', kwargs={'pk': self.page.id})

placeholder_options = PlaceholderOptionsView.as_view()

{% if placeholder_options.fx_grid_layout %}<div class="combo-placeholder {{ placeholder_options.fx_grid_layout }}">{% endif %}

{% if placeholder_options.fx_grid_layout %}</div>{% endif %}

    if 'page' in context:

        context['placeholder_options'] = context['page'].placeholder_options.get(placeholder_name) or {}

def test_manager_placeholder_grid(app, admin_user):

    page = Page.objects.create(title='Page', slug='page')

    cell = TextCell.objects.create(page=page, placeholder='content', text='Foobar', order=1)

    app = login(app)

    resp = app.get('/manage/pages/%s/' % page.id)

    resp = resp.click('Options', href=r'cell.*options')

    assert 'fx_size' not in resp.form.fields

    resp = app.get('/manage/pages/%s/' % page.id)

    resp = resp.click('Options', href=r'placeholder.*options')

    resp.form['fx_grid_layout'].select(text='2 columns')

    resp = resp.form.submit().follow()

    page.refresh_from_db()

    assert page.placeholder_options['content']['fx_grid_layout'] == 'fx-grid--t2'

    resp = resp.click('Options', href=r'placeholder.*options')

    assert resp.form['fx_grid_layout'].value == 'fx-grid--t2'

    resp = app.get('/manage/pages/%s/' % page.id)

    resp = resp.click('Options', href=r'cell.*options')

    resp.form['cdata_textcell-%s-fx_size' % cell.id].select(text='1/2')

    resp = resp.form.submit().follow()

    cell.refresh_from_db()

    assert cell.extra_css_class == 'size--t1-2'

    resp = resp.click('Options', href=r'cell.*options')

    assert resp.form['cdata_textcell-%s-fx_size' % cell.id].value == 'size--t1-2'

    assert not resp.form['cdata_textcell-%s-extra_css_class' % cell.id].value

    resp.form['cdata_textcell-%s-extra_css_class' % cell.id] = 'plop'

    resp = resp.form.submit().follow()

    cell.refresh_from_db()

    assert set(cell.extra_css_class.split()) == {'plop', 'size--t1-2'}

def test_placeholder_grid(app):

    Page.objects.all().delete()

    page = Page(title='Home', slug='index', template_name='standard')

    page.save()

    TextCell.objects.create(page=page, placeholder='content', text='Foobar', order=1)

    resp = app.get('/', status=200)

    # no placeholder div if there's no grid layout

    assert resp.pyquery('#content > .text-cell')

    page.placeholder_options = {'content': {'fx_grid_layout': 'fx-grid'}}

    page.save()

    resp = app.get('/', status=200)

    # placeholder div in between

    assert resp.pyquery('#content > .fx-grid > .text-cell')