|
1 |
| -{% extends 'ingest/base.html' %} |
2 |
| -{% block content %} |
| 1 | +{% extends 'ingest/wide.html' %} |
3 | 2 | {% load bootstrap4 %}
|
| 3 | +{% block wide %} |
| 4 | + |
4 | 5 | <script src="/static/ingest/createproject.js"></script>
|
5 | 6 | <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
|
6 | 7 | {% if pi %}
|
|
10 | 11 | {% endif %}
|
11 | 12 | <br>
|
12 | 13 | <h1>Create a new project</h1>
|
| 14 | +<hr> |
| 15 | + |
| 16 | +<br> |
| 17 | +<div style="min-width:600px"> |
13 | 18 |
|
14 | 19 | <form id="CreateNewProject">
|
15 | 20 | {% csrf_token %}
|
| 21 | + <label for="name">Project Name:</label><span style="color:red; margin-right:10px;">*</span> |
| 22 | + <input type="text" id="name" name="name" placeholder="Name of project"> |
16 | 23 |
|
17 |
| - <label for="name">Project Name:</label> |
18 |
| - <input type="text" id="name" name="name"> |
| 24 | + <label for="funded_by" style="margin-top:15px;margin-left:55px;margin-right:10px;">Funded By:</label> |
| 25 | + <input type="text" id="funded_by" name="funded_by" placeholder="Grant number"> |
19 | 26 |
|
20 |
| - <label for="consortia">Consortia Affiliation:</label> |
21 |
| - <p><strong>Select your project's constorium affiliation. You may control-click (Windows) or command-click (Mac) to select more than one.</strong></p> |
22 |
| - <select multiple size={{consortia.count}}> |
| 27 | + <br> |
| 28 | + <label for="consortia" style="margin-top:15px;">Consortia Affiliation:</label> |
| 29 | + <p>Select your project's affiliation(s). Choose all that apply.</p> |
| 30 | + <div style="margin-left: 50px;"> |
| 31 | + <p style="font-style:italic; margin-top: 20px;"> To choose multiple: Windows users: control-click | Mac users: command-click</p> |
| 32 | + <select multiple size={{consortia.count}} style="min-width: 540px;"> |
23 | 33 | {% for c in consortia %}
|
24 | 34 | <option value={{c.id}}>{{c.long_name}} ({{c.short_name}})</option>
|
25 | 35 | {% endfor %}
|
26 | 36 | </select>
|
27 |
| - <label for="funded_by">Funded By:</label> |
28 |
| - <input type="text" id="funded_by" name="funded_by"> |
| 37 | + </div> |
29 | 38 | </form>
|
30 |
| -<button class="btn btn-primary" onclick="create_new_project();">Submit New Project</button> |
31 |
| -<hr> |
| 39 | +<div> |
32 | 40 |
|
| 41 | +<br> |
| 42 | + |
| 43 | +<p style="margin-top:15px;"><b>Required fields are marked with an <span style="color:red;">*</span>.</b></p> |
| 44 | + |
| 45 | +<br> |
| 46 | +<button class="btn btn-primary" onclick="create_new_project();">Submit New Project</button> |
33 | 47 | <a href="{% url 'ingest:index' %}">
|
34 | 48 | <button class="cancel btn btn btn-primary" value="ignore" formnovalidate="">Cancel</button>
|
35 | 49 | </a>
|
| 50 | + |
36 | 51 | {% endblock %}
|
0 commit comments