forked from 0x2620/pandora
47 lines
1.8 KiB
JavaScript
47 lines
1.8 KiB
JavaScript
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
|
|
'use strict';
|
|
|
|
pandora.ui.clipsView = function(videoRatio) {
|
|
|
|
var that = Ox.SplitPanel({
|
|
elements: [
|
|
{
|
|
element: Ox.Bar({size: 24})
|
|
.append(
|
|
pandora.$ui.sortSelect = pandora.ui.sortSelect()
|
|
)
|
|
.append(
|
|
pandora.$ui.orderButton = pandora.ui.orderButton()
|
|
)
|
|
.append(
|
|
Ox.Input({
|
|
clear: true,
|
|
placeholder: 'Find Clips',
|
|
value: pandora.user.ui.itemFind,
|
|
width: 192
|
|
})
|
|
.css({float: 'right', margin: '4px'})
|
|
.bindEvent({
|
|
submit: function(data) {
|
|
pandora.UI.set('itemFind', data.value);
|
|
// since this is the only way itemFind can change,
|
|
// there's no need for an event handler
|
|
that.replaceElement(1,
|
|
pandora.$ui.clipList = pandora.ui.clipList(videoRatio)
|
|
);
|
|
}
|
|
})
|
|
),
|
|
size: 24
|
|
},
|
|
{
|
|
element: pandora.$ui.clipList = pandora.ui.clipList(videoRatio)
|
|
}
|
|
],
|
|
orientation: 'vertical'
|
|
});
|
|
|
|
return that;
|
|
|
|
};
|