suggestion.editionView()
        .title('<span>Edit suggestion #{{entry.identifierValue}} \
            <span class="suggestion-status {{ entry.values.status }}"> \
            {{ entry.values.status }}</span></span>'
        )
        .fields([
            nga.field('id').editable(false),
            nga.field('tags', 'tags')
            .isDetailLink(false)
            .categories(tagCategories)
            .targetEntity(nga.entity('tags'))
            .targetField(nga.field('name', 'string'))
            .perPage(200)
            .singleApiCall(function (ids) {
                return { 'id[]': ids };
            }),
            nga.field('attachments', 'template').template('
                <cl-attachments value="entry.values[field.name()]" 
                id="entry.values.id" 
                apifilename="filename" 
                url="/admin/suggestions/{{entry.values.id}}/attachments">
                </cl-attachments>'
            ),
            nga.field('workflow', 'template').label('')
                .cssClasses('field_workflow')
                .template('<cl-suggestion-workflow entry="entry"></cl-suggestion-workflow>')
        ])
        .actions(editActions);

(function (angular) {
    'use strict';
    angular.module('1859-admin').directive('clSuggestionWorkflow', [
    '$http', '$state', '$modal', 'progression', 'notification',
    function ($http, $state, $modal, progress, notification) {

        return {
            restrict: 'E',
            scope: {
                'entry': '&'
            },
            templateUrl: '/admin/scripts/directives/templates/cl-suggestion-workflow.html',
            link: function (scope) {
                scope.entry = scope.entry();
                scope.status =  scope.entry.values.status;
                var id = scope.entry.identifierValue;
                scope.askForFeedback = function (status) {
                    if (status !== 'pending') {
                        return;
                    }
                    progress.start();
                    scope.entry.values.status = 'waiting';

                    $http.put('/admin/suggestions/' + id, scope.entry.values)
                    .success(function () {
                        progress.done();
                        notification.log('Suggestion successfully returned for feedback.', {addnCls: 'humane-flatty-success'});
                        $state.go($state.current, {}, {reload: true});
                    })
                    .error(function (data) {
                        var msg = data.error || 'Suggestion could\'nt be validated.';
                        notification.log(msg, {addnCls: 'humane-flatty-error'});
                        progress.done();
                    });
                };

<svg
    viewBox="69 23 723 200"
    class="workflow"
>
    <defs>
        <marker
            orient="auto"
            overflow="visible"
            markerUnits="strokeWidth"
            id="FilledArrow_Marker"
            viewBox="-1 -3 7 6"
            markerWidth="7"
            markerHeight="6"
            class="investor_arrow"
        >
            ...
        </marker>
        <g ng-class="{ state_action: true, enabled: status === 'pending' }" 
           ng-click="askForFeedback(status)">
            <g class="arrow admin">
                <path
                    d="M 371 252 C 336.6701 263.9988 287.74802 288 268 288 C 254.0491 288 254.65203 276.02184 254.38684 262"
                    marker-end="url(#FilledArrow_Marker_2)"
                    stroke-linejoin="round"
                    stroke-linecap="round"
                    stroke-width="1.5"
                    fill="none"
                />
            </g>

var nga = NgAdminConfigurationProvider;

var TagsField = nga.adminDescription.getFieldConstructor('reference_many');
TagsField.prototype.type = function () {
    return 'tags';
};

nga.registerFieldType('tags', TagsField);

FieldViewConfigurationProvider.registerFieldView('tags', {
    getReadWidget: function () {
        return '<ma-string-column value="::entry.listValues[field.name()]"></ma-string-column>';
    },
    getLinkWidget: function () {
        return '<a ng-click="gotoReference()">' + this.getReadWidget() + '</a>';
    },
    getFilterWidget: function () {
        return '<ma-choices-field field="::field" datastore="::datastore" value="values[field.name()]"></ma-choices-field>';
    },
    getWriteWidget: function () {
        return '<cl-choices field="::field" datastore="::datastore" value="entry.values[field.name()]" categories="field.categories()" select-type="button"></cl-choices>';
    }
});