js.html

<script>
/*globals google, accounts, Browser, reports */

function UserException(message) {
    this.messsage = message;
    this.name = 'UserException';
}

function appendOptionsToSelect(array, selector) {
    var select = $(selector);
    var isAccount = selector === '#account';
    select.empty();

    if (!array.length) {

        if (isAccount) {
            throw new UserException('We couldn\'t find any accounts. Please log in with another account.');
        }

        throw new UserException('We we\'re unable to locate the report list. Please try again.');
    }

    array.forEach(function (element, index) {
        var setValue = isAccount ? index : element.id;
        var option = $('<option>')
            .attr('value', setValue)
            .text(element.name);
        select.append(option);
    });
}

var audit = {
    flag: false,
    spinner: $('.spinner'),
    form: $('.sidebar'),

    init: function () {
        this.showAccounts(accounts);
        this.showReports(reports);

        $('#submit').on('click', $.proxy(audit.submit, audit));
        $('#close').on('click', $.proxy(audit.close, audit));
    },

    showAccounts: function (accounts) {
        try {
            appendOptionsToSelect(accounts, '#account');
        } catch (error) {
            this.error(error);
        }
    },

    showReports: function (reports) {
        try {
            appendOptionsToSelect(reports, '#report');
        } catch (error) {
            this.error(error);
        }
    },

    submit: function (e) {
        var data = JSON.stringify({
            ids: accounts[$('#account').val()],
            report: $('#report').val()
        });

        e.preventDefault();

        this.form.hide();
        this.spinner.show();

        google.script.run
            .withSuccessHandler(this.success.bind(this))
            .withFailureHandler(this.error.bind(this))
            .saveReportDataFromSidebar(data);
    },

    success: function () {
        this.close();
    },

    error: function (error) {

        if (error.message === 'Quota Error: User Rate Limit Exceeded.') {
            return this.errorHandleUserRateLimit();
        }

        this.close();
        window.alert(error);
    },

    errorHandleUserRateLimit: function () {
        if (!this.flag) {
            this.flag = true;
            window.alert('It looks like you\'ve you hit the user rate limit. ' +
                'We\'ll continue to ask for the data, but feel free to cancel ' +
                'the request and try again later.');
        }
        return setTimeout(function () {
            $('#submit').trigger('click');
        }, 1000);
    },

    close: function () {
        google.script.host.close();
    }
};

$(function () {
    // onReady - initialized
    audit.init();
});
</script>