← Back to branch summary

~campmumbai/+junk/padmaApi

« back to all changes in this revision

Viewing changes to static/js/padmaLists.js

  • Committer: Sanjay B
  • Date: 2009-06-14 14:51:10 UTC
  • Revision ID: b@pad.ma-20090614145110-x8hc9mrqak6r1doo
first commit - fetches all data from pad.ma

Show diffs side-by-side

added added

removed removed

Lines of Context:
static/js/padmaLists.js
 
1
var padmaLists = []
 
2
 
 
3
$(document).ready(function() {
 
4
  callPadma("/list/get", initLists);
 
5
  });
 
6
 
 
7
 
 
8
var padmaList = function(json) {
 
9
  this.listId = json.listId;
 
10
  this.description = json.description;
 
11
  this.iconId = json.iconId;
 
12
  this.iconPath = "http://pad.ma/" + this.iconId + "/poster.jpg";
 
13
  this.title = json.title;
 
14
  this.html = this.getHtml();
 
15
  this.init();
 
16
  }
 
17
 
 
18
padmaList.prototype.init = function() {
 
19
  var that = this;
 
20
  $('#lists').append(that.html);
 
21
  }
 
22
 
 
23
padmaList.prototype.getHtml = function() {
 
24
  var that = this;
 
25
  var wrapperElem = $("<div />");
 
26
  wrapperElem.addClass("listWrapper");
 
27
  var titleElem = $('<div />');
 
28
  titleElem.attr("id", this.listId);
 
29
  titleElem.addClass("listTitle");
 
30
  var titleHtml = "<a href='/list?id=" + this.listId + "'>" + this.title + "</a>"; 
 
31
  console.log(titleHtml);
 
32
  titleElem.html(titleHtml);
 
33
  titleElem.hover(function() {
 
34
    $(this).next().show();
 
35
    }, function() {
 
36
    $(this).next().hide();
 
37
    });
 
38
  wrapperElem.append(titleElem);
 
39
  var innerElem = $('<div />');
 
40
  innerElem.addClass("listDetail");
 
41
  innerElem.hide();
 
42
  var innerHtml = '';
 
43
  innerHtml += "<div class='listImage'>";
 
44
  innerHtml += "<img src='" + this.iconPath + "' />"
 
45
  innerHtml += "</div>";
 
46
  innerHtml += "<div class='listDescription'>";
 
47
  innerHtml += this.description;
 
48
  innerHtml += "</div>";
 
49
  innerElem.html(innerHtml);
 
50
  innerElem.css("min-height", "150px");
 
51
  wrapperElem.append(innerElem);
 
52
  return wrapperElem;
 
53
  }
 
54
 
 
55
 
 
56
function initLists(json) {
 
57
  var allLists = json['lists']
 
58
  for (l in allLists) {
 
59
    console.log(allLists[l]);
 
60
    var list = new padmaList(allLists[l]);
 
61
//    padmaLists.push(list);
 
62
    } 
 
63
  }
 
64