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

http://thoughtsite.googlecode.com/ · JavaScript · 300 lines · 268 code · 9 blank · 23 comment · 60 complexity · 4b7118db125976ab90e96ce9a27a57ac MD5 · raw file 

    

  1. /* Copyright 2010 Google Inc.

    2. 

  2.  * 

    3. 

  3.  * Licensed under the Apache License, Version 2.0 (the "License");

    4. 

  4.  * you may not use this file except in compliance with the License.

    5. 

  5.  * You may obtain a copy of the License at

    6. 

  6.  * 

    7. 

  7.  *      http://www.apache.org/licenses/LICENSE-2.0

    8. 

  8.  * 

    9. 

  9.  * Unless required by applicable law or agreed to in writing, software

    10. 

  10.  * distributed under the License is distributed on an "AS IS" BASIS.

    11. 

  11.  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

    12. 

  12.  * See the License for the specific language governing permissions and

    13. 

  13.  * limitations under the License

    14. 

  14.  */

    15. 

  15. 

    16. 

  16. google.setOnLoadCallback(function() {

    17. 

  17.     ie.progressStart();

    18. 

  18.     loadTagCloud();    // start with 0 offset

    19. 

  19.     var $tabs = $('#tab-menu').tabs();

    20. 

  20.     $tabs.tabs('option', 'selected', 0); // => 0

    21. 

  21.     loadUserProfile();

    22. 

  22.     $('#tab-menu').bind('tabsselect', function(event, ui) {

    23. 

  23.         switch(ui.panel.id){

    24. 

  24.         case 'user-profile':

    25. 

  25.         	loadUserProfile();

    26. 

  26.             break;

    27. 

  27.         case 'user-ideas':

    28. 

  28.             loadIdeas(0);

    29. 

  29.             break;

    30. 

  30.         case 'user-projects':

    31. 

  31.             loadProjects(0);

    32. 

  32.             break;

    33. 

  33.         default :

    34. 

  34.             loadUserProfile();

    35. 

  35.             break;

    36. 

  36.         }

    37. 

  37.     });

    38. 

  38. });

    39. 

  39. 

    40. 

  40. function loadUserProfile(){

    41. 

  41.     $.get(

    42. 

  42.             ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'users/profile.json'), 

    43. 

  43.             {}, 

    44. 

  44.             function (handle) {

    45. 

  45.                 // render user profile

    46. 

  46.                 if(handle != ''){

    47. 

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

    48. 

  48.                     	$('#user-profile').html('');

    49. 

  49.                     	$('#pagination').html('');

    50. 

  50.                     	$('#user-profile').append(createProfileHtml(handle.viewStatus.data.user));

    51. 

  51.                     	ie.progressEnd();

    52. 

  52.                     }

    53. 

  53.                     else {

    54. 

  54.                         $('#user-profile').html(handle.viewStatus.messages.user);

    55. 

  55.                     }

    56. 

  56.                 }

    57. 

  57.                 else {

    58. 

  58.                     ie.globalError();

    59. 

  59.                 }

    60. 

  60.                 ie.progressEnd();

    61. 

  61.             }, 

    62. 

  62.             ie.config.RESPONSE_TYPE

    63. 

  63.     );

    64. 

  64. }

    65. 

  65. 

    66. 

  66. function loadIdeas(offset) {

    67. 

  67.     $.get(

    68. 

  68.             ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'users/ideas.json?startIndex='+ offset + ''), 

    69. 

  69.             {}, 

    70. 

  70.             function (handle) {

    71. 

  71.                 // render most recent idea

    72. 

  72.                 if(handle != ''){

    73. 

  73.                 	$('#user-ideas').html('');

    74. 

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

    75. 

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

    76. 

  76.                         $('#user-ideas').html('');

    77. 

  77.                         $('#pagination').html('');

    78. 

  78.                         var counter = 0;

    79. 

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

    80. 

  80.                             counter++;

    81. 

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

    82. 

  82.                                 break;

    83. 

  83.                             $('#user-ideas').append(createIdeaHtml(handle.viewStatus.data.ideas[i]));

    84. 

  84.                         }

    85. 

  85.                         $('#pagination').html('');

    86. 

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

    87. 

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

    88. 

  88.                         ie.progressEnd();

    89. 

  89.                     }

    90. 

  90.                     else {

    91. 

  91.                         $('#user-ideas').html(handle.viewStatus.messages.ideas);

    92. 

  92.                     }

    93. 

  93.                 }

    94. 

  94.                 else {

    95. 

  95.                     ie.globalError();

    96. 

  96.                 }

    97. 

  97.                 ie.progressEnd();

    98. 

  98.             }, 

    99. 

  99.             ie.config.RESPONSE_TYPE

    100. 

  100.     );

    101. 

  101. }

    102. 

  102. 

    103. 

  103. function loadIdeasAfterDeletion(ideaKey) {

    104. 

  104.     $.get(

    105. 

  105.             ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'ideas/delete/' + ideaKey), 

    106. 

  106.             {}, 

    107. 

  107.             function(handle) {

    108. 

  108.             	loadIdeas(0);

    109. 

  109.             }, 

    110. 

  110.             ie.config.RESPONSE_TYPE

    111. 

  111.     );

    112. 

  112. }

    113. 

  113. 

    114. 

  114. function loadProjects(offset) {

    115. 

  115.     $.get(

    116. 

  116.             ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'users/projects.json?startIndex='+ offset + ''), 

    117. 

  117.             {}, 

    118. 

  118.             function (handle) {

    119. 

  119.                 // render most recent idea

    120. 

  120.                 if(handle != ''){

    121. 

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

    122. 

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

    123. 

  123.                         $('#user-projects').html('');

    124. 

  124.                         var counter =0;

    125. 

  125.                         for (i in handle.viewStatus.data.projects) {

    126. 

  126.                             counter++;

    127. 

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

    128. 

  128.                                 break;

    129. 

  129.                             $('#user-projects').append(createProjectHtml(handle.viewStatus.data.projects[i]));

    130. 

  130.                         }

    131. 

  131.                         $('#pagination').html('');

    132. 

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

    133. 

  133.                             $('#pagination').html(ie.Paging.getHTML(handle.viewStatus.data.paging, 'loadProjects'));

    134. 

  134.                         ie.progressEnd();

    135. 

  135.                     }

    136. 

  136.                     else {

    137. 

  137.                         $('#user-projects').html(handle.viewStatus.messages.projects);

    138. 

  138.                     }

    139. 

  139.                 }

    140. 

  140.                 else {

    141. 

  141.                     ie.globalError();

    142. 

  142.                 }

    143. 

  143.                 ie.progressEnd();

    144. 

  144.             }, 

    145. 

  145.             ie.config.RESPONSE_TYPE

    146. 

  146.     );

    147. 

  147. }

    148. 

  148. 

    149. 

  149. function createProfileHtml(jsonData) {

    150. 

  150. 	var output = '';

    151. 

  151. 	output += '<div class="ie-profile-desc ie-text" id="mid-wrapper" >';

    152. 

  152. //	output += '<div class="ie-left" ><br /><br /><br />';

    153. 

  153. //	output += '<img src="' + jsonData['thumbnailUrl'] + '" alt="" width="100" height="100" align="left" class="ie-right-mar-10 ie-bottom-mar-20 " /></div>';

    154. 

  154. 	output += '<div class="ie-left ie-right-mar-10 ie-left-mar-10"><br /><br />';

    155. 

  155. 	output += 'Name:<br /><br /> Email-id:<br /><br />Status: <br /><br />Reputation Points: <br /><br />Joined on:';

    156. 

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

    157. 

  157. 	output += '<div class="ie-left ie-right-mar-10 ie-left-mar-20" ><br /><br />';

    158. 

  158. 	output += '<strong>' + jsonData['displayName'] + '</strong><br /><br />'; 

    159. 

  159. 	if(undefined == jsonData['emailId']) {

    160. 

  160. 		output += '<span class="ie-nm-blu"> </span><br /><br />';  

    161. 

  161.     }

    162. 

  162.     else {

    163. 

  163.     	output += '<span class="ie-nm-blu">' + jsonData['emailId'] + '</span><br /><br />';

    164. 

  164.     }

    165. 

  165. 	

    166. 

  166. 	output += jsonData['status'] + '<br /><br />';

    167. 

  167. 	output += jsonData['reputationPoints'] + '<br /><br />';

    168. 

  168. 	output += jsonData['createdOn'] + '<br /><br />';

    169. 

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

    170. 

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

    171. 

  171. 	return output;

    172. 

  172. }

    173. 

  173. 

    174. 

  174. function createProjectHtml(jsonData) {

    175. 

  175.     var output = '';

    176. 

  176.     output += '<div style="width:100%;  height:180px;" class="ie-top-mar-25">';

    177. 

  177.     output += '     <div class="ie-left-mar-20 ie-text ie-projects">';

    178. 

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

    179. 

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

    180. 

  180.     output +=           ie.escapeHTML(jsonData['project']['name']) + '</a></h1><br />';

    181. 

  181.     output += '<table width="98%" border="0" align="left" cellpadding="2" cellspacing="1">';

    182. 

  182.     output += '<tr>';

    183. 

  183.     output += '  <td width="80px">';

    184. 

  184.     if(undefined == jsonData['project']['logo']) {

    185. 

  185.         output += '         <img src= "' + ie.config.PUBLIC_URL +'/images/img.gif" height="60px" width="60px"/>';  

    186. 

  186.     }

    187. 

  187.     else {

    188. 

  188.         output += '         <img src= "/showImage/' + jsonData['project']['key'] + '" height="60px" width="60px"/>';  

    189. 

  189.     }

    190. 

  190.     output += '  </td>';

    191. 

  191.     output += '  <td valign="top">';

    192. 

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

    193. 

  193.     output += '         <strong>Last Updated: </strong>' + jsonData['project']['updatedOn'] + '<br />';  

    194. 

  194.     output += '  </td>';

    195. 

  195.     output += '</tr>';

    196. 

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

    197. 

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

    198. 

  198.     return output;

    199. 

  199. }

    200. 

  200. 

    201. 

  201. function createIdeaHtml(jsonData) {

    202. 

  202.     var output = '';

    203. 

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

    204. 

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

    205. 

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

    206. 

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

    207. 

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

    208. 

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

    209. 

  209.         output += '      <img src="' + ie.config.PUBLIC_URL + 'images/hand-up.gif" alt="" width="25" height="30" hspace="10" border="0" /><strong>+ ';

    210. 

  210.         output += jsonData['idea']['totalPositiveVotes']+'</strong>';

    211. 

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

    212. 

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

    213. 

  213.         output += '      <img src="' + ie.config.PUBLIC_URL + 'images/hand-dwn.gif" alt="" width="25" height="30" hspace="10" border="0" /><strong>- ';

    214. 

  214.         output += jsonData['idea']['totalNegativeVotes']+'</strong>'; 

    215. 

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

    216. 

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

    217. 

  217.     }

    218. 

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

    219. 

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

    220. 

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

    221. 

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

    222. 

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

    223. 

  223.     }

    224. 

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

    225. 

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

    226. 

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

    227. 

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

    228. 

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

    229. 

  229.     }

    230. 

  230.     else {

    231. 

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

    232. 

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

    233. 

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

    234. 

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

    235. 

  235.     }

    236. 

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

    237. 

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

    238. 

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

    239. 

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

    240. 

  240.     }

    241. 

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

    242. 

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

    243. 

  243.     }

    244. 

  244.     else {

    245. 

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

    246. 

  246.     }

    247. 

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

    248. 

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

    249. 

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

    250. 

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

    251. 

  251.     if(undefined != jsonData['tags']) {

    252. 

  252.         for(data in jsonData['tags']) {

    253. 

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

    254. 

  254.         }

    255. 

  255.     }

    256. 

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

    257. 

  257.     output += '    <div class="ie-right ie-left-mar-10 ie-right-mar-0">';

    258. 

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

    259. 

  259.         output += '      <a href="javascript:void(0);" onclick="loadIdeasAfterDeletion(\'' + jsonData['idea']['key'] + '\')" class="ie-nm-blu">Delete</a>';

    260. 

  260.     }

    261. 

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

    262. 

  262.     if(undefined != jsonData['user']) {

    263. 

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

    264. 

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

    265. 

  265.         output += '      <a href="#" class="ie-nm-blu">' + jsonData['user']['name'] + '</a><br />';

    266. 

  266.         output += '      <strong>' + jsonData['user']['userPoints'] + ' Points</strong><br />';

    267. 

  267.         output += '      <strong>' + jsonData['user']['userAwards'] + ' Awards</strong></div>';

    268. 

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

    269. 

  269.     }

    270. 

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

    271. 

  271.     return output;

    272. 

  272. }

    273. 

  273. function loadTagCloud() {

    274. 

  274.     $.get(

    275. 

  275.             ie.buildUrl(ie.config.REQUEST_IDEA_EXCHANGE, 'tags/my' + '.json'), 

    276. 

  276.             {}, 

    277. 

  277.             function (handle) {

    278. 

  278.                 // render most recent idea

    279. 

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

    280. 

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

    281. 

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

    282. 

  282.                             handle.viewStatus.data.weights, 

    283. 

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

    284. 

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

    285. 

  285.                             );

    286. 

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

    287. 

  287.                     ie.progressEnd();

    288. 

  288.                 }

    289. 

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

    290. 

  290.                     $('#cloud').html(handle.viewStatus.messages.tag);

    291. 

  291.                     ie.progressEnd();

    292. 

  292.                 }

    293. 

  293.                 else {

    294. 

  294.                     ie.progressEnd();

    295. 

  295.                     ie.globalError();

    296. 

  296.                 }

    297. 

  297.             }, 

    298. 

  298.             ie.config.RESPONSE_TYPE

    299. 

  299.     );

    300. 

  300. }
    301.