scripts_js_file.go 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. package template
  2. var VarScriptsJsFile = []byte(`(function(window, $) {
  3. var frontend = function(window, $) {
  4. var ShopProductsLightGalleryLastImage = '';
  5. // Private
  6. function ShopProductsInitLightGallery() {
  7. $('#product_thumbnails').lightGallery({
  8. pager: false,
  9. showThumbByDefault: false,
  10. toogleThumb: false,
  11. controls: false,
  12. download: false
  13. });
  14. $('#product_image img').css('cursor', 'pointer').click(function() {
  15. $($('#product_thumbnails a.thumbnail').get($(this).data('index'))).click();
  16. });
  17. $('#product_thumbnails a.thumbnail').each(function() {
  18. $(this).mouseover(function() {
  19. if($(this).data('hover') != ShopProductsLightGalleryLastImage) {
  20. ShopProductsLightGalleryLastImage = $(this).data('hover');
  21. $('#product_image img').attr('src', $(this).data('hover'));
  22. $('#product_image img').data('index', $(this).data('index'));
  23. }
  24. });
  25. });
  26. };
  27. function ShopBasketBlockObject(object) {
  28. if(object && !$(object).hasClass('click-blocked')) {
  29. $(object).addClass('click-blocked');
  30. }
  31. };
  32. function ShopBasketUnBlockObject(object) {
  33. if(object && $(object).hasClass('click-blocked')) {
  34. $(object).removeClass('click-blocked');
  35. }
  36. };
  37. function ShopBasketObjectIsNotBlocked(object) {
  38. if(!object) {
  39. return true;
  40. }
  41. return !$(object).hasClass('click-blocked');
  42. };
  43. function ShopBasketSetNavBtnProductsCount(value) {
  44. $('#basket-nav-btn .badge').html(value);
  45. };
  46. function ShopBasketAjaxCommand(cmd, product_id, success, fail, always) {
  47. $.ajax({
  48. type: "GET",
  49. dataType: 'json',
  50. url: '/shop/basket/' + cmd + '/' + product_id + '/'
  51. }).done(function(data) {
  52. if(success) { success(data); }
  53. }).fail(function(xhr, status, error) {
  54. if(fail) { fail(xhr, status, error); }
  55. }).always(function() {
  56. if(always) { always(); }
  57. });
  58. };
  59. function ShopBasketAjaxGetCount(success, fail, always) {
  60. $.ajax({
  61. type: "GET",
  62. dataType: 'json',
  63. url: '/shop/basket/info/'
  64. }).done(function(data) {
  65. if(success && data && data.total_count) { success(data.total_count); }
  66. }).fail(function(xhr, status, error) {
  67. if(fail) { fail(xhr, status, error); }
  68. }).always(function() {
  69. if(always) { always(); }
  70. });
  71. };
  72. function ShopBasketAjaxUpdateCount() {
  73. ShopBasketAjaxGetCount(function(count) {
  74. ShopBasketSetNavBtnProductsCount(count);
  75. });
  76. };
  77. function Initialize() {
  78. // Check if jQuery was loaded
  79. if(typeof $ == 'function') {
  80. ShopProductsInitLightGallery();
  81. ShopBasketAjaxUpdateCount();
  82. } else {
  83. console.log('Error: jQuery is not loaded!');
  84. }
  85. };
  86. // Initialize
  87. if(window.addEventListener) {
  88. // W3C standard
  89. window.addEventListener('load', Initialize, false);
  90. } else if(window.attachEvent) {
  91. // Microsoft
  92. window.attachEvent('onload', Initialize);
  93. };
  94. // Public
  95. return {
  96. ShopBasketOpen: function(object) {
  97. if(ShopBasketObjectIsNotBlocked(object)) {
  98. ShopBasketBlockObject(object);
  99. // ShopBasketSetNavBtnProductsCount(0);
  100. // console.log('ShopOpenBasket', object);
  101. // --------------------------------------------------
  102. var html = '<div class="modal fade" id="sys-modal-shop-basket" tabindex="-1" role="dialog" aria-labelledby="sysModalShopBasketLabel" aria-hidden="true"> \
  103. <div class="modal-dialog modal-dialog-centered" role="document"> \
  104. <div class="modal-content"> \
  105. <input type="hidden" name="action" value="index-user-update-profile"> \
  106. <div class="modal-header"> \
  107. <h5 class="modal-title" id="sysModalShopBasketLabel">Basket</h5> \
  108. <button type="button" class="close" data-dismiss="modal" aria-label="Close"> \
  109. <span aria-hidden="true">&times;</span> \
  110. </button> \
  111. </div> \
  112. <div class="modal-body text-left"> \
  113. <div class="form-group"> \
  114. <input type="text" class="form-control" name="product-name" value="" placeholder="Type product name here..." readonly autocomplete="off"> \
  115. </div> \
  116. <div class="form-group" style="margin-bottom:0px;"> \
  117. <div class="products-list"></div> \
  118. </div> \
  119. </div> \
  120. <div class="modal-footer"> \
  121. <button type="button" class="btn btn-secondary" data-dismiss="modal">Continue shopping</button> \
  122. </div> \
  123. </div> \
  124. </div> \
  125. </div>';
  126. $('#sys-modal-shop-basket-placeholder').html(html);
  127. $("#sys-modal-shop-basket").modal({
  128. backdrop: 'static',
  129. keyboard: true,
  130. show: false,
  131. });
  132. $('#sys-modal-shop-basket').on('hidden.bs.modal', function(e) {
  133. $('#sys-modal-shop-basket-placeholder').html('');
  134. });
  135. $("#sys-modal-shop-basket").modal('show');
  136. // --------------------------------------------------
  137. ShopBasketUnBlockObject(object);
  138. }
  139. return false;
  140. },
  141. ShopBasketProductAdd: function(object, product_id) {
  142. if(ShopBasketObjectIsNotBlocked(object)) {
  143. ShopBasketBlockObject(object);
  144. ShopBasketAjaxCommand('plus', product_id, function(data) {
  145. frontend.ShopBasketOpen();
  146. }, function(xhr, status, error) {
  147. // console.log('fail', xhr, status, error, product_id);
  148. // Page reload
  149. }, function() {
  150. ShopBasketAjaxUpdateCount();
  151. ShopBasketUnBlockObject(object);
  152. });
  153. }
  154. return false;
  155. },
  156. ShopBasketProductPlus: function(object, product_id) {
  157. if(ShopBasketObjectIsNotBlocked(object)) {
  158. ShopBasketBlockObject(object);
  159. ShopBasketAjaxCommand('plus', product_id, function(data) {
  160. // console.log('success', data, product_id);
  161. // Update popup content
  162. }, function(xhr, status, error) {
  163. // console.log('fail', xhr, status, error, product_id);
  164. // Page reload
  165. }, function() {
  166. ShopBasketAjaxUpdateCount();
  167. ShopBasketUnBlockObject(object);
  168. });
  169. }
  170. return false;
  171. },
  172. ShopBasketProductMinus: function(object, product_id) {
  173. if(ShopBasketObjectIsNotBlocked(object)) {
  174. ShopBasketBlockObject(object);
  175. ShopBasketAjaxCommand('minus', product_id, function(data) {
  176. // console.log('success', data, product_id);
  177. // Update popup content
  178. }, function(xhr, status, error) {
  179. // console.log('fail', xhr, status, error, product_id);
  180. // Page reload
  181. }, function() {
  182. ShopBasketAjaxUpdateCount();
  183. ShopBasketUnBlockObject(object);
  184. });
  185. }
  186. return false;
  187. },
  188. ShopBasketProductRemove: function(object, product_id) {
  189. if(ShopBasketObjectIsNotBlocked(object)) {
  190. ShopBasketBlockObject(object);
  191. ShopBasketAjaxCommand('remove', product_id, function(data) {
  192. // console.log('success', data, product_id);
  193. // Update popup content
  194. }, function(xhr, status, error) {
  195. // console.log('fail', xhr, status, error, product_id);
  196. // Page reload
  197. }, function() {
  198. ShopBasketAjaxUpdateCount();
  199. ShopBasketUnBlockObject(object);
  200. });
  201. }
  202. return false;
  203. },
  204. };
  205. }(window, $);
  206. window.frontend = frontend;
  207. }(window, jQuery));`)