wcs: display card variable in the link form (#72624)

combo/manager/forms.py

@@ -23,6 +23,7 @@ from django.core.exceptions import ValidationError
 from django.forms import formset_factory
 from django.template import Template, TemplateSyntaxError
 from django.template.loader import TemplateDoesNotExist, get_template
+from django.utils.safestring import mark_safe
 from django.utils.translation import gettext_lazy as _
 
 from combo import utils
@@ -196,6 +197,12 @@ class PageEditLinkedCardForm(forms.ModelForm):
 
         card_models = get_wcs_options('/api/cards/@list')
         self.fields['carddef_reference'].choices = [('', '-----')] + card_models
+        self.help_texts = {}
+        for card_model in card_models:
+            sub_slug = card_model[0].split(':')[1].replace('-', '_')
+            self.help_texts[card_model[0]] = mark_safe(
+                _('The card identifier will be available in the variable <code>%s_id</code>.') % sub_slug
+            )
 
         if self.instance.sub_slug:
             result = get_wcs_matching_card_model(self.instance.sub_slug)

combo/manager/static/js/combo.manager.js

@@ -456,6 +456,13 @@ $(function() {
     $('#id_form-' + form_num + '-value').val('');
     total_form.val(form_num + 1);
   })
+
+  $(document).on('change', '#linked-card-form #id_carddef_reference', function () {
+    $('#linked-card-variable span').hide();
+    if ($(this).val()) {
+      $('#linked-card-variable span[data-key="' + $(this).val() + '"]').show();
+    }
+  });
 });
 
 

combo/manager/templates/combo/page_linked_card.html

@@ -0,0 +1,18 @@
+{% extends "combo/page_add.html" %}
+{% load i18n %}
+
+{% block content %}
+  <form method="post" enctype="multipart/form-data" id="linked-card-form">
+    {% csrf_token %}
+    {{ form.as_p }}
+    <p id="linked-card-variable">
+      {% for k, v in form.help_texts.items %}
+        <span data-key="{{ k }}" {% if form.initial.carddef_reference != k %}style="display: none"{% endif %}>{{ v }}</span>
+      {% endfor %}
+    </p>
+    <div class="buttons">
+      <button class="submit-button">{% trans "Save" %}</button>
+      <a class="cancel" href="{% url 'combo-manager-page-view' pk=object.id %}">{% trans 'Cancel' %}</a>
+    </div>
+  </form>
+{% endblock %}

combo/manager/views.py

@@ -343,6 +343,7 @@ page_edit_slug = PageEditSlugView.as_view()
 class PageEditLinkedCardView(PageEditView):
     form_class = PageEditLinkedCardForm
     comment = _('changed linked card')
+    template_name = 'combo/page_linked_card.html'
 
 
 page_edit_linked_card = PageEditLinkedCardView.as_view()