Improved course creation page

* make institution and level required
* suggest a course name

Author: bnmnetp

views/designer/index.html

@@ -17,47 +17,71 @@ <h3>{{=message}}</h3>
 	function validateForm() {
 	    var x = document.forms["mainform"]["projectname"].value;
 	    var basecourse = document.forms["mainform"]["coursetype"].value;
-
-	    if (x == "" || x.indexOf(" ") !== -1 || x.indexOf("/") > -1) {
-	        alert('Error:  Your Project Name may not contain spaces or /')
-	        return false;
-	    }
-
-	    if (!/^([\x30-\x39]|[\x41-\x5A]|[\x61-\x7A]|[_-])*$/.test(x)) {
-	        alert("Error: Your project name can only contain ASCII letters digits and - or _");
-	        return false;
-	    }
+		let instid = document.forms["mainform"]["institution"].value;
+		let level =  document.forms["mainform"]["courselevel"].value;
+		
 
 	    if (basecourse == "") {
 	        alert('Error: You must select a book for your course')
 	        return false;
 	    }
 
+		if (instid == "") {
+			alert('Error: You must provide the name of your Institution. This is used for help your students find the correct course')
+			return false;
+		}
+		
+		if (level == "unknown") {
+			alert("Please tell us approximately what level your course is at this is important for recommending questions as well as educational research.")
+			return false;
+		}
+
+		if (x == "" || x.indexOf(" ") !== -1 || x.indexOf("/") > -1) {
+			alert('Error:  Your Project Name may not contain spaces or /')
+			return false;
+		}
+		
+		if (!/^([\x30-\x39]|[\x41-\x5A]|[\x61-\x7A]|[_-])*$/.test(x)) {
+			alert("Error: Your project name can only contain ASCII letters digits and - or _");
+			return false;
+		}
+
+
 	    unhide_img('spinner');
 	    return true
 	}
+	
+	function suggested_course_name() {
+		let d = new Date();
+		const getSeason = d => Math.floor(((d.getMonth()+1) / 12 * 4)) % 4
+		let season = ['winter', 'spring', 'summer', 'fall'][getSeason(d)]
+	
+		var basecourse = document.forms["mainform"]["coursetype"].value;
+		let instid = document.forms["mainform"]["institution"].value;
+		let suggestedCourse = ""
+	
+		if ( instid ) {
+			suggestedCourse += instid.toLowerCase();
+		}
+		if (basecourse) {
+			suggestedCourse += "_" + basecourse.toLowerCase();
+		}
+		suggestedCourse += "_" + season + (d.getYear() - 100)
+		
+		document.forms["mainform"]["projectname"].value = suggestedCourse;
+		
+	}
+	
+
 </script>
 <div class="col-md-7">
 	<form name="mainform" action="/{{=request.application}}/{{=request.controller}}/build" method="get" onsubmit="return validateForm();">
-		<div class="form-group row">
-			<div class="col-md-4">
-				<label for="projectname">Course Name</label>
-				<input type="text" class="form-control" placeholder="myproject" name="projectname" id="projectname" />
-			</div>
-		</div>
-		<p>This will be the name your students use when they register. Make it one word, short (no spaces)</p>
-		<div class="form-group row">
-			<div class="col-md-6">
-				<label for="projectdescription">Description</label>
-				<input type="text" class="form-control" placeholder="Enter a short description" name="projectdescription" id="projectdescription" />
-			</div>
-		</div>
 
 		<div class="form-group row">
 			<div class="col-md-6">
-				<label for="institution">Institution</label>
-				<input type="text" class="form-control" placeholder="Your school" name="institution" id="institution" />
-				<label for="courselevel">Course Level</label>
+				<label for="institution">Institution (required)</label>
+				<input type="text" class="form-control" placeholder="Your school" name="institution" id="institution" onchange="suggested_course_name()" />
+				<label for="courselevel">Course Level (required)</label>
 				<select id="courselevel" class="form-control" name="courselevel">
 					<option value="unknown" disabled selected>Please Select</option>
 					<option value="grad">Graduate</option>
@@ -346,9 +370,31 @@ <h3>Math Books</h3>
           </label>
         </div>  -->
 		</div>
+		<script>
+		var rad = document.forms.mainform.coursetype;
+		var prev = null;
+		for (var i = 0; i < rad.length; i++) {
+			rad[i].addEventListener('change', suggested_course_name);
+		}
+		</script>	
 
 		<br />
 
+		<p>This is our <strong>suggestion</strong> for your course name it will be the name your students use when they register.  Feel free to change it if it does not work for you.</p>
+		<div class="form-group row">
+			<div class="col-md-6">
+				<label for="projectname">Course Name</label>
+				<input type="text" class="form-control" placeholder="myproject" name="projectname" id="projectname" size="50" />
+			</div>
+		</div>
+
+		<div class="form-group row">
+			<div class="col-md-6">
+				<label for="projectdescription">Description</label>
+				<input type="text" class="form-control" placeholder="Enter a short description" name="projectdescription" id="projectdescription" />
+			</div>
+		</div>
+
 		<div class="form-group">
 			<div class="checkbox">
 				<label>