Code:
Ext.define('justplay.view.longplaylistitem', { extend: 'Ext.dataview.component.DataItem',
alias: 'widget.longplaylistitem',
config: {
padding: 10,
layout: {
type: 'hbox'
},
items: [
{
xtype: 'component',
id: 'Name',
tpl: [
'{name}'
],
width: '70%'
},
{
xtype: 'button',
border: 0,
itemId: 'btnSettings',
margin: '',
right: '',
iconCls: 'settings',
iconMask: true,
text: ''
},
{
xtype: 'button',
itemId: 'mybutton3',
iconCls: 'arrow_right',
iconMask: true,
text: ''
},
{
xtype: 'audio',
hidden: true,
id: 'einz',
itemId: 'myaudio',
autoResume: true,
enableControls: false
},
{
xtype: 'audio',
hidden: true,
id: 'aufsch',
itemId: 'aufsch',
autoResume: true,
enableControls: false
},
{
xtype: 'audio',
hidden: true,
id: 'wendep',
itemId: 'wendep',
enableControls: false
},
{
xtype: 'audio',
hidden: true,
id: 'absch',
itemId: 'absch',
enableControls: false
},
{
xtype: 'audio',
hidden: true,
id: 'pause',
itemId: 'pause',
enableControls: false
}
],
listeners: [
{
fn: 'onMybutton4Tap',
event: 'tap',
delegate: '#btnSettings'
},
{
fn: 'onMybutton3Tap',
event: 'tap',
delegate: '#mybutton3'
},
{
fn: 'onEinzEnded',
event: 'ended',
delegate: '#einz'
},
{
fn: 'onAufschEnded',
event: 'ended',
delegate: '#aufsch'
},
{
fn: 'onWendepEnded',
event: 'ended',
delegate: '#wendep'
},
{
fn: 'onAbschEnded',
event: 'ended',
delegate: '#absch'
},
{
fn: 'onPauseEnded',
event: 'ended',
delegate: '#pause'
}
]
},
onMybutton4Tap: function(button, e, options) {
var picker = button.filepicker;
if (!picker) {
picker = button.filepicker = Ext.Viewport.add({
xtype: 'filepicker',
listeners: {
change: function(picker, values) {
var n1 = values.einzaehler,
n2 = values.aufschwung;
Ext.Msg.alert(
'Numbers Selected',
'You chose the numbers ' + n1 + ' and ' + n2 +
', which add up to ' + (n1 + n2) + '.'
);
}
}
});
}
picker.setValue({
number1: 1,
number2: 1
});
picker.show();
},
onMybutton3Tap: function(button, e, options) {
var myDataItem = button.getParent();
var record = myDataItem.getRecord();
var urlmp3 = record.get('einzaehler');
var wiederholungen = record.get('wiederholung');
audio = Ext.getCmp('einz');
audio.setUrl(urlmp3);
justplay.app.playbutton = button;
justplay.app.einzurl = urlmp3;
justplay.app.aufsurl = record.get('aufschwung');
justplay.app.wendurl = record.get('wendepunkt');
justplay.app.abswurl = record.get('abschwung');
justplay.app.pausurl = record.get('pause');
console.log(justplay.app.abswurl);
if (audio.isPlaying()) {
console.log("false");
audio.stop();
button.setIconCls('arrow_right');
} else{
console.log("true");
audio.play();
button.setIconCls('time');
}
},
onEinzEnded: function(media, time, options) {
var container = this.getParent().getParent(),
button = justplay.app.playbutton;
audio = Ext.getCmp('aufsch');
console.log("audio_einz ended");
var myDataItem = button.getParent();
var record = myDataItem.getRecord();
var urlmp3 = justplay.app.aufsurl;
audio.setUrl(urlmp3);
audio.play();
},
onAufschEnded: function(media, time, options) {
var container = this.getParent().getParent(),
button = justplay.app.playbutton;
audio = Ext.getCmp('wendep');
console.log("audio_aufsch ended");
var myDataItem = button.getParent();
var record = myDataItem.getRecord();
var urlmp3 = justplay.app.wendurl;
audio.setUrl(urlmp3);
audio.play();
},
onWendepEnded: function(media, time, options) {
var container = this.getParent().getParent(),
button = justplay.app.playbutton;
audio = Ext.getCmp('absch');
console.log("audio_wend ended");
var myDataItem = button.getParent();
var record = myDataItem.getRecord();
var urlmp3 = justplay.app.abswurl;
audio.setUrl(urlmp3);
audio.play();
},
onAbschEnded: function(media, time, options) {
var container = this.getParent().getParent(),
button = justplay.app.playbutton;
audio = Ext.getCmp('pause');
console.log("audio_absw ended");
var myDataItem = button.getParent();
var record = myDataItem.getRecord();
var urlmp3 = justplay.app.pausurl;
audio.setUrl(urlmp3);
audio.play();
},
onPauseEnded: function(media, time, options) {
var container = this.getParent().getParent(),
button = justplay.app.playbutton;
audio = Ext.getCmp('einz');
console.log("audio_pause ended");
var myDataItem = button.getParent();
var record = myDataItem.getRecord();
var urlmp3 = justplay.app.aufsurl;
audio.setUrl(urlmp3);
audio.play();
}
});