album.js 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391
  1. /**
  2. * @name Album Module
  3. * @description Takes care of every action an album can handle and execute.
  4. * @author Tobias Reich
  5. * @copyright 2014 by Tobias Reich
  6. */
  7. album = {
  8. json: null,
  9. getID: function() {
  10. var id;
  11. if (photo.json) id = photo.json.album;
  12. else if (album.json) id = album.json.id;
  13. else id = $(".album:hover, .album.active").attr("data-id");
  14. // Search
  15. if (!id) id = $(".album:hover, .album.active").attr("data-id");
  16. if (!id) id = $(".photo:hover, .photo.active").attr("data-album-id");
  17. if (id) return id;
  18. else return false;
  19. },
  20. load: function(albumID, refresh) {
  21. var startTime,
  22. params,
  23. durationTime,
  24. waitTime;
  25. password.get(albumID, function() {
  26. if (!refresh) {
  27. loadingBar.show();
  28. lychee.animate(".album:nth-child(-n+50), .photo:nth-child(-n+50)", "contentZoomOut");
  29. lychee.animate(".divider", "fadeOut");
  30. }
  31. startTime = new Date().getTime();
  32. params = "getAlbum&albumID=" + albumID + "&password=" + password.value;
  33. lychee.api(params, function(data) {
  34. if (data==="Warning: Album private!") {
  35. if (document.location.hash.replace("#", "").split("/")[1]!=undefined) {
  36. // Display photo only
  37. lychee.setMode("view");
  38. } else {
  39. // Album not public
  40. lychee.content.show();
  41. lychee.goto("");
  42. }
  43. return false;
  44. }
  45. if (data==="Warning: Wrong password!") {
  46. album.load(albumID, refresh);
  47. return false;
  48. }
  49. album.json = data;
  50. durationTime = (new Date().getTime() - startTime);
  51. if (durationTime>300) waitTime = 0; else if (refresh) waitTime = 0; else waitTime = 300 - durationTime;
  52. if (!visible.albums()&&!visible.photo()&&!visible.album()) waitTime = 0;
  53. setTimeout(function() {
  54. view.album.init();
  55. if (!refresh) {
  56. lychee.animate(".album:nth-child(-n+50), .photo:nth-child(-n+50)", "contentZoomIn");
  57. view.header.mode("album");
  58. }
  59. }, waitTime);
  60. });
  61. });
  62. },
  63. parse: function() {
  64. if (!album.json.title) album.json.title = "Untitled";
  65. },
  66. add: function() {
  67. var title,
  68. params,
  69. buttons,
  70. isNumber = function(n) { return !isNaN(parseFloat(n)) && isFinite(n) };
  71. buttons = [
  72. ["Create Album", function() {
  73. title = $(".message input.text").val();
  74. if (title.length===0) title = "Untitled";
  75. modal.close();
  76. params = "addAlbum&title=" + escape(encodeURI(title));
  77. lychee.api(params, function(data) {
  78. if (data===true) data = 1; // Avoid first album to be true
  79. if (data!==false&&isNumber(data)) {
  80. albums.refresh();
  81. lychee.goto(data);
  82. }
  83. else lychee.error(null, params, data);
  84. });
  85. }],
  86. ["Cancel", function() {}]
  87. ];
  88. modal.show("New Album", "Enter a title for this album: <input class='text' type='text' maxlength='30' placeholder='Title' value='Untitled'>", buttons);
  89. },
  90. delete: function(albumIDs) {
  91. var params,
  92. buttons,
  93. albumTitle;
  94. if (!albumIDs) return false;
  95. if (albumIDs instanceof Array===false) albumIDs = [albumIDs];
  96. buttons = [
  97. ["", function() {
  98. params = "deleteAlbum&albumIDs=" + albumIDs;
  99. lychee.api(params, function(data) {
  100. if (visible.albums()) {
  101. albumIDs.forEach(function(id) {
  102. albums.json.num--;
  103. view.albums.content.delete(id);
  104. delete albums.json.content[id]
  105. });
  106. } else lychee.goto("");
  107. if (data!==true) lychee.error(null, params, data);
  108. });
  109. }],
  110. ["", function() {}]
  111. ];
  112. if (albumIDs.toString()==="0") {
  113. buttons[0][0] = "Clear Unsorted";
  114. buttons[1][0] = "Keep Unsorted";
  115. modal.show("Clear Unsorted", "Are you sure you want to delete all photos from 'Unsorted'?<br>This action can't be undone!", buttons);
  116. } else if (albumIDs.length===1) {
  117. buttons[0][0] = "Delete Album and Photos";
  118. buttons[1][0] = "Keep Album";
  119. // Get title
  120. if (album.json) albumTitle = album.json.title;
  121. else if (albums.json) albumTitle = albums.json.content[albumIDs].title;
  122. modal.show("Delete Album", "Are you sure you want to delete the album '" + albumTitle + "' and all of the photos it contains? This action can't be undone!", buttons);
  123. } else {
  124. buttons[0][0] = "Delete Albums and Photos";
  125. buttons[1][0] = "Keep Albums";
  126. modal.show("Delete Albums", "Are you sure you want to delete all " + albumIDs.length + " selected albums and all of the photos they contain? This action can't be undone!", buttons);
  127. }
  128. },
  129. setTitle: function(albumIDs) {
  130. var oldTitle = "",
  131. newTitle,
  132. params,
  133. buttons;
  134. if (!albumIDs) return false;
  135. if (albumIDs instanceof Array===false) albumIDs = [albumIDs];
  136. if (albumIDs.length===1) {
  137. // Get old title if only one album is selected
  138. if (album.json) oldTitle = album.json.title;
  139. else if (albums.json) oldTitle = albums.json.content[albumIDs].title;
  140. if (!oldTitle) oldTitle = "";
  141. oldTitle = oldTitle.replace("'", "&apos;");
  142. }
  143. buttons = [
  144. ["Set Title", function() {
  145. // Get input
  146. newTitle = $(".message input.text").val();
  147. // Remove html from input
  148. newTitle = lychee.removeHTML(newTitle);
  149. // Set to Untitled when empty
  150. newTitle = (newTitle==="") ? "Untitled" : newTitle;
  151. if (visible.album()) {
  152. var id = albumIDs[0];
  153. album.json.title = newTitle;
  154. albums.json.content[id].title = newTitle;
  155. view.album.title();
  156. } else if (visible.albums()) {
  157. albumIDs.forEach(function(id) {
  158. albums.json.content[id].title = newTitle;
  159. view.albums.content.title(id);
  160. });
  161. }
  162. params = "setAlbumTitle&albumIDs=" + albumIDs + "&title=" + escape(encodeURI(newTitle));
  163. lychee.api(params, function(data) {
  164. if (data!==true) lychee.error(null, params, data);
  165. });
  166. }],
  167. ["Cancel", function() {}]
  168. ];
  169. if (albumIDs.length===1) modal.show("Set Title", "Enter a new title for this album: <input class='text' type='text' maxlength='30' placeholder='Title' value='" + oldTitle + "'>", buttons);
  170. else modal.show("Set Titles", "Enter a title for all " + albumIDs.length + " selected album: <input class='text' type='text' maxlength='30' placeholder='Title' value='" + oldTitle + "'>", buttons);
  171. },
  172. setDescription: function(photoID) {
  173. var oldDescription = album.json.description.replace("'", "&apos;"),
  174. description,
  175. params,
  176. buttons;
  177. buttons = [
  178. ["Set Description", function() {
  179. // Get input
  180. description = $(".message input.text").val();
  181. // Remove html from input
  182. description = lychee.removeHTML(description);
  183. if (visible.album()) {
  184. album.json.description = description;
  185. view.album.description();
  186. }
  187. params = "setAlbumDescription&albumID=" + photoID + "&description=" + escape(encodeURI(description));
  188. lychee.api(params, function(data) {
  189. if (data!==true) lychee.error(null, params, data);
  190. });
  191. }],
  192. ["Cancel", function() {}]
  193. ];
  194. modal.show("Set Description", "Please enter a description for this album: <input class='text' type='text' maxlength='800' placeholder='Description' value='" + oldDescription + "'>", buttons);
  195. },
  196. setPublic: function(albumID, e) {
  197. var params,
  198. password = "",
  199. listed = false,
  200. downloadable = false;
  201. albums.refresh();
  202. if (!visible.message()&&album.json.public==0) {
  203. modal.show("Share Album", "This album will be shared with the following properties:</p><form><div class='choice'><input type='checkbox' name='listed' value='listed' checked><h2>Visible</h2><p>Listed to visitors of your Lychee.</p></div><div class='choice'><input type='checkbox' name='downloadable' value='downloadable'><h2>Downloadable</h2><p>Visitors of your Lychee can download this album.</p></div><div class='choice'><input type='checkbox' name='password' value='password'><h2>Password protected</h2><p>Only accessible with a valid password.<input class='text' type='password' placeholder='password' value='' style='display: none;'></p></div></form><p style='display: none;'>", [["Share Album", function() { album.setPublic(album.getID(), e) }], ["Cancel", function() {}]], -170);
  204. $(".message .choice input[name='password']").on("change", function() {
  205. if ($(this).prop('checked')===true) $(".message .choice input.text").show();
  206. else $(".message .choice input.text").hide();
  207. });
  208. return true;
  209. }
  210. if (visible.message()) {
  211. if ($(".message .choice input[name='password']:checked").val()==="password") {
  212. password = md5($(".message input.text").val());
  213. album.json.password = 1;
  214. } else {
  215. password = "";
  216. album.json.password = 0;
  217. }
  218. if ($(".message .choice input[name='listed']:checked").val()==="listed") listed = true;
  219. if ($(".message .choice input[name='downloadable']:checked").val()==="downloadable") downloadable = true;
  220. }
  221. params = "setAlbumPublic&albumID=" + albumID + "&password=" + password + "&visible=" + listed + "&downloadable=" + downloadable;
  222. if (visible.album()) {
  223. album.json.public = (album.json.public==0) ? 1 : 0;
  224. album.json.password = (album.json.public==0) ? 0 : album.json.password;
  225. view.album.public();
  226. view.album.password();
  227. if (album.json.public==1) contextMenu.shareAlbum(albumID, e);
  228. }
  229. lychee.api(params, function(data) {
  230. if (data!==true) lychee.error(null, params, data);
  231. });
  232. },
  233. share: function(service) {
  234. var link = "",
  235. url = location.href;
  236. switch (service) {
  237. case 0:
  238. link = "https://twitter.com/share?url=" + encodeURI(url);
  239. break;
  240. case 1:
  241. link = "http://www.facebook.com/sharer.php?u=" + encodeURI(url) + "&t=" + encodeURI(album.json.title);
  242. break;
  243. case 2:
  244. link = "mailto:?subject=" + encodeURI(album.json.title) + "&body=" + encodeURI(url);
  245. break;
  246. default:
  247. link = "";
  248. break;
  249. }
  250. if (link.length>5) location.href = link;
  251. },
  252. getArchive: function(albumID) {
  253. var link,
  254. url = "php/api.php?function=getAlbumArchive&albumID=" + albumID;
  255. if (location.href.indexOf("index.html")>0) link = location.href.replace(location.hash, "").replace("index.html", url);
  256. else link = location.href.replace(location.hash, "") + url;
  257. if (lychee.publicMode) link += "&password=" + password.value;
  258. location.href = link;
  259. }
  260. };