yul
/
bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Put status form in a visual distinct box on book page 

and clean up create status markup
This commit is contained in:
Mouse Reeve 2020-11-06 11:54:31 -08:00
parent d31071ddb0
commit 6aa7522c34
2 changed files with 102 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bookwyrm/templates/book.html
View File

@ -112,7 +112,7 @@
{% endfor %} {% endfor %}
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
<div class="block"> <div class="box">
{% include 'snippets/create_status.html' with book=book hide_cover=True %} {% include 'snippets/create_status.html' with book=book hide_cover=True %}
</div> </div>

18
bookwyrm/templates/snippets/create_status.html
View File

@ -1,9 +1,7 @@
{% load humanize %} {% load humanize %}
{% load fr_display %} {% load fr_display %}
<div class="columns"> <div class="tabs is-boxed">
<div class="column">
<div class="tabs is-boxed">
<ul> <ul>
<li class="is-active" data-id="tab-review-{{ book.id }}" data-category="tab-option-{{ book.id }}"> <li class="is-active" data-id="tab-review-{{ book.id }}" data-category="tab-option-{{ book.id }}">
<label for="review-{{ book.id }}" onclick="tabChange(event)"><a>Review</a></label> <label for="review-{{ book.id }}" onclick="tabChange(event)"><a>Review</a></label>
@ -15,9 +13,9 @@
<label for="quote-{{ book.id }}" onclick="tabChange(event)"><a>Quote</a></label> <label for="quote-{{ book.id }}" onclick="tabChange(event)"><a>Quote</a></label>
</li> </li>
</ul> </ul>
</div> </div>
<div> <div>
<input class="toggle-control" type="radio" name="status-tabs-{{ book.id }}" id="review-{{ book.id }}" checked> <input class="toggle-control" type="radio" name="status-tabs-{{ book.id }}" id="review-{{ book.id }}" checked>
<form class="toggle-content hidden tab-option-{{ book.id }}" name="review" action="/review/" method="post" id="tab-review-{{ book.id }}"> <form class="toggle-content hidden tab-option-{{ book.id }}" name="review" action="/review/" method="post" id="tab-review-{{ book.id }}">
{% csrf_token %} {% csrf_token %}
@ -48,9 +46,9 @@
<button class="button is-primary" type="submit">post review</button> <button class="button is-primary" type="submit">post review</button>
</div> </div>
</form> </form>
</div> </div>
<div> <div>
<input class="toggle-control" type="radio" name="status-tabs-{{ book.id }}" id="comment-{{ book.id }}"> <input class="toggle-control" type="radio" name="status-tabs-{{ book.id }}" id="comment-{{ book.id }}">
<form class="toggle-content hidden tab-option-{{ book.id }}" name="comment" action="/comment/" method="post" id="tab-comment-{{ book.id }}"> <form class="toggle-content hidden tab-option-{{ book.id }}" name="comment" action="/comment/" method="post" id="tab-comment-{{ book.id }}">
{% csrf_token %} {% csrf_token %}
@ -74,9 +72,9 @@
<button class="button is-primary" type="submit">post comment</button> <button class="button is-primary" type="submit">post comment</button>
</div> </div>
</form> </form>
</div> </div>
<div> <div>
<input class="toggle-control" type="radio" name="status-tabs-{{ book.id }}" id="quote-{{ book.id }}"> <input class="toggle-control" type="radio" name="status-tabs-{{ book.id }}" id="quote-{{ book.id }}">
<form class="toggle-content hidden tab-option-{{ book.id }}" name="quotation" action="/quotate/" method="post" id="tab-quotation-{{ book.id }}"> <form class="toggle-content hidden tab-option-{{ book.id }}" name="quotation" action="/quotate/" method="post" id="tab-quotation-{{ book.id }}">
{% csrf_token %} {% csrf_token %}
@ -104,6 +102,4 @@
<button class="button is-primary" type="submit">post quote</button> <button class="button is-primary" type="submit">post quote</button>
</div> </div>
</form> </form>
</div>
</div>
</div> </div>