From 91210dc28f0136f76a5035e0ef3d943c6f2ee631 Mon Sep 17 00:00:00 2001
From: Veera <veera.k.sundar@gmail.com>
Date: Sun, 26 Jun 2016 12:36:54 -0700
Subject: [PATCH] Add  basic validation for indent / un indent.

---
 src/js/components/folder-content.js   |  8 +++--
 src/js/components/folder-structure.js | 51 ++++++++++++++++++++++++---
 2 files changed, 53 insertions(+), 6 deletions(-)

diff --git a/src/js/components/folder-content.js b/src/js/components/folder-content.js
index 40b21a4..388f6c3 100644
--- a/src/js/components/folder-content.js
+++ b/src/js/components/folder-content.js
@@ -43,6 +43,10 @@ let FolderContent = React.createClass({
         }
     },
 
+    handleDelete: function () {
+        this.props.onDelete(this.props.id);
+    },
+
     renderIndent: function () {
         let depth = this.props.depth,
             depthArr = [],
@@ -72,10 +76,10 @@ let FolderContent = React.createClass({
         );
     },
 
-    renderButtons: function() {
+    renderButtons: function () {
         return (
             <ul className="cta-buttons">
-                <li>⛌</li>
+                <li onClick={this.handleDelete}>⛌</li>
             </ul>
         );
     },
diff --git a/src/js/components/folder-structure.js b/src/js/components/folder-structure.js
index 6ef72d3..4768202 100644
--- a/src/js/components/folder-structure.js
+++ b/src/js/components/folder-structure.js
@@ -2,6 +2,7 @@ let React = require('react');
 let FolderContent = require('./folder-content');
 
 let FolderStructure = React.createClass({
+
     getInitialState: function () {
         return {
             contents: this.props.contents
@@ -10,11 +11,22 @@ let FolderStructure = React.createClass({
 
     onIndent: function (id) {
         let contents = this.state.contents,
+            content,
+            previousContent,
             i;
 
         for (i = 0; i < contents.length; i++) {
-            if (contents[i].id === id) {
-                contents[i].depth = contents[i].depth + 1;
+            content = contents[i];
+            previousContent = (i > 0) ? contents[i - 1] : null;
+            if (content.id === id) {
+                if (content.depth === 1) {
+                    alert('Can not indent root folder.');
+                } else if (!!previousContent && (content.depth - previousContent.depth) === 1) {
+                    alert('Can not indent this item.');
+                } else {
+                    content.depth = content.depth + 1;
+                }
+                break;
             }
         }
         this.setState({
@@ -24,11 +36,23 @@ let FolderStructure = React.createClass({
 
     onUnIndent: function (id) {
         let contents = this.state.contents,
+            content,
+            previousContent,
             i;
 
         for (i = 0; i < contents.length; i++) {
-            if (contents[i].id === id) {
-                contents[i].depth = contents[i].depth - 1;
+            content = contents[i];
+            previousContent = (i > 0) ? contents[i - 1] : null;
+
+            if (content.id === id) {
+                if (content.depth === 1) {
+                    alert('Can not un indent root folder.');
+                } else if (content.depth === 2) {
+                    alert('Can not indent this item.');
+                } else {
+                    content.depth = content.depth - 1;
+                }
+                break;
             }
         }
         this.setState({
@@ -36,6 +60,24 @@ let FolderStructure = React.createClass({
         });
     },
 
+    onDelete: function (id) {
+        let contents = this.state.contents,
+            i;
+        if (id === 1) {
+            alert('Can not remove root element.');
+        } else {
+            for (i = 0; i < contents.length; i++) {
+                if (contents[i].id === id) {
+                    contents.splice(i, 1);
+                    break;
+                }
+            }
+            this.setState({
+                contents: contents
+            });
+        }
+    },
+
     addNewContent: function () {
         let contents = this.state.contents,
             newContent = {
@@ -62,6 +104,7 @@ let FolderStructure = React.createClass({
                             id={content.id}
                             name={content.name}
                             depth={content.depth}
+                            onDelete={this.onDelete}
                             onIndent={this.onIndent}
                             onUnIndent={this.onUnIndent}
                         />