updates for new plaintext editor component

chrishokamp · Feb 8, 2017 · 772268f · 772268f
1 parent 2ba1677
commit 772268f
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 0 deletions.
diff --git a/app/index.html b/app/index.html
@@ -140,6 +140,8 @@
  <script src="scripts/typeahead/typeahead.js"></script>
  <script src="scripts/directives/placeAfter.js"></script>
 
+ <script src="scripts/plaintextEditor/plaintextEditor.js"></script>
+
  <script src="scripts/postEditor/posteditor.js"></script>
  <script src="scripts/postEditor/posteditorTooltip.js"></script>
 

diff --git a/app/scripts/app.js b/app/scripts/app.js
@@ -20,6 +20,7 @@ var App = window.App = angular.module('editorComponentsApp',
  'angular-select-text',
  'handycatConfig',
  'handycat.typeaheads',
+ 'handycat.editors',
  'handycat.posteditors',
  'handycat.trieAutocomplete'
 

diff --git a/app/scripts/editArea/segmentArea/targetArea/target-area.html b/app/scripts/editArea/segmentArea/targetArea/target-area.html
@@ -6,6 +6,20 @@
  <!--ALL TARGET AREA COMPONENTS BELONG HERE-->
  <!--The component that is currently active is controlled by widgets.activeComponent on the parent scope-->
 
+ <!-- PLAINTEXT -->
+ <div class="cssSlideUp"
+ ng-show="widgets.activeComponent === 'plaintextEditor'"
+ >
+ <plaintext-editor
+ target-segment="segment.target"
+ source-segment="segment.source"
+ source-lang="{{document.sourceLang}}"
+ target-lang="{{document.targetLang}}"
+ active-component="widgets.activeComponent"
+ is-active="isActive.active"
+ ></plaintext-editor>
+ </div>
+
  <!-- TYPEAHEAD -->
  <div class="cssSlideUp"
  ng-show="widgets.activeComponent === 'typeaheadEditor'"

diff --git a/app/styles/partials/_translate.scss b/app/styles/partials/_translate.scss
@@ -9,3 +9,9 @@
  z-index: 100;
 }
 
+.bottom-whitespace {
+ position: relative;
+ height: 1200px;
+ width: 100%;
+}
+
diff --git a/app/views/index.html b/app/views/index.html
@@ -141,6 +141,8 @@
  <script src="scripts/postEditor/posteditor.js"></script>
  <script src="scripts/postEditor/posteditorTooltip.js"></script>
 
+ <script src="scripts/plaintextEditor/plaintextEditor.js"></script>
+
  <script src="scripts/qeScore/qeScore.js"></script>
 
  <!--COMPONENT MODULES-->