/src/main/webapp/public/js/ideas/list.js

http://thoughtsite.googlecode.com/ · JavaScript · 283 lines · 267 code · 9 blank · 7 comment · 72 complexity · 04bcacaa2c5a967bd1fe353e07aaf3a3 MD5 · raw file 

    

  1. google.setOnLoadCallback(function() {

    2. 

  2.     ie.progressStart();

    3. 

  3.     loadTagCloud();

    4. 

  4.     if($.url.param("type") && '' !=$.trim($.url.param("type"))) {

    5. 

  5.         switch($.url.param("type")){

    6. 

  6.         case idea.DEFAULT_TYPE :

    7. 

  7.             idea.setBrowseType(idea.DEFAULT_TYPE);

    8. 

  8.             break;

    9. 

  9.         case idea.SEARCH_TYPE :

    10. 

  10.             idea.setBrowseType(idea.SEARCH_TYPE);

    11. 

  11.             idea.setKeyword($.url.param("keyword"));

    12. 

  12.             break;

    13. 

  13.         case idea.TAG_TYPE :

    14. 

  14.             idea.setBrowseType(idea.TAG_TYPE);

    15. 

  15.             idea.browseByTag($.url.param("tag"));

    16. 

  16.             break;

    17. 

  17.         case idea.USER_TYPE :

    18. 

  18.             idea.setBrowseType(idea.USER_TYPE);

    19. 

  19.             break;

    20. 

  20.         default :

    21. 

  21.             idea.setBrowseType(idea.DEFAULT_TYPE);

    22. 

  22.         break;

    23. 

  23.         }

    24. 

  24.     }

    25. 

  25.     $("#sortIdeas").click( function() {

    26. 

  26.         $("ul#sort-dropdown").toggle(); return false;

    27. 

  27.     });

    28. 

  28.     idea.loadIdeas(0);

    29. 

  29. });

    30. 

  30. 

    31. 

  31. function handleVotingForm(isLoggedIn) {

    32. 

  32.     if(isLoggedIn) {

    33. 

  33.     }

    34. 

  34.     else {

    35. 

  35.     }

    36. 

  36. }

    37. 

  37. 

    38. 

  38. idea = {

    39. 

  39.     DEFAULT_TYPE : 'list',

    40. 

  40.     SEARCH_TYPE : 'search',

    41. 

  41.     TAG_TYPE : 'tag',

    42. 

  42.     USER_TYPE : 'user',

    43. 

  43.     DEFAULT_SORT_ORDER : 'publishDate',

    44. 

  44.     DATE_SORT_ORDER : 'publishDate',

    45. 

  45.     VOTE_SORT_ORDER : 'totalVotes',

    46. 

  46.     SORT_ORDER : 'publishDate',

    47. 

  47.     keyword : ''// for search

    48. 

  48.     

    49. 

  49. }

    50. 

  50. idea.setSortOrder = function (type) {

    51. 

  51.     if(undefined == type)

    52. 

  52.         this.SORT_ORDER = this.DEFAULT_SORT_ORDER;

    53. 

  53.     else

    54. 

  54.         this.SORT_ORDER = type;

    55. 

  55. }

    56. 

  56. idea.setKeyword = function (term) {

    57. 

  57.     this.keyword = term;

    58. 

  58. }

    59. 

  59. idea.setBrowseType = function (browseType) {

    60. 

  60.     this.browseBy = browseType;

    61. 

  61. }

    62. 

  62. idea.getBrowseType = function () {

    63. 

  63.     if(undefined == this.browseBy) {

    64. 

  64.         return this.DEFAULT_TYPE;

    65. 

  65.     }

    66. 

  66.     else {

    67. 

  67.         return this.browseBy;

    68. 

  68.     }

    69. 

  69. }

    70. 

  70. idea.browseByTag = function(tag) {

    71. 

  71.     this.setBrowseType(this.TAG_TYPE);

    72. 

  72.     this.tagName = tag;

    73. 

  73.     idea.loadIdeas(0);

    74. 

  74. }

    75. 

  75. 

    76. 

  76. idea.loadIdeas = function(offset, heading) {

    77. 

  77.     var url = '';

    78. 

  78.     if(this.getBrowseType() == this.DEFAULT_TYPE) {

    79. 

  79.         url = ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/get.json?startIndex=' + offset);

    80. 

  80.     }

    81. 

  81.     else if(this.getBrowseType() == this.TAG_TYPE){

    82. 

  82.         //url = ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/byTag/' + this.tagName + '/' + offset + '.json');

    83. 

  83.     	url = ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/byTag/' + this.tagName + '.json?startIndex=' + offset);

    84. 

  84.         $('#listHeading').html('Ideas by tag "'+ this.tagName +'"');

    85. 

  85.     }

    86. 

  86.     else if(this.getBrowseType() == this.SEARCH_TYPE){

    87. 

  87.         url = ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/search?keyword=' + this.keyword + '&offset');

    88. 

  88.         $('#listHeading').html('Search "'+ this.keyword +'"');

    89. 

  89.     }

    90. 

  90.     else if(this.getBrowseType() == this.USER_TYPE){

    91. 

  91.     }

    92. 

  92.     url = url + '&orderBy=' + this.SORT_ORDER;

    93. 

  93.     $.get(

    94. 

  94.             url, 

    95. 

  95.             {}, 

    96. 

  96.             function (handle) {

    97. 

  97.                 // render most recent idea

    98. 

  98.                 if(handle != ''){

    99. 

  99.                     if(handle.viewStatus.status == ie.config.SUCCESS) {

    100. 

  100.                         // TODO: Abhishek, Need to handle with Template :)

    101. 

  101.                         $('#listData').html('');

    102. 

  102.                         var counter = 0;

    103. 

  103.                         for (i in handle.viewStatus.data.ideas) {

    104. 

  104.                             counter++;

    105. 

  105.                             if(counter > ie.config.RECORD_PER_PAGE)

    106. 

  106.                                 break;

    107. 

  107.                             $('#listData').append(createHtml(handle.viewStatus.data.ideas[i]));

    108. 

  108.                         }

    109. 

  109.                         if(undefined != handle.viewStatus.data.paging)

    110. 

  110.                             $('#pagination').html(ie.Paging.getHTML(handle.viewStatus.data.paging, 'idea.loadIdeas'));

    111. 

  111.                         if(counter > 1) {

    112. 

  112.                             $('#sortDate').click(function () {

    113. 

  113.                                 idea.sort('date');

    114. 

  114.                             });

    115. 

  115.                             $('#sortVote').click(function () {

    116. 

  116.                                 idea.sort('vote');

    117. 

  117.                             });

    118. 

  118.                         }

    119. 

  119.                         ie.progressEnd();

    120. 

  120.                     }

    121. 

  121.                     else {

    122. 

  122.                         $('#listData').html(handle.viewStatus.messages.ideas);

    123. 

  123.                     }

    124. 

  124.                 }

    125. 

  125.                 else {

    126. 

  126.                     ie.globalError();

    127. 

  127.                 }

    128. 

  128.                 ie.progressEnd();

    129. 

  129.             }, 

    130. 

  130.             ie.config.RESPONSE_TYPE

    131. 

  131.     );

    132. 

  132. }

    133. 

  133. 

    134. 

  134. idea.sort = function (type) {

    135. 

  135.     if('vote' == type) {

    136. 

  136.         this.setSortOrder(this.VOTE_SORT_ORDER);

    137. 

  137.         this.loadIdeas(0);

    138. 

  138.     }

    139. 

  139.     else {

    140. 

  140.         this.setSortOrder(this.DATE_SORT_ORDER);

    141. 

  141.         this.loadIdeas(0);

    142. 

  142.         // by default sort on date

    143. 

  143.     }

    144. 

  144. }

    145. 

  145. 

    146. 

  146. function createHtml(jsonData) {

    147. 

  147.     var output = '';

    148. 

  148.     output += '<div style="width:100%; height:180px;"  >';

    149. 

  149.     if(ie.config.STATUS_PUBLISHED == jsonData['idea']['status']) {

    150. 

  150.         output += '        <div class="ie-left ie-votes">';

    151. 

  151.         output += '<div class="ie-top-mar-10 ie-center"><strong> Votes</strong>';

    152. 

  152.         output += '    </div>';

    153. 

  153.         output += '    <div class="ie-top-mar-10 ie-left">';

    154. 

  154.         output += '      <a href="#vote" onclick="voteIdea(\'' + jsonData['idea']['key'] + '\', true)"><img src="' + ie.config.PUBLIC_URL + 'images/hand-up.gif" alt="" width="25" height="30" hspace="10" border="0" /></a><strong>+ ';

    155. 

  155.         output += '<span id="pIdea' + jsonData['idea']['key'] + '">' + jsonData['idea']['totalPositiveVotes']+'</span></strong>';

    156. 

  156.         output += '    </div>';

    157. 

  157.         output += '    <div class="ie-clear ie-top-mar-5 ie-left" style="width: 85%">';

    158. 

  158.         output += '      <a href="#vote" onclick="voteIdea(\'' + jsonData['idea']['key'] + '\', false)"><img src="' + ie.config.PUBLIC_URL + 'images/hand-dwn.gif" alt="" width="25" height="30" hspace="10" border="0" /></a><strong>- ';

    159. 

  159.         output += '<span id="nIdea' + jsonData['idea']['key'] + '">' + jsonData['idea']['totalNegativeVotes']+'</span></strong>'; 

    160. 

  160.         output += '    </div>';

    161. 

  161.         output += '  </div>';

    162. 

  162.     }

    163. 

  163.     else if(ie.config.STATUS_OBJECTIONABLE == jsonData['idea']['status']) {

    164. 

  164.         output += '        <div class="ie-left ie-votes">';

    165. 

  165.         output += '<div class="ie-top-mar-10 ie-center"><strong> Objectionable Idea</strong>';

    166. 

  166.         output += '    </div>';

    167. 

  167.         output += '  </div>';

    168. 

  168.     }

    169. 

  169.     else if(ie.config.STATUS_DUPLICATE == jsonData['idea']['status']) {

    170. 

  170.         output += '        <div class="ie-left ie-votes">';

    171. 

  171.         output += '<div class="ie-top-mar-10 ie-center"><strong> Duplicate Idea</strong>';

    172. 

  172.         output += '    </div>';

    173. 

  173.         output += '  </div>';

    174. 

  174.     }

    175. 

  175.     else {

    176. 

  176.         output += '        <div class="ie-left ie-votes">';

    177. 

  177.         output += '<div class="ie-top-mar-10 ie-center"><strong> Unpublished Idea</strong>';

    178. 

  178.         output += '    </div>';

    179. 

  179.         output += '  </div>';

    180. 

  180.     }

    181. 

  181.     output += '  <div class="ie-right ie-text ie-detail">';

    182. 

  182.     output += '    <h1 class="blu-heading">';

    183. 

  183.     if(ie.config.STATUS_SAVED == jsonData['idea']['status']) {

    184. 

  184.         output += '    <a href="' + ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/edit/'+ jsonData['idea']['key']) + '">';

    185. 

  185.     }

    186. 

  186.     else {

    187. 

  187.         output += '    <a href="' + ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/show/'+ jsonData['idea']['key']) + '">';

    188. 

  188.     }

    189. 

  189.     output += ie.escapeHTML(jsonData['idea']['title']) + '</a></h1><br />';

    190. 

  190.     output += ie.escapeHTML(jsonData['idea']['description']) + '<br/>';

    191. 

  191.     output += '    <div class="ie-left ie-detail-info1">';

    192. 

  192.     output += '      <strong>Tags:</strong>';

    193. 

  193.     if(undefined != jsonData.tags) {

    194. 

  194.         for(data in jsonData.tags) {

    195. 

  195.             output += '      <a href="javascript:void(0)" onclick="idea.browseByTag(\'' + jsonData.tags[data]['title'] + '\');" class="ie-nm-blu">' + jsonData['tags'][data]['title'] + '</a>';

    196. 

  196.         }

    197. 

  197.     }

    198. 

  198.     output += '    </div>';

    199. 

  199.     if(undefined != jsonData.user) {

    200. 

  200.         output += '    <div class="ie-right ie-detail-info2">';

    201. 

  201.         output += '      <strong>Last Updated: </strong>'+ jsonData['idea']['lastUpdated']+'<br />';

    202. 

  202.         output += '      <a href="' + ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'users/profile/'+ jsonData.user.userKey) + '" class="ie-nm-blu">' + jsonData.user.displayName + '</a><br />';

    203. 

  203.         output += '      <strong>' + jsonData.user.reputationPoints + ' Points</strong><br />';

    204. 

  204.         if(undefined != jsonData.user.userAwards)

    205. 

  205.             output += '      <strong>' + jsonData.user.userAwards + ' Awards</strong></div>';

    206. 

  206.         output += '  </div>';

    207. 

  207.     }

    208. 

  208.     output += '</div>';

    209. 

  209.     return output;

    210. 

  210. }

    211. 

  211. 

    212. 

  212. function voteIdea(ideaKey, isPositiveVote) {

    213. 

  213.     if(!ie.config.IS_LOGGEDIN_USER) {

    214. 

  214.         ie.showError('Please login to vote on an idea.');

    215. 

  215. 		return;

    216. 

  216.     }

    217. 

  217.     if('' == ideaKey) {

    218. 

  218.         return false;

    219. 

  219.     }

    220. 

  220.     var url = '';

    221. 

  221.     if(isPositiveVote) {

    222. 

  222.         url = '/ideas/voteIdea/' + ideaKey + '.json?isPositive=true';

    223. 

  223.     }

    224. 

  224.     else {

    225. 

  225.         url = '/ideas/voteIdea/' + ideaKey + '.json?isPositive=false';

    226. 

  226.     }

    227. 

  227.     ie.progressStart();

    228. 

  228.     $.get(

    229. 

  229.             url, 

    230. 

  230.             {}, 

    231. 

  231.             function (handle) {

    232. 

  232.                 // render most recent idea

    233. 

  233.                 if(ie.config.SUCCESS == handle.viewStatus.status) {

    234. 

  234.                     if(isPositiveVote) {

    235. 

  235.                         $('#pIdea' + ideaKey).html(parseInt($('#pIdea' + ideaKey).html()) + 1);

    236. 

  236.                     }

    237. 

  237.                     else {

    238. 

  238.                         $('#nIdea' + ideaKey).html(parseInt($('#nIdea' + ideaKey).html()) + 1);

    239. 

  239.                     }

    240. 

  240.                     ie.progressEnd();

    241. 

  241.                 }

    242. 

  242.                 else if(ie.config.ERROR == handle.viewStatus.status) {

    243. 

  243.                     ie.showError(handle.viewStatus.messages.vote);

    244. 

  244.                     ie.progressEnd();

    245. 

  245.                 }

    246. 

  246.                 else {

    247. 

  247.                     ie.progressEnd();

    248. 

  248.                     ie.globalError();

    249. 

  249.                 }

    250. 

  250.             }, 

    251. 

  251.             ie.config.RESPONSE_TYPE

    252. 

  252.     );

    253. 

  253.     

    254. 

  254. }

    255. 

  255. 

    256. 

  256. function loadTagCloud() {

    257. 

  257.     $.get(

    258. 

  258.             ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'tags/tagcloud' + '.json'), 

    259. 

  259.             {}, 

    260. 

  260.             function (handle) {

    261. 

  261.                 // render most recent idea

    262. 

  262.                 if(ie.config.SUCCESS == handle.viewStatus.status) {

    263. 

  263.                     // TODO: Abhishek, Need to handle with Template :)

    264. 

  264.                     var html = ie.TagCloud.render(handle.viewStatus.data.tags, 

    265. 

  265.                             handle.viewStatus.data.weights, 

    266. 

  266.                             {title : 'title', weightage : 'weightage', css: 'tag'},

    267. 

  267.                             {url:ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/list?type=tag&tag=')}

    268. 

  268.                             );

    269. 

  269.                     $('#cloud').html(html);

    270. 

  270.                     ie.progressEnd();

    271. 

  271.                 }

    272. 

  272.                 else if(ie.config.ERROR == handle.viewStatus.status) {

    273. 

  273.                     $('#cloud').html(handle.viewStatus.messages.tags);

    274. 

  274.                     ie.progressEnd();

    275. 

  275.                 }

    276. 

  276.                 else {

    277. 

  277.                     ie.progressEnd();

    278. 

  278.                     ie.globalError();

    279. 

  279.                 }

    280. 

  280.             }, 

    281. 

  281.             ie.config.RESPONSE_TYPE

    282. 

  282.     );

    283. 

  283. }
    284.