// ========================================================================== // 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
.MiniMediaControlsView = SC
.View.extend( /** @scope SC
.MiniMediaControlsView.prototype */{
target: null, childViews: ['playButton', 'timeView', 'minusLabelView', 'volumeView'], 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', noStyle: YES, layout: { top: 0, left: 0, width: 20, height:20}, action: "playPause", targetBinding: ".parentView.target", renderStyle: 'renderImage', theme: '' }), timeView: SC.LabelView.design({ layout: { top: 0, left: 20, width: 60, height:20}, classNames: 'time', valueBinding: '.parentView*target.time' }), minusLabelView: SC.LabelView.design({ layout: { top: 0, left: 80, width: 20, height:20}, value: '', icon: 'minus' }), volumeView: SC.MediaSlider.design({ layout: { top: 0, left: 100, right: 10, height:20}, value:0, valueBinding: ".parentView*target.volume" , minimum: 0, maximum: 1, step: 0.01 })
});