Skip to content

Instantly share code, notes, and snippets.

@kyleknighted

kyleknighted/testing_coffee.html.erb

Forked from brickghost/testing_coffee.html.erb
Created June 7, 2012 23:20
Show Gist options
  • Save kyleknighted/2892297 to your computer and use it in GitHub Desktop.
Save kyleknighted/2892297 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Kyle Knight revised this gist Jun 7, 2012. 2 changed files with 3 additions and 3 deletions.
    1 change: 0 additions & 1 deletion testing_coffee.html.erb
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,3 @@

    <div class="span4">
    <ul class="left-nav">
    <li class="btn btn-large vendor-action" id="btn-news" data-action="news">Latest News</li>
    5 changes: 3 additions & 2 deletions testing_coffee.js.coffee
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,12 @@
    curAction = "news"
    fading = false
    $ ->
    $('.vendor-action').click ->
    $('.vendor-action').click (e) ->
    action = $(@).data('action')
    if action isnt curAction and fading isnt true
    fading = true
    $(@).removeClass('btn-primary')
    $("#btn-"+curAction).addClass('btn-primary')
    $('#'+curAction).fadeOut(500, -> $('#'+action+'').fadeIn(500, -> fading = false))
    curAction = action
    curAction = action
    e.preventDefault()
  2. @brickghost brickghost revised this gist Jun 7, 2012. 1 changed file with 2 additions and 3 deletions.
    5 changes: 2 additions & 3 deletions testing_coffee.html.erb
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    <div class="row">

    <div class="span4">
    <ul class="left-nav">
    <li class="btn btn-large vendor-action" id="btn-news" data-action="news">Latest News</li>
    @@ -37,5 +37,4 @@
    eget nulla volutpat rhoncus. Morbi suscipit hendrerit ullamcorper. Fusce sit amet ante purus. Phasellus
    in lacus ante, vel interdum elit. Nunc odio nulla, semper et sodales ac, fermentum sit amet dui.</p>
    </div>
    </div>
    </div>
    </div>
  3. @brickghost brickghost revised this gist Jun 7, 2012. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion testing_coffee.html.erb
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,7 @@
    <div class="span8">
    <div id="news">
    <h1>Hello, <%= @vendor.name %></h1>
    <h3>News from BarrelFish</h3>
    <h3>News from XXXXXXXXX</h3>
    <%= render "news_items/latest" %>
    </div>
    <div id="redeem" style="display:none;">
  4. @brickghost brickghost created this gist Jun 7, 2012.
    41 changes: 41 additions & 0 deletions testing_coffee.html.erb
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    <div class="row">
    <div class="span4">
    <ul class="left-nav">
    <li class="btn btn-large vendor-action" id="btn-news" data-action="news">Latest News</li>
    <li class="btn btn-primary btn-large vendor-action" id="btn-redeem" data-action="redeem">Redeem Gift Certificate</li>
    <li class="btn btn-primary btn-large vendor-action" id="btn-check" data-action="check">Check Balance</li>
    <li class="btn btn-primary btn-large vendor-action" id="btn-outstanding" data-action="outstanding">Outstanding Balance</li>
    </ul>
    </div>
    <div class="span8">
    <div id="news">
    <h1>Hello, <%= @vendor.name %></h1>
    <h3>News from BarrelFish</h3>
    <%= render "news_items/latest" %>
    </div>
    <div id="redeem" style="display:none;">
    <h1>Redeem Certificate</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper tincidunt purus ac
    vulputate. Donec velit ligula, convallis a ultricies vitae, bibendum id mauris. Fusce consectetur,
    tellus ac sollicitudin rhoncus, urna lorem tempus eros, at mollis lacus nibh id velit. In semper libero
    eget nulla volutpat rhoncus. Morbi suscipit hendrerit ullamcorper. Fusce sit amet ante purus. Phasellus
    in lacus ante, vel interdum elit. Nunc odio nulla, semper et sodales ac, fermentum sit amet dui.</p>
    </div>
    <div id="check" style="display:none;">
    <h1>Check Balance</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper tincidunt purus ac
    vulputate. Donec velit ligula, convallis a ultricies vitae, bibendum id mauris. Fusce consectetur,
    tellus ac sollicitudin rhoncus, urna lorem tempus eros, at mollis lacus nibh id velit. In semper libero
    eget nulla volutpat rhoncus. Morbi suscipit hendrerit ullamcorper. Fusce sit amet ante purus. Phasellus
    in lacus ante, vel interdum elit. Nunc odio nulla, semper et sodales ac, fermentum sit amet dui.</p>
    </div>
    <div id="outstanding" style="display:none;">
    <h1>Outstanding Certificates</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper tincidunt purus ac
    vulputate. Donec velit ligula, convallis a ultricies vitae, bibendum id mauris. Fusce consectetur,
    tellus ac sollicitudin rhoncus, urna lorem tempus eros, at mollis lacus nibh id velit. In semper libero
    eget nulla volutpat rhoncus. Morbi suscipit hendrerit ullamcorper. Fusce sit amet ante purus. Phasellus
    in lacus ante, vel interdum elit. Nunc odio nulla, semper et sodales ac, fermentum sit amet dui.</p>
    </div>
    </div>
    </div>
    11 changes: 11 additions & 0 deletions testing_coffee.js.coffee
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    curAction = "news"
    fading = false
    $ ->
    $('.vendor-action').click ->
    action = $(@).data('action')
    if action isnt curAction and fading isnt true
    fading = true
    $(@).removeClass('btn-primary')
    $("#btn-"+curAction).addClass('btn-primary')
    $('#'+curAction).fadeOut(500, -> $('#'+action+'').fadeIn(500, -> fading = false))
    curAction = action