UI: Undo remove

Added 'undo' functionality when removing config items. Added new 'RemovedConfigStore' to take care of storing these items and added 'UndoRemoveAlert.react' component to take care of display & 'undo link' interaction.
cagedtornado · Apr 5, 2016 · 2096002 · 2096002
1 parent 1d56397
commit 2096002
Show file tree

Hide file tree

Showing 9 changed files with 721 additions and 333 deletions.
diff --git a/css/app.css b/css/app.css
@@ -7,7 +7,16 @@ body {
   margin-bottom: 20px;
 }
 
+/* Alert styles */
+.alert-info a{
+  color: #bddaed;
+}
+
+.alert a:hover {
+  cursor:pointer;
+}
 
+/* Ajax progress bar */
 /* Make clicks pass-through */
 #nprogress {
   pointer-events: none;

diff --git a/js/actions/ConfigActions.js b/js/actions/ConfigActions.js
@@ -3,14 +3,35 @@ import CentralConfigConstants from '../constants/CentralConfigConstants';
 
 class ConfigActions {
 
-  recieveConfigData(configData) {
+	//	Updates the 'config items' store
+	recieveConfigData(configData) {
 
-    AppDispatcher.dispatch({
-      actionType: CentralConfigConstants.RECIEVE_RAW_CONFIGITEMS,
-      configData: configData
-    });
+		AppDispatcher.dispatch({
+		  actionType: CentralConfigConstants.RECIEVE_RAW_CONFIGITEMS,
+		  configData: configData
+		});
 
-  }
+	}
+
+	//	Updates the 'removed item' store
+	recieveRemovedConfigData(configData) {
+
+		AppDispatcher.dispatch({
+		  actionType: CentralConfigConstants.RECIEVE_REMOVED_CONFIGITEM,
+		  removedItem: configData
+		});
+
+	}
+
+	//	Clears the 'removed item' store
+	clearRemovedConfigData() {
+
+		AppDispatcher.dispatch({
+		  actionType: CentralConfigConstants.RECIEVE_REMOVED_CONFIGITEM,
+		  removedItem: null
+		});
+
+	}
 
 }