First Traffic Light

fiddle.html

<script>
new TrafficLight().renderInto(document.body);
</script>

fiddle.js

enyo.kind({
    name: "Light",
    published: {
        "color" : "yellow"
    },
    style: "width: 50px; height: 50px; border-radius: 50%;",
    create: function() {
        this.inherited(arguments);
        this.colorChanged();
    },
    colorChanged: function(oldValue) {
        this.applyStyle("background-color", this.color);
    }
});

enyo.kind({
    name: "TrafficLight",
    components: [
        { name: "stop", kind: "Light", color: "red" },
        { name: "slow", kind: "Light", color: "yellow" },
        { name: "go", kind: "Light", color: "green" }
    ]
});

fiddle.manifest

name: First Traffic Light
description: First attempt at Traffic Light
authors:
  - Roy Sutton
normalize_css: no