LIMS-1064: Display dropdown or span depending on number of schema options (#870)

Co-authored-by: Mark Williams <mark.williams@diamond.ac.uk>

Author: ndg63276

client/src/js/modules/shipment/views/containerplate.js

@@ -264,6 +264,7 @@ define(['marionette',
 
             sampleStatusAuto: 'input[id=sample_status_auto]',
             schema: 'select[name=schema]',
+            schemaspan: '.schemaspan',
             class: 'select[name=class]',
         },
 
@@ -656,6 +657,14 @@ define(['marionette',
         },
 
         updateSchemas: function() {
+            if (this.autoscoreschemas.length === 1) {
+                this.ui.schemaspan.html(this.autoscoreschemas.at(0).get('SCHEMANAME'))
+                this.ui.schemaspan.show()
+                this.ui.schema.hide()
+            } else {
+                this.ui.schemaspan.hide()
+                this.ui.schema.show()
+            }
             this.ui.schema.html(this.autoscoreschemas.opts())
             this.selectSchema()
         },

client/src/js/templates/shipment/containerplateimage.html

@@ -45,10 +45,8 @@ <h1 class="no_mobile">Container: <span class="NAME"><%-NAME%></span></h1>
                 <div>
                     <label>
                         <input type="radio" value="sample_status_auto" name="sample_status" id="sample_status_auto"/> 
-                        CHIMP Auto Scores
+                        <select name="schema"></select><span class="schemaspan"></span> Auto Scores
                     </label>
-                    <!--There is only ever one option in schema but it was too hard to remove the code see ticket LIMS-1064 -->
-                    <select name="schema" style="display:none"></select> 
                     Class: <select name="class"></select>
                 </div>
                 <div class="sta small"></div>