Lungo.Boot.Events.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /**
  2. * Initialize the automatic DOM UI events
  3. *
  4. * @namespace LUNGO.Boot
  5. * @class Events
  6. *
  7. * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  8. * @author Guillermo Pascual <pasku@tapquo.com> || @pasku1
  9. */
  10. LUNGO.Boot.Events = (function(lng, undefined) {
  11. /**
  12. * Initializes the automatic subscription events by markup of the project.
  13. *
  14. * @method init
  15. *
  16. */
  17. var start = function() {
  18. var touch_move_event = 'touchmove';
  19. var resize = 'resize';
  20. var target_selector = 'a[href][data-target]';
  21. var target_selector_from_aside = 'aside a[href][data-target]';
  22. lng.dom(document).on(touch_move_event, _iScroll);
  23. lng.dom(window).on(resize, _changeOrientation);
  24. lng.dom(target_selector_from_aside).tap(_loadTargetFromAside);
  25. lng.dom(target_selector).tap(_loadTarget);
  26. lng.Fallback.androidButtons();
  27. };
  28. var _iScroll = function(event) {
  29. event.preventDefault();
  30. };
  31. var _changeOrientation = function(event) {
  32. lng.View.Resize.toolbars();
  33. };
  34. var _loadTargetFromAside = function(event) {
  35. var link = lng.dom(this);
  36. var aside_id = '#' + link.parent('aside').attr('id');
  37. var section_id = '#' + lng.dom('section.aside').first().attr('id');
  38. if (link.data('target') === 'article') {
  39. lng.dom('aside' + aside_id + ' a[href][data-target="article"]').removeClass('current');
  40. link.addClass('current');
  41. }
  42. lng.View.Aside.hide(section_id, aside_id);
  43. setTimeout(function() {
  44. //event.preventDefault();
  45. }, 1000);
  46. };
  47. var _loadTarget = function(event) {
  48. var link = lng.dom(this);
  49. _selectTarget(link);
  50. event.preventDefault();
  51. };
  52. var _selectTarget = function(link) {
  53. var target_type = link.data('target');
  54. switch(target_type) {
  55. case 'section':
  56. var target_id = link.attr('href');
  57. _goSection(target_id);
  58. break;
  59. case 'article':
  60. _goArticle(link);
  61. break;
  62. case 'aside':
  63. _goAside(link);
  64. break;
  65. }
  66. };
  67. var _goSection = function(id) {
  68. id = lng.Core.parseUrl(id);
  69. if (id === '#back') {
  70. lng.Router.back();
  71. } else {
  72. lng.Router.section(id);
  73. }
  74. };
  75. var _goArticle = function(element) {
  76. section_id = lng.Router.History.current();
  77. var article_id = element.attr('href');
  78. lng.Router.article(section_id, article_id);
  79. };
  80. var _goAside = function(element) {
  81. var section_id = lng.Router.History.current();
  82. var aside_id = element.attr('href');
  83. lng.Router.aside(section_id, aside_id);
  84. };
  85. return {
  86. start: start
  87. };
  88. })(LUNGO);