define('jira/viewissue/watchers-voters/voters', ['require'], function (require) {
    'use strict';

    var VotersUsersCollection = require('jira/viewissue/watchers-voters/entities/voters-user-collection');
    var VotersView = require('jira/viewissue/watchers-voters/views/voters-view');
    var Issue = require('jira/issue');
    var InlineLayer = require('jira/ajs/layer/inline-layer');
    var InlineDialog = require('aui/inline-dialog');
    var $ = require('jquery');

    // Wire up inline dialog to our Backbone view
    var dialog = InlineDialog("#view-voter-list", "voters", function (contents, trigger, doShowPopup) {
                var loadingIcon = $('#vote-toggle').next('.icon');
                var collection = new VotersUsersCollection(Issue.getIssueKey());
                loadingIcon.addClass("loading");
                new VotersView({
                    collection: collection
                }).render().done(function (viewHtml) {
                            contents.html(viewHtml);
                            contents.find(".cancel").click(function (e) {
                                dialog.hide();
                                e.preventDefault();
                            });
                            loadingIcon.removeClass('loading');
                            doShowPopup();
                        });
                collection.on("errorOccurred", function () {
                    dialog.hide();
                });
            },
            {
                width: 240,
                useLiveEvents: true,
                items: "#view-voters-list",
                preHideCallback: function () {
                    return !InlineLayer.current; // Don't close if we have inline layer shown
                }
            });

    $(document).bind("keydown", function (e) {
        // special case for when user hover is open at same time
        if (e.keyCode === 27 && InlineDialog.current !== dialog && dialog.is(":visible")) {
            if (InlineDialog.current) {
                InlineDialog.current.hide();
            }
            dialog.hide();
        }
    });

    // Clicking any whitespace outside of the dialog should dismiss the dialog
    $(document).click(function (e) {
        var currentDialog = InlineDialog.current;
        if (currentDialog && currentDialog.id === "voters") {
            if (!$(e.target).closest("#inline-dialog-voters").length) {
                // I am not a child of the inline dialog
                currentDialog.hide();
            }
        }
    });
});