Fixes #404. Mispelling of detach

src/scripts/ui/ui.coffee

@@ -56,7 +56,7 @@ class ContentTools.ComponentUI
             return
         ContentEdit.addCSSClass(@_domElement, className)
 
-    detatch: (component) ->
+    detach: (component) ->
         # Detach a child component from this component
 
         # Find the component to detatch (if not found return)
@@ -67,6 +67,15 @@ class ContentTools.ComponentUI
         # Remove the component from the components children
         @_children.splice(componentIndex, 1)
 
+    detatch: (component) ->
+        # Misspelling present in earlier versions, retain until the next minor
+        # release so that a patch can be provided without breaking backward
+        # compatability.
+        console.log(
+            'Please call detach, detatch will be removed in release 1.4.x'
+            )
+        @detach(component)
+
     mount: () ->
         # Mount the component to the DOM
 
@@ -190,13 +199,22 @@ class ContentTools.WidgetUI extends ContentTools.ComponentUI
         if not @isMounted()
             component.mount()
 
-    detatch: (component) ->
+    detach: (component) ->
         # Detach a child component from this component
         super(component)
 
         if @isMounted()
             component.unmount()
 
+    detatch: (component) ->
+        # Misspelling present in earlier versions, retain until the next minor
+        # release so that a patch can be provided without breaking backward
+        # compatability.
+        console.log(
+            'Please call detach, detatch will be removed in release 1.4.x'
+            )
+        @detach(component)
+
     show: () ->
         # Show the widget
 

src/spec/ui/ui.coffee

@@ -95,14 +95,14 @@ describe 'ContentTools.ComponentUI.addCSSClass()', () ->
         expect(domElement.getAttribute('class')).toBe 'foo'
 
 
-describe 'ContentTools.ComponentUI.detatch()', () ->
+describe 'ContentTools.ComponentUI.detach()', () ->
 
-    it 'should detatch a child component', () ->
+    it 'should detach a child component', () ->
 
         parent = new ContentTools.ComponentUI()
         child = new ContentTools.ComponentUI()
         parent.attach(child)
-        parent.detatch(child)
+        parent.detach(child)
 
         expect(parent.children()).toEqual []
 
@@ -388,9 +388,9 @@ describe 'ContentTools.WidgetUI.attach()', () ->
         expect(child.mount).toHaveBeenCalledWith()
 
 
-describe 'ContentTools.WidgetUI.detatch()', () ->
+describe 'ContentTools.WidgetUI.detach()', () ->
 
-    it 'should detatch a child widget and unmount it', () ->
+    fit 'should detach a child widget and unmount it', () ->
 
         parent = new ContentTools.WidgetUI()
         child = new ContentTools.WidgetUI()
@@ -402,7 +402,7 @@ describe 'ContentTools.WidgetUI.detatch()', () ->
         domElement = document.createElement('div')
         document.body.appendChild(domElement)
         parent._domElement = domElement
-        parent.detatch(child)
+        parent.detach(child)
 
         # Check the widget was removed as a child
         expect(parent.children()).toEqual []