Skip to content

Instantly share code, notes, and snippets.

@majornorth
Created June 18, 2014 21:09
Show Gist options
  • Save majornorth/35e6315a2948d11f52f9 to your computer and use it in GitHub Desktop.
Save majornorth/35e6315a2948d11f52f9 to your computer and use it in GitHub Desktop.
<template name="favoriteGames">
<header class="bar bar-nav">
<i class="icon-cancel pull-left header">
</i>
<button class="btn btn-link btn-nav pull-left header cancel-improve" id="cancelImprove">
Cancel
</button>
<h1 class="title header">Favorite games</h1>
</header>
<div class="content">
<div class="content-padded">
<h4 class="text-center">Choose your favorite games</h4>
<p class="text-center">You'll be notified about pickups in your area based on your favorite game types.</p>
<form>
<div id="soccerFavorite" class="text-center">
<div class="favorite-game-option">
<div class="select-game-icon text-center">
<i class="icon-soccerball"></i>
</div>
<div class="time-availability text-center">
<span class="icon-down-open"></span>
<select class="form-control form-select">
<option>Beginner</option>
<option>Recreational</option>
<option>Intermediate</option>
<option>Competitive</option>
</select>
</div>
</div>
</div>
<div id="frisbeeFavorite" class="text-center">
<div class="favorite-game-option">
<div class="select-game-icon text-center">
<i class="icon-frisbee"></i>
</div>
<div class="time-availability">
<span class="icon-down-open"></span>
<select class="form-control form-select">
<option>Beginner</option>
<option>Recreational</option>
<option>Intermediate</option>
<option>Competitive</option>
</select>
</div>
</div>
</div>
<div id="favoriteBasketball" class="text-center">
<div class="favorite-game-option">
<div class="select-game-icon text-center">
<i class="icon-basketball"></i>
</div>
<div class="time-availability">
<span class="icon-down-open"></span>
<select class="form-control form-select">
<option>Beginner</option>
<option>Recreational</option>
<option>Intermediate</option>
<option>Competitive</option>
</select>
</div>
</div>
</div>
<button class="btn btn-primary btn-block" id="setFavorites">
Set favorites
</button>
</form>
</div>
</div>
</template>
Template.favoriteGames.events({
'click .icon-soccerball' : function(){
$('i.icon-soccerball').toggleClass('active');
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment