Mark required parameters with underline

Sophivorus · Sophivorus · commit 21e2db19f79b · 2016-08-11T00:37:21.000-03:00
diff --git a/proveit.css b/proveit.css
@@ -122,6 +122,14 @@
 	width: 100%;
 }
 
+#proveit-reference-form label.proveit-required {
+	text-decoration: underline;
+}
+
+#proveit-reference-form label.proveit-hidden {
+	display: none;
+}
+
 #proveit-reference-form input,
 #proveit-reference-form select {
 	-webkit-appearance: none;
@@ -184,8 +192,4 @@
 #proveit-insert-button,
 #proveit-update-button {
 	background: #a7dcff;
-}
-
-#proveit .hidden {
-	display: none;
 }
diff --git a/proveit.js b/proveit.js
@@ -874,6 +874,7 @@ var proveit = {
 			// The insert all the other fields
 			var paramName, registeredParam, paramLabel, paramType, paramDescription, paramValue, label, paramNameInput, paramValueInput,
 				registeredParams = this.getRegisteredParams(),
+				requiredParams = this.getRequiredParams();
 				optionalParams = this.getOptionalParams();
 
 			for ( paramName in registeredParams ) {
@@ -904,9 +905,14 @@ var proveit = {
 				paramNameInput = $( '<input>' ).attr({ 'type': 'hidden', 'class': 'proveit-param-name', 'value': paramName });
 				paramValueInput = $( '<input>' ).attr({ 'type': paramType, 'class': 'proveit-param-value', 'value': paramValue });
 
+				// Mark the required parameters as such
+				if ( paramName in requiredParams ) {
+					label.addClass( 'proveit-required' );
+				}
+
 				// Hide the optional parameters, unless they are filled
 				if ( ( paramName in optionalParams ) && !paramValue ) {
-					label.addClass( 'hidden' );
+					label.addClass( 'proveit-hidden' );
 				}
 
 				label.prepend( paramValueInput ).append( paramNameInput );
