Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Trello dashboard using Bootstrap and JQuery
<title>A Trello Dashboard</title>
<link rel="stylesheet" media="screen" href="">
<div class="container">
<h1>Trello Dashboard</h1>
<form class="form-horizontal" id="boards_form">
<div class="form-group">
<label class="control-label">Choose your board</label>
<select class="form-control" id="boards"></select>
<div id="labels"></div>
<script src="" type="text/javascript"></script>
<script src="[AppKey]"></script>
<script type="text/javascript">
var loadedBoards = function(boards) {
$.each(boards, function(index, value) {
var loadBoards = function() {
//Get the users boards
function() { console.log("Failed to load boards"); }
var loadedLabels = function(labels) {
$.each(labels, function(index, label) {
var label = $("<p><span class='badge' style='background:" + label.color + ";'>" + label.uses + "</span> " + + "</p>");
$('#boards').change(function() {
var boardId = $("option:selected", this).val();
'/boards/' + boardId + '/labels',
function() { console.log("Failed to load labels"); }
type: "popup",
name: "Trello dashboard",
scope: {
read: true,
write: false },
expiration: "never",
success: loadBoards,
error: function() { console.log("Failed authentication"); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment