tyrchen/leaderboard.coffee

## leaderboard.coffee
// Set up a collection to contain player information. On the server,
// it is backed by a MongoDB collection named "players".
Players = new Meteor.Collection("players");
if (Meteor.isClient) {
  Template.leaderboard.players = function () {
    return Players.find({}, {sort: {score: -1, name: 1}});
  };
  Template.leaderboard.selected_name = function () {
    var player = Players.findOne(Session.get("selected_player"));
    return player && player.name;
  };
  Template.player.selected = function () {
    return Session.equals("selected_player", this._id) ? "selected" : '';
  };
  Template.leaderboard.events({
    'click input.inc': function () {
      Players.update(Session.get("selected_player"), {$inc: {score: 5}});
    }
  });
  Template.player.events({
    'click': function () {
      Session.set("selected_player", this._id);
    }
  });
}
// On server startup, create some players if the database is empty.
if (Meteor.isServer) {
  Meteor.startup(function () {
    if (Players.find().count() === 0) {
      var names = ["Ada Lovelace",
                   "Grace Hopper",
                   "Marie Curie",
                   "Carl Friedrich Gauss",
                   "Nikola Tesla",
                   "Claude Shannon"];
      for (var i = 0; i < names.length; i++)
        Players.insert({name: names[i], score: Math.floor(Math.random()*10)*5});
    }
  });
}

## leaderboard.html
<head>
  <title>Leaderboard</title>
</head>
<body>
  <div id="outer">
    {{> leaderboard}}
  </div>
</body>
<template name="leaderboard">
  <div class="leaderboard">
    {{#each players}}
      {{> player}}
    {{/each}}
  </div>
  {{#if selected_name}}
  <div class="details">
    <div class="name">{{selected_name}}</div>
    <input type="button" class="inc" value="Give 5 points" />
  </div>
  {{/if}}
  {{#unless selected_name}}
  <div class="none">Click a player to select</div>
  {{/unless}}
</template>
<template name="player">
  <div class="player {{selected}}">
    <span class="name">{{name}}</span>
    <span class="score">{{score}}</span>
  </div>
</template>
	// Set up a collection to contain player information. On the server,
	// it is backed by a MongoDB collection named "players".
	Players = new Meteor.Collection("players");
	if (Meteor.isClient) {
	Template.leaderboard.players = function () {
	return Players.find({}, {sort: {score: -1, name: 1}});
	};
	Template.leaderboard.selected_name = function () {
	var player = Players.findOne(Session.get("selected_player"));
	return player && player.name;
	};
	Template.player.selected = function () {
	return Session.equals("selected_player", this._id) ? "selected" : '';
	};
	Template.leaderboard.events({
	'click input.inc': function () {
	Players.update(Session.get("selected_player"), {$inc: {score: 5}});
	}
	});
	Template.player.events({
	'click': function () {
	Session.set("selected_player", this._id);
	}
	});
	}
	// On server startup, create some players if the database is empty.
	if (Meteor.isServer) {
	Meteor.startup(function () {
	if (Players.find().count() === 0) {
	var names = ["Ada Lovelace",
	"Grace Hopper",
	"Marie Curie",
	"Carl Friedrich Gauss",
	"Nikola Tesla",
	"Claude Shannon"];
	for (var i = 0; i < names.length; i++)
	Players.insert({name: names[i], score: Math.floor(Math.random()10)5});
	}
	});
	}
	<head>
	<title>Leaderboard</title>
	</head>
	<body>
	<div id="outer">
	{{> leaderboard}}
	</div>
	</body>
	<template name="leaderboard">
	<div class="leaderboard">
	{{#each players}}
	{{> player}}
	{{/each}}
	</div>
	{{#if selected_name}}
	<div class="details">
	<div class="name">{{selected_name}}</div>
	<input type="button" class="inc" value="Give 5 points" />
	</div>
	{{/if}}
	{{#unless selected_name}}
	<div class="none">Click a player to select</div>
	{{/unless}}
	</template>
	<template name="player">
	<div class="player {{selected}}">
	<span class="name">{{name}}</span>
	<span class="score">{{score}}</span>
	</div>
	</template>