';
displayText += shareButton3;
}
displayText = '
';
var textAreaStart = "";
var textArea = textAreaStart + $('preview').innerHTML + textAreaEnd;
$('hiddenTextArea').innerHTML = textArea;
$('prevShareButton').innerHTML = shareButton3;
}
if($('copyAndPasteCode'))
$('copyAndPasteCode').innerHTML = this.getPlayerCode(player, recording, playlistURL);
}
}
});
Ext.apply(Ext.form.VTypes, {
'hexnum': function(){
var re = /0\x[a-fA-F\d]{6}/;
return function(v){
return re.test(v);
}
}(),
'hexnumText' : 'The format is wrong, ie: 0xFFFFFF'
});
Ext.apply(Ext.form.VTypes, {
'wholenum': function() {
var whole = /^[0-9]+$/;
return function(v){
return whole.test(v);
}
}(),
'wholenumText': 'The field must be a valid whole number'
});
com.evoca.players.PlayerUtils = function() {
/**
* Returns a player list object based off xml string
*/
this.createPlayerRecord = function() {
var playerRecord = Ext.data.Record.create([
{name: 'name', mapping: '@name', type:'string'},
{name: 'swfFilename'},
{name: 'swfHeight'},
{name: 'swfWidth'},
{name: 'transparent'},
{name: 'type'},
{name: 'playerParams'},
{name: 'index'},
{name: 'htmlHeader'},
{name: 'htmlFooter'},
{name: 'enableShareButton'},
{name: 'shareButtonTheme'}
]);
return playerRecord;
},
this.getPlayerArrayReader = function() {
var reader = new Ext.data.ArrayReader({}, [
{name: 'name'},
{name: 'swfFilename'},
{name: 'swfHeight'},
{name: 'swfWidth'},
{name: 'transparent'},
{name: 'type'},
{name: 'playerParams'},
{name: 'index'},
{name: 'htmlHeader'},
{name: 'htmlFooter'},
{name: 'enableShareButton'},
{name: 'shareButtonTheme'}
]);
return reader;
},
/*
* Single recording players
*/
this.getEvocaStandardPlayerRecords = function() {
var playerRecord = this.createPlayerRecord();
var hiddenPlayer = new playerRecord({
name: '',
swfHeight: 20,
swfWidth: 126,
//swfWidth: 145,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'playlist=none,playlistsize=0,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs-simple.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
var miniPlayer = new playerRecord({
name: 'Mini',
swfFilename: 'wpaudioplayer.swf',
swfHeight: 24,
swfWidth: 290,
type: 'HYBRID_WP',
enableShareButton: true,
shareButtonTheme: '6',
transparent: true,
playerParams: 'initialvolume=80'
});
var smallPlayer = new playerRecord({
name: 'Small',
swfHeight: 20,
swfWidth: 126,
//swfWidth: 145,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'playlist=none,playlistsize=0,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs-simple.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
var mediumPlayer = new playerRecord({
name: 'Medium',
swfHeight: 20,
swfWidth: 223,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'showrepeate=false,playlist=none,playlistsize=0,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
var largePlayer = new playerRecord({
name: 'Large',
swfHeight: 20,
swfWidth: 320,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'showrepeate=false,playlist=none,playlistsize=0,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
if(!Ext.isGecko)
return [hiddenPlayer, miniPlayer, smallPlayer, mediumPlayer, largePlayer];
else
return [miniPlayer, smallPlayer, mediumPlayer, largePlayer];
},
/*
* Playlist players
*/
this.getEvocaStandardPlaylistPlayerRecords = function() {
var playerRecord = this.createPlayerRecord();
var hiddenPlayerPlaylist = new playerRecord({
name: '',
swfHeight: 20,
swfWidth: 126,
//swfWidth: 145,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'maxResults=20,playlist=right,playlistsize=290,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
var smallPlayerPlaylist = new playerRecord({
name: 'Small',
swfHeight: 100,
swfWidth: 126,
//swfWidth: 145,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'maxResults=20,playlist=bottom,playlistsize=80,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs-simple.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
var mediumPlayerPlaylist = new playerRecord({
name: 'Medium',
swfHeight: 100,
swfWidth: 223,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'maxResults=20,showrepeate=false,playlist=bottom,playlistsize=80,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
var largePlayerPlaylist = new playerRecord({
name: 'Large',
swfHeight: 150,
swfWidth: 320,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
playerParams: 'maxResults=20,showrepeate=false,playlist=bottom,playlistsize=130,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
var extraLargePlaylist = new playerRecord({
name: 'Extra Large',
//swfFilename: 'wpaudioplayer.swf',
swfHeight: 210,
swfWidth: 500,
type: 'HYBRID_DEFAULT',
enableShareButton: true,
shareButtonTheme: '6',
transparent: true,
playerParams: 'maxResults=20,showrepeate=false,playlist=bottom,playlistsize=190,v=4,plugins=ee-plugin.swf,skin=jw-default-skin-no-thumbs.swf,backcolor=0xffffff,frontcolor=0x000000,lightcolor=0x000000,screencolor=0x000000,stretching=uniform,displayclick=play,autostart=false,repeat=false,shuffle=false,volume=80'
});
if(!Ext.isGecko)
return [hiddenPlayerPlaylist, smallPlayerPlaylist, mediumPlayerPlaylist,largePlayerPlaylist , extraLargePlaylist];
else
return [smallPlayerPlaylist, mediumPlayerPlaylist,largePlayerPlaylist , extraLargePlaylist];
},
/*
* Get single player store
*/
this.getPlayerStore = function(root, userID) {
//var url = root + 'Request?action=getAlbums&userID=' + userID;
var store = new Ext.data.Store({});
/*
var store = new Ext.data.Store({
url: url,
autoLoad: true,
sortInfo: {
field: 'albumName',
direction: 'ASC'
},
reader: new Ext.data.XmlReader({
record : 'album',
totalRecords: 'totalAlbums'
}, this.createAlbumRecord())
});
*/
store.add(this.getEvocaStandardPlayerRecords());
return store;
},
this.getPlaylistPlayerStore = function(root, userID) {
var store = new Ext.data.Store({});
store.add(this.getEvocaStandardPlaylistPlayerRecords());
return store;
},
this.isPlaylistPlayer = function(record) {
var retVal = false;
if(record != null && record.get('type')) {
var type = record.get('type');
if(type != null && (type == 'HYBRID_DEFAULT' || type == 'HYBRID_CUSTOMIZED'))
retVal = true;
}
return retVal;
},
this.isDefaultPlayer = function(record) {
var retVal = false;
if(record != null && record.get('type')) {
var type = record.get('type');
if(type != null && (type == 'HYBRID_DEFAULT' || type == 'DEFAULT'))
retVal = true;
}
return retVal;
}
};
com.evoca.players.PlayerListXMLReader = function(meta, recordType){
com.evoca.players.PlayerListXMLReader.superclass.constructor.call(this, meta, recordType);
};
Ext.extend(com.evoca.players.PlayerListXMLReader, Ext.data.DataReader, {
/**
* This method is only used by a DataProxy which has retrieved data from a remote server.
* @param {Object} response The XHR object which contains the parsed XML document. The response is expected
* to contain a method called 'responseXML' that returns an XML document object.
* @return {Object} records A data block which is used by an {@link Ext.data.Store} as
* a cache of Ext.data.Records.
*/
read : function(response){
var doc = response.responseXML;
if(!doc) {
throw {message: "XmlReader.read: XML Document not available"};
}
return this.readRecords(doc);
},
/**
* Create a data block containing Ext.data.Records from an XML document.
* @param {Object} doc A parsed XML document.
* @return {Object} records A data block which is used by an {@link Ext.data.Store} as
* a cache of Ext.data.Records.
*/
readRecords : function(doc){
/**
* After any data loads/reads, the raw XML Document is available for further custom processing.
* @type XMLDocument
*/
this.xmlData = doc;
var root = doc.documentElement || doc;
var q = Ext.DomQuery;
var recordType = this.recordType, fields = recordType.prototype.fields;
var sid = this.meta.id;
var totalRecords = 0, success = true;
if(this.meta.totalRecords){
totalRecords = q.selectNumber(this.meta.totalRecords, root, 0);
}
if(this.meta.success){
var sv = q.selectValue(this.meta.success, root, true);
success = sv !== false && sv !== 'false';
}
var records = [];
var ns = q.select(this.meta.record, root);
for(var i = 0, len = ns.length; i < len; i++) {
var n = ns[i];
var values = {};
var id = sid ? q.selectValue(sid, n) : undefined;
for(var j = 0, jlen = fields.length; j < jlen; j++){
var f = fields.items[j];
var v = q.selectValue(f.mapping || f.name, n, f.defaultValue);
v = f.convert(v);
values[f.name] = v;
}
// START CUSTOM
var tmpns = q.select("playerParams/playerParam", n);
var playerparamvalues = '';
for(var k = 0, tmplen = tmpns.length; k < tmplen; k++) {
var playerParam = tmpns[k];
var name = q.selectValue("name", playerParam);
var val = q.selectValue("value", playerParam);
playerparamvalues += ',' + name + '=' + val;
}
values['playerParams'] = playerparamvalues;
values['index'] = records.length;
// END CUSTOM
var record = new recordType(values, id);
record.node = n;
records[records.length] = record;
}
return {
success : success,
records : records,
totalRecords : totalRecords || records.length
};
}
});
com.evoca.players.util.calculatePlaylistSize = function(playlistLocation, swfWidth, swfHeight, width, height) {
var retVal = 0;
if(playlistLocation != null) {
if(playlistLocation == 'right' && swfWidth != null && width != null)
retVal = eval(swfWidth) - eval(width);
else if(playlistLocation == 'bottom' && swfHeight != null && height == null)
retVal = eval(swfHeight) - 20;
else if(playlistLocation == 'bottom' && swfHeight != null && height != null)
retVal = eval(swfHeight) - 20 - eval(height);
}
return retVal;
}
com.evoca.players.util.calculateDisplaywidthSize = function(orientation, swfWidth, playlistsize) {
var retVal = 0;
if(orientation != null) {
if(orientation == 'normal' || orientation == 'below' || orientation == 'line')
retVal = 0
else if(orientation == 'rightlist')
retVal = eval(swfWidth) - playlistsize;
else if(orientation == 'abovebelow')
retVal = eval(swfWidth);
}
return retVal;
}
com.evoca.players.util.calculateDisplayheightSize = function(orientation, swfHeight, playlistsize) {
var retVal = 0;
if(orientation != null) {
if(orientation == 'normal' || orientation == 'below' || orientation == 'line')
retVal = 0
else if(orientation == 'rightlist')
retVal = eval(swfHeight) - 20;
else if(orientation == 'abovebelow')
retVal = eval(swfHeight) - eval(playlistsize) - 20;
}
return retVal;
}
com.evoca.players.util.calculateOrientation = function(playlistLocation, swfWidth, playlistsize) {
var retVal = 'default';
if(playlistLocation != null) {
if(playlistLocation == 'none')
retVal = 'line';
else if(playlistLocation == 'right' && playlistsize == swfWidth)
retVal = 'normal';
else if(playlistLocation == 'bottom' && playlistsize == swfWidth)
retVal = 'bottom';
else if(playlistLocation == 'right' && playlistsize < swfWidth)
retVal = 'rightlist';
else if(playlistLocation == 'bottom')
retVal = 'abovebelow';
}
return retVal;
}
/**
* This submit action is basically the same as the normal submit action,
* only that it uses the fields getSubmitValue() to compose the values to submit,
* instead of looping over the input-tags in the form-tag of the form.
*
* To use it, just use the OOSubmit-plugin on either a FormPanel or a BasicForm,
* or explicitly call form.doAction('oosubmit');
*
* @param {Object} form
* @param {Object} options
*/
Ext.ux.OOSubmitAction = function(form, options){
Ext.ux.OOSubmitAction.superclass.constructor.call(this, form, options);
};
Ext.extend(Ext.ux.OOSubmitAction, Ext.form.Action.Submit, {
/**
* @cfg {boolean} clientValidation Determines whether a Form's fields are validated
* in a final call to {@link Ext.form.BasicForm#isValid isValid} prior to submission.
* Pass false in the Form's submit options to prevent this. If not defined, pre-submission field validation
* is performed.
*/
type : 'oosubmit',
// private
/**
* This is nearly a copy of the original submit action run method
*/
run : function(){
var o = this.options;
var method = this.getMethod();
var isPost = method == 'POST';
//retrieve the forms values and put them into formValues
var formValues = {};
this.form.items.each(function(field) {
//check if the form item provides a specialized getSubmitValue() and use that if available
if (typeof field.getSubmitValue == "function") formValues[field.getName()] = field.getSubmitValue();
else formValues[field.getName()] = field.getValue();
});
if(o.clientValidation === false || this.form.isValid()) {
Ext.Ajax.request(Ext.apply(this.createCallback(o), {
url:this.getUrl(!isPost),
method: method,
params:formValues, //add our values
isUpload: this.form.fileUpload
}));
}
else if (o.clientValidation !== false){ // client validation failed
this.failureType = Ext.form.Action.CLIENT_INVALID;
this.form.afterAction(this, false);
}
}
});
/**
* This plugin can be either used on BasicForm or FormPanel.
* In both cases it changes the behaviour of submit() to use
* the 'oosubmit' action instead of the 'submit' action.
*/
Ext.ux.OOSubmit=function() {
this.init=function(_object) {
var form=null;
if (typeof _object.form=="object") {
//we are a formpanel:
form=_object.form;
}
else form=_object;
//Save the old submit method:
form.oldSubmit=form.submit;
//create a new submit method which calls the oosubmit action per default:
form.submit=function(options) {
this.doAction('oosubmit', options);
return this;
};
};
};
Ext.form.Action.ACTION_TYPES['oosubmit'] = Ext.ux.OOSubmitAction;
// end of file