https://github.com/webOS-ports/webos-ports-lib
PortsHeader
An onyx.Toolbar that displays the app icon, a custom title and an optional random tagline.
Пример:
- Код: Выделить всё
{kind: "PortsHeader",
title: "FooApp",
taglines: [
"My foo-st app",
"Banana boat.",
"Fweeeeeeep. F'tang."
]}
PortsSearch
A variant of the PortsHeader that contains an animated, expandable search bar. onSearch is fired every time the field receives input, passing it's contents through via inEvent.value.
Пример:
- Код: Выделить всё
{kind: "PortsSearch",
title: "SearchyFooApp",
taglines: [
"My foo-st app",
"Banana boat.",
"Fweeeeeeep. F'tang."
],
onSearch: "searchFieldChanged"
CoreNavi
An in-app gesture area that can be used for debugging. Emulates the Open webOS back gesture by default, set fingerTracking to true in order to emulate the new Finger Tracking API events. Only shows itself on non-palm platforms, so it's safe to ship with your app.
Пример:
- Код: Выделить всё
//KeyUp-based Gesture
components: [
{kind: "Signals", onkeyup: "handleKeyUp"},
{kind: "CoreNavi", fingerTracking: false}
],
handleKeyUp: function(inSender, inEvent) {
if(inEvent.keyIdentifier == "U+1200001") {
//Do Stuff
}
}
//Finger Tracking API
components: [
{kind: "Signals",
onCoreNaviDragStart: "handleCoreNaviDragStart",
onCoreNaviDrag: "handleCoreNaviDrag",
onCoreNaviDragFinish: "handleCoreNaviDragFinish"}
{kind: "Panels",
arrangerKind: "CarouselArranger",
components:[
{content: "Foo"},
{content: "Bar"},
{content: "DecafIsBad"},
]},
{kind: "CoreNavi", fingerTracking: true}
],
handleCoreNaviDragStart: function(inSender, inEvent) {
this.$.CoreNaviPanels.dragstartTransition(inEvent);
},
handleCoreNaviDrag: function(inSender, inEvent) {
this.$.CoreNaviPanels.dragTransition(inEvent);
},
handleCoreNaviDragFinish: function(inSender, inEvent) {
this.$.CoreNaviPanels.dragfinishTransition(inEvent);
},
BackGesture
A function that listens for the webOS Back Gesture and fires the onbackbutton signal. Both 2.x and Open webOS are supported, as well as phonegap and the Esc key on desktop browsers.
Пример:
- Код: Выделить всё
{kind: "enyo.Signals", onbackbutton: "handleBackGesture"}
ProgressOrb
A circular variant of the onyx progress bar with an button in the center. Uses an enyo.Animator for smooth transitions between values.Published properties are value, min and max.This is an enyo2 reimagining of the progress indicator from the webOS 2.x Browser.
Пример:
- Код: Выделить всё
{ {name: "FooOrb",
kind: "ProgressOrb",
style: "position: absolute; right: 8px; bottom: 8px;",
content: "O",
onButtonTap: "buttonTapped"},
buttonTapped: function(inSender, inEvent) {
this.$.FooOrb.setValue(this.$.FooOrb.value + 100);
},
