1
|
|
|
define(function(require) { |
2
|
|
|
'use strict'; |
3
|
|
|
|
4
|
|
|
var ShoppingListCollectionComponent; |
5
|
|
|
var BaseComponent = require('oroui/js/app/components/base/component'); |
6
|
|
|
var BaseCollection = require('oroui/js/app/models/base/collection'); |
7
|
|
|
var ShoppingListCollectionService = require('oroshoppinglist/js/shoppinglist-collection-service'); |
8
|
|
|
var mediator = require('oroui/js/mediator'); |
9
|
|
|
var _ = require('underscore'); |
10
|
|
|
|
11
|
|
|
ShoppingListCollectionComponent = BaseComponent.extend({ |
12
|
|
|
/** |
13
|
|
|
* @inheritDoc |
14
|
|
|
*/ |
15
|
|
|
listen: { |
16
|
|
|
'shopping-list:line-items:update-response mediator': '_onLineItemsUpdate' |
17
|
|
|
}, |
18
|
|
|
|
19
|
|
|
/** |
20
|
|
|
* @inheritDoc |
21
|
|
|
*/ |
22
|
|
|
constructor: function ShoppingListCollectionComponent() { |
23
|
|
|
ShoppingListCollectionComponent.__super__.constructor.apply(this, arguments); |
24
|
|
|
}, |
25
|
|
|
|
26
|
|
|
/** |
27
|
|
|
* @inheritDoc |
28
|
|
|
*/ |
29
|
|
|
initialize: function(options) { |
30
|
|
|
this.collection = new BaseCollection(options.shoppingLists); |
31
|
|
|
this.collection.comparator = this.comparator; |
32
|
|
|
|
33
|
|
|
this.collection.on('update', function(collection, options) { |
34
|
|
|
if (options.add) { |
35
|
|
|
mediator.trigger('shopping-list:refresh'); |
36
|
|
|
} |
37
|
|
|
}); |
38
|
|
|
this.collection.on('change', function(options) { |
39
|
|
|
if (options && options.refresh) { |
40
|
|
|
mediator.trigger('shopping-list:refresh'); |
41
|
|
|
} |
42
|
|
|
}); |
43
|
|
|
ShoppingListCollectionService.shoppingListCollection.resolve(this.collection); |
44
|
|
|
}, |
45
|
|
|
|
46
|
|
|
comparator: function(model) { |
47
|
|
|
// 0 for current SL - should be first |
48
|
|
|
return model.get('is_current') ? 0 : model.get('id'); |
49
|
|
|
}, |
50
|
|
|
|
51
|
|
|
_onLineItemsUpdate: function(model, response) { |
52
|
|
|
if (!model || !response) { |
53
|
|
|
return; |
54
|
|
|
} |
55
|
|
|
|
56
|
|
|
if (response.message) { |
57
|
|
|
mediator.execute( |
58
|
|
|
'showFlashMessage', (response.hasOwnProperty('successful') ? 'success' : 'error'), |
59
|
|
|
response.message |
60
|
|
|
); |
61
|
|
|
} |
62
|
|
|
|
63
|
|
|
var updateModel = function(model, product) { |
64
|
|
|
model.set('shopping_lists', product.shopping_lists, {silent: true}); |
65
|
|
|
model.trigger('change:shopping_lists'); |
66
|
|
|
}; |
67
|
|
|
if (response.product && !_.isArray(model)) { |
68
|
|
|
updateModel(model, response.product); |
69
|
|
|
} else if (response.products && _.isArray(model)) { |
70
|
|
|
model = _.indexBy(model, 'id'); |
71
|
|
|
_.each(response.products, function(product) { |
72
|
|
|
updateModel(model[product.id], product); |
73
|
|
|
}); |
74
|
|
|
} |
75
|
|
|
|
76
|
|
|
if (response.shoppingList && !this.collection.find({id: response.shoppingList.id})) { |
77
|
|
|
this.collection.add(_.defaults(response.shoppingList, {is_current: true}), { |
78
|
|
|
silent: true |
79
|
|
|
}); |
80
|
|
|
} |
81
|
|
|
|
82
|
|
|
this.collection.trigger('change', { |
83
|
|
|
refresh: true |
84
|
|
|
}); |
85
|
|
|
} |
86
|
|
|
}); |
87
|
|
|
|
88
|
|
|
return ShoppingListCollectionComponent; |
89
|
|
|
}); |
90
|
|
|
|