prototype collapsed subform descriptions + subform adding on subform type selection

Katarzyna Krasnowska
1 parent 91a41f0f
Showing 3 changed files with 68 additions and 2 deletions
entries/forms.py
entries/static/entries/css/entries.css
entries/static/entries/js/forms.js
@@ -233,7 +233,7 @@ class FormFactory(object):
     @staticmethod
     def make_layout(title, components):
         return layout.Layout(layout.Fieldset(
-            '{} <span class="collapsed-info"></span> <button class="btn collapse-button btn-xs btn-secondary" data-collapsed="false" type="button">{}</button><button class="btn remove-button btn-xs btn-danger" type="button">{}</button>'.format(title, _('Zwiń'), _('Usuń')),
+            '{} <span class="collapsed-info text-info"></span> <button class="btn collapse-button btn-xs btn-secondary" data-collapsed="false" type="button">{}</button><button class="btn remove-button btn-xs btn-danger" type="button">{}</button>'.format(title, _('Zwiń'), _('Usuń')),
             *components
         ))
  
@@ -147,6 +147,10 @@ legend {
     background-color: white;
 }
  
+.collapsed-info {
+    font-size: .75em;
+}
+
 .negated {
     background-image: url("/static/entries/img/negated.png");
     background-repeat: repeat;
@@ -16,6 +16,9 @@ function show_form_errors(errors) {
 function bind_add_subforms(selector) {
     selector.find('.add-button').click(function() {
         add_subform($(this));
+    }).closest('.input-group').find('select').change(function() {
+        // also add subform on selecting subform type
+        $(this).siblings().find('.add-button').click();
     });
 }
  
@@ -39,6 +42,65 @@ function bind_remove_subforms(selector) {
     });
 }
  
+function collapsed_subform_desc(element, negated) {
+    var tag = element.tagName();
+    var ret = '';
+    var neg_prefix = (negated ? (gettext('nie') + ' ') : '');
+    if (tag === 'label') {
+        var input_siblings = element.siblings('input');
+        if (input_siblings.length === 0) {
+            var neg = element.hasClass('negated2');
+            var values = [];
+            element.next().children().each(function() {
+                var val = collapsed_subform_desc($(this), neg);
+                if (val) {
+                    values.push(val);
+                }
+            });
+            if (values.length > 0) {
+                ret += '<b>' + element.html().trim() + ': </b>';
+                ret += values.join(' ' + (neg ? gettext('i') : gettext('lub')) + ' ');
+            }
+            return ret;
+        } else {
+            return '';
+        }
+    } else if (tag === 'input') {
+        if (element.prop('type') === 'checkbox') {
+            if (element.prop('checked')) {
+                return neg_prefix + '<i>' + element.siblings('label').immediateText().trim() + '</i>';
+            } else {
+                return '';
+            }
+        } else if (element.prop('type') === 'text') {
+            return neg_prefix + '<i>"' + element.val() + '"</i>';
+        } else {
+            return '??? ' + element.attr('class') + ' ???';
+        }
+    } else if (tag === 'select') {
+        return element.val().map(x => neg_prefix + '<i>' + element.find('option[value="' + x + '"]').html() + '</i>').join(' ' + (negated ? gettext('i') : gettext('lub')) + ' ');
+    } else if (tag === 'form') {
+        var attributes = [];
+        element.children('fieldset').children('.form-group.row').children('label').each(function() {
+            var attr = collapsed_subform_desc($(this), false);
+            if (attr) {
+                attributes.push(attr);
+            }
+        });
+        if (attributes.length > 0) {
+            ret += attributes.join(', ');
+        }
+        return ret;
+    } else if (element.siblings('label').length > 0) {
+        return '';
+    } else {
+        element.children().each(function() {
+            ret += collapsed_subform_desc($(this), negated);
+        });
+        return ret;
+    }
+}
+
 function bind_collapse_subforms(selector) {
     selector.find('.collapse-button').mouseenter(function() {
         $(this).closest('.subform').addClass('to-collapse').find('.subform').addClass('to-collapse');
@@ -52,7 +114,7 @@ function bind_collapse_subforms(selector) {
             $(this).data('collapsed', false);
         } else {
             $(this).closest('legend').nextAll().hide();
-            $(this).closest('legend').find('.collapsed-info').html('[...]');
+            $(this).closest('legend').find('.collapsed-info').html(collapsed_subform_desc($(this).closest('.subform'), false));
             $(this).html(gettext('rozwiń'));
             $(this).data('collapsed', true);
         }