Brauhaus.js BJCP Styles (Coffeescript)

by danielgtaylor

HTML

<script src="https://rawgithub.com/homebrewing/brauhausjs/master/dist/brauhaus.min.js"></script>
<script src="https://rawgithub.com/homebrewing/brauhaus-styles/master/dist/brauhaus-styles.min.js"></script>
<select id="catalog"></select>
<div id="style">Select a style above...</div>

CoffeeScript

for category in Brauhaus.getStyleCategories()
    for style in Brauhaus.getStyles(category)
        $('#catalog').append("<option value='#{category} - #{style}'>#{category} - #{style}</option>")

$('#catalog').change ->
    items = $('#catalog').val().split ' - '
    style = Brauhaus.getStyle items[0], items[1]
    $('#style').html "Name: #{style.name}<br/>OG: #{style.gu[0]} - #{style.gu[1]}<br/>FG: #{style.fg[0]} - #{style.fg[1]}<br/>IBU: #{style.ibu[0]} - #{style.ibu[1]}<br/>ABV: #{style.abv[0]} - #{style.abv[1]}"