Skip to content

Instantly share code, notes, and snippets.

@ostretsov

ostretsov/AngularedCollectionController.js

Last active August 29, 2015 14:05
Download ZIP

Revisions

  1. ostretsov revised this gist Aug 22, 2014. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion AngularedCollectionController.js
    View file
    Original file line number Diff line number Diff line change
    @@ -15,7 +15,11 @@ sciApp.controller('AngularedCollectionController', ['$scope', '$compile', functi
    }
    });

    $scope.index = Math.max.apply(Math, indexes) + 1;
    if (indexes.length > 0) {
    $scope.index = Math.max.apply(Math, indexes) + 1;
    } else {
    $scope.index = 1;
    }
    };

    $scope.add = function (event) {
  2. ostretsov renamed this gist Aug 21, 2014. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.twig → fields.html.twig
    View file
    File renamed without changes.
  3. ostretsov revised this gist Aug 21, 2014. 1 changed file with 40 additions and 0 deletions.
    40 changes: 40 additions & 0 deletions gistfile1.twig
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,40 @@
    {% block angulared_collection_widget %}
    {% set randomCollectionId = 'collection' ~ random() ~ random() ~ random() %}
    <div id="{{ randomCollectionId }}" ng-init="init('{{ randomCollectionId }}')" ng-controller="AngularedCollectionController">
    {% spaceless %}
    {% if prototype is defined %}
    {% set prototype_markup = form_row(prototype) %}
    {% set data_prototype_name = form.vars.form.vars.prototype.vars.name|default('__name__') %}
    {% set data_prototype_label = form.vars.form.vars.prototype.vars.label|default('__name__label__') %}
    {% set widget_form_group_attr = widget_form_group_attr|merge({
    'data-prototype': prototype_markup,
    'data-prototype-name': data_prototype_name,
    'data-prototype-label': data_prototype_label
    })|merge(attr) %}
    {% endif %}
    {# Add row by default use attr.class to change#}
    {% if 'collection' in form.vars.block_prefixes and attr.class is defined %}
    {% set widget_form_group_attr = widget_form_group_attr|merge({'class': widget_form_group_attr.class|default('row') ~ ' ' ~ attr.class}) %}
    {% endif %}
    {# collection item adds class {form_id}_form-group too #}
    {% set widget_form_group_attr = widget_form_group_attr|merge({'id': 'collection' ~ id ~ '_form_group', 'class': widget_form_group_attr.class ~ ' collection-items ' ~ id ~ '_form_group'}) %}

    <div {% for attrname,attrvalue in widget_form_group_attr %} {{attrname}}="{{attrvalue}}"{% endfor %}>
    {# Add initial prototype form #}
    {% if form.vars.value|length == 0 and prototype is defined %}
    {% for name in prototype_names %}
    {{ prototype_markup|replace({'__name__': name})|raw }}
    {% endfor %}
    {% endif %}
    {{ block('form_widget') }}
    </div>
    {% endspaceless %}

    <a {% for attrname,attrvalue in widget_add_btn.attr %} {{attrname}}="{{attrvalue}}"{% endfor %} ng-click="add($event)">
    {% if widget_add_btn.icon is not null %}
    {{ mopa_bootstrap_icon(widget_add_btn.icon, widget_add_btn.icon_inverted|default(false)) }}
    {% endif %}
    {{ widget_add_btn.label|trans({}, translation_domain) }}
    </a>
    </div>
    {% endblock angulared_collection_widget %}
  4. ostretsov renamed this gist Aug 21, 2014. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.php → AngularedCollectionController.js
    View file
    File renamed without changes.
  5. ostretsov created this gist Aug 21, 2014.
    47 changes: 47 additions & 0 deletions gistfile1.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,47 @@
    sciApp.controller('AngularedCollectionController', ['$scope', '$compile', function ($scope, $compile) {
    $scope.index = 1;

    $scope.init = function (collectionId) {
    var indexes = [];

    $('#' + collectionId).find('input[type=hidden]').each(function () {
    var attrName = $(this).attr('name');

    var indexFinder = new RegExp('\\]\\[(\\d+)\\]\\[');
    var finded = indexFinder.exec(attrName);

    if (finded.length > 1) {
    indexes.push(parseInt(finded[1]));
    }
    });

    $scope.index = Math.max.apply(Math, indexes) + 1;
    };

    $scope.add = function (event) {
    var $collectionItems = $(event.target).parent().find('div.collection-items');
    var prototype = $collectionItems.attr('data-prototype');
    var prototypeName = $collectionItems.attr('data-prototype-name');
    var prototypeLabel = $collectionItems.attr('data-prototype-label');

    // Just in case it doesn't get it
    if (typeof prototypeName === 'undefined') {
    prototypeName = '__name__';
    }

    if (typeof prototypeLabel === 'undefined') {
    prototypeLabelss = '__name__label__';
    }

    var nameReplacePattern = new RegExp(prototypeName, 'g');
    var labelReplacePattern = new RegExp(prototypeLabel, 'g');

    prototype = prototype.replace(labelReplacePattern, $scope.index)
    .replace(nameReplacePattern, $scope.index);

    $newCollectionItem = $compile(prototype)($scope);
    $collectionItems.append($newCollectionItem);

    $scope.index++;
    };
    }]);