/**
* Zend Framework
*
* LICENSE
*
* This source file is subject to the new BSD license that is bundled
* with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://framework.zend.com/license/new-bsd
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@zend.com so we can send you a copy immediately.
*
* @category Zend
* @package Zend_Gdata
* @copyright Copyright (c) 2005-2009 Zend Technologies USA Inc. (http://www.zend.com)
* @license http://framework.zend.com/license/new-bsd New BSD License
*/
/**
* @fileoverview Provides functions for browsing and searching YouTube
* data API feeds, as well as performing authentication, syndicated uploads
* and playlist management using a PHP backend powered by the Zend_Gdata component
* of Zend Framework.
*/
/**
* provides namespacing for the YouTube Video Application PHP version (ytVideoApp)
*/
var ytVideoApp = {};
/**
* maximum number of results to return for list of videos
* @type Number
*/
ytVideoApp.MAX_RESULTS_LIST = 5;
/**
* navigation button id used to page to the previous page of
* results in the list of videos
* @type String
*/
ytVideoApp.PREVIOUS_PAGE_BUTTON = 'previousPageButton';
/**
* navigation button id used to page to the next page of
* results in the list of videos
* @type String
*/
ytVideoApp.NEXT_PAGE_BUTTON = 'nextPageButton';
/**
* container div for navigation elements
* @type String
*/
ytVideoApp.NAVIGATION_DIV = 'navigationForm';
/**
* container div id used to hold list of videos
* @type String
*/
ytVideoApp.VIDEO_LIST_CONTAINER_DIV = 'searchResultsVideoList';
/**
* container div id used to hold video search results
* @type String
*/
ytVideoApp.VIDEO_SEARCH_RESULTS_DIV = 'searchResultsVideoColumn';
/**
* container div id used to hold the video player
* @type String
*/
ytVideoApp.VIDEO_PLAYER_DIV = 'videoPlayer';
/**
* container div id used to hold the video player
* @type String
*/
ytVideoApp.MEDIA_VIDEO_PLAYER_DIV = 'content-body-media_videos_index-content-videoselect';
/**
* container div id used to hold the search box displayed at the top of
* the browser after one search has already been performed
* @type String
*/
ytVideoApp.TOP_SEARCH_CONTAINER_DIV = 'searchBox';
/** container div to show detailed upload status
* @type String
*/
ytVideoApp.VIDEO_UPLOAD_STATUS = 'detailedUploadStatus';
/**
* container div to hold the form for syndicated upload
* @type String
*/
ytVideoApp.SYNDICATED_UPLOAD_DIV = 'syndicatedUploadDiv';
/**
* container div to hold the form to edit video meta-data
* @type String
*/
ytVideoApp.VIDEO_DATA_EDIT_DIV = 'editForm';
/**
* containder div to hold authentication link in special cases where auth gets
* set prior to developer key
* @type String
*/
ytVideoApp.AUTHSUB_REQUEST_DIV = 'generateAuthSubLink';
/**
* container div to hold the form for editing video meta-data
* @type String
*/
ytVideoApp.VIDEO_META_DATA_EDIT_DIV = 'editVideoMetaDataDiv';
/**
* container div to hold the form for adding a new playlist
* @type String
*/
ytVideoApp.PLAYLIST_ADD_DIV = 'addNewPlaylist';
/**
* the page number to use for the next page navigation button
* @type Number
*/
ytVideoApp.nextPage = 2;
/**
* the page number to use for the previous page navigation button
* @type Number
*/
ytVideoApp.previousPage = 0;
/**
* the last search term used to query - allows for the navigation
* buttons to know what string query to perform when clicked
* @type String
*/
ytVideoApp.previousSearchTerm = '';
/**
* the last query type used for querying - allows for the navigation
* buttons to know what type of query to perform when clicked
* @type String
*/
ytVideoApp.previousQueryType = 'all';
/**
* Retrieves a list of videos matching the provided criteria. The list of
* videos can be restricted to a particular standard feed or search criteria.
* @param {String} op The type of action to be done.
* for querying all videos, or the name of a standard feed.
* @param {String} searchTerm The search term(s) to use for querying as the
* 'vq' query parameter value
* @param {Number} page The 1-based page of results to return.
*/
ytVideoApp.listVideos = function(op, searchTerm, page) {
ytVideoApp.previousSearchTerm = searchTerm;
ytVideoApp.previousQueryType = op;
var maxResults = ytVideoApp.MAX_RESULTS_LIST;
var startIndex = (((page - 1) * ytVideoApp.MAX_RESULTS_LIST) + 1);
ytVideoApp.presentFeed(op, maxResults, startIndex, searchTerm);
ytVideoApp.updateNavigation(page);
};
/**
* Sends an AJAX request to the server to retrieve a list of videos or
* the video player/metadata. Sends the request to the specified filePath
* on the same host, passing the specified params, and filling the specified
* resultDivName with the resutls upon success.
* @param {String} filePath The path to which the request should be sent
* @param {String} params The URL encoded POST params
* @param {String} resultDivName The name of the DIV used to hold the results
*/
ytVideoApp.sendRequest = function(filePath, params, resultDivName) {
if (window.XMLHttpRequest) {
var xmlhr = new XMLHttpRequest();
} else {
var xmlhr = new ActiveXObject('MSXML2.XMLHTTP.3.0');
}
xmlhr.open('POST', filePath);
xmlhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlhr.onreadystatechange = function() {
var resultDiv = document.getElementById(resultDivName);
if (xmlhr.readyState == 1) {
resultDiv.innerHTML = 'Loading...';
} else if (xmlhr.readyState == 4 && xmlhr.status == 200) {
if (xmlhr.responseText) {
resultDiv.innerHTML = xmlhr.responseText;
}
} else if (xmlhr.readyState == 4) {
alert('Invalid response received - Status: ' + xmlhr.status);
}
}
xmlhr.send(params);
}
/**
* Uses ytVideoApp.sendRequest to display a YT video player and metadata for the
* specified video ID.
* @param {String} videoId The ID of the YouTube video to show
*/
ytVideoApp.presentVideo = function(videoId, updateThumbnail) {
var params = 'operation=show_video&videoId=' + videoId;
var filePath = '/admin/ajax/operations';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_PLAYER_DIV);
}
ytVideoApp.showUserVideo = function(videoId, updateThumbnail) {
var params = 'operation=show_video&videoId=' + videoId;
var filePath = '/user/ajax/showvideo';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_PLAYER_DIV);
}
ytVideoApp.showUserFirstVideo = function(videoId, updateThumbnail) {
var params = 'videoId=' + videoId;
var filePath = '/user/ajax/showfirstvideo';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_PLAYER_DIV);
}
ytVideoApp.showVideo = function(videoId, tabla) {
var params = 'videoId=' + videoId + '&tabla=' + tabla;
var filePath = '/media/ajax/showvideo';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.MEDIA_VIDEO_PLAYER_DIV);
}
ytVideoApp.showVideoDetail = function(videoId, updateThumbnail) {
var params = 'videoId=' + videoId;
var filePath = '/search/ajax/showvideodetail';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.MEDIA_VIDEO_PLAYER_DIV);
}
ytVideoApp.showUserVideoRejected = function(videoId, updateThumbnail) {
var params = 'id=' + videoId;
var filePath = '/user/ajax/showuservideorejected';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_PLAYER_DIV);
}
ytVideoApp.showMasVideo = function(videoId, tabla) {
var params = 'videoId=' + videoId + '&tabla=' + tabla;
var filePath = '/media/ajax/showmasvideo';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.MEDIA_VIDEO_PLAYER_DIV);
}
/**
* Creates a form to enter video meta-data in preparation for syndicated upload.
*/
ytVideoApp.prepareUploadForm = function(nombre, descripcion, video) {
var metaDataForm = ['
'].join('');
document.getElementById(ytVideoApp.SYNDICATED_UPLOAD_DIV).innerHTML = metaDataForm;
}
/**
* Uses ytVideoApp.sendRequest to prepare a syndicated upload.
*
* @param {String} videoTitle The title for new video
* @param {String} videoDescription The video's description
* @param {String} videoCategory The category for the video
* @param {String} videoTags A white-space separated string of Tags
*/
ytVideoApp.prepareSyndicatedUpload = function(videoTitle, videoDescription, videoCategory, videoTags, video) {
var filePath = '/admin/ajax/operations';
var params = 'operation=create_upload_form' +
'&videoTitle=' + video +
'&videoDescription=' + videoDescription +
'&videoCategory=' + videoCategory +
'&videoTags=' + videoTags;
ytVideoApp.sendRequest(filePath, params, ytVideoApp.SYNDICATED_UPLOAD_DIV);
}
/**
* Uses ytVideoApp.sendRequest to create the authSub link.
*/
ytVideoApp.presentAuthLink = function() {
var filePath = '/admin/ajax/operations';
var params = 'operation=auth_sub_request';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.AUTHSUB_REQUEST_DIV);
}
/**
* Uses ytVideoApp.sendRequest to check a videos upload status.
*
* @param {String} videoId The id of the video to check
*/
ytVideoApp.checkUploadDetails = function(videoId) {
var filePath = '/admin/ajax/operations';
var params = 'operation=check_upload_status' +
'&videoId=' + videoId;
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_UPLOAD_STATUS);
}
/**
* Creates an HTML form to edit a video's meta-data, populated with the
* videos current meta-data.
*
* @param {String} oldVideoTitle The old title of the video
* @param {String} oldVideoDescription The old description of the video
* @param {String} oldVideoCategory The old category of the video
* @param {String} oldVideoTags The old tags for the video (separated by white-space)
* @param {String} videoId The id of the video to be edited
*/
ytVideoApp.presentMetaDataEditForm = function(oldVideoTitle, oldVideoDescription, oldVideoCategory, oldVideoTags, videoId) {
// split oldVideoTags by comma and present as whitespace separated
var oldVideoTagsArray = oldVideoTags.split(',');
oldVideoTags = oldVideoTagsArray.join(' ');
var editMetaDataForm = [''].join('');
document.getElementById(ytVideoApp.VIDEO_SEARCH_RESULTS_DIV).innerHTML = editMetaDataForm;
}
/**
* Uses ytVideoApp.sendRequest to submit updated video meta-data.
*
* @param {String} newVideoTitle The new title of the video
* @param {String} newVideoDescription The new description of the video
* @param {String} newVideoCategory The new category of the video
* @param {String} newVideoTags The new tags for the video (separated by white-space)
* @param {String} videoId The id of the video to be edited
*/
ytVideoApp.editMetaData = function(newVideoTitle, newVideoDescription, newVideoCategory, newVideoTags, videoId) {
var filePath = '/admin/ajax/operations';
var params = 'operation=edit_meta_data' +
'&newVideoTitle=' + newVideoTitle +
'&newVideoDescription=' + newVideoDescription +
'&newVideoCategory=' + newVideoCategory +
'&newVideoTags=' + newVideoTags +
'&videoId=' + videoId;
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_SEARCH_RESULTS_DIV);
};
/**
* Confirms whether user wants to delete a video.
* @param {String} videoId The video Id to be deleted
*/
ytVideoApp.confirmDeletion = function(videoId) {
var answer = confirm('Do you really want to delete the video with id: ' + videoId + ' ?');
if (answer) {
ytVideoApp.prepareDeletion(videoId);
}
}
/**
* Uses ytVideoApp.sendRequest to request a video to be deleted.
* @param {String} videoId The video Id to be deleted
*/
ytVideoApp.prepareDeletion = function(videoId) {
var filePath = '/admin/ajax/operations';
var params = 'operation=delete_video' +
'&videoId=' + videoId;
var table = document.getElementById('videoResultList');
var indexOfRowToBeDeleted = -1;
var tableRows = document.getElementsByTagName('TR');
for (var i = 0, tableRow; tableRow = tableRows[i]; i++) {
if (tableRow.id == videoId) {
indexOfRowToBeDeleted = i;
}
}
if (indexOfRowToBeDeleted > -1) {
table.deleteRow(indexOfRowToBeDeleted);
}
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_SEARCH_RESULTS_DIV);
}
/**
* Uses ytVideoApp.sendRequest to display a list of of YT videos.
* @param {String} op The operation to perform to retrieve a feed
* @param {Number} maxResults The maximum number of videos to list
* @param {Number} startIndex The first video to include in the list
* @param {String} searchTerm The search terms to pass to the specified feed
*/
ytVideoApp.presentFeed = function(op, maxResults, startIndex, searchTerm){
var params = 'operation=' + op +
'&maxResults=' + maxResults +
'&startIndex=' + startIndex +
'&searchTerm=' + searchTerm;
var filePath = '/admin/ajax/operations';
ytVideoApp.sendRequest(filePath, params, ytVideoApp.VIDEO_LIST_CONTAINER_DIV);
};
/**
* Updates the variables used by the navigation buttons and the 'enabled'
* status of the buttons based upon the current page number passed in.
* @param {Number} page The current page number
*/
ytVideoApp.updateNavigation = function(page) {
ytVideoApp.nextPage = page + 1;
ytVideoApp.previousPage = page - 1;
document.getElementById(ytVideoApp.NEXT_PAGE_BUTTON).style.display = 'inline';
document.getElementById(ytVideoApp.PREVIOUS_PAGE_BUTTON).style.display = 'inline';
if (ytVideoApp.previousPage < 1) {
document.getElementById(ytVideoApp.PREVIOUS_PAGE_BUTTON).disabled = true;
} else {
document.getElementById(ytVideoApp.PREVIOUS_PAGE_BUTTON).disabled = false;
}
document.getElementById(ytVideoApp.NEXT_PAGE_BUTTON).disabled = false;
};
/**
* Hides the navigation.
*/
ytVideoApp.hideNavigation = function() {
document.getElementById(ytVideoApp.NAVIGATION_DIV).style.display = 'none';
};
/**
* Update video results div
*/
ytVideoApp.refreshSearchResults = function() {
document.getElementById(ytVideoApp.VIDEO_SEARCH_RESULTS_DIV).innerHTML = '';
}
/**
* Method called when the query type has been changed. Clears out the
* value of the search term input box by default if one of the standard
* feeds is selected. This is to improve usability, as many of the standard
* feeds may not include results for even fairly popular search terms.
* @param {String} op The operation to perform.
* for querying all videos, or the name of one of the standard feeds.
* @param {Node} searchTermInputElement The HTML input element for the input
* element.
*/
ytVideoApp.queryTypeChanged = function(op, searchTermInputElement) {
if (op == 'search_username') {
searchTermInputElement.value = '-- enter username --';
} else if (op != 'search_all') {
searchTermInputElement.value = '';
}
};