Skip to content

Commit

Permalink
meinberlin_contrib/components: create moderator_form.html
Browse files Browse the repository at this point in the history
  • Loading branch information
hom3mad3 authored and goapunk committed May 21, 2024
1 parent 9136947 commit a2fbd6c
Show file tree
Hide file tree
Showing 6 changed files with 100 additions and 104 deletions.
2 changes: 1 addition & 1 deletion changelog/_8015.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
### Changed

- adapt forms on `proposal_moderate_form.html` to BO redesign
- create reusable `moderator_form.html` snippet and update moderator form templates
- add two new helper/utility classes `.mt-1` `.mb-2`
- increase (overwrite) `.formgroup__help` font-size to 14px
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
{{ object.name }}
{{ block.super }}
{% endblock %}
{% endblock title %}

{% block breadcrumbs %}
<div id="content-header">
Expand Down Expand Up @@ -38,31 +38,6 @@
{% block content %}
<div id="layout-grid__area--maincontent">
<h1>{% translate 'Moderate proposal' %}</h1>

<form enctype="multipart/form-data" action="{{ request.path }}" method="post">
{% csrf_token %}
{% for form in forms.values %}
{{ form.media }}
{% endfor %}

{% include 'meinberlin_contrib/includes/form_field_select.html' with field=forms.moderateable.moderator_status %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.feedback_text.feedback_text %}
{% include 'meinberlin_contrib/includes/form_checkbox_field.html' with field=forms.moderateable.is_archived %}
{% if forms.moderateable.show_tasks %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.moderateable.completed_tasks add_class='u-top-divider' %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.remark.remark %}
{% else %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.remark.remark add_class='u-top-divider' %}
{% endif %}

<div class="form-actions">
<div class="form-actions__left">
<a href="{{ object.get_absolute_url }}" class="link--back">{% translate 'Cancel' %}</a>
</div>
<div class="form-actions__right">
<button type="submit" class="button">{% translate 'Save' %}</button>
</div>
</div>
</form>
{% include "meinberlin_contrib/components/moderator_form.html" %}
</div>
{% endblock content %}
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
{% load i18n item_tags contrib_tags moderatorremark_tags %}

<form enctype="multipart/form-data" action="{{ request.path }}" method="post">
{% csrf_token %}
{% for form in forms.values %}
{{ form.media }}
{% endfor %}

{% include 'meinberlin_contrib/includes/form_field_select.html' with field=forms.moderateable.moderator_status %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.feedback_text.feedback_text %}
{% include 'meinberlin_contrib/includes/form_checkbox_field.html' with field=forms.moderateable.is_archived %}
{% if forms.moderateable.show_tasks %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.moderateable.completed_tasks add_class='u-top-divider' %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.remark.remark %}
{% else %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.remark.remark add_class='u-top-divider' %}
{% endif %}

<div class="form-actions">
<div class="form-actions__left">
<a href="{{ object.get_absolute_url }}" class="link--back">{% translate 'Cancel' %}</a>
</div>
<div class="form-actions__right">
<button type="submit" class="button">{% translate 'Save' %}</button>
</div>
</div>
</form>
Original file line number Diff line number Diff line change
@@ -1,40 +1,42 @@
{% extends "base.html" %}
{% load i18n %}

{% block title %}{{ object.name }} &mdash; {% translate 'Give feedback' %}{% endblock %}
{% block title %}
{{ object.name }}
{% translate 'Give feedback' %}
{% endblock title %}

{% block breadcrumbs %}
<div id="content-header">
<nav class="breadcrumb" aria-label="{% translate 'You are here:' %}">
<ol>
<li><a href="/">meinBerlin</a></li>
<li><a href="{% url 'meinberlin_plans:plan-list' %}">{% translate 'Project Overview' %}</a></li>
<li><a href="{% url 'project-detail' project.slug %}">{{ project.name|truncatechars:50 }}</a></li>
{% if module.is_in_module_cluster %}
<li><a href="{{ module.get_detail_url }}">{{ module.name|truncatechars:50 }}</a></li>
<li>
<a href="/">meinBerlin</a>
</li>
<li>
<a href="{% url 'meinberlin_plans:plan-list' %}">{% translate 'Project Overview' %}</a>
</li>
<li>
<a href="{% url 'project-detail' project.slug %}">{{ project.name|truncatechars:50 }}</a>
</li>
{% if module.is_in_module_cluster %}
<li>
<a href="{{ module.get_detail_url }}">{{ module.name|truncatechars:50 }}</a>
</li>
{% endif %}
<li><a href="{{ object.get_absolute_url }}">{% translate 'Idea' %}</a></li>
<li>
<a href="{{ object.get_absolute_url }}">{% translate 'Idea' %}</a>
</li>
<li class="active" aria-current="page">{% translate 'Moderate idea' %}</li>
</ol>
</nav>
</div>
{% endblock %}
{% block content %}
<div id="layout-grid__area--maincontent">
<h1>{% translate 'Feedback on this idea' %}</h1>
<form novalidate enctype="multipart/form-data" action="{{ request.path }}" method="post">
{% csrf_token %}
{% for form in forms.values %}
{{ form.media }}
{% endfor %}

{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.moderateable.moderator_status %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.feedback_text.feedback_text %}
{% endblock breadcrumbs %}


<div class="u-spacer-bottom">
<input type="submit" class="btn btn--primary" value="{% translate 'Save' %}" />
<a href="{{ object.get_absolute_url }}" class="btn btn--light">{% translate 'Cancel' %}</a>
</div>
</form>
</div>
{% endblock %}
{% block content %}
<div id="layout-grid__area--maincontent">
<h1>{% translate 'Feedback on this idea' %}</h1>
{% include "meinberlin_contrib/components/moderator_form.html" %}
</div>
{% endblock content %}
Original file line number Diff line number Diff line change
@@ -1,41 +1,41 @@
{% extends "base.html" %}
{% load i18n %}

{% block title %}{% blocktranslate with name=object.name %}Moderate {{ name }}{% endblocktranslate %}{% endblock %}
{% block title %}
{% blocktranslate with name=object.name %}
Moderate {{ name }}
{% endblocktranslate %}
{% endblock title %}

{% block breadcrumbs %}
<div id="layout-grid__area--contentheader">
<div id="content-header">
<nav class="breadcrumb" aria-label="{% translate 'You are here:' %}">
<ol>
<li><a href="{% url 'meinberlin_plans:plan-list' %}">{% translate 'Project Overview' %}</a></li>
<li><a href="{% url 'project-detail' project.slug %}">{{ project.name|truncatechars:50 }}</a></li>
{% if module.is_in_module_cluster %}
<li><a href="{{ module.get_detail_url }}">{{ module.name|truncatechars:50 }}</a></li>
<li>
<a href="{% url 'meinberlin_plans:plan-list' %}">{% translate 'Project Overview' %}</a>
</li>
<li>
<a href="{% url 'project-detail' project.slug %}">{{ project.name|truncatechars:50 }}</a>
</li>
{% if module.is_in_module_cluster %}
<li>
<a href="{{ module.get_detail_url }}">{{ module.name|truncatechars:50 }}</a>
</li>
{% endif %}
<li><a href="{{ object.get_absolute_url }}">{% translate 'Idea' %}</a></li>
<li>
<a href="{{ object.get_absolute_url }}">{% translate 'Idea' %}</a>
</li>
<li class="active" aria-current="page">{% translate 'Moderate proposal' %}</li>
</ol>
</nav>
</div>
</div>
{% endblock %}
{% block content %}
<div class="container">
<h1>{% translate 'Moderate proposal' %}</h1>
<form enctype="multipart/form-data" action="{{ request.path }}" method="post">
{% csrf_token %}
{% for form in forms.values %}
{{ form.media }}
{% endfor %}

{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.moderateable.moderator_status %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.feedback_text.feedback_text %}

{% endblock breadcrumbs %}

<div class="u-spacer-bottom">
<input type="submit" class="btn btn--primary" value="{% translate 'Save' %}" />
<a href="{{ object.get_absolute_url }}" class="btn btn--light">{% translate 'Cancel' %}</a>
</div>
</form>
</div>
{% endblock %}
{% block content %}
<div class="container">
<h1>{% translate 'Moderate proposal' %}</h1>
{% include "meinberlin_contrib/components/moderator_form.html" %}
</div>
{% endblock content %}
Original file line number Diff line number Diff line change
@@ -1,40 +1,32 @@
{% extends "base.html" %}
{% load i18n %}

{% block title %}{% blocktranslate with name=object.name %}Moderate {{ name }}{% endblocktranslate %}{% endblock %}
{% block title %}
{% blocktranslate with name=object.name %}
Moderate {{ name }}
{% endblocktranslate %}
{% endblock title %}

{% block breadcrumbs %}
<div id="content-header">
<nav class="breadcrumb" aria-label="{% translate 'You are here:' %}">
<ol>
<li><a href="/">meinBerlin</a></li>
<li><a href="{% url 'meinberlin_plans:plan-list' %}">{% translate 'Project Overview' %}</a></li>
<li><a href="{% url 'project-detail' project.slug %}">{{ project.name|truncatechars:50 }}</a></li>
{% if module.is_in_module_cluster %}
<li><a href="{{ module.get_detail_url }}">{{ module.name|truncatechars:50 }}</a></li>
{% if module.is_in_module_cluster %}
<li><a href="{{ module.get_detail_url }}">{{ module.name|truncatechars:50 }}</a></li>
{% endif %}
<li><a href="{{ object.get_absolute_url }}">{% translate 'Idea' %}</a></li>
<li class="active" aria-current="page">{% translate 'Moderate idea' %}</li>
</ol>
</nav>
</div>
{% endblock %}
{% block content %}
<div id="layout-grid__area--maincontent">
<h1>{% translate 'Moderate idea' %}</h1>
<form novalidate enctype="multipart/form-data" action="{{ request.path }}" method="post">
{% csrf_token %}
{% for form in forms.values %}
{{ form.media }}
{% endfor %}

{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.moderateable.moderator_status %}
{% include 'meinberlin_contrib/includes/form_field.html' with field=forms.feedback_text.feedback_text %}
{% endblock breadcrumbs %}


<div class="u-spacer-bottom">
<input type="submit" class="btn btn--primary" value="{% translate 'Save' %}" />
<a href="{{ object.get_absolute_url }}" class="btn btn--light">{% translate 'Cancel' %}</a>
</div>
</form>
</div>
{% endblock %}
{% block content %}
<div id="layout-grid__area--maincontent">
<h1>{% translate 'Moderate idea' %}</h1>
{% include "meinberlin_contrib/components/moderator_form.html" %}
</div>
{% endblock content %}

0 comments on commit a2fbd6c

Please sign in to comment.