Динамичное веб-приложение на основе Laravel, PrettyForms и Backbone.js

<h4>Комментарии</h4>
<div id='article-comments'>
    <?php
    // Для вывода комментариев мы объявляем специальную анонимную функцию,
    // которая у нас будет попутно также служить генератором их JS-шаблона. Это и есть тот
    // маленький лайвхак, о котором я говорил несколькими абзацами выше
    $comment_body = function($as_jstemplate = false, Comment $comment = null) { ?>
        <?php
        // Возвращаем содержимое переменной, либо её название для JS-шаблона
        $var = function($name) use ($comment,$as_jstemplate) {
            if ($as_jstemplate) {
                return "<%= {$name} %>";
            } else {
                return method_exists($comment, $name)
                    ? $comment->$name()
                    : $comment->$name
                ;
            }
        } ?>

        <?php /* Контейнер коментария. Еще одна анонимная функция $var('id') вернёт либо строку "<%= id %>" для Undescore-шаблона, либо id коммента, если это вывод комментария. И так далее везде, где используется эта функция. */ ?>
        <div id="article-comments-<?=$var('id')?>">
            <div class="pull-right">
                <?php /* Кнопка положительного голосования за комментарий: */ ?>
                <span data-link='/comments/vote/<?=$var('id')?>/up' 
                           class='glyphicon glyphicon-arrow-up senddata-token'></span>
                <?=$var('rating')?>
                <span data-link='/comments/vote/<?=$var('id')?>/down' 
                            class='glyphicon glyphicon-arrow-down senddata-token'></span>

                <?php /* Далее описан вывод код кнопок "удалить" и "редактировать",
                              по отдельности для JS-шаблона и для кода генерации */ ?>
                @if ($as_jstemplate)
                    <% if (current_user_id === user.id) { %>
                        <div data-link='/comments/delete/<?=$var('id')?>' 
                                class='btn btn-default btn-xs senddata-token really'>удалить</div>
                        <div class='btn btn-default btn-xs edit'>редактировать</div>
                    <% } %>
                @else
                    @if (Auth::check() AND $comment->user_id === Auth::user()->id)
                        <div data-link='/comments/delete/<?=$var('id')?>' 
                                class='btn btn-default btn-xs senddata-token really'>удалить</div>
                        <div class='btn btn-default btn-xs edit'>редактировать</div>
                    @endif
                @endif
            </div>
            <p><span class="label label-default"><?=$as_jstemplate ? '<%=user.name%>' : $comment->user->name?></span> написал <?=$var('date')?> в <?=$var('time')?>:</p>
            @if ($as_jstemplate)
                <?php /* В JS-шаблоне мы имеем возможность нажать кнопку "редактировать", 
                                  и открыть форму редактирования коммента: */ ?>
                <% if (edit === true) { %>
                    <div id='form-edit-comment-<%=id%>'>
                        <textarea style='width: 100%; min-height: 50px;' name='text'><%=text%></textarea>
                        <div data-input="#form-edit-comment-<%=id%>"
                            data-link="/comments/edit/<%=id%>"
                            data-clearinputs="true"
                            class="btn btn-primary btn-xs senddata-token">Сохранить</div>
                        <div class='btn btn-default btn-xs edit-cancel'>Отмена</div>
                        <br/><br/>
                    </div>
                <% } else { %>
                    <p><%=text%></p>
                <% } %>
            @else
                <p><?=$comment->text?></p>
            @endif
        </div>
    <?php } ?>

    <?php /* Вытаскиваем из БД все комментарии и выводим их на страницу: */ ?>
    <?php $comments = Comment::with('user')->where('article_id','=',5)->get(); ?>
    <?php foreach($comments as $comment) { ?>
        <?=$comment_body(false, $comment)?>
    <?php } ?>
</div>
<script type='text/template' id='article-comment-template'>
    <?php /* А здесь мы используем эту анонимную функцию уже
                        для генерации шаблона для Backbone-приложения */ ?>
    <?=$comment_body(true)?>
</script>

<hr>
<div class='form-article-write-comment'>
    <?php /* Форма написания комментария */ ?>
    <h4>Написать комментарий:</h4>
    <div class="form-group">
        <textarea class="form-control"
            name="text"
            data-validation="notempty;minlength:6"
            placeholder="Ваш комментарий"></textarea>
    </div>
    <?=Form::hidden('article_id',5)?>
    <div class="form-group">
        <div data-input=".form-article-write-comment"
             data-link="/comments/write"
             data-clearinputs="true"
             class="btn btn-default senddata-token">Написать</div>
    </div>
</div>

<script type='text/javascript'>
    $(document).ready(function(){
        // Сохраним токен приложения, который будет отправлять 
        // вместе со всеми запросами для защиты от CSRF-атак
        PrettyForms.token_name = '_token';
        PrettyForms.token_value = '<?=Session::token()?>';

        // Создадим Backbone-вьюшку
        CommentsList = new CommentsListView({
            id              : '#article-comments',
            current_user_id : '<?=Auth::check() ? Auth::user()->id : ''?>', 
            comments        : <?=$comments->toJson()?>
        });
    });
</script>

var CommentsListView = Backbone.View.extend({
    initialize: function (options) {
        this.$el = $(options.id);
        this.el = this.$el.get(0);

        // Текущий ID пользователя, либо пустая строка, если зашел гость
        var current_user_id = options.current_user_id; 

        // Сохраним в переменную шаблон комментария,
        // который мы сгенерировали ранее с помощью анонимной функции
        var comment_template = _.template($('#article-comment-template').html());

        // Шаблон комментария
        this.CommentView = Backbone.View.extend({
            events: {
                'click .edit': function(event) {
                    this.model.set('edit',true);
                },
                'click .edit-cancel': function(event) {
                    this.model.set('edit',false);
                },
            },
            initialize: function(options) {
                if (options.container) {
                    // Свяжем вьюшку с указанным контейнером
                    // если он был передан
                    this.$el = options.container;
                    this.el = options.container.get(0);
                }
                this.model.bind('change', this.render, this); // При изменении модели заново отрендерим вьюшку
                this.model.bind('remove', this.remove, this); // Удалим вьюшку из DOM-дерева при удалении модели
            },
            render: function() {
                // Отрендерим внешний вид комментария
                var tmpl_data = this.model.attributes;
                tmpl_data.current_user_id = current_user_id;
                this.$el.html(
                    comment_template(tmpl_data)
                );
                return this;
            }
        });

        // Модель и коллекция комментариев
        var CommentModel = Backbone.Model.extend();
        var CommentsCollection = Backbone.Collection.extend({
            model: CommentModel
        });

        this.collection = new CommentsCollection;
        this.collection.reset(options.comments);

        // Свяжем данные в коллекции с присутствующими на странице DOM-элементами,
        // теми, которые изначально были сгенерированы сервером
        this.collection.each(function(comment){
            // Свойство "edit" мы добавляем каждой модели вручную. Это - флаг редактирования комментария,
            // если он равен true, то js-шаблон отобразит форму редактирования комментария
            comment.set('edit',false); 
            new this.CommentView({
                model: comment,
                container: this.$el.find('#article-comments-'+comment.get('id'))
            });
        },this);

        // При добавлении нового элемента в коллекцию, добавим его на страницу
        this.collection.bind('add',function(comment) {
            var view = new this.CommentView({model: comment});
            this.$el.append(view.render().el);
        }, this);
    },

    // Установить рейтинг одному из комментариев
    setCommentRating: function(id,rating) {
        this.collection.findWhere({id:id}).set('rating',rating);
    }

});

// А теперь - самое интересное. Добавим новые обработчики команд с сервера,
// относящиеся к комментариям.

// Добавление нового комментария на страницу
PrettyForms.Commands.registerHandler('add_comment',function(comment){
    comment.edit = false;
    CommentsList.collection.add(comment);
});

// Изменения какого-то из комментариев
PrettyForms.Commands.registerHandler('edit_comment',function(comment){
    comment.edit = false;
    CommentsList.collection.findWhere({id:comment.id}).set(comment);
});

// Удаление комментария
PrettyForms.Commands.registerHandler('delete_comment',function(comment_id){
    CommentsList.collection.remove(comment_id);
});

// Установка нового значения рейтинга
PrettyForms.Commands.registerHandler('set_comment_rating',function(data){
    CommentsList.setCommentRating(data.id,data.rating);
});

// Отобразим какое-то сообщение, пришедшее с сервера (например, о какой-то ошибке)
// Здесь, вместо алерта, можно написать любой код для красивого оповещения
PrettyForms.Commands.registerHandler('message',function(message){
    alert(message);
});

<?php

use PrettyFormsCommands;

class CommentsController extends BaseController {

    public function __construct()
    {
        // Все запросы к контроллеру будут отфильтрованы с помощью фильтра защиты от CSRF-атак
        $this->beforeFilter('csrf');
    }

    // Обработка голосований за комментарий
    function postVote($id,$opinion)
    {
        if (Auth::guest()) {
            // Гости не имеют права голосовать
            return Commands::generate([
                'message' => 'Пожалуйста, авторизуйтесь перед тем, как голосовать за комментарии'
            ]);
        } else {
            $comment = Comment::with('user')->find($id);
            if ($comment->count()) {

                // Самому себе голосовать нельзя
                if ($comment->user->id === Auth::user()->id) {
                    return Commands::generate([
                        'message' => 'Увы, но вы не имеете права голосовать за собственный комментарий'
                    ]);
                }

                // Если пользователь еще не голосовал за этот коммент, так уж и быть: дадим ему это сделать
                // Но после этого сохраним его действие в таблице "comments_rates"
                if ($comment->rates()->where('user_id','=',Auth::user()->id)->count() === 0) {
                    $comment_rate = new Comments_Rate;
                    $comment_rate->user_id = Auth::user()->id;
                    $comment_rate->comment_id = $comment->id;
                    $comment_rate->save();

                    if ($opinion === 'up') {
                        $comment->rating = $comment->rating + 1;
                    } else {
                        $comment->rating = $comment->rating - 1;
                    }
                    $comment->save();

                    // Возвратим клиенту команду, благодаря которой рейтинг к комментарию на странице динамически обновится
                    return Commands::generate([
                        'set_comment_rating' => [
                            'id'     => $comment->id,
                            'rating' => $comment->rating
                        ]
                    ]);
                } else {
                    return Commands::generate([
                        'message' => 'Вы уже голосовали за данный комментарий, больше нельзя.'
                    ]);
                }
            }
        }
    }

    // Запрос удаления комментария
    function postDelete($id)
    {
        if (Auth::guest()) {
            return Commands::generate([
                'message' => 'Вы не можете удалить комментарий, так как вы не авторизованы'
            ]);
        } else {
            $comment = Comment::with('user')->find($id); /* @var $comment Comment */
            if ($comment->count()) {
                // Удалять мы можем только свои комментарии
                if ($comment->user->id !== Auth::user()->id) {
                    return Commands::generate([
                        'message' => 'Увы, но вы не имеете права удалять чужие комментарии'
                    ]);
                }

                $comment_id = $comment->id;
                $comment->delete();

                // Возвратим клиенту команду, благодаря которой рейтинг к комментарию на странице динамически обновится
                return Commands::generate([
                    'delete_comment' => $comment_id
                ]);
            }
        }
    }

    // Запрос написания нового комментария
    function postWrite()
    {
        if (Auth::guest()) {
            return Commands::generate([
                'validation_errors' => 'Пожалуйста, <a href="/login">авторизуйтесь</a> перед написанием комментария'
            ]);
        } else {
            $comment = new Comment;
            $comment->user_id = Auth::user()->id;
            $comment->article_id = Input::get('article_id');
            $comment->text = Input::get('text');
            $comment->validateAndSave();
            return Commands::generate([
                'add_comment' => Comment::with('user')->find($comment->id)->toArray(),
            ]);
        }
    }

    // Запрос редактирования
    function postEdit($id)
    {
        if (Auth::guest()) {
            return Commands::generate([
                'validation_errors' => 'Пожалуйста, <a href="/login">авторизуйтесь</a> перед написанием комментария'
            ]);
        } else {
            $comment = Comment::with('user')->find($id); /* @var $comment Comment */
            if ($comment->count()) {
                // Изменять мы можем только свои комментарии
                if ($comment->user->id !== Auth::user()->id) {
                    return Commands::generate([
                        'message' => 'Увы, но вы не имеете права редактировать чужие комментарии'
                    ]);
                }

                $comment->text = Input::get('text');
                $comment->save();

                return Commands::generate([
                    'edit_comment' => Comment::with('user')->find($comment->id)->toArray(),
                ]);
            }
        }
    }

}

<?php

use PrettyFormsLaravelValidatorTrait;

class Comment extends Eloquent {

        use LaravelValidatorTrait;

        protected $table = 'comments';
    protected $visible = ['id','user','rating','text','date','time'];
    private $rules = [
        'user_id'    => 'exists:users,id',
        'text'       => 'required',
        'article_id' => 'required'
    ];

    public function toArray()
    {
        $array = parent::toArray();
        $array['date'] = $this->date();
        $array['time'] = $this->time();
        return $array;
    }

    function date() {
        return $this->created_at->format('d.m.Y');
    }

    function time() {
        return $this->created_at->format('G:i');
    }

    public function user()
    {
        return $this->belongsTo('User');
    }

    function rates()
    {
        return $this->hasMany('Comments_Rate');
    }

}