Sha256: 0aba67a32bdd24da2e657ad1e8df82964ac6f18175ebede56156e16e0d54451c
Contents?: true
Size: 1.7 KB
Versions: 5
Compression:
Stored size: 1.7 KB
Contents
// ==========================================================================
// 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: "*owner.target",
renderStyle: 'renderImage',
theme: ''
}),
timeView: SC.LabelView.design({
layout: { top: 0, left: 20, width: 60, height:20},
classNames: 'time',
textAlign: SC.ALIGN_CENTER,
valueBinding: '*owner.target.time'
}),
minusLabelView: SC.LabelView.design({
layout: { top: 0, left: 80, width: 20, height:20},
value: '',
icon: 'minus'
}),
volumeView: SC.SliderView.design({
layout: { top: 0, left: 100, width: 100, height:20},
value:0,
valueBinding: "*owner.target.volume" ,
minimum: 0,
maximum: 1,
step: 0.01
})
});
Version data entries
5 entries across 5 versions & 1 rubygems