/*!
 * UI development toolkit for HTML5 (OpenUI5)
 * (c) Copyright 2009-2018 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

// Provides control sap.m.LightBoxItem
sap.ui.define([
        './library', 'sap/ui/core/Element', './Image', './Text', 'sap/ui/core/library'],
    function(library, Element, Image, Text, coreLibrary) {
        "use strict";

        // shortcut for sap.ui.core.OpenState
        var OpenState = coreLibrary.OpenState;

        // shortcut for sap.m.LightBoxLoadingStates
        var LightBoxLoadingStates = library.LightBoxLoadingStates;

        /**
         * Constructor for a new LightBoxItem.
         *
         * @param {string} [sId] ID for the new control, generated automatically if no ID is given
         * @param {object} [mSettings] Initial settings for the new control
         *
         * @class
         * Represents an item which is displayed within an sap.m.LightBox. This item holds all properties of the image as
         * well as the title and subtitle.
         * @extends sap.ui.core.Element
         *
         * @author SAP SE
         * @version 1.60.23
         *
         * @constructor
         * @public
         * @since 1.42
         * @alias sap.m.LightBoxItem
         * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
         */
        var LightBoxItem = Element.extend("sap.m.LightBoxItem", /** @lends sap.m.LightBoxItem.prototype */ {
            metadata: {

                library: "sap.m",
                properties: {
                    /**
                     * Source for the image. This property is mandatory. If not set the popup will not open
                     */
                    imageSrc: {type: 'sap.ui.core.URI', group: 'Appearance', multiple: false, defaultValue: ''},
                    /**
                     * Alt value for the image
                     */
                    alt: {type: 'string', group: 'Appearance', multiple: false, defaultValue: ''},
                    /**
                     * Title text for the image. This property is mandatory.
                     */
                    title: {type: 'string', group: 'Appearance', multiple: false, defaultValue: ''},
                    /**
                     * Subtitle text for the image
                     */
                    subtitle: {type: 'string', group: 'Appearance', multiple: false, defaultValue: ''}
                },
                aggregations: {
                    /**
                     * The image aggregation inside the LightBoxItem control.
                     * @private
                     */
                    _image: {type: 'sap.m.Image', multiple: false, visibility: 'hidden'},
                    /**
                     * The title aggregation inside the LightBoxItem control.
                     * @private
                     */
                    _title: {type: 'sap.m.Text', multiple: false, visibility: 'hidden'},
                    /**
                     * The subtitle aggregation inside the LightBoxItem control.
                     * @private
                     */
                    _subtitle: {type: 'sap.m.Text', multiple: false, visibility: 'hidden'}
                }
            }
        });

        LightBoxItem.prototype.init = function() {
            this._createNativeImage();

            this.setAggregation('_image', new Image({
                decorative: false,
                densityAware: false
            }), true);
            this.setAggregation('_title', new Text({
                wrapping : false
            }), true);
            this.setAggregation('_subtitle', new Text({
                wrapping : false
            }), true);
        };

        /**
         * Creates a native JavaScript Image object.
         * @private
         */
        LightBoxItem.prototype._createNativeImage = function () {
            var that = this;

            this._imageState = LightBoxLoadingStates.Loading;
            this._oImage = new window.Image();
            this._oImage.onload = function(oEvent) {
                if (this.complete && that._imageState === LightBoxLoadingStates.Loading) {
                    that._setImageState(LightBoxLoadingStates.Loaded);
                }
            };

            this._oImage.onerror = function(oEvent) {
                that._setImageState(LightBoxLoadingStates.Error);
            };
        };

        LightBoxItem.prototype.exit = function () {
           this._oImage = null;
        };

        /**
         * Sets the state of the image. Possible values are "LOADING", "LOADED" and "ERROR"
         * @private
         * @param {sap.m.LightBoxLoadingStates} sImageState Current image state
         */
        LightBoxItem.prototype._setImageState = function (sImageState) {
            if (sImageState !== this._imageState) {
                this._imageState = sImageState;
                if (this.getParent()) {
                    this.getParent()._imageStateChanged(sImageState);
                }
            }
        };

        /**
         * Gets the state of the image.
         * @private
         * @returns {string} State of the image
         */
        LightBoxItem.prototype._getImageState = function() {
            return this._imageState;
        };

        /**
         * Gets the native JavaScript Image object.
         * @private
         * @method
         * @returns {window.Image} The native window.Image object
         */
        LightBoxItem.prototype._getNativeImage = function () {
            return this._oImage;
        };

        /**
         * Sets the source of the image.
         * @public
         * @param {sap.ui.core.URI} sImageSrc The image URI
         * @returns {sap.m.LightBoxItem} Pointer to the control instance for chaining.
         */
        LightBoxItem.prototype.setImageSrc = function(sImageSrc) {
            var oImage = this.getAggregation("_image"),
                oLightBox = this.getParent();

            if (this.getImageSrc() === sImageSrc) {
                return this;
            }

            this._imageState = LightBoxLoadingStates.Loading;

            if (oLightBox && oLightBox._oPopup.getOpenState() === OpenState.OPEN) {
                this._oImage.src = sImageSrc;
            }

            this.setProperty("imageSrc", sImageSrc, false);
            oImage.setSrc(sImageSrc);

            return this;
        };

        /**
         * Sets the alt text of the image.
         * @public
         * @param {string} alt The alt text
         * @method
         * @returns {sap.m.LightBoxItem} Pointer to the control instance for chaining.
         */
        LightBoxItem.prototype.setAlt = function (alt) {
            var oImage = this.getAggregation("_image");

            this.setProperty("alt", alt, false);
            oImage.setAlt(alt);

            return this;
        };

        /**
         * Sets the title of the image.
         * @public
         * @param {string} title The image title
         * @method
         * @returns {sap.m.LightBoxItem} Pointer to the control instance for chaining.
         */
        LightBoxItem.prototype.setTitle = function (title) {
            var oTitle = this.getAggregation("_title");

            this.setProperty("title", title, false);
            oTitle.setText(title);

            return this;
        };

        /**
         * Sets the subtitle of the image.
         * @public
         * @param {string} subtitleText The image subtitle
         * @method
         * @returns {sap.m.LightBoxItem} Pointer to the control instance for chaining.
         */
        LightBoxItem.prototype.setSubtitle = function (subtitleText) {
            var subtitle = this.getAggregation("_subtitle");

            this.setProperty("subtitle", subtitleText, false);
            subtitle.setText(subtitleText);

            return this;
        };

        return LightBoxItem;
    });