Improved some form styles.
This commit is contained in:
		
							parent
							
								
									11fb7bcc1d
								
							
						
					
					
						commit
						22fa4ac02c
					
				|  | @ -43,4 +43,10 @@ table, th, td { | |||
| 
 | ||||
| .page_row { | ||||
|     width: 100%; | ||||
|     margin-top: 10px; | ||||
|     margin-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| label { | ||||
|     font-weight: bold; | ||||
| } | ||||
|  | @ -6,23 +6,33 @@ | |||
| <body> | ||||
| 
 | ||||
| <div id="content"> | ||||
|     <p> | ||||
|         Create your course here | ||||
|     </p> | ||||
|     <h1>Create New Course</h1> | ||||
| 
 | ||||
|     <form action="#" th:action="@{/courses}" th:object="${course}" method="post"> | ||||
|         <div class="page_row"> | ||||
|             <label for="course_name_input">Name:</label> | ||||
|             <input id="course_name_input" type="text" th:field="*{name}" required/> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <label for="course_code_input">Code:</label> | ||||
|             <input id="course_code_input" type="text" th:field="*{code}" required/> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <label for="course_github_organization_name_input">Github Organization:</label> | ||||
|             <input id="course_github_organization_name_input" type="text" th:field="*{githubOrganizationName}" required/> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <label for="course_github_api_key_input">Github API Key:</label> | ||||
|             <input id="course_github_api_key_input" type="text" th:field="*{apiKey}" required/> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <button type="submit">Submit</button> | ||||
|         </div> | ||||
| 
 | ||||
|     </form> | ||||
| </div> | ||||
| 
 | ||||
|  |  | |||
|  | @ -6,14 +6,22 @@ | |||
| <body> | ||||
| 
 | ||||
| <div id="content"> | ||||
|     <h1>Import Students from CSV File</h1> | ||||
| 
 | ||||
|     <p> | ||||
|         Please select a CSV file to import. | ||||
|         Use this form to import student data from a CSV which has been generated by a Google form. As of right now, the column headers are hard-coded, but in the future it will be possible to dynamically import data from any CSV file by custom header format definitions. | ||||
|     </p> | ||||
| 
 | ||||
|     <form method="post" action="#" enctype="multipart/form-data" th:action="@{/courses/{code}/import_students(code=${course.getCode()})}"> | ||||
|         <div class="page_row"> | ||||
|             <label for="file_input">File:</label> | ||||
|             <input id="file_input" type="file" name="file" accept="text/csv"/> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <button type="submit">Submit</button> | ||||
|         </div> | ||||
| 
 | ||||
|     </form> | ||||
| 
 | ||||
| </div> | ||||
|  |  | |||
|  | @ -19,16 +19,25 @@ | |||
|             enctype="application/x-www-form-urlencoded" | ||||
|             th:action="@{/courses/{code}/students/invite_all(code=${course.getCode()})}" | ||||
|     > | ||||
|         <div class="page_row"> | ||||
|             <label for="repository_name_input">Repository Name:</label> | ||||
|             <input id="repository_name_input" type="text" name="repository_name"/> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <label for="keys_input">Api Keys (separate by newline):</label> | ||||
|             <textarea id="keys_input" name="api_keys"></textarea> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <label for="usernames_input">Usernames (separate by newline):</label> | ||||
|             <textarea id="usernames_input" name="usernames"></textarea> | ||||
|         </div> | ||||
| 
 | ||||
|         <div class="page_row"> | ||||
|             <button type="submit">Submit</button> | ||||
|         </div> | ||||
|          | ||||
|     </form> | ||||
| </div> | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue