Improved some form styles.

This commit is contained in:
Andrew Lalis 2019-04-22 03:15:38 +02:00 committed by andrewlalis
parent 11fb7bcc1d
commit 22fa4ac02c
4 changed files with 56 additions and 23 deletions

View File

@ -43,4 +43,10 @@ table, th, td {
.page_row {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
label {
font-weight: bold;
}

View File

@ -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">
<label for="course_name_input">Name:</label>
<input id="course_name_input" type="text" th:field="*{name}" required/>
<div class="page_row">
<label for="course_name_input">Name:</label>
<input id="course_name_input" type="text" th:field="*{name}" required/>
</div>
<label for="course_code_input">Code:</label>
<input id="course_code_input" type="text" th:field="*{code}" required/>
<div class="page_row">
<label for="course_code_input">Code:</label>
<input id="course_code_input" type="text" th:field="*{code}" required/>
</div>
<label for="course_github_organization_name_input">Github Organization:</label>
<input id="course_github_organization_name_input" type="text" th:field="*{githubOrganizationName}" required/>
<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>
<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 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>
<button type="submit">Submit</button>
</form>
</div>

View File

@ -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()})}">
<label for="file_input">File:</label>
<input id="file_input" type="file" name="file" accept="text/csv"/>
<button type="submit">Submit</button>
<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>

View File

@ -19,16 +19,25 @@
enctype="application/x-www-form-urlencoded"
th:action="@{/courses/{code}/students/invite_all(code=${course.getCode()})}"
>
<label for="repository_name_input">Repository Name:</label>
<input id="repository_name_input" type="text" name="repository_name"/>
<div class="page_row">
<label for="repository_name_input">Repository Name:</label>
<input id="repository_name_input" type="text" name="repository_name"/>
</div>
<label for="keys_input">Api Keys (separate by newline):</label>
<textarea id="keys_input" name="api_keys"></textarea>
<div class="page_row">
<label for="keys_input">Api Keys (separate by newline):</label>
<textarea id="keys_input" name="api_keys"></textarea>
</div>
<label for="usernames_input">Usernames (separate by newline):</label>
<textarea id="usernames_input" name="usernames"></textarea>
<div class="page_row">
<label for="usernames_input">Usernames (separate by newline):</label>
<textarea id="usernames_input" name="usernames"></textarea>
</div>
<button type="submit">Submit</button>
<div class="page_row">
<button type="submit">Submit</button>
</div>
</form>
</div>