Add case-insensitive ordering

Author: MartinFournier

msgfmt:ui/lib/client.js

@@ -252,6 +252,9 @@ Template.mfTransLang.events({
   'click #translationShowKey': function(event) {
     Session.set('translationShowKey', event.currentTarget.checked);
   },
+  'click #translationCaseInsensitiveOrdering': function(event) {
+    Session.set('translationCaseInsensitiveOrdering', event.currentTarget.checked);
+  },
   'click .translationSort': function(event) {
     var currentSort = Session.get('translationSortField');
     var newSort = event.currentTarget.attributes['data-sortField'].value;
@@ -284,16 +287,24 @@ Template.mfTransLang.helpers({
       sortOrder = 'asc';
     }
     return strings().sort(function(a, b) {
+      var first = a[sortField];
+      var second = b[sortField];
+      var caseInsensitiveOrdering = Session.get('translationCaseInsensitiveOrdering');
+      if (first && caseInsensitiveOrdering) first = first.toLowerCase();
+      if (second && caseInsensitiveOrdering) second = second.toLowerCase();
       if (sortOrder === 'asc') {
-        return a[sortField] > b[sortField] ? 1 : (a[sortField] < b[sortField] ? -1 : 0);
+        return first > second ? 1 : (first < second ? -1 : 0);
       } else {
-        return a[sortField] > b[sortField] ? -1 : (a[sortField] < b[sortField] ? 1 : 0);
+        return first > second ? -1 : (first < second ? 1 : 0);
       }
     });
   },
   showKey: function() {
     return Session.get('translationShowKey');
   },
+  caseInsensitiveOrdering: function() {
+    return Session.get('caseInsensitiveOrdering');
+  },
   stateClass: function() {
     if (this.fuzzy)
       return 'fuzzy';
@@ -330,6 +341,9 @@ Template.mfTransLang.helpers({
       if (routeName) str.routeUrl = routePathFromName(routeName);
     }
     return str || {};
+  },
+  isCheckboxChecked: function(value) {
+    return (value === true ? 'checked' : '');
   }
 });
 

msgfmt:ui/lib/ui.css

@@ -75,6 +75,7 @@ div.mfTransGraph.untrans { background: #800; border-right: 1px solid black; }
 */
 #mfTransPreview table tr.current { background: #5598d7; color: white;}
 
+#mfTransLang .options label { margin-right: 10px; }
 
 #mfTransLang textarea {
 	font-family: monospace;

msgfmt:ui/lib/ui.html

@@ -97,7 +97,17 @@ <h2>{{mf 'mf_site_translations' 'Site Translations'}}</h2>
         </table>
       </div>
     </div>
-    <p><input type="checkbox" id="translationShowKey">Show key, Use ctrl-up and ctrl-down to quickly change keys</p>
+    <p class='options'>
+      <label>
+        <input type="checkbox" id="translationShowKey" {{isCheckboxChecked showKey}}>
+        Show key
+      </label>
+      <label>
+        <input type='checkbox' id='translationCaseInsensitiveOrdering' {{isCheckboxChecked caseInsensitiveOrdering}}>
+        Case Insensitive Ordering
+      </label>
+      Use ctrl-up and ctrl-down to quickly change keys
+    </p>
     <span><b>{{keyInfo.key}}</b> in {{keyInfo.file}}:{{keyInfo.line
       }}{{#if keyInfo.template}} (template
         {{#if keyInfo.routeUrl}}