-define([\r
-'libs/jquery-1.9.1.min',\r
-'libs/underscore-min',\r
-'libs/text!./templates/main.html',\r
-'libs/text!./templates/item.html'\r
-], function($, _, mainTemplateSrc, itemTemplateSrc) {\r
-\r
-'use strict';\r
- \r
-return function(sandbox) {\r
- \r
- var dom = $(_.template(mainTemplateSrc)());\r
- var domNodes = {\r
- itemList: dom.find('.rng-module-documentHistory-itemsList'),\r
- }\r
- var itemViews = [];\r
- \r
- var addHistoryItem = function(item, options) {\r
- historyItems.add(item);\r
- var view = new itemView(item);\r
- itemViews.push(view);\r
- domNodes.itemList.prepend(view.dom);\r
- if(options.animate) {\r
- view.dom.hide().slideDown();\r
- }\r
- }\r
- \r
- var toggleItemViews = function(toggle) {\r
- itemViews.forEach(function(view) {\r
- if(!historyItems.selected(view.item))\r
- view.toggle(toggle);\r
- });\r
- }\r
- \r
- var toggleButton = function(btn, toggle) {\r
- dom.find('button.'+btn).toggleClass('disabled', !toggle);\r
- }\r
- \r
- var historyItems = {\r
- _itemsById: {},\r
- _selected: [],\r
- select: function(item) {\r
- if(this._selected.length < 2) {\r
- this._selected.push(item.version);\r
- this._updateUI();\r
- return true;\r
- }\r
- return false;\r
- },\r
- unselect: function(item) {\r
- this._selected = _.without(this._selected, item.version);\r
- this._updateUI();\r
- },\r
- add: function(item) {\r
- this._itemsById[item.version] = item;\r
- },\r
- selected: function(item) {\r
- return _.contains(this._selected, item.version);\r
- },\r
- _updateUI: function() {\r
- var len = this._selected.length;\r
- if(len === 0) {\r
- toggleButton('compare', false);\r
- toggleButton('show2', false);\r
- toggleButton('restore', false);\r
- }\r
- if(len === 1) {\r
- toggleButton('compare', false);\r
- toggleButton('show2', true);\r
- toggleButton('restore', true);\r
- }\r
- if(len === 2) {\r
- toggleItemViews(false);\r
- toggleButton('compare', true);\r
- toggleButton('show2', false);\r
- toggleButton('restore', false);\r
- }\r
- }\r
- };\r
- historyItems._updateUI();\r
- \r
- var itemView = function(item) {\r
- this.item = item;\r
- this.dom = $(this.template(item));\r
- this.dom.on('click', _.bind(this.onItemClicked, this));\r
- };\r
- itemView.prototype.template = _.template(itemTemplateSrc);\r
- itemView.prototype.onItemClicked = function() {\r
- if(historyItems.selected(this.item)) {\r
- historyItems.unselect(this.item);\r
- this.dimItem();\r
- } else if(historyItems.select(this.item)) {\r
- this.highlightItem();\r
- } \r
- };\r
- itemView.prototype.highlightItem = function() {\r
- this.dom.addClass('highlighted');\r
- };\r
- itemView.prototype.dimItem = function() {\r
- this.dom.removeClass('highlighted');\r
- };\r
- itemView.prototype.toggle = function(toggle) {\r
- this.dom.toggleClass('disabled', !toggle);\r
- };\r
-\r
- \r
- \r
- return {\r
+define([
+'libs/jquery-1.9.1.min',
+'libs/underscore-min',
+'./restoreDialog',
+'libs/text!./templates/main.html',
+'libs/text!./templates/item.html'
+], function($, _, restoreDialog, mainTemplateSrc, itemTemplateSrc) {
+
+'use strict';
+
+return function(sandbox) {
+
+ var dom = $(_.template(mainTemplateSrc)());
+ var domNodes = {
+ itemList: dom.find('.rng-module-documentHistory-itemsList'),
+ };
+ var itemViews = [];
+
+
+ dom.find('.btn.compare').click(function(e) {
+ var selected = historyItems.getSelected();
+ sandbox.publish('compare', selected[0], selected[1]);
+ });
+
+ dom.find('.btn.restore').click(function(e) {
+ var dialog = restoreDialog.create();
+ dialog.on('restore', function(event) {
+ sandbox.publish('restoreVersion', {version: historyItems.getSelected()[0], description: event.data.description});
+ event.success();
+ });
+ dialog.show();
+ });
+
+ dom.find('.btn.display').click(function(e) {
+ sandbox.publish('displayVersion', {version: historyItems.getSelected()[0]});
+ });
+
+ var addHistoryItem = function(item, options) {
+ historyItems.add(item);
+ var view = new ItemView(item);
+ itemViews.push(view);
+ domNodes.itemList.prepend(view.dom);
+ if(options.animate) {
+ view.dom.hide().slideDown();
+ }
+ };
+
+ var toggleItemViews = function(toggle) {
+ itemViews.forEach(function(view) {
+ if(!historyItems.isSelected(view.item))
+ view.toggle(toggle);
+ });
+ };
+
+ var toggleButton = function(btn, toggle) {
+ dom.find('button.'+btn).toggleClass('disabled', !toggle);
+ };
+
+ var historyItems = {
+ _itemsById: {},
+ _selected: [],
+ select: function(item) {
+ if(this._selected.length < 2) {
+ this._selected.push(item.version);
+ this._updateUI();
+ return true;
+ }
+ return false;
+ },
+ unselect: function(item) {
+ this._selected = _.without(this._selected, item.version);
+ this._updateUI();
+ },
+ add: function(item) {
+ this._itemsById[item.version] = item;
+ },
+ isSelected: function(item) {
+ return _.contains(this._selected, item.version);
+ },
+ getSelected: function() {
+ return this._selected;
+ },
+ _updateUI: function() {
+ var len = this._selected.length;
+ if(len === 0) {
+ toggleButton('compare', false);
+ toggleButton('display', false);
+ toggleButton('restore', false);
+ }
+ if(len === 1) {
+ toggleButton('compare', false);
+ toggleButton('display', true);
+ toggleButton('restore', true);
+ }
+ if(len === 2) {
+ toggleItemViews(false);
+ toggleButton('compare', true);
+ toggleButton('display', false);
+ toggleButton('restore', false);
+ } else {
+ toggleItemViews(true);
+ }
+ }
+ };
+ historyItems._updateUI();
+
+ var ItemView = function(item) {
+ this.item = item;
+ this.dom = $(this.template(item));
+ this.dom.on('click', _.bind(this.onItemClicked, this));
+ };
+ ItemView.prototype.template = _.template(itemTemplateSrc);
+ ItemView.prototype.onItemClicked = function() {
+ if(historyItems.isSelected(this.item)) {
+ historyItems.unselect(this.item);
+ this.dimItem();
+ } else if(historyItems.select(this.item)) {
+ this.highlightItem();
+ }
+ };
+ ItemView.prototype.highlightItem = function() {
+ this.dom.addClass('highlighted');
+ };
+ ItemView.prototype.dimItem = function() {
+ this.dom.removeClass('highlighted');
+ };
+ ItemView.prototype.toggle = function(toggle) {
+ this.dom.toggleClass('disabled', !toggle);
+ };
+
+
+
+ return {
start: function() { sandbox.publish('ready'); },
- addHistory: function(history, options) {\r
- history.forEach(function(historyItem) {\r
- addHistoryItem(historyItem, options || {});\r
- });\r
- },\r
- getView: function() {\r
- return dom;\r
- }\r
- }\r
-}\r
-\r
+ addHistory: function(history, options) {
+ history.forEach(function(historyItem) {
+ addHistoryItem(historyItem, options || {});
+ });
+ },
+ getView: function() {
+ return dom;
+ }
+ };
+};
+
});
\ No newline at end of file
fnp / fnpeditor.git / blobdiff