aboutsummaryrefslogtreecommitdiff
path: root/semantic/dist/components/embed.js
diff options
context:
space:
mode:
Diffstat (limited to 'semantic/dist/components/embed.js')
-rw-r--r--semantic/dist/components/embed.js709
1 files changed, 0 insertions, 709 deletions
diff --git a/semantic/dist/components/embed.js b/semantic/dist/components/embed.js
deleted file mode 100644
index 06fed09..0000000
--- a/semantic/dist/components/embed.js
+++ /dev/null
@@ -1,709 +0,0 @@
-/*!
- * # Fomantic-UI - Embed
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ($, window, document, undefined) {
-
-"use strict";
-
-$.isFunction = $.isFunction || function(obj) {
- return typeof obj === "function" && typeof obj.nodeType !== "number";
-};
-
-window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
-;
-
-$.fn.embed = function(parameters) {
-
- var
- $allModules = $(this),
-
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
-
- returnedValue
- ;
-
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.embed.settings, parameters)
- : $.extend({}, $.fn.embed.settings),
-
- selector = settings.selector,
- className = settings.className,
- sources = settings.sources,
- error = settings.error,
- metadata = settings.metadata,
- namespace = settings.namespace,
- templates = settings.templates,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
-
- $module = $(this),
- $placeholder = $module.find(selector.placeholder),
- $icon = $module.find(selector.icon),
- $embed = $module.find(selector.embed),
-
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- initialize: function() {
- module.debug('Initializing embed');
- module.determine.autoplay();
- module.create();
- module.bind.events();
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous instance of embed');
- module.reset();
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
-
- refresh: function() {
- module.verbose('Refreshing selector cache');
- $placeholder = $module.find(selector.placeholder);
- $icon = $module.find(selector.icon);
- $embed = $module.find(selector.embed);
- },
-
- bind: {
- events: function() {
- if( module.has.placeholder() ) {
- module.debug('Adding placeholder events');
- $module
- .on('click' + eventNamespace, selector.placeholder, module.createAndShow)
- .on('click' + eventNamespace, selector.icon, module.createAndShow)
- ;
- }
- }
- },
-
- create: function() {
- var
- placeholder = module.get.placeholder()
- ;
- if(placeholder) {
- module.createPlaceholder();
- }
- else {
- module.createAndShow();
- }
- },
-
- createPlaceholder: function(placeholder) {
- var
- icon = module.get.icon(),
- url = module.get.url(),
- embed = module.generate.embed(url)
- ;
- placeholder = placeholder || module.get.placeholder();
- $module.html( templates.placeholder(placeholder, icon) );
- module.debug('Creating placeholder for embed', placeholder, icon);
- },
-
- createEmbed: function(url) {
- module.refresh();
- url = url || module.get.url();
- $embed = $('<div/>')
- .addClass(className.embed)
- .html( module.generate.embed(url) )
- .appendTo($module)
- ;
- settings.onCreate.call(element, url);
- module.debug('Creating embed object', $embed);
- },
-
- changeEmbed: function(url) {
- $embed
- .html( module.generate.embed(url) )
- ;
- },
-
- createAndShow: function() {
- module.createEmbed();
- module.show();
- },
-
- // sets new embed
- change: function(source, id, url) {
- module.debug('Changing video to ', source, id, url);
- $module
- .data(metadata.source, source)
- .data(metadata.id, id)
- ;
- if(url) {
- $module.data(metadata.url, url);
- }
- else {
- $module.removeData(metadata.url);
- }
- if(module.has.embed()) {
- module.changeEmbed();
- }
- else {
- module.create();
- }
- },
-
- // clears embed
- reset: function() {
- module.debug('Clearing embed and showing placeholder');
- module.remove.data();
- module.remove.active();
- module.remove.embed();
- module.showPlaceholder();
- settings.onReset.call(element);
- },
-
- // shows current embed
- show: function() {
- module.debug('Showing embed');
- module.set.active();
- settings.onDisplay.call(element);
- },
-
- hide: function() {
- module.debug('Hiding embed');
- module.showPlaceholder();
- },
-
- showPlaceholder: function() {
- module.debug('Showing placeholder image');
- module.remove.active();
- settings.onPlaceholderDisplay.call(element);
- },
-
- get: {
- id: function() {
- return settings.id || $module.data(metadata.id);
- },
- placeholder: function() {
- return settings.placeholder || $module.data(metadata.placeholder);
- },
- icon: function() {
- return (settings.icon)
- ? settings.icon
- : ($module.data(metadata.icon) !== undefined)
- ? $module.data(metadata.icon)
- : module.determine.icon()
- ;
- },
- source: function(url) {
- return (settings.source)
- ? settings.source
- : ($module.data(metadata.source) !== undefined)
- ? $module.data(metadata.source)
- : module.determine.source()
- ;
- },
- type: function() {
- var source = module.get.source();
- return (sources[source] !== undefined)
- ? sources[source].type
- : false
- ;
- },
- url: function() {
- return (settings.url)
- ? settings.url
- : ($module.data(metadata.url) !== undefined)
- ? $module.data(metadata.url)
- : module.determine.url()
- ;
- }
- },
-
- determine: {
- autoplay: function() {
- if(module.should.autoplay()) {
- settings.autoplay = true;
- }
- },
- source: function(url) {
- var
- matchedSource = false
- ;
- url = url || module.get.url();
- if(url) {
- $.each(sources, function(name, source) {
- if(url.search(source.domain) !== -1) {
- matchedSource = name;
- return false;
- }
- });
- }
- return matchedSource;
- },
- icon: function() {
- var
- source = module.get.source()
- ;
- return (sources[source] !== undefined)
- ? sources[source].icon
- : false
- ;
- },
- url: function() {
- var
- id = settings.id || $module.data(metadata.id),
- source = settings.source || $module.data(metadata.source),
- url
- ;
- url = (sources[source] !== undefined)
- ? sources[source].url.replace('{id}', id)
- : false
- ;
- if(url) {
- $module.data(metadata.url, url);
- }
- return url;
- }
- },
-
-
- set: {
- active: function() {
- $module.addClass(className.active);
- }
- },
-
- remove: {
- data: function() {
- $module
- .removeData(metadata.id)
- .removeData(metadata.icon)
- .removeData(metadata.placeholder)
- .removeData(metadata.source)
- .removeData(metadata.url)
- ;
- },
- active: function() {
- $module.removeClass(className.active);
- },
- embed: function() {
- $embed.empty();
- }
- },
-
- encode: {
- parameters: function(parameters) {
- var
- urlString = [],
- index
- ;
- for (index in parameters) {
- urlString.push( encodeURIComponent(index) + '=' + encodeURIComponent( parameters[index] ) );
- }
- return urlString.join('&amp;');
- }
- },
-
- generate: {
- embed: function(url) {
- module.debug('Generating embed html');
- var
- source = module.get.source(),
- html,
- parameters
- ;
- url = module.get.url(url);
- if(url) {
- parameters = module.generate.parameters(source);
- html = templates.iframe(url, parameters);
- }
- else {
- module.error(error.noURL, $module);
- }
- return html;
- },
- parameters: function(source, extraParameters) {
- var
- parameters = (sources[source] && sources[source].parameters !== undefined)
- ? sources[source].parameters(settings)
- : {}
- ;
- extraParameters = extraParameters || settings.parameters;
- if(extraParameters) {
- parameters = $.extend({}, parameters, extraParameters);
- }
- parameters = settings.onEmbed(parameters);
- return module.encode.parameters(parameters);
- }
- },
-
- has: {
- embed: function() {
- return ($embed.length > 0);
- },
- placeholder: function() {
- return settings.placeholder || $module.data(metadata.placeholder);
- }
- },
-
- should: {
- autoplay: function() {
- return (settings.autoplay === 'auto')
- ? (settings.placeholder || $module.data(metadata.placeholder) !== undefined)
- : settings.autoplay
- ;
- }
- },
-
- is: {
- video: function() {
- return module.get.type() == 'video';
- }
- },
-
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if(Array.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
-};
-
-$.fn.embed.settings = {
-
- name : 'Embed',
- namespace : 'embed',
-
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
-
- icon : false,
- source : false,
- url : false,
- id : false,
-
- // standard video settings
- autoplay : 'auto',
- color : '#444444',
- hd : true,
- brandedUI : false,
-
- // additional parameters to include with the embed
- parameters: false,
-
- onDisplay : function() {},
- onPlaceholderDisplay : function() {},
- onReset : function() {},
- onCreate : function(url) {},
- onEmbed : function(parameters) {
- return parameters;
- },
-
- metadata : {
- id : 'id',
- icon : 'icon',
- placeholder : 'placeholder',
- source : 'source',
- url : 'url'
- },
-
- error : {
- noURL : 'No URL specified',
- method : 'The method you called is not defined'
- },
-
- className : {
- active : 'active',
- embed : 'embed'
- },
-
- selector : {
- embed : '.embed',
- placeholder : '.placeholder',
- icon : '.icon'
- },
-
- sources: {
- youtube: {
- name : 'youtube',
- type : 'video',
- icon : 'video play',
- domain : 'youtube.com',
- url : '//www.youtube.com/embed/{id}',
- parameters: function(settings) {
- return {
- autohide : !settings.brandedUI,
- autoplay : settings.autoplay,
- color : settings.color || undefined,
- hq : settings.hd,
- jsapi : settings.api,
- modestbranding : !settings.brandedUI
- };
- }
- },
- vimeo: {
- name : 'vimeo',
- type : 'video',
- icon : 'video play',
- domain : 'vimeo.com',
- url : '//player.vimeo.com/video/{id}',
- parameters: function(settings) {
- return {
- api : settings.api,
- autoplay : settings.autoplay,
- byline : settings.brandedUI,
- color : settings.color || undefined,
- portrait : settings.brandedUI,
- title : settings.brandedUI
- };
- }
- }
- },
-
- templates: {
- iframe : function(url, parameters) {
- var src = url;
- if (parameters) {
- src += '?' + parameters;
- }
- return ''
- + '<iframe src="' + src + '"'
- + ' width="100%" height="100%"'
- + ' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
- ;
- },
- placeholder : function(image, icon) {
- var
- html = ''
- ;
- if(icon) {
- html += '<i class="' + icon + ' icon"></i>';
- }
- if(image) {
- html += '<img class="placeholder" src="' + image + '">';
- }
- return html;
- }
- },
-
- // NOT YET IMPLEMENTED
- api : false,
- onPause : function() {},
- onPlay : function() {},
- onStop : function() {}
-
-};
-
-
-
-})( jQuery, window, document );
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-11 03:52:59 +0000