// ========================================================================== // Project: SproutCore
- JavaScript Application Framework // Copyright: ©2006-2011 Strobe Inc. and contributors. // Portions ©2008-2011 Apple Inc. All rights reserved. // License: Licensed under MIT license (see license.js) // ========================================================================== /*globals SC
*/
sc_require('views/media_slider'); /** @class
@extends SC.View
*/ SC
.SimpleMediaControlsView = SC
.View.extend( /** @scope SC
.SimpleMediaControlsView.prototype */{
target: null, childViews: ['playButton', 'progressView'], classNames: ['sc-media-controls'], playObserver: function(){ if(this.getPath('target.paused')){ this.get('playButton').set('icon', 'play'); }else{ this.get('playButton').set('icon', 'stop'); } }.observes('*target.paused'), playButton: SC.ButtonView.design({ title: '', titleMinWidth: 35, icon: 'play', layout: { top: 0, left: 0, width: 20, height:20 }, action: "playPause", targetBinding: ".parentView.target" }), progressView: SC.MediaSlider.design({ layout: { top: 0, left: 25, right: 10, height:20 }, value:0, minimum: 0, step:0.1, valueBinding: ".parentView*target.currentTime" , maximumBinding: ".parentView*target.duration", mediaViewBinding: ".parentView.target" })
});