Skip to content

Instantly share code, notes, and snippets.

Avatar

Roy Sutton webOS101

  • LG Silicon Valley Lab
View GitHub Profile
@webOS101
webOS101 / fiddle.js
Last active Aug 29, 2015 — forked from webOS101/fiddle.js
RestaurantRepeater with RestaurantView
View fiddle.js
enyo.ready(function() {
enyo.kind({
name: 'RestaurantRepeater',
kind: 'enyo.DataRepeater',
components: [{ kind: 'RestaurantView' }]
});
enyo.kind({
name: 'RestaurantModel',
kind: 'enyo.Model',
@webOS101
webOS101 / fiddle.js
Last active Aug 29, 2015
RestaurantRepeater
View fiddle.js
enyo.ready(function() {
enyo.kind({
name: 'RestaurantRepeater',
kind: 'enyo.DataRepeater',
components: [{
components: [
{ name: 'name' },
{ name: 'cuisine' },
{ name: 'specialty' },
{ name: 'rating' }
@webOS101
webOS101 / fiddle.html
Last active Aug 29, 2015 — forked from webOS101/fiddle.html
Computed Property
View fiddle.html
<div id="jsconsole">
<form>
<textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1"> </textarea>
</form>
<div id="console">
<ul id="output"></ul>
</div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>
@webOS101
webOS101 / fiddle.html
Last active Aug 29, 2015 — forked from webOS101/fiddle.html
Collection Sample
View fiddle.html
<div id="jsconsole">
<form>
<textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1"> </textarea>
</form>
<div id="console">
<ul id="output"></ul>
</div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>
@webOS101
webOS101 / fiddle.js
Last active Aug 29, 2015
RestaurantView
View fiddle.js
enyo.ready(function() {
enyo.kind({
name: 'RestaurantView',
components: [
{ name: 'name' },
{ name: 'cuisine' },
{ name: 'specialty' },
{ name: 'rating' }
],
bindings: [
@webOS101
webOS101 / fiddle.html
Last active Aug 29, 2015 — forked from webOS101/fiddle.html
RestaurantModel with Change Handler
View fiddle.html
<div id="jsconsole">
<form>
<textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1"> </textarea>
</form>
<div id="console">
<ul id="output"></ul>
</div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>
@webOS101
webOS101 / fiddle.html
Last active Aug 29, 2015
RestaurantModel
View fiddle.html
<div id="jsconsole">
<form>
<textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1"> </textarea>
</form>
<div id="console">
<ul id="output"></ul>
</div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>
View fiddle.css
.onyx-button {
background-color: cyan;
}
.myapp .onyx-input {
background-color: tomato;
}
View fiddle.css
.onyx-button {
background-color: cyan;
}
@webOS101
webOS101 / fiddle.css
Last active Aug 29, 2015
Panels Sample
View fiddle.css
.panels-sample > * {
width: 200px;
}
@media all and (max-width: 500px) {
.panels-sample > * {
min-width: 200px;
max-width: 100%;
width: 50%;
}