/* TODO: Add Slide synchronization */
import slideshareStyles from "./Slideshare.module.css";
import jQuery from "jquery";

const Slideshare = function(ns) {
    return class extends ns.Widgets.Widget {
        constructor(player, config) {
    super(player, config);
};

static defaults = {
    annotation_type: "slide",
    sync: true,
};

static messages =  {
    fr: {
        slides_ : "Diapositives"
    },
    en: {
        slides_ : "Slides"
    }
};

static template =
    '<div class="Ldt-SlideShare"><h2>{{l10n.slides_}}</h2><hr /><div class="Ldt-SlideShare-Container"></div></div>';

draw() {
    
    function insertSlideshare(_presentation, _slide) {
        if (_lastEmbedded === _presentation) {
            if (_embedObject && typeof _embedObject.jumpTo === "function") {
                _embedObject.jumpTo(parseInt(_slide));
            }
        } else {
            _lastEmbedded = _presentation;
            var _id = ns.Model.getUID(),
                _params = {
                    allowScriptAccess: "always"
                },
                _atts = {
                    id: _id
                },
                _flashvars = {
                    doc : _presentation,
                    startSlide : _slide
                };
            $container.html('<div id="' + _id + '"></div>');
            swfobject.embedSWF(
                "http://static.slidesharecdn.com/swf/ssplayer2.swf",
                _id,
                _this.embed_width,
                _this.embed_height,
                "8",
                null,
                _flashvars,
                _params,
                _atts
            );
            _embedObject = document.getElementById(_id);
        }
        $container.show();
    }
    
    var _annotations = this.getWidgetAnnotations();
    if (!_annotations.length) {
        this.$.hide();
    } else {
        this.renderTemplate();
        var _lastPres = "",
            _embedObject = null,
            _oembedCache = {},
            _lastEmbedded = "",
            _this = this,
            $container = this.$.find(".Ldt-SlideShare-Container");
            
        this.embed_width = this.embed_width || $container.innerWidth();
        this.embed_height = this.embed_height || Math.floor(this.embed_width * 3/4);
        
        _annotations.forEach(function(_a) {
            _a.on("leave", function() {
                $container.hide();
                _lastPres = "";
            });
            _a.on("enter", function() {
                var _description = _a.description,
                    _isurl = /^https?:\/\//.test(_description),
                    _presentation = _description.replace(/#.*$/,''),
                    _slidematch = _description.match(/(#|\?|&)id=(\d+)/),
                    _slide = parseInt(_slidematch && _slidematch.length > 2 ? _slidematch[2] : 1);
                if (_presentation !== _lastPres) {
                    if (_isurl) {
                        if (typeof _oembedCache[_presentation] === "undefined") {
                            var _ajaxUrl = "http://www.slideshare.net/api/oembed/1?url="
                                + encodeURIComponent(_presentation)
                                + "&format=jsonp&callback=?";
                            jQuery.getJSON(_ajaxUrl, function(_oembedData) {
                                var _presmatch = _oembedData.html.match(/doc=([a-z0-9\-_%]+)/i);
                                if (_presmatch && _presmatch.length > 1) {
                                    _oembedCache[_presentation] =  _presmatch[1];
                                    insertSlideshare(_presmatch[1], _slide);
                                }
                            });
                        } else {
                            insertSlideshare(_oembedCache[_presentation], _slide);
                        }
                    } else {
                        insertSlideshare(_presentation, _slide);
                    }
                }
                if (_this.sync && _embedObject && typeof _embedObject.jumpTo === "function") {
                    _embedObject.jumpTo(parseInt(_slide));
                }
                _lastPres = _presentation;
                
            });
        });
    }
};
    }}

export { Slideshare, slideshareStyles };