aboutsummaryrefslogtreecommitdiffstats
path: root/python/fatcat_web/templates
diff options
context:
space:
mode:
Diffstat (limited to 'python/fatcat_web/templates')
-rw-r--r--python/fatcat_web/templates/release_create.html85
1 files changed, 64 insertions, 21 deletions
diff --git a/python/fatcat_web/templates/release_create.html b/python/fatcat_web/templates/release_create.html
index e3a0c9ab..7ede5dfd 100644
--- a/python/fatcat_web/templates/release_create.html
+++ b/python/fatcat_web/templates/release_create.html
@@ -2,11 +2,11 @@
{% macro form_field_errors(field) -%}
{% if field.errors %}
- <ul class="errors">
+ <div class="ui pointing red label">
{% for err in field.errors %}
- <li>{{ err }}
+ {{ err }}
{% endfor %}
- </ul>
+ </div>
{% endif %}
{%- endmacro %}
@@ -21,12 +21,12 @@
{% macro form_field_inline(field, div_classes="") -%}
<div class="ui grid">
<div class="three wide column middle aligned right aligned" {# style="padding-right: 0.5rem;" #}>
- <div class="field inline {% if field.errors %}error{% endif %}">
+ <div class="field inline {{ div_classes }} {% if field.errors %}error{% endif %}">
{{ field.label }}
</div>
</div>
<div class="twelve wide column" {# style="padding-left: 0.5rem;" #}>
- <div class="field {% if field.errors %}error{% endif %}">
+ <div class="field {{ div_classes }} {% if field.errors %}error{% endif %}">
{{ field() }}
{{ form_field_errors(field) }}
</div>
@@ -44,17 +44,32 @@
<form class="ui form" id="add_work_form" method="POST" action="/release/create">
{{ form.hidden_tag() }}
- <h3 class="ui dividing header">Edit Meta</h3>
- {{ form_field_inline(form.editgroup_id) }}
- {{ form_field_inline(form.editgroup_description) }}
- {{ form_field_inline(form.edit_description) }}
+ <br>
+ <div class="ui accordion">
+ <div class="{% if not editgroup_id %}active{% endif %} title">
+ <h3><i class="dropdown icon"></i>Editgroup Meta</h3>
+ </div>
+ <div class="{% if not editgroup_id %}active{% endif %} content">
+ {% if editgroup_id %}
+ <p>You have an editgroup in progress, and this edit will be included by
+ default. You can override this below.
+ {% else %}
+ <p>No existing editgroup is in progress (or at least, not is selected).
+ An existing ID can be pasted in, or if you leave that blank but give a
+ description, a new editgroup will be created for this edit.
+ {% endif %}
+ {{ form_field_inline(form.editgroup_id) }}
+ {{ form_field_inline(form.editgroup_description) }}
+ </div>
+ </div>
+ <br>
<h3 class="ui dividing header">The Basics</h3>
<div class="ui grid">
<div class="three wide column" style="padding-bottom: 0px;"></div>
<div class="twelve wide column" style="padding-bottom: 0px;">
<div class="ui equal width fields">
- {{ form_field_basic(form.release_type) }}
+ {{ form_field_basic(form.release_type, "required") }}
{{ form_field_basic(form.release_status) }}
</div>
</div>
@@ -76,6 +91,7 @@
<div class="one wide column" style="padding-bottom: 0px;"></div>
</div>
+ <br>
<h3 class="ui dividing header">Contributors</h3>
<div class="list-group" id="contrib_list" name="contrib_list">
{% for cform in form.contribs %}
@@ -84,10 +100,14 @@
<i class="arrows alternate vertical icon"></i>
</div>
<div class="three wide column" style="padding-bottom: 0px; padding-left: 0px;">
- {{ cform.role }}
+ <div class="field {% if cform.role.errors %}error{% endif %}">
+ {{ cform.role }}
+ </div>
</div>
<div class="eleven wide column" style="padding-bottom: 0px;">
- {{ cform.raw_name}}
+ <div class="field {% if cform.raw_name.errors %}error{% endif %}">
+ {{ cform.raw_name}}
+ </div>
</div>
<div class="one wide column right aligned" style="padding-bottom: 0px; padding-left: 0rem;">
<button type="button" class="ui icon red button delete-contrib-button"><i class="trash icon"></i></button>
@@ -101,27 +121,47 @@
</button>
<br>
+ <br>
<h3 class="ui dividing header">Identifers</h3>
<br>
{{ form_field_inline(form.doi) }}
{{ form_field_inline(form.wikidata_qid) }}
{{ form_field_inline(form.isbn13) }}
- <div class="ui equal width fields">
- {{ form_field_basic(form.pmid) }}
- {{ form_field_basic(form.pmcid) }}
+ <div class="ui grid">
+ <div class="three wide column" style="padding-bottom: 0px;"></div>
+ <div class="twelve wide column" style="padding-bottom: 0px;">
+ <div class="ui equal width fields">
+ {{ form_field_basic(form.pmid) }}
+ {{ form_field_basic(form.pmcid) }}
+ </div>
+ </div>
+ <div class="one wide column" style="padding-bottom: 0px;"></div>
</div>
+ <br>
<h3 class="ui dividing header">Container</h3>
<br>
{{ form_field_inline(form.container_id) }}
{{ form_field_inline(form.publisher) }}
<br>
- <div class="ui equal width fields">
- {{ form_field_basic(form.pages) }}
- {{ form_field_basic(form.volume) }}
- {{ form_field_basic(form.issue) }}
+ <div class="ui grid">
+ <div class="three wide column" style="padding-bottom: 0px;"></div>
+ <div class="twelve wide column" style="padding-bottom: 0px;">
+ <div class="ui equal width fields">
+ {{ form_field_basic(form.pages) }}
+ {{ form_field_basic(form.volume) }}
+ {{ form_field_basic(form.issue) }}
+ </div>
+ </div>
+ <div class="one wide column" style="padding-bottom: 0px;"></div>
</div>
+ <br><br>
+ <h3 class="ui dividing header">Submit</h3>
+ {{ form_field_basic(form.edit_description) }}
+ This description will be attached to this specific action, not to the
+ editgroup as a whole.
+ <br><br>
<input class="ui primary submit button" type="submit" value="Create Release!">
</form>
@@ -135,8 +175,11 @@
<!-- Form code -->
$(document).ready(function() {
- $('#release_type').dropdown();
- $('#release_status').dropdown();
+ // these javascript dropdowns hide the original <input>, which breaks browser
+ // form focusing (eg, for required fields) :(
+ //$('#release_type').dropdown();
+ //$('#release_status').dropdown();
+ $('.ui.accordion').accordion();
var fixup_contrib_numbering = function(group_item) {
items = Array.from(group_item.querySelectorAll(".list-group-item"))