mirror of
https://github.com/webOSArchive/mochi
synced 2026-11-07 03:12:32 -05:00
44 lines
2.0 KiB
JavaScript
44 lines
2.0 KiB
JavaScript
enyo.kind({
|
|
name: "mochi.sample.ButtonSample",
|
|
classes: "mochi mochi-sample enyo-fit",
|
|
kind: "FittableRows",
|
|
components: [
|
|
{kind: "enyo.Scroller", fit: true, components:[
|
|
{kind: "mochi.Subheader", content: "Buttons"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{kind: "mochi.Button", content: "Button", ontap:"buttonTapped"},
|
|
{kind: "mochi.Button", content: "Disabled Button", disabled: true, ontap:"buttonTapped"},
|
|
{kind: "mochi.Button", content: "Active Button", classes: "active", ontap:"buttonTapped"},
|
|
{kind: "mochi.Button", content: "Active Disabled Button", classes: "active", disabled: true, ontap:"buttonTapped"},
|
|
{kind: "mochi.Button", content: "Warning Button", classes: "mochi-button-warning", ontap:"buttonTapped"},
|
|
{kind: "mochi.Button", content: "Active Warning Button", classes: "mochi-button-warning", active: true, ontap:"buttonTapped"}
|
|
]},
|
|
{tag: "br"},
|
|
{tag: "br"},
|
|
{kind: "mochi.Subheader", content: "Custom Buttons"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{kind: "mochi.Button", content: "Custom Bar Color", barClasses: "mochi-sample-orange", ontap:"buttonTapped"},
|
|
{kind: "mochi.Button", content: "Custom End-Caps", decoratorLeft: "<", decoratorRight: ">", ontap:"buttonTapped"}
|
|
]},
|
|
{tag: "br"},
|
|
//replace this with the groupbox below once it's available
|
|
{classes: "mochi-sample-tools mochi-sample-textarea-tools", components: [
|
|
{name:"result", classes:"mochi-sample-content", content:"No button pressed yet."}
|
|
]}
|
|
/*
|
|
{kind: "mochi.Groupbox", classes:"mochi-sample-result-box", components: [
|
|
{kind: "mochi.GroupboxHeader", content: "Result"},
|
|
{name:"result", classes:"mochi-sample-result", content:"No button tapped yet."}
|
|
]}
|
|
*/
|
|
]}
|
|
],
|
|
buttonTapped: function(inSender, inEvent) {
|
|
if (inSender.content){
|
|
this.$.result.setContent("The \"" + inSender.getContent() + "\" button was tapped");
|
|
} else {
|
|
this.$.result.setContent("The \"" + inSender.getName() + "\" button was tapped");
|
|
}
|
|
}
|
|
});
|