A Pen by Michel Daviot.

index.html

<div class="contenzone">
	<div class="titlebar">
		<a href="aazeae">qsdqsd</a>
	</div>
</div> 

<div id="loggedout">
    <a id="connectLink" href="#">Connect To Trello</a>
</div>

<div id="loggedin">
    <div id="header">
        Logged in to as <span id="fullName"></span> 
        <a id="disconnect" href="#">Log Out</a>
    </div>
    
    <div id="output"></div>
</div>    

script.coffee

$( ".contenzone .titlebar a " ).not(".link").each (index, element) => 
	$(element).after('<p>test</p>')
	console.log($(element).text())

printBoard = (board) ->
  console.log(board.id+"-"+board.name)
  console.log (list.name+"-"+list.id) for list in board.lists
	
onAuthorize = ->
  console.log("logged in")
  updateLoggedIn()
  $("#output").empty()
	Trello.members.get "me", (member) ->
    $("#fullName").text member.fullName
    $cards = $("<div>").text("Loading Cards...").appendTo("#output")
    
    Trello.get "members/me/boards?lists=open", (boards) -> 
      $cards.empty()
      printBoard board for board in boards 
        #Trello.lists.get board.id, (elt) ->
         # console.log(elt.name)
    #    $("<a>").attr(
    #      href: board.url
    #      target: "trello"
    #    ).addClass("card").text(board.id).appendTo $cards
        
updateLoggedIn = ->
  isLoggedIn = Trello.authorized()
  $("#loggedout").toggle not isLoggedIn
  $("#loggedin").toggle isLoggedIn
  return

logout = ->
  Trello.deauthorize()
  updateLoggedIn()
  return

Trello.authorize
  interactive: true
  success: onAuthorize

$("#connectLink").click ->
  Trello.authorize
    type: "popup"
    success: onAuthorize

$("#disconnect").click logout

style.css

body {
    font-family: arial;
    font-size: 12px;
}

#loggedout {
    text-align: center;
    font-size: 20px;
    padding-top: 30px;
}
#loggedin { 
    display: none; 
}

#header {
    padding: 4px;
    border-bottom: 1px solid #000;
    background: #eee;
}

#output {
    padding: 4px;
}

.card { 
    display: block; 
    padding: 2px;
}

vCrak.markdown

vCrak

A Pen by Michel Daviot on CodePen.

License.