05cddbc7d848f9186f33f343d0f6caf7c1b50de5
[fnpeditor.git] / modules / documentHistory / documentHistory.js
1 define([\r
2 'libs/jquery-1.9.1.min',\r
3 'libs/underscore-min',\r
4 'libs/text!./templates/main.html',\r
5 'libs/text!./templates/item.html'\r
6 ], function($, _, mainTemplateSrc, itemTemplateSrc) {\r
7 \r
8 'use strict';\r
9     \r
10 return function(sandbox) {\r
11     \r
12     var dom = $(_.template(mainTemplateSrc)());\r
13     var domNodes = {\r
14         itemList: dom.find('.rng-module-documentHistory-itemsList'),\r
15     }\r
16     var itemViews = [];\r
17         \r
18     var addHistoryItem = function(item) {\r
19         historyItems.add(item);\r
20         var view = new itemView(item);\r
21         itemViews.push(view);\r
22         domNodes.itemList.append(view.dom);\r
23     }\r
24     \r
25     var toggleItemViews = function(toggle) {\r
26         itemViews.forEach(function(view) {\r
27             view.toggle(toggle);\r
28         });\r
29     }\r
30     \r
31     var historyItems = {\r
32         _itemsById: {},\r
33         _selected: [],\r
34         select: function(id) {\r
35             if(this._selected.length < 2) {\r
36                 this._selected.push(id);\r
37                 if(this._selected.length === 2)\r
38                     toggleItemViews(false);\r
39                 return true;\r
40             }\r
41             return false;\r
42         },\r
43         unselect: function(item) {\r
44             this._selected = _.without(this._selected, id);\r
45             if(this._selected.length < 2)\r
46                 toggleItemViews(true);\r
47         },\r
48         add: function(item) {\r
49             this._itemsById[item.id] = item;\r
50         },\r
51         selected: function(item) {\r
52             return _.contains(_selected, item.id);\r
53         }\r
54     };\r
55     \r
56     var itemView = function(item) {\r
57         this.item = item;\r
58         this.dom = $(this.template(item));\r
59         this.dom.on('click', this.onItemClicked);\r
60     };\r
61     itemView.prototype.template = _.template(itemTemplateSrc);\r
62     itemView.prototype.onItemClicked = function() {\r
63         if(historyItems.selected(item)) {\r
64             historyItems.unselect(item);\r
65             this.dimItem();\r
66         } else if(historyItems.select(item)) {\r
67             this.highlightItem();\r
68         }            \r
69     };\r
70     itemView.prototype.highlightItem = function() {\r
71         \r
72     };\r
73     itemView.prototype.dimItem = function() {\r
74     \r
75     };\r
76     itemView.prototype.toggle = function(toggle) {\r
77     \r
78     };\r
79 \r
80     \r
81     \r
82     return {\r
83         start: function() { sandbox.publish('ready'); },\r
84         setHistory: function(history) {\r
85             history.forEach(function(historyItem) {\r
86                 addHistoryItem(historyItem);\r
87             });\r
88         },\r
89         getView: function() {\r
90             return dom;\r
91         }\r
92     }\r
93 }\r
94 \r
95 });