Mithril Velocity.js Example

by ramnathv

HTML

<script src="//cdn.jsdelivr.net/velocity/1.0.0/velocity.min.js"></script>

JavaScript

var fadesIn = function(element, isInitialized, context) {
    if (!isInitialized) {
        element.style.opacity = 0
        Velocity(element, {opacity: 1})
    }
}

//model
var people = [
    {id: 1, name: "John"},
    {id: 2, name: "Mary"},
    {id: 3, name: "Bob"}
]

//controller
var controller = function() {
    this.remove = function(person) {
        people.splice(people.indexOf(person), 1)
    }
}

//view
var view = function(ctrl) {
    return m("ul", [
        people.map(function(person) {
            return m("li", {
                key: person.id,
                onclick: ctrl.remove.bind(this, person),
                config: fadesIn
            }, person.name)
        })
    ])
}

//run the app
m.mount(document.body, {controller: controller, view: view})