Sith/com/templates/com/news_edit.jinja

{% extends "core/base.jinja" %}
{% from 'core/macros.jinja' import user_profile_link %}

{% block title %}
  {% if object %}
    {% trans %}Edit news{% endtrans %}
  {% else %}
    {% trans %}Create news{% endtrans %}
  {% endif %}
{% endblock %}

{% block content %}
  {% if 'preview' in request.POST.keys() %}
    <section class="news_event">
      <h4>{{ form.instance.title }}</h4>
      <p class="date">
        <span>{{ form.instance.dates.first().start_date|localtime|date(DATETIME_FORMAT) }}
          {{ form.instance.dates.first().start_date|localtime|time(DATETIME_FORMAT) }}</span> -
        <span>{{ form.instance.dates.first().end_date|localtime|date(DATETIME_FORMAT) }}
          {{ form.instance.dates.first().end_date|localtime|time(DATETIME_FORMAT) }}</span>
      </p>
      <p><a href="#">{{ form.instance.club or "Club" }}</a></p>
      <div>{{ form.instance.summary|markdown }}</div>
      <div>{{ form.instance.content|markdown }}</div>
      <p>{% trans %}Author: {% endtrans %} {{ user_profile_link(form.instance.author) }}</p>
    </section>
  {% endif %}
  {% if object %}
    <h2>{% trans %}Edit news{% endtrans %}</h2>
  {% else %}
    <h2>{% trans %}Create news{% endtrans %}</h2>
  {% endif %}
  <form action="" method="post">
    {% csrf_token %}
    {{ form.non_field_errors() }}
    {{ form.author }}
    <p>
      {{ form.type.errors }}
      <label for="{{ form.type.name }}" class="required">{{ form.type.label }}</label>
      <ul>
        <li>{% trans %}Notice: Information, election result - no date{% endtrans %}</li>
        <li>{% trans %}Event: punctual event, associated with one date{% endtrans %}</li>
        <li>
          {% trans trimmed%}
            Weekly: recurrent event, associated with many dates
            (specify the first one, and a deadline)
          {% endtrans %}
        </li>
        <li>
          {% trans trimmed %}
            Call: long time event, associated with a long date (like election appliance)
          {% endtrans %}
        </li>
      </ul>
      {{ form.type }}
    </p>
    <p class="date">
      {{ form.start_date.errors }}
      <label for="{{ form.start_date.name }}">{{ form.start_date.label }}</label>
      {{ form.start_date }}
    </p>
    <p class="date">
      {{ form.end_date.errors }}
      <label for="{{ form.end_date.name }}">{{ form.end_date.label }}</label>
      {{ form.end_date }}
    </p>
    <p class="until">
      {{ form.until.errors }}
      <label for="{{ form.until.name }}">{{ form.until.label }}</label>
      {{ form.until }}
    </p>
    <p>
      {{ form.title.errors }}
      <label for="{{ form.title.name }}" class="required">{{ form.title.label }}</label>
      {{ form.title }}
    </p>
    <p>
      {{ form.club.errors }}
      <label for="{{ form.club.name }}" class="required">{{ form.club.label }}</label>
      <span class="helptext">{{ form.club.help_text }}</span>
      {{ form.club }}
    </p>
    <p>
      {{ form.summary.errors }}
      <label for="{{ form.summary.name }}" class="required">{{ form.summary.label }}</label>
      <span class="helptext">{{ form.summary.help_text }}</span>
      {{ form.summary }}
    </p>
    <p>
      {{ form.content.errors }}
      <label for="{{ form.content.name }}">{{ form.content.label }}</label>
      <span class="helptext">{{ form.content.help_text }}</span>
      {{ form.content }}
    </p>
    {% if user.is_com_admin %}
      <p>
        {{ form.automoderation.errors }}
        <label for="{{ form.automoderation.name }}">{{ form.automoderation.label }}</label>
        {{ form.automoderation }}
      </p>
    {% endif %}
    <p><input type="submit" name="preview" value="{% trans %}Preview{% endtrans %}"/></p>
    <p><input type="submit" value="{% trans %}Save{% endtrans %}"/></p>
  </form>
{% endblock %}

{% block script %}
  {{ super() }}
  <script>
    $(function () {
      let type = $('input[name=type]');
      let dates = $('.date');
      let until = $('.until');

      function update_targets() {
        const type_checked = $('input[name=type]:checked');
        if (["CALL", "EVENT"].includes(type_checked.val())) {
          dates.show();
          until.hide();
        } else if (type_checked.val() === "WEEKLY") {
          dates.show();
          until.show();
        } else {
          dates.hide();
          until.hide();
        }
      }

      update_targets();
      type.change(update_targets);
    });
  </script>
{% endblock %}