Blame view

web/js/artbox_basket.js 4.66 KB
ed038e99   Yarik   Order
1
  ///<reference path="node_modules/@types/jquery/index.d.ts" />
11ecfb79   Yarik   Basket
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
  var ArtboxBasket = (function () {
      function ArtboxBasket(settings) {
          if (settings === void 0) { settings = {}; }
          this._defaults = {
              language: 'ru',
              url: 'basket',
              initError: 'Basket cannot be init',
              modalSelector: '.basket_modal',
              cartSelector: '.basket_wrapper'
          };
          this._settings = {};
          this._settings = ArtboxBasket.mergeObjects(this._defaults, settings);
          this.init(true, true);
      }
      Object.defineProperty(ArtboxBasket.prototype, "items", {
          get: function () {
              return this._items;
          },
          enumerable: true,
          configurable: true
      });
      Object.defineProperty(ArtboxBasket.prototype, "language", {
          get: function () {
              if (this._language === undefined) {
                  var language_attr = $('html').attr('lang');
                  if (language_attr !== undefined) {
                      var language = language_attr.substr(0, 2);
                      if (language.length == 2) {
                          this._language = language;
                      }
                      else {
                          this._language = this._settings['language'];
                      }
                  }
                  else {
                      this._language = this._settings['language'];
                  }
              }
              return this._language;
          },
          enumerable: true,
          configurable: true
      });
      ArtboxBasket.prototype.init = function (update_modal, update_cart) {
          $.get('/' + this.language + '/' + this._settings['url'], function (data) {
              this._items = data.basket;
              if (update_modal) {
                  this.updateModal(data.modal, false);
              }
              if (update_cart) {
                  this.updateCart(data.cart);
              }
          }.bind(this), 'json').fail(function () {
              console.error(this._settings['initError']);
          }.bind(this));
      };
      ArtboxBasket.prototype.add = function (variant_id, count) {
ed038e99   Yarik   Order
59
          return $.post('/' + this.language + '/' + this._settings['url'] + '/add?variant_id=' + variant_id + '&count=' + count, function (data) {
11ecfb79   Yarik   Basket
60
61
62
63
64
65
66
              this._items = data.basket;
              this.updateModal(data.modal, data.cart, true);
          }.bind(this), 'json').fail(function (xhr, status, error) {
              console.error(error);
          });
      };
      ArtboxBasket.prototype.set = function (variant_id, count) {
ed038e99   Yarik   Order
67
          return $.post('/' + this.language + '/' + this._settings['url'] + '/set?variant_id=' + variant_id + '&count=' + count, function (data) {
11ecfb79   Yarik   Basket
68
69
70
71
72
73
74
              this._items = data.basket;
              this.updateModal(data.modal, data.cart, true);
          }.bind(this), 'json').fail(function (xhr, status, error) {
              console.error(error);
          });
      };
      ArtboxBasket.prototype.remove = function (variant_id) {
ed038e99   Yarik   Order
75
          return $.post('/' + this.language + '/' + this._settings['url'] + '/remove?variant_id=' + variant_id, function (data) {
11ecfb79   Yarik   Basket
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
              this._items = data.basket;
              this.updateModal(data.modal, data.cart, true);
          }.bind(this), 'json').fail(function (xhr, status, error) {
              console.error(error);
          });
      };
      ArtboxBasket.prototype.updateModal = function (modal, cart_html, show) {
          if (show === void 0) { show = false; }
          var modalBox = $(this._settings['modalSelector']);
          modalBox.html(modal);
          if (cart_html) {
              this.updateCart(cart_html);
          }
          if (this.count < 1) {
              this.hideBasket();
          }
          if (show) {
              return show;
          }
      };
      ArtboxBasket.prototype.updateCart = function (cart_html) {
          var cart = $(this._settings['cartSelector']);
          cart.html(cart_html);
      };
      ArtboxBasket.prototype.hideBasket = function () {
          $(this._settings['modalSelector'])
              .animate({
              opacity: 0,
              top: '0'
          }, 200, function () {
              $(this)
                  .css('display', 'none');
              $('#overlay')
                  .fadeOut(400);
          });
      };
      Object.defineProperty(ArtboxBasket.prototype, "count", {
          get: function () {
              return Object.keys(this._items).length;
          },
          enumerable: true,
          configurable: true
      });
      ArtboxBasket.mergeObjects = function (obj1, obj2) {
          var obj = {};
          for (var attribute in obj1) {
              obj[attribute] = obj1[attribute];
          }
          for (var attribute in obj2) {
              obj[attribute] = obj2[attribute];
          }
          return obj;
      };
      return ArtboxBasket;
  }());