X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/0479fc5313b1730d4de86b2b71a7bc721ab2b44a..e64e37a2fbe6d64b2513133d34370f0d1a63f7b9:/modules/documentHistory/documentHistory.js

diff --git a/modules/documentHistory/documentHistory.js b/modules/documentHistory/documentHistory.js
index d5f20d4..d435617 100644
--- a/modules/documentHistory/documentHistory.js
+++ b/modules/documentHistory/documentHistory.js
@@ -1,9 +1,10 @@
 define([
 'libs/jquery-1.9.1.min',
 'libs/underscore-min',
+'./restoreDialog',
 'libs/text!./templates/main.html',
 'libs/text!./templates/item.html'
-], function($, _, mainTemplateSrc, itemTemplateSrc) {
+], function($, _, restoreDialog, mainTemplateSrc, itemTemplateSrc) {
 
 'use strict';
     
@@ -14,6 +15,25 @@ return function(sandbox) {
         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);
@@ -27,35 +47,62 @@ return function(sandbox) {
     
     var toggleItemViews = function(toggle) {
         itemViews.forEach(function(view) {
-            if(!historyItems.selected(view.item))
+            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);
-                if(this._selected.length === 2)
-                    toggleItemViews(false);
+                this._updateUI();
                 return true;
             }
             return false;
         },
         unselect: function(item) {
             this._selected = _.without(this._selected, item.version);
-            if(this._selected.length < 2)
-                toggleItemViews(true);
+            this._updateUI();
         },
         add: function(item) {
             this._itemsById[item.version] = item;
         },
-        selected: function(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;
@@ -64,7 +111,7 @@ return function(sandbox) {
     };
     itemView.prototype.template = _.template(itemTemplateSrc);
     itemView.prototype.onItemClicked = function() {
-        if(historyItems.selected(this.item)) {
+        if(historyItems.isSelected(this.item)) {
             historyItems.unselect(this.item);
             this.dimItem();
         } else if(historyItems.select(this.item)) {