From 1835e06f089282297a50dd2b3f902ac446f3bec4 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sat, 31 Dec 2016 17:14:45 +0200
Subject: [PATCH] add 2 new substance control for track change and toggle view
(without action for now)
---
app/components/SimpleEditor/SimpleEditor.scss | 39 +++++++++++++++++++
.../track_change/TrackChangeControlTool.js | 7 ++++
.../TrackChangeControlViewTool.js | 7 ++++
.../track_change/TrackChangePackage.js | 10 ++++-
4 files changed, 61 insertions(+), 2 deletions(-)
create mode 100644 app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js
create mode 100644 app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js
diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss
index 98652dd..2b41879 100644
--- a/app/components/SimpleEditor/SimpleEditor.scss
+++ b/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 {
diff --git a/app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js b/app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js
new file mode 100644
index 0000000..efd24c8
--- /dev/null
+++ b/app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js
@@ -0,0 +1,7 @@
+import { AnnotationTool } from 'substance'
+
+class TrackChangeControlTool extends AnnotationTool {}
+
+TrackChangeControlTool.type = 'track-change-enable'
+
+export default TrackChangeControlTool
diff --git a/app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js b/app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js
new file mode 100644
index 0000000..530b82b
--- /dev/null
+++ b/app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js
@@ -0,0 +1,7 @@
+import { AnnotationTool } from 'substance'
+
+class TrackChangeControlViewTool extends AnnotationTool {}
+
+TrackChangeControlViewTool.type = 'track-change-toggle-view'
+
+export default TrackChangeControlViewTool
diff --git a/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js b/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js
index 0489d7e..7509cfb 100644
--- a/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js
+++ b/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js
@@ -1,8 +1,9 @@
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' })
--
GitLab