Add 'toggle editor' button

ozgureke · Jan 6, 2016 · 4608667 · 4608667
1 parent 7876ece
commit 4608667
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 4 deletions.
diff --git a/app/views/file.js b/app/views/file.js
@@ -58,6 +58,7 @@ module.exports = Backbone.View.extend({
 
     // Events from sidebar
     this.listenTo(this.sidebar, 'destroy', this.destroy);
+    this.listenTo(this.sidebar, 'toggle-editor', this.toggleEditor);
     this.listenTo(this.sidebar, 'draft', this.draft);
     this.listenTo(this.sidebar, 'cancel', this.cancel);
     this.listenTo(this.sidebar, 'confirm', this.updateFile);
@@ -308,6 +309,11 @@ module.exports = Backbone.View.extend({
     return _.escape(content);
   },
 
+  toggleEditor: function() {
+    this.disableCSVEditor = !this.disableCSVEditor;
+    this.render();
+  },
+
   parseCSV: function(csvString) {
     return Papa.parse(util.trim(csvString), {  // remove trailing whitespace, mholt/PapaParse#279
       skipEmptyLines: true
@@ -554,7 +560,8 @@ module.exports = Backbone.View.extend({
 
       var file = {
         markdown: this.model.get('markdown'),
-        lang: this.model.get('lang')
+        lang: this.model.get('lang'),
+        useCSVEditor: (['csv', 'tsv'].indexOf(this.model.get('lang')) !== -1 && !this.disableCSVEditor)
       };
 
       this.$el.empty().append(_.template(this.template, file, {
@@ -565,7 +572,7 @@ module.exports = Backbone.View.extend({
       this.config = this.model.get('collection').config;
 
       // initialize the subviews
-      if (['csv', 'tsv'].indexOf(this.model.get('lang')) !== -1) {
+      if (file.useCSVEditor) {
         this.initCSVEditor();
       } else {
         this.initEditor();

diff --git a/app/views/sidebar/settings.js b/app/views/sidebar/settings.js
@@ -10,6 +10,7 @@ module.exports = Backbone.View.extend({
 
   events: {
     'click a.delete': 'emit',
+    'click a.toggle-editor': 'emit',
     'click a.translate': 'emit',
     'click a.draft': 'emit',
     'change input.filepath': 'setPath'

diff --git a/templates/file.html b/templates/file.html
@@ -17,7 +17,7 @@ <h2><%= t('main.file.metaTitle') %><br />
         </div>
       </div>
       <div id='drop' class='drop-mask'></div>
-      <% if (['csv', 'tsv'].indexOf(file.lang) !== -1) { %>
+      <% if (file.useCSVEditor) { %>
       <div id='csv-container'>
         <div id='csv'></div>
       </div>

diff --git a/templates/sidebar/settings.html b/templates/sidebar/settings.html
@@ -13,6 +13,10 @@ <h2 class='label'><%= t('sidebar.settings.title') %></h2>
       <% } %>
     <% }); %>
   <% } %>
+
+  <% if (['csv', 'tsv'].indexOf(settings.lang) !== -1) { %>
+    <a class='toggle-editor button round' href='#' data-action='toggle-editor'><%= t('sidebar.settings.toggleEditor') %></a>
+  <% } %>
 
   <!-- if !isNew() and is writable -->
   <a class='delete button round' href='#' data-action='destroy'><%= t('sidebar.settings.delete') %></a>

diff --git a/translations/locales/en.json b/translations/locales/en.json
@@ -168,7 +168,8 @@
             "fileInputLabel": "File Path",
             "delete": "Delete This File",
             "translate": "Translate to",
-            "draft": "Create Draft"
+            "draft": "Create Draft",
+            "toggleEditor": "Toggle Editor"
         }
     },
     "dialogs": {