{% for val in listArticles %}
    <div data-artid="{{ val.articleId }}" class="list-group-item {{ val.online==0 ? 'bg-stripped' : '' }} pointer ">
        <span class="list-title">{{ val.title | raw }} <i>({{ val.date |date('d/m/Y') }})</i></span>
    </div>
{% endfor %}


    <script>
        $(function () {

            $('#list-Article .list-group-item').unbind( "click" );

            $('#list-Article .list-group-item').bind( "click", function (e) {
                var idart = $(this).data('artid');
                console.log('click:' + idart);



                $.ajax({
                    type: 'post',
                    url: 'ajax/highlightArticle?' + idart,
                    success: function (ret) {
                        // console.log('ddd');
                        console.log(ret);
                        location.reload();


                    }
                });

            });
        });
    </script>