szurubooru/public_html/js/Presenters/PostPresenter.js

var App = App || {};
App.Presenters = App.Presenters || {};

App.Presenters.PostPresenter = function(
    _,
    jQuery,
    appState,
    util,
    promise,
    api,
    auth,
    router,
    keyboard,
    presenterManager,
    postsAroundCalculator,
    postEditPresenter,
    postContentPresenter,
    commentListPresenter,
    topNavigationPresenter,
    messagePresenter) {

    var $el = jQuery('#content');
    var $messages = $el;

    var templates = {};
    var params;

    var postNameOrId;
    var post;

    var privileges = {};

    function init(params, loaded) {
        topNavigationPresenter.select('posts');
        postsAroundCalculator.resetCache();

        privileges.canDeletePosts = auth.hasPrivilege(auth.privileges.deletePosts);
        privileges.canFeaturePosts = auth.hasPrivilege(auth.privileges.featurePosts);
        privileges.canViewHistory = auth.hasPrivilege(auth.privileges.viewHistory);
        privileges.canAddPostNotes = auth.hasPrivilege(auth.privileges.addPostNotes);

        promise.wait(
                util.promiseTemplate('post'),
                util.promiseTemplate('history'))
            .then(function(
                    postTemplate,
                    historyTemplate) {
                templates.post = postTemplate;
                templates.history = historyTemplate;

                reinit(params, loaded);
            }).fail(function(response) {
                showGenericError(response);
                loaded();
            });
    }

    function reinit(_params, loaded) {
        params = _params;
        params.query = params.query || {};
        params.query.page = parseInt(params.query.page) || 1;

        postNameOrId = params.postNameOrId;

        promise.wait(refreshPost())
            .then(function() {
                topNavigationPresenter.changeTitle('@' + post.id);
                render();
                loaded();

                presenterManager.initPresenters([
                    [postContentPresenter, {post: post, $target: $el.find('#post-content-target')}],
                    [postEditPresenter, {post: post, $target: $el.find('#post-edit-target'), updateCallback: postEdited}],
                    [commentListPresenter, {post: post, $target: $el.find('#post-comments-target')}]],
                    function() {
                        syncFitModeButtons();
                    });

            }).fail(function() {
                console.log(arguments);
                loaded();
            });

    }

    function attachLinksToPostsAround() {
        promise.wait(postsAroundCalculator.getLinksToPostsAround(params.query, post.id))
            .then(function(nextPostUrl, prevPostUrl) {
                var $prevPost = $el.find('#post-current-search .right a');
                var $nextPost = $el.find('#post-current-search .left a');

                if (nextPostUrl) {
                    $nextPost.addClass('enabled');
                    $nextPost.attr('href', nextPostUrl);
                    keyboard.keyup('a', function() {
                        router.navigate(nextPostUrl);
                    });
                } else {
                    $nextPost.removeClass('enabled');
                    $nextPost.removeAttr('href');
                    keyboard.unbind('a');
                }

                if (prevPostUrl) {
                    $prevPost.addClass('enabled');
                    $prevPost.attr('href', prevPostUrl);
                    keyboard.keyup('d', function() {
                        router.navigate(prevPostUrl);
                    });
                } else {
                    $prevPost.removeClass('enabled');
                    $prevPost.removeAttr('href');
                    keyboard.unbind('d');
                }
            }).fail(function() {
            });
    }

    function refreshPost() {
        return promise.make(function(resolve, reject) {
            promise.wait(api.get('/posts/' + postNameOrId))
                .then(function(postResponse) {
                    post = postResponse.json;
                    resolve();
                }).fail(function(response) {
                    showGenericError(response);
                    reject();
                });
        });
    }

    function render() {
        $el.html(renderPostTemplate());
        $messages = $el.find('.messages');

        keyboard.keyup('e', function() {
            editButtonClicked(null);
        });

        attachSidebarEvents();
        attachLinksToPostsAround();
    }

    function postEdited(newPost) {
        post = newPost;
        hideEditForm();
        softRender();
    }

    function softRender() {
        renderSidebar();
        $el.find('video').prop('loop', post.flags.loop);
    }

    function renderSidebar() {
        $el.find('#sidebar').html(jQuery(renderPostTemplate()).find('#sidebar').html());
        attachSidebarEvents();
    }

    function renderPostTemplate() {
        return templates.post({
            query: params.query,
            post: post,
            forceHttpInPermalinks: appState.get('config').forceHttpInPermalinks,
            ownScore: post.ownScore,
            postFavorites: post.favorites,
            postHistory: post.history,

            util: util,

            historyTemplate: templates.history,

            hasFav: _.any(post.favorites, function(favUser) { return favUser.id === auth.getCurrentUser().id; }),
            isLoggedIn: auth.isLoggedIn(),
            privileges: privileges,
            editPrivileges: postEditPresenter.getPrivileges(),
        });
    }

    function attachSidebarEvents() {
        $el.find('#sidebar .delete').click(deleteButtonClicked);
        $el.find('#sidebar .feature').click(featureButtonClicked);
        $el.find('#sidebar .fit-mode a').click(fitModeButtonsClicked);
        $el.find('#sidebar .edit').click(editButtonClicked);
        $el.find('#sidebar .history').click(historyButtonClicked);
        $el.find('#sidebar .add-favorite').click(addFavoriteButtonClicked);
        $el.find('#sidebar .delete-favorite').click(deleteFavoriteButtonClicked);
        $el.find('#sidebar .score-up').click(scoreUpButtonClicked);
        $el.find('#sidebar .score-down').click(scoreDownButtonClicked);
        $el.find('#sidebar .add-note').click(addNoteButtonClicked);
    }

    function addNoteButtonClicked(e) {
        e.preventDefault();
        postContentPresenter.addNewPostNote();
    }

    function deleteButtonClicked(e) {
        e.preventDefault();
        messagePresenter.hideMessages($messages);
        if (window.confirm('Do you really want to delete this post?')) {
            deletePost();
        }
    }

    function deletePost() {
        promise.wait(api.delete('/posts/' + post.id))
            .then(function(response) {
                router.navigate('#/posts');
            }).fail(showGenericError);
    }

    function syncFitModeButtons() {
        var fitMode = postContentPresenter.getFitMode();
        $el.find('#sidebar .fit-mode a').each(function(i, item) {
            var $item = jQuery(item);
            $item.toggleClass('active', $item.attr('data-fit-mode') === fitMode);
        });
    }

    function featureButtonClicked(e) {
        e.preventDefault();
        messagePresenter.hideMessages($messages);
        if (window.confirm('Do you want to feature this post on the front page?')) {
            featurePost();
        }
    }

    function fitModeButtonsClicked(e) {
        e.preventDefault();
        postContentPresenter.changeFitMode(jQuery(e.target).attr('data-fit-mode'));
        syncFitModeButtons();
    }

    function featurePost() {
        promise.wait(api.post('/posts/' + post.id + '/feature'))
            .then(function(response) {
                router.navigate('#/home');
            }).fail(showGenericError);
    }

    function editButtonClicked(e) {
        if (e) {
            e.preventDefault();
        }
        messagePresenter.hideMessages($messages);
        if ($el.find('#post-edit-target').is(':visible')) {
            hideEditForm();
        } else {
            showEditForm();
        }
    }

    function showEditForm() {
        $el.find('#post-edit-target').slideDown('fast');
        util.enableExitConfirmation();
        postEditPresenter.focus();
    }

    function hideEditForm() {
        $el.find('#post-edit-target').slideUp('fast');
        util.disableExitConfirmation();
    }

    function historyButtonClicked(e) {
        e.preventDefault();
        if ($el.find('.post-history-wrapper').is(':visible')) {
            hideHistory();
        } else {
            showHistory();
        }
    }

    function hideHistory() {
        $el.find('.post-history-wrapper').slideUp('slow');
    }

    function showHistory() {
        $el.find('.post-history-wrapper').slideDown('slow');
    }

    function addFavoriteButtonClicked(e) {
        e.preventDefault();
        addFavorite();
    }

    function deleteFavoriteButtonClicked(e) {
        e.preventDefault();
        deleteFavorite();
    }

    function addFavorite() {
        promise.wait(api.post('/posts/' + post.id + '/favorites'))
            .then(function(response) {
                promise.wait(refreshPost()).then(softRender);
            }).fail(showGenericError);
    }

    function deleteFavorite() {
        promise.wait(api.delete('/posts/' + post.id + '/favorites'))
            .then(function(response) {
                promise.wait(refreshPost()).then(softRender);
            }).fail(showGenericError);
    }

    function scoreUpButtonClicked(e) {
        e.preventDefault();
        var $target = jQuery(this);
        score($target.hasClass('active') ? 0 : 1);
    }

    function scoreDownButtonClicked(e) {
        e.preventDefault();
        var $target = jQuery(this);
        score($target.hasClass('active') ? 0 : -1);
    }

    function score(scoreValue) {
        promise.wait(api.post('/posts/' + post.id + '/score', {score: scoreValue}))
            .then(function() {
                promise.wait(refreshPost()).then(softRender);
            }).fail(showGenericError);
    }

    function showGenericError(response) {
        if ($messages === $el) {
            $el.empty();
        }
        messagePresenter.showError($messages, response.json && response.json.error || response);
    }

    return {
        init: init,
        reinit: reinit,
        render: render
    };

};

App.DI.register('postPresenter', [
    '_',
    'jQuery',
    'appState',
    'util',
    'promise',
    'api',
    'auth',
    'router',
    'keyboard',
    'presenterManager',
    'postsAroundCalculator',
    'postEditPresenter',
    'postContentPresenter',
    'commentListPresenter',
    'topNavigationPresenter',
    'messagePresenter'],
    App.Presenters.PostPresenter);