andrew
/
Teaching_Assistant_Assistant
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/main/resources/static/css/style.css
View File

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

34
src/main/resources/templates/courses/create.html
View File

@ -6,23 +6,33 @@
<body> <body>
<div id="content"> <div id="content">
<p> <h1>Create New Course</h1>
Create your course here
</p>
<form action="#" th:action="@{/courses}" th:object="${course}" method="post"> <form action="#" th:action="@{/courses}" th:object="${course}" method="post">
<label for="course_name_input">Name:</label> <div class="page_row">
<input id="course_name_input" type="text" th:field="*{name}" required/> <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> <div class="page_row">
<input id="course_code_input" type="text" th:field="*{code}" required/> <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> <div class="page_row">
<input id="course_github_organization_name_input" type="text" th:field="*{githubOrganizationName}" required/> <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> <div class="page_row">
<input id="course_github_api_key_input" type="text" th:field="*{apiKey}" required/> <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> </form>
</div> </div>

16
src/main/resources/templates/courses/entity/import_students.html
View File

@ -6,14 +6,22 @@
<body> <body>
<div id="content"> <div id="content">
<h1>Import Students from CSV File</h1>
<p> <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> </p>
<form method="post" action="#" enctype="multipart/form-data" th:action="@{/courses/{code}/import_students(code=${course.getCode()})}"> <form method="post" action="#" enctype="multipart/form-data" th:action="@{/courses/{code}/import_students(code=${course.getCode()})}">
<label for="file_input">File:</label> <div class="page_row">
<input id="file_input" type="file" name="file" accept="text/csv"/> <label for="file_input">File:</label>
<button type="submit">Submit</button> <input id="file_input" type="file" name="file" accept="text/csv"/>
</div>
<div class="page_row">
<button type="submit">Submit</button>
</div>
</form> </form>
</div> </div>

23
src/main/resources/templates/courses/entity/students/invite_all.html
View File

@ -19,16 +19,25 @@
enctype="application/x-www-form-urlencoded" enctype="application/x-www-form-urlencoded"
th:action="@{/courses/{code}/students/invite_all(code=${course.getCode()})}" th:action="@{/courses/{code}/students/invite_all(code=${course.getCode()})}"
> >
<label for="repository_name_input">Repository Name:</label> <div class="page_row">
<input id="repository_name_input" type="text" name="repository_name"/> <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> <div class="page_row">
<textarea id="keys_input" name="api_keys"></textarea> <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> <div class="page_row">
<textarea id="usernames_input" name="usernames"></textarea> <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> </form>
</div> </div>