/**
 * @module controls/users/SelectItem
 */
define('controls/users/SelectItem', [

    'qui/QUI',
    'qui/controls/elements/SelectItem',
    'Ajax',
    'Users'

], function(QUI, QUIElementSelectItem, QUIAjax, Users) {
    'use strict';

    return new Class({

        Extends: QUIElementSelectItem,
        Type: 'controls/users/SelectItem',

        Binds: [
            'refresh'
        ],

        initialize: function(options) {
            this.parent(options);
            this.setAttribute('icon', 'fa fa-user');
        },

        /**
         * Refresh the display
         *
         * @returns {Promise}
         */
        refresh: function() {
            let id = this.getAttribute('id'),
                Prom = Promise.resolve();

            // user
            this.setAttribute('icon', 'fa fa-user');

            const User = Users.get(id);

            if (!User.isLoaded()) {
                Prom = User.load();
            }

            return Prom.then(() => {
                this.$Text.set({
                    html: User.getAttribute('displayName')
                });
            }).catch((err) => {
                console.error(err);
                this.destroy();
            });
        }
    });
});
