mirror of
https://github.com/webOSArchive/mochi
synced 2026-11-07 03:12:32 -05:00
71 lines
2.7 KiB
JavaScript
71 lines
2.7 KiB
JavaScript
enyo.kind({
|
|
name: "mochi.sample.ViewSelectButtonSample",
|
|
classes: "mochi mochi-sample enyo-unselectable enyo-fit",
|
|
kind: "FittableRows",
|
|
components: [
|
|
{kind: "enyo.Scroller", fit: true, components:[
|
|
{kind: "mochi.Subheader", content: "View Select Button: Default"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{kind: "mochi.ViewSelectButton", onActivate: "buttonActivated", components: [
|
|
{content: "Cats"},
|
|
{content: "Dogs"},
|
|
{content: "Bears"}
|
|
]}
|
|
]},
|
|
{tag: "br"},
|
|
{kind: "mochi.Subheader", content: "View Select Button: Button 1 Active"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{kind: "mochi.ViewSelectButton", onActivate: "buttonActivated", components: [
|
|
{content: "Earth", active: true},
|
|
{content: "Wind"},
|
|
{content: "Fire"}
|
|
]}
|
|
]},
|
|
{tag: "br"},
|
|
{kind: "mochi.Subheader", content: "View Select Button: Button 2 Disabled"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{kind: "mochi.ViewSelectButton", onActivate: "buttonActivated", components: [
|
|
{content: "Mac", active: true},
|
|
{content: "PC", disabled: true},
|
|
{content: "Linux"}
|
|
]}
|
|
]},
|
|
{tag: "br"},
|
|
{kind: "mochi.Subheader", content: "View Select Button: Custom Bar Color"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{kind: "mochi.ViewSelectButton", onActivate: "buttonActivated", barClasses: "mochi-sample-progress-red", components: [
|
|
{content: "Long", active: true},
|
|
{content: "button"},
|
|
{content: "is looooooooong "}
|
|
]}
|
|
]},
|
|
{tag: "br"},
|
|
{kind: "mochi.Subheader", content: "Mixed-bag: View Select & Icon Buttons"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{kind: "mochi.ViewSelectButton", onActivate: "buttonActivated", barClasses: "mochi-sample-progress-red", components: [
|
|
{kind: "mochi.IconButtonItem", src: "assets/sample-calendar-icon-custom.png"},
|
|
{content: "Alpha", active: true},
|
|
{content: "Beta"},
|
|
{kind: "mochi.IconButtonItem", disabled: true, src: "assets/sample-calendar-icon-custom.png"},
|
|
{kind: "mochi.IconButtonItem", src: "assets/sample-calendar-icon-custom.png"}
|
|
]}
|
|
]},
|
|
{tag: "br"},
|
|
{classes: "mochi-sample-tools", components: [
|
|
{name: "result", classes: "mochi-sample-content", content: "result"}
|
|
]}
|
|
]}
|
|
],
|
|
buttonActivated: function(inSender, inEvent) {
|
|
if ((inEvent.originator.getActive()) && (inEvent.originator.kind === "mochi.ViewSelectButtonItem")) {
|
|
this.$.result.setContent("The \"" + inEvent.originator.getContent() + "\" button is selected.");
|
|
} else {
|
|
this.$.result.setContent("The \"" + inEvent.originator.name + "\" button is selected.");
|
|
}
|
|
},
|
|
rendered: function() {
|
|
this.inherited(arguments);
|
|
this.$.result.setContent("");
|
|
}
|
|
});
|