add 2 new substance control for track change and toggle view (without action for now)

app/components/SimpleEditor/SimpleEditor.scss

@@ -92,6 +92,45 @@ $white: #fff;
       border-right: 1px solid $border;
       padding: 0 9px;
     }
+    .sm-target-insert {
+      border-right: 1px solid $border;
+    }
+    .sm-target-track-change-enable {
+      border-right: 1px solid $border;
+        &:before {
+          bottom: 14px;
+          content: 'Track Changes';
+          font-size: 11px;
+          left: 24%;
+          position: relative;
+        }
+
+      i {
+        display: none;
+      }
+
+      button {
+        cursor: pointer;
+        position: relative;
+        top: 10px;
+        right: 50%;
+      }
+
+      button::after {
+        content: 'Record';
+      }
+    }
+
+
+    .sm-target-track-change-toggle-view {
+      cursor: pointer;
+      i {
+        display: none;
+      }
+      button::after {
+        content: 'View is On';
+      }
+    }
 
     .sc-tool-group {
       .sc-button {

app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js

+import { AnnotationTool } from 'substance'
+
+class TrackChangeControlTool extends AnnotationTool {}
+
+TrackChangeControlTool.type = 'track-change-enable'
+
+export default TrackChangeControlTool

app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js

+import { AnnotationTool } from 'substance'
+
+class TrackChangeControlViewTool extends AnnotationTool {}
+
+TrackChangeControlViewTool.type = 'track-change-toggle-view'
+
+export default TrackChangeControlViewTool

app/components/SimpleEditor/elements/track_change/TrackChangePackage.js

 import TrackChange from './TrackChange'
 import TrackChangeCommand from './TrackChangeCommand'
 import TrackChangeComponent from './TrackChangeComponent'
+import TrackChangeControlTool from './TrackChangeControlTool'
+import TrackChangeControlViewTool from './TrackChangeControlViewTool'
 // import TrackChangeHTMLConverter from './TrackChangeHTMLConverter'
-
 export default {
   name: 'track-change',
   configure: function (config) {
@@ -10,7 +11,12 @@ export default {
 
     config.addComponent(TrackChange.type, TrackChangeComponent)
     // config.addConverter('html', TrackChangeHTMLConverter)
-
+    config.addTool('track-change-enable', TrackChangeControlTool, {
+      target: 'track-change-enable'
+    })
+    config.addTool('track-change-toggle-view', TrackChangeControlViewTool, {
+      target: 'track-change-toggle-view'
+    })
     config.addCommand(TrackChange.type, TrackChangeCommand, { nodeType: TrackChange.type })
     config.addIcon('track-change', { 'fontawesome': 'fa-eye' })