xppl/app/templates/add_book.html

{% extends 'base.html' %}

{% 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 style="width: 98%; border-right: dashed; border-width: 1px;">

  <h1 class="page-header">Add Book</h1>
  {% with messages = get_flashed_messages() %}
    {% if messages %}
      <div class="alert alert-danger">
        <ul>
        {% for message in messages %}
          <li>{{ message }}</li>
        {% endfor %}
        </ul>
      </div>
    {% endif %}
  {% endwith %}
  <form method="POST" action="{{ url_for('add_book') }}" enctype=multipart/form-data>
    {{ form.csrf_token }}
    <div class="form-group">Title:* <br> {{ form.title (size=50, class="form-control") }}</div>
    <br>
    <div data-toggle="fieldset" id="phone-fieldset">
         Author(s):*  <button type="button" data-toggle="fieldset-add-row" data-target="#phone-fieldset">+</button>
        <table>
            <tr>
                <th></th>
                <th></th>
            </tr>
            {% for author in form.author %}
                <tr data-toggle="fieldset-entry">
                    <td>{{ author.author_name (size=50)}}</td>
                    <td><button type="button" data-toggle="fieldset-remove-row" id="phone-{{loop.index0}}-remove">-</button></td>
                </tr>
            {% endfor %}
        </table>
    </div>
<br>
  Category:* <br> {{ form.category(size=50, class="form-control") }} <br><br>
  Year published: <br> {{ form.year_published(size=8, class="form-control") }} <br><br>

How different is this item to the rest of the collection?
Or is it more of the same? <br>
{{ form.sameness(min=0, max=100, oninput="outputUpdate(value)") }} &nbsp;
<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)") }} &nbsp;
<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)") }} &nbsp;
<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><hr align="left" style="width:96%;"><br>

<div style="width: 40%;">
  Add a message for future readers: {{ form.message(size=90, class="form-control") }}
<br></div>
<br>
    {{ form.file }}
    {{ form.upload }}
    {{ form.wish }}

    </div>
</form>
</div>
<div>
<table class="library_table" id="table" style="width:30% padding:10px; padding-bottom: 400px;" >
    <thead>
    <tr id="header" style="height:15px;">
      <th style="width: 10%;"> <h5> Currently in the library </h5></th>
      <th style="width: 20%;"></th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td> Titles: </td>
      <td> {{ books_all }}</td>
    </tr>
    <tr>
      <td> Authors: </td>
      <td> {{ authors_all }} </td>
    </tr>
      <tr>
      <td> Categories: </td>
      <td> {{ categories|replace('[', '')|replace(']', '') }}</td>
    </tr>
    <tr>
      <td> Stacks: </td>
      <td> {{ stacks_all|replace('[', '')|replace(']', '') }}</td>
    </tr>
    <tr>
      <td> From the years: </td>
      <td> {{earliest}} –– {{latest}}</td>
    </tr>
    <tr>
      <td> Gaps in the collection: </td>
      <td> At least {{ books_potential }} potential books missing</td>
    </tr>

</tbody>
  </table>
</div>
</div>
<clear>
{% endblock %}
prototype 0.0.1 7 years ago			`{% extends 'base.html' %}`

			`{% block main %}`
new upload form questions 7 years ago			`{% 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>`
extended info on add-book page 7 years ago			`<div class="container" style="float: left; width:50%;">`
			`<div style="width: 98%; border-right: dashed; border-width: 1px;">`

prototype 0.0.1 7 years ago			`<h1 class="page-header">Add Book</h1>`
			`{% with messages = get_flashed_messages() %}`
			`{% if messages %}`
			`<div class="alert alert-danger">`
			`<ul>`
			`{% for message in messages %}`
			`<li>{{ message }}</li>`
			`{% endfor %}`
			`</ul>`
			`</div>`
			`{% endif %}`
			`{% endwith %}`
			`<form method="POST" action="{{ url_for('add_book') }}" enctype=multipart/form-data>`
			`{{ form.csrf_token }}`
new upload form questions 7 years ago			`<div class="form-group">Title:* <br> {{ form.title (size=50, class="form-control") }}</div>`
updated with covers and authors 7 years ago			`<br>`
			`<div data-toggle="fieldset" id="phone-fieldset">`
GRADIENT 7 years ago			`Author(s):* <button type="button" data-toggle="fieldset-add-row" data-target="#phone-fieldset">+</button>`
updated with covers and authors 7 years ago			`<table>`
			`<tr>`
			`<th></th>`
			`<th></th>`
			`</tr>`
			`{% for author in form.author %}`
			`<tr data-toggle="fieldset-entry">`
new upload form questions 7 years ago			`<td>{{ author.author_name (size=50)}}</td>`
updated with covers and authors 7 years ago			`<td><button type="button" data-toggle="fieldset-remove-row" id="phone-{{loop.index0}}-remove">-</button></td>`
			`</tr>`
			`{% endfor %}`
			`</table>`
			`</div>`
			`<br>`
new upload form questions 7 years ago			`Category:* <br> {{ form.category(size=50, class="form-control") }} <br><br>`
			`Year published: <br> {{ form.year_published(size=8, class="form-control") }} <br><br>`

			`How different is this item to the rest of the collection?`
			`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>`
added message option into book database, upload form, edit form 7 years ago			`<br>`
new upload form questions 7 years ago			`<br><hr align="left" style="width:96%;"><br>`

extended info on add-book page 7 years ago			`<div style="width: 40%;">`
			`Add a message for future readers: {{ form.message(size=90, class="form-control") }}`
added message option into book database, upload form, edit form 7 years ago			`<br></div>`
potential pdfs 7 years ago			`<br>`
prototype 0.0.1 7 years ago			`{{ form.file }}`
fancy search 7 years ago			`{{ form.upload }}`
			`{{ form.wish }}`
new upload form questions 7 years ago
updated red_link page 7 years ago			`</div>`
prototype 0.0.1 7 years ago			`</form>`
extended info on add-book page 7 years ago			`</div>`
			`<div>`
new upload form questions 7 years ago			`<table class="library_table" id="table" style="width:30% padding:10px; padding-bottom: 400px;" >`
extended info on add-book page 7 years ago			`<thead>`
			`<tr id="header" style="height:15px;">`
			`<th style="width: 10%;"> <h5> Currently in the library </h5></th>`
			`<th style="width: 20%;"></th>`
			`</tr>`
			`</thead>`
			`<tbody>`
			`<tr>`
			`<td> Titles: </td>`
			`<td> {{ books_all }}</td>`
			`</tr>`
			`<tr>`
			`<td> Authors: </td>`
			`<td> {{ authors_all }} </td>`
			`</tr>`
			`<tr>`
			`<td> Categories: </td>`
			`<td> {{ categories\|replace('[', '')\|replace(']', '') }}</td>`
			`</tr>`
			`<tr>`
			`<td> Stacks: </td>`
			`<td> {{ stacks_all\|replace('[', '')\|replace(']', '') }}</td>`
			`</tr>`
			`<tr>`
			`<td> From the years: </td>`
			`<td> {{earliest}} –– {{latest}}</td>`
			`</tr>`
			`<tr>`
			`<td> Gaps in the collection: </td>`
			`<td> At least {{ books_potential }} potential books missing</td>`
			`</tr>`
prototype 0.0.1 7 years ago
extended info on add-book page 7 years ago			`</tbody>`
			`</table>`
			`</div>`
prototype 0.0.1 7 years ago			`</div>`
new upload form questions 7 years ago			`<clear>`
prototype 0.0.1 7 years ago			`{% endblock %}`