Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

closes #38 upgrade to turbolinks v5 #39

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

closes #38 upgrade to turbolinks v5 #39

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
928ed24
closes #38 upgrade to turbolinks v5
mfrederickson Mar 1, 2017
54c348e
refactor isolating namespace, load on ready
mfrederickson Mar 2, 2017
891b9fa
Merge branch 'master' into turbolinks-v5
mfrederickson Aug 4, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
201 changes: 101 additions & 100 deletions app/assets/javascripts/concerto_remote_video/remote_video.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,117 +1,118 @@
var initializedRemoteVideoHandlers = false;
function initializeRemoteVideoHandlers() {
if (!initializedRemoteVideoHandlers) {
var ConcertoRemoteVideo = {
_initialized: false,

function getVideoPreview() {
var preview_url = '/concerto-remote-video/preview';
getVideoPreview: function () {
var preview_url = '/concerto-remote-video/preview';

// Form video details
var video_id = $('input#remote_video_config_video_id').val();
var video_vendor = $('select#remote_video_config_video_vendor').val();
// Form video details
var video_id = $('input#remote_video_config_video_id').val();
var video_vendor = $('select#remote_video_config_video_vendor').val();

// Loading icon
if (video_id.length != 0) {
$(preview_div).empty().html('<i class=\"fa fa-spinner fa-spin\"></i> searching...');
$('.remote-video-info').empty();
// Video preview request
$.ajax({
type: 'POST',
url: preview_url,
data: {
video_id: video_id,
video_vendor: video_vendor
},
success: function(data) {
loadVideoInfo(data);
loadVideoPreview(data);
},
error: function(e) {
//loadVideoPreview({video_available: false});
$(preview_div).empty().text(e.responseText);
}
});
}
// Loading icon
if (video_id.length != 0) {
$(preview_div).empty().html('<i class=\"fa fa-spinner fa-spin\"></i> searching...');
$('.remote-video-info').empty();
// Video preview request
$.ajax({
type: 'POST',
url: preview_url,
data: {
video_id: video_id,
video_vendor: video_vendor
},
success: function(data) {
ConcertoRemoteVideo.loadVideoInfo(data);
ConcertoRemoteVideo.loadVideoPreview(data);
},
error: function(e) {
//loadVideoPreview({video_available: false});
$(preview_div).empty().text(e.responseText);
}
});
}
},

function loadVideoInfo(data) {
if (data['video_available']) {
// Target elements for setting video info
var info_el = $('.remote-video-info');
var name_el = $('input#remote_video_name');
var duration_el = $('input#remote_video_duration');
// Initialize info content
var title = '';
var description = '<p></p>';
var duration = '';
var vendor = data['video_vendor'];
loadVideoInfo: function (data) {
if (data['video_available']) {
// Target elements for setting video info
var info_el = $('.remote-video-info');
var name_el = $('input#remote_video_name');
var duration_el = $('input#remote_video_duration');
// Initialize info content
var title = '';
var description = '<p></p>';
var duration = '';
var vendor = data['video_vendor'];

if (vendor == 'HTTPVideo') {
$(info_el).empty();
return;
} else {
// YouTube no longer returns these details without an API key
if (vendor != 'YouTube') {
if (data['description']) {
// Preview video description
var description = '<p>' + data['description'] + '</p>';
}
if (data['title']) {
// Set content title to video returned title
name_el.val(data['title']);
}
if (data['duration']) {
// Set content duration to video duration
duration = '<i>' + data['duration'] + ' secs</i>';
duration_el.val(data['duration']);
}
if (vendor == 'HTTPVideo') {
$(info_el).empty();
return;
} else {
// YouTube no longer returns these details without an API key
if (vendor != 'YouTube') {
if (data['description']) {
// Preview video description
var description = '<p>' + data['description'] + '</p>';
}
}

// Load video info
var info = '<img src="'+data['thumb_url']+'"/></h4>'+duration+'<br/>'+description;
$(info_el).empty().html(info);
if (data['title']) {
// Set content title to video returned title
name_el.val(data['title']);
}
if (data['duration']) {
// Set content duration to video duration
duration = '<i>' + data['duration'] + ' secs</i>';
duration_el.val(data['duration']);
}
}
}

// Load video info
var info = '<img src="'+data['thumb_url']+'"/></h4>'+duration+'<br/>'+description;
$(info_el).empty().html(info);
}
},

function loadVideoPreview(data) {
var preview_el = $('#preview_div');
if (data['video_available']) {
$(preview_div).empty().html(data['preview_code']);
} else {
$(preview_div).empty();
}
loadVideoPreview: function (data) {
var preview_el = $('#preview_div');
if (data['video_available']) {
$(preview_div).empty().html(data['preview_code']);
} else {
$(preview_div).empty();
}
},

function updateTooltip() {
var vendor = $('select#remote_video_config_video_vendor').val();
var hint_el = $('div#video_id_hint');
var id_el = $('input#remote_video_config_video_id');
updateTooltip: function () {
var vendor = $('select#remote_video_config_video_vendor').val();
var hint_el = $('div#video_id_hint');
var id_el = $('input#remote_video_config_video_id');

if (vendor == 'YouTube') {
id_el.attr('placeholder', 'DGbqvYbPZBY');
hint_el.html('Specify the exact YouTube video id');
} else if (vendor == 'Vimeo') {
id_el.attr('placeholder', '4224811');
hint_el.html('Specify the exact vimeo video id');
} else if (vendor == 'HTTPVideo') {
id_el.attr('placeholder', 'http://media.w3.org/2010/05/sintel/trailer.mp4');
hint_el.html('Specify the url of the video');
} else if (vendor == 'Wistia') {
id_el.attr('placeholder', 'g5pnf59ala');
hint_el.html('Specify the exact Wistia video id');
} else if (vendor == 'DailyMotion') {
id_el.attr('placeholder', 'x23shps');
hint_el.html('Specify the exact DailyMotion video id');
}
if (vendor == 'YouTube') {
id_el.attr('placeholder', 'DGbqvYbPZBY');
hint_el.html('Specify the exact YouTube video id');
} else if (vendor == 'Vimeo') {
id_el.attr('placeholder', '4224811');
hint_el.html('Specify the exact vimeo video id');
} else if (vendor == 'HTTPVideo') {
id_el.attr('placeholder', 'http://media.w3.org/2010/05/sintel/trailer.mp4');
hint_el.html('Specify the url of the video');
} else if (vendor == 'Wistia') {
id_el.attr('placeholder', 'g5pnf59ala');
hint_el.html('Specify the exact Wistia video id');
} else if (vendor == 'DailyMotion') {
id_el.attr('placeholder', 'x23shps');
hint_el.html('Specify the exact DailyMotion video id');
}
},

$('input#remote_video_config_video_id').on('blur', getVideoPreview);
$('select#remote_video_config_video_vendor').on('change', getVideoPreview);
$('select#remote_video_config_video_vendor').on('change', updateTooltip);

initializedRemoteVideoHandlers = true;
initHandlers: function () {
if (!ConcertoRemoteVideo._initialized) {
$('input#remote_video_config_video_id').on('blur', ConcertoRemoteVideo.getVideoPreview);
$('select#remote_video_config_video_vendor').on('change', ConcertoRemoteVideo.getVideoPreview);
$('select#remote_video_config_video_vendor').on('change', ConcertoRemoteVideo.updateTooltip);
ConcertoRemoteVideo._initialized = true;
}
}
}
};

$(document).ready(initializeRemoteVideoHandlers);
$(document).on('page:change', initializeRemoteVideoHandlers);
$(document).ready(ConcertoRemoteVideo.initHandlers);
$(document).on('turbolinks:load', ConcertoRemoteVideo.initHandlers);