|
@ -1,6 +1,21 @@ |
|
|
{% extends 'base.html' %} |
|
|
{% extends 'base.html' %} |
|
|
|
|
|
|
|
|
{% block main %} |
|
|
{% block main %} |
|
|
|
|
|
{% from "_formhelpers.html" import render_field %} |
|
|
|
|
|
|
|
|
|
|
|
<head> |
|
|
|
|
|
<script> |
|
|
|
|
|
function outputUpdate(sameness) { |
|
|
|
|
|
document.querySelector('#selected-sameness').value = sameness; |
|
|
|
|
|
} |
|
|
|
|
|
function outputUpdate2(diversity) { |
|
|
|
|
|
document.querySelector('#selected-diversity').value = diversity; |
|
|
|
|
|
} |
|
|
|
|
|
function outputUpdate3(gender) { |
|
|
|
|
|
document.querySelector('#selected-gender').value = gender; |
|
|
|
|
|
} |
|
|
|
|
|
</script> |
|
|
|
|
|
</head> |
|
|
<div class="container" style="float: left; width:50%;"> |
|
|
<div class="container" style="float: left; width:50%;"> |
|
|
<div style="width: 98%; border-right: dashed; border-width: 1px;"> |
|
|
<div style="width: 98%; border-right: dashed; border-width: 1px;"> |
|
|
|
|
|
|
|
@ -18,10 +33,10 @@ |
|
|
{% endwith %} |
|
|
{% endwith %} |
|
|
<form method="POST" action="{{ url_for('add_book') }}" enctype=multipart/form-data> |
|
|
<form method="POST" action="{{ url_for('add_book') }}" enctype=multipart/form-data> |
|
|
{{ form.csrf_token }} |
|
|
{{ form.csrf_token }} |
|
|
<div class="form-group">Title: {{ form.title (size=34, class="form-control") }}</div> |
|
|
<div class="form-group">Title:* <br> {{ form.title (size=50, class="form-control") }}</div> |
|
|
<br> |
|
|
<br> |
|
|
<div data-toggle="fieldset" id="phone-fieldset"> |
|
|
<div data-toggle="fieldset" id="phone-fieldset"> |
|
|
Author(s): <button type="button" data-toggle="fieldset-add-row data-target="#phone-fieldset">+</button> |
|
|
Author(s):* <button type="button" data-toggle="fieldset-add-row data-target="#phone-fieldset">+</button> |
|
|
<table> |
|
|
<table> |
|
|
<tr> |
|
|
<tr> |
|
|
<th></th> |
|
|
<th></th> |
|
@ -29,19 +44,43 @@ |
|
|
</tr> |
|
|
</tr> |
|
|
{% for author in form.author %} |
|
|
{% for author in form.author %} |
|
|
<tr data-toggle="fieldset-entry"> |
|
|
<tr data-toggle="fieldset-entry"> |
|
|
<td>{{ author.author_name (size=40)}}</td> |
|
|
<td>{{ author.author_name (size=50)}}</td> |
|
|
<td><button type="button" data-toggle="fieldset-remove-row" id="phone-{{loop.index0}}-remove">-</button></td> |
|
|
<td><button type="button" data-toggle="fieldset-remove-row" id="phone-{{loop.index0}}-remove">-</button></td> |
|
|
</tr> |
|
|
</tr> |
|
|
{% endfor %} |
|
|
{% endfor %} |
|
|
</table> |
|
|
</table> |
|
|
</div> |
|
|
</div> |
|
|
<br> |
|
|
<br> |
|
|
Category: {{ form.category(size=27, class="form-control") }} |
|
|
Category:* <br> {{ form.category(size=50, class="form-control") }} <br><br> |
|
|
<br> |
|
|
Year published: <br> {{ form.year_published(size=8, class="form-control") }} <br><br> |
|
|
<br> |
|
|
|
|
|
Year published: {{ form.year_published(size=8, class="form-control") }} |
|
|
How different is this item to the rest of the collection? |
|
|
<br> |
|
|
Or is it more of the same? <br> |
|
|
|
|
|
{{ form.sameness(min=0, max=100, oninput="outputUpdate(value)") }} |
|
|
|
|
|
<span style="color: #d3d3d3;"><output for="sameness" id="selected-sameness">{{ form.sameness.data }} </output> % different</span> |
|
|
|
|
|
|
|
|
|
|
|
<br><hr align="left" style="width:96%;"><br> |
|
|
|
|
|
|
|
|
|
|
|
Check the bibliography. How diverse are the references in this book? <br> |
|
|
|
|
|
{{ form.diversity(min=0, max=100, oninput="outputUpdate2(value)") }} |
|
|
|
|
|
<span style="color: #d3d3d3;"><output for="diversity" id="selected-diversity">{{ form.diversity.data }} </output> % diverse</span> |
|
|
|
|
|
|
|
|
|
|
|
<br><hr align="left" style="width:96%;"><br> |
|
|
|
|
|
|
|
|
|
|
|
Check the writing. Who is speaking? Is the voice more often male or female? <br> |
|
|
|
|
|
{{ form.diversity(min=1, max=100, oninput="outputUpdate3(value)") }} |
|
|
|
|
|
<span style="color: #d3d3d3;"><output for="diversity" id="selected-gender">{{ form.gender.data }} </output> % female</span> |
|
|
|
|
|
|
|
|
|
|
|
<br><hr align="left" style="width:96%;"><br> |
|
|
|
|
|
Who are you? {{ render_field(form.who) }} |
|
|
|
|
|
|
|
|
|
|
|
<br><hr align="left" style="width:96%;"><br> |
|
|
|
|
|
How much time have you spent with this item? |
|
|
|
|
|
Include the time spent looking for it, and uploading it.<br> |
|
|
|
|
|
{{ form.time (size = 50, class="form-control")}} <span style="color: #d3d3d3;">hours</span> |
|
|
<br> |
|
|
<br> |
|
|
|
|
|
<br><hr align="left" style="width:96%;"><br> |
|
|
|
|
|
|
|
|
<div style="width: 40%;"> |
|
|
<div style="width: 40%;"> |
|
|
Add a message for future readers: {{ form.message(size=90, class="form-control") }} |
|
|
Add a message for future readers: {{ form.message(size=90, class="form-control") }} |
|
|
<br></div> |
|
|
<br></div> |
|
@ -49,11 +88,12 @@ |
|
|
{{ form.file }} |
|
|
{{ form.file }} |
|
|
{{ form.upload }} |
|
|
{{ form.upload }} |
|
|
{{ form.wish }} |
|
|
{{ form.wish }} |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</form> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<table class="library_table" id="table" style="width:30% padding:10px;" > |
|
|
<table class="library_table" id="table" style="width:30% padding:10px; padding-bottom: 400px;" > |
|
|
<thead> |
|
|
<thead> |
|
|
<tr id="header" style="height:15px;"> |
|
|
<tr id="header" style="height:15px;"> |
|
|
<th style="width: 10%;"> <h5> Currently in the library </h5></th> |
|
|
<th style="width: 10%;"> <h5> Currently in the library </h5></th> |
|
@ -90,4 +130,5 @@ |
|
|
</table> |
|
|
</table> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<clear> |
|
|
{% endblock %} |
|
|
{% endblock %} |
|
|