Volt ShowcaseOnline Planning Poker

Complexity in Web development

2004

2005

2006

2007

2009

2011

2012

2013

2015

2004

2015

Volt?

OpalRuby to Javascript

Sharing code between client and

server

Same code runs on the client and

the server

Reactive Bindings for the DOM

Automatic Data Syncing

Server Backend Application with JSON REST API

and Frontend MVC

Debugging?

Source MapsOpal IRB

View

Event Bindings

<form e-submit="enter session"_ role="form">

Attribute BindingsTags

:< fields:text value=" page. session "{{ _ }} label="Existing session optional :"( ) />

:< fields:text value=" page. user "{{ _ }} label="Your name:" />

Each Bindings

{{ estimates.each do |estimate| }} <div class="card-wrapper flip if round finished? "{{ ' ' _ }} >

<div class="card-front"> <div class="user-name">{{ estimate. user_ }}</div> <img src=" card image url estimate. point "{{ _ _ ( _ }}

class="card" /> </div> <div class="card-back"> <div class="user-name">{{ estimate. user_ }}</div> <img src=" asset url app main assets images back.png "{{ _ (' / / / / ' }} class="card" /> </div> </div> {{ end }}

If Bindings

{{ if !guest session?_ }} <div class="card-container"> </div> {{ end }}

Controller

def enter session_

session = page. session_ .to s_ .empty? ? generate random string :_ _

page. session_

user = page. user_ .to s_ .empty? ? "user- generate random string#{ _ _ }" : page. user_

card deck _ = page. card deck_ _

redirect to _ " estimate/ / session#{ }/ card deck#{ _ }/ user#{ }"end

def round finished?_

estimates array _ = estimates.array estimates array_ .size > 1 && estimates array_ .all?(&: point_ )

end

def show page. session url _ _ = url.url with_ (user: nil, card deck_ : nil)

Data Store

pagestore

params...

Automatically synced

Promises

store. estimates_ .find(user: user, session: session .) then do estimates| |

estimate = estimates.array[0] if estimate estimate.tap { e e| | . point _ = false } else store. estimates _ << {

user: user, session: session } endend.then do estimate| |

self.model = estimateend

Model

class Estimate Volt< ::Modelend

Demo

www.voltframework.com

volt-poker.herokuapp.com

github.com koffeinfrei planning-poker/ /