Partial #2237 (#2368)

* fix calls to system_call and ebi submissions

* fixing errors

* fix if state == submitting:

* just raise error

* EBISubmissionError -> ComputeError

* Sorting values

* Case insensitive sorting

* Addressing @ElDeveloper's comments

Author: josenavas

qiita_pet/templates/artifact_ajax/processing_artifact.html

@@ -258,6 +258,7 @@
         }
       }
 
+      options.sort(function(a, b){return a[0].localeCompare(b[0], 'en', {'sensitivity': 'base'});});
       $.each(options, function(idx, val) {
         $inp.append($("<option>").attr('value', val[0]).text(val[1]));
       });
@@ -325,7 +326,9 @@
       .done(function(data){
           // Put first the required parameters
           $("#cmd-opts-div").append($('<h4>').text('Required parameters:'));
-          for(var key in data.req_options) {
+          var keys = Object.keys(data.req_options).sort(function(a, b){return a.localeCompare(b, 'en', {'sensitivity': 'base'});});
+          for (var i = 0; i < keys.length; i++) {
+            var key = keys[i];
             load_parameter_gui(key, data.req_options[key], sel_artifacts_info, $("#cmd-opts-div"));
           }
 
@@ -336,8 +339,10 @@
           var $colDiv = $('<div>').addClass('col-sm-3').appendTo($rowDiv);
           var sel = $('<select>').appendTo($colDiv).attr('id', 'params-sel').attr('name', 'params-sel').addClass('form-control').attr('placeholder', 'Choose parameter set...');
           sel.append($("<option>").attr('value', "").text("Choose parameter set...").prop('disabled', true).prop('selected', true));
-          for(var i=0; i<data.options.length; i++) {
-            sel.append($("<option>").attr('value', data.options[i].id).attr('data-vals', JSON.stringify(data.options[i].values)).text(data.options[i].name));
+          var options = data.options;
+          options.sort(function(a, b) {return a.name.localeCompare(b.name, 'en', {'sensitivity': 'base'});} );
+          for(var i=0; i<options.length; i++) {
+            sel.append($("<option>").attr('value', options[i].id).attr('data-vals', JSON.stringify(options[i].values)).text(options[i].name));
           }
           $("<div>").appendTo("#cmd-opts-div").attr('id', 'opt-vals-div').attr('name', 'opt-vals-div');
 
@@ -350,7 +355,9 @@
               }
               // Get the parameter set values that the user selected
               var opt_vals = JSON.parse($("#params-sel option[value='" + v + "']").attr("data-vals"));
-              for(var key in data.opt_options) {
+              var keys = Object.keys(data.opt_options).sort(function(a, b){return a.localeCompare(b, 'en', {'sensitivity': 'base'});});
+              for (var i = 0; i < keys.length; i++) {
+                var key = keys[i];
                 load_parameter_gui(key, data.opt_options[key], sel_artifacts_info, $("#opt-vals-div"), opt_vals[key], is_analysis_pipeline);
               }
               $("#add-cmd-btn-div").show();
@@ -403,9 +410,11 @@
         var $colDiv = $('<div>').addClass('col-sm-3').appendTo($rowDiv);
         var sel = $('<select>').appendTo($colDiv).attr('id', 'command-sel').attr('name', 'command').addClass('form-control').attr('placeholder', 'Choose command...');
         sel.append($("<option>").attr('value', "").text("Choose command...").prop('disabled', true).prop('selected', true));
-        for(var i=0; i<data.commands.length; i++) {
-          if (data.commands[i].output.length != 0) {
-            sel.append($("<option>").attr('value', data.commands[i].id).text(data.commands[i].command));
+        var commands = data.commands;
+        commands.sort(function(a, b) {return a.command.localeCompare(b.command, 'en', {'sensitivity': 'base'});} );
+        for(var i=0; i<commands.length; i++) {
+          if (commands[i].output.length !== 0) {
+            sel.append($("<option>").attr('value', commands[i].id).text(commands[i].command));
           }
         }
         sel.change(function(event) {