From 435918e1b0b6be1058815a55f866698984b4b814 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Tue, 5 Apr 2016 17:31:11 +0300
Subject: [PATCH] added a .cropped prop (bool) to the viewer and a .crop-mode
 css class to indicate a crop...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui (gen4)/features/base.js |  5 +++++
 ui (gen4)/features/ui.js   | 13 ++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/ui (gen4)/features/base.js b/ui (gen4)/features/base.js
index 91efc549..ade586fe 100755
--- a/ui (gen4)/features/base.js	
+++ b/ui (gen4)/features/base.js	
@@ -721,6 +721,11 @@ module.CropActions = actions.Actions({
 		}
 	}],
 
+	// true if current viewer is cropped...
+	get cropped(){
+		return this.crop_stack != null
+	},
+
 	// crop...
 	//
 	crop: ['- Crop/Crop image list',
diff --git a/ui (gen4)/features/ui.js b/ui (gen4)/features/ui.js
index 58d3dac7..2fa62927 100755
--- a/ui (gen4)/features/ui.js	
+++ b/ui (gen4)/features/ui.js	
@@ -26,12 +26,14 @@ var base = require('features/base')
 
 var reloadAfter =
 module.reloadAfter =
-function(force){
+function(force, callback){
 	return function(){
 		return function(){
 			// NOTE: this may seem like cheating, but .reload() should
 			// 		be very efficient, reusing all of the items loaded...
 			this.reload(force)
+
+			callback && callback.apply(this, arguments)
 		}
 	}
 }
@@ -756,6 +758,15 @@ module.Viewer = core.ImageGridFeatures.Feature({
 					delete this.__viewer_resize
 				}
 			}],
+		['crop uncrop',
+			function(){
+				if(this.cropped){
+					this.ribbons.viewer.addClass('crop-mode')
+
+				} else {
+					this.ribbons.viewer.removeClass('crop-mode')
+				}
+			}],
 	],
 })