wip: show error types

Author: unhammer

index.html

@@ -50,12 +50,28 @@ <h4 data-l10n-id="login">logge sisa:</h4>
         </ul>
       </div>
 
-      <div id="modes-wrapper" class="pull-right dropdown ml3">
-        <button class="btn btn-default dropdown-toggle" type="button" id="modes-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-          <span data-l10n-id="variant">Variant</span>:&nbsp;<span id="the-variant"></span>&nbsp;<span class="caret"></span>
+      <div id="show-ignorables" class="pull-right ml3">
+        <button class="btn btn-default" type="button" id="ignshow-btn" aria-haspopup="true" aria-expanded="true">
+          <span data-l10n-id="show_error_types">Show all error types</span>
         </button>
-        <ul class="dropdown-menu" aria-labelledby="modes-btn" id="modes">
-        </ul>
+      </div>
+
+      <div id="ignorables-modal" class="modal fade">
+        <div class="modal-dialog">
+          <div class="modal-content">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+              <h4 data-l10n-id="available_error_types" class="modal-title">Available error types:</h4>
+            </div>
+            <div class="modal-body">
+              <ul id="ignorables-list"></ul>
+            </div>
+            <div class="modal-footer">
+              <button data-l10n-id="close" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+              <button data-l10n-id="save" type="button" class="btn btn-primary">Save</button>
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="content">

locales/app.fao.ftl

@@ -12,6 +12,7 @@ title = rættlestur
 
 serverdown = Ambætari svaraði ikki. Kanska tú skuldi roynt aftur.
 
+// TODO:
 modemissing = Server responded with error. Mode/variant missing?
 
 parserfail = Ambætari svaraði ikki. Kanska tú skuldi roynt aftur. Fekk { $errorCode } / { $textStatus }.
@@ -28,12 +29,24 @@ variant = Variant
 // TODO:
 hide_errtype = Skjul feiltype
 
+// TODO:
+show_error_types = Show error types
+
+// TODO:
+available_error_types = Available error types:
+
 // TODO:
 hidden_errtypes = Skjulte feiltypar
 
 // TODO:
 hide_errtype_explanation = Klikk på eit ord for å skjula feiltypen
 
+// TODO:
+cancel = Cancel
+
+// TODO:
+save = Save
+
 
 
 // BEGIN Examples

locales/app.sme.ftl

@@ -12,6 +12,7 @@ title = grammáhtalaš divvun
 
 serverdown = Bálvá ii oro doaibmamin, dahje don it leat neahtas. Geahččal viežžat siiddu ođđasit.
 
+// TODO:
 modemissing = Server responded with error. Mode/variant missing?
 
 parserfail = Bálvá ii oro doaibmamin, dahje don it leat neahtas. Geahččal viežžat siiddu ođđasit. Oaččui meattáhuskoda { $errorCode } / { $textStatus } stáhtusiin.
@@ -26,12 +27,24 @@ variant = Variánta
 
 hide_errtype = Ale merke dakkár meattáhusaid
 
+// TODO:
+show_error_types = Show error types
+
+// TODO:
+available_error_types = Available error types:
+
 // TODO:
 hidden_errtypes = Ale merke:
 
 // TODO:
 hide_errtype_explanation = Klikk på eit ord for å skjula feiltypen
 
+// TODO:
+cancel = Cancel
+
+// TODO:
+save = Save
+
 
 // BEGIN Examples
 // Currently supports up to 20 examples, numbered from 1 to 20:

src/app.js

@@ -395,6 +395,7 @@ var modesUrl/*:string*/ = protocol+"//"+hostname+":"+(port.toString())+subdir+"/
 var checkUrl/*:string*/ = protocol+"//"+hostname+":"+(port.toString())+subdir+"/checker";
 log(checkUrl);
 var hunUrl/*:string*/ = protocol+"//"+hostname+":"+(port.toString())+subdir+"/hunspell";
+var errXmlUrl/*:string*/ = protocol+"//"+hostname+window.location.pathname+"/errors/";
 
 $(document).ready(function() {
   if(window.location.host.match("^localhost:") || window.location.protocol === "file:") {
@@ -945,6 +946,30 @@ var initL10n = function(lang/*:string*/)/*:void*/ {
   $('head').append(el);
 };
 
+var showIgnorables = function() {
+  let search = searchToObject(),
+      variant = getVariant(search),
+      lang = getLang(search),
+      url = errXmlUrl + "/" + lang + ".xml";
+  $.ajax(url, {
+    success: function(res) {
+      let ul = $("#ignorables-list");
+      ul.html("");
+      let errors = $(res.activeElement).find('error');
+      errors.each(function(i, e) {
+        let t = $(e).find('header title[xml\\:lang="se"]').text();
+        ul.append($("<li>").addClass("error-doc").addClass("list-unstyled").text(t));
+      });
+      console.log(errors);
+      $('#ignorables-modal').modal('show');
+    },
+    error: function(jqXHR, textStatus/*:string*/, errXHR/*:string*/)/*:void*/ {
+      console.warn("Error getting pipespec from " + url, jqXHR, textStatus, errXHR);
+    },
+    dataType: "xml"
+  });
+};
+
 var init = function()/*:void*/ {
   if(window.location.protocol == "http:") {
     $('#password').attr("type", "text");
@@ -989,6 +1014,7 @@ var init = function()/*:void*/ {
   hiderep();
   updateIgnored();
   check();
+  $('#ignshow-btn').click(showIgnorables);
 };
 
 $(document).ready(init);

style.css

@@ -254,5 +254,6 @@ button.loading-check {
     font-size: larger;
 }
 
+
 /* Margins snatched from tachyons: */
 .ma0{margin:0}.ma1{margin:.25rem}.ma2{margin:.5rem}.ma3{margin:1rem}.ma4{margin:2rem}.ma5{margin:4rem}.ma6{margin:8rem}.ma7{margin:16rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh1{margin-left:.25rem;margin-right:.25rem}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}