ddp/books
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added edit author button/link, and fixed broken hover since I changed to bals from author. Also removed the old author code, finally made it so when you hover over remove button we now also highlight the edit button for the author to be red as well. Hovering over edit link higlights the relevant author blue to let you know which one you will go to

Browse Source
This commit is contained in:
Damien De Paoli
2023-07-04 23:54:32 +10:00
parent 99b4239633
commit 26349c98d4
1 changed files with 20 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
templates/book.html
View File

@@ -200,10 +200,6 @@ function AddAuthorToBook(num) {
}
</script>
{#
{% set keys = [ 'title', 'bals', 'author', 'publisher', 'genre', 'owned', 'covertype', 'condition', 'year_published', 'rating', 'notes', 'blurb' ] %}
#}
{% set keys = [ 'title', 'bals', 'publisher', 'genre', 'owned', 'covertype', 'condition', 'year_published', 'rating', 'notes', 'blurb' ] %}
<div class="container-fluid">
<div class="form-row"><h3 class="offset-2">{{page_title}}</h3></div>
@@ -257,6 +253,11 @@ function AddAuthorToBook(num) {
</svg>
</button>
{% endif %}
<button id="author-edit-{{cnt.idx}}" class="btn" type="button" onclick="window.location.href='/author/{{a.author.id}}'">
<svg width="22" height="22" fill="currentColor">
<use xlink:href="{{url_for('static', filename='icons.svg')}}#edit"/>
</svg>
</button>
<select class="form-select input-group-append" name="author-{{cnt.idx}}" id="author-{{cnt.idx}}">
{% for auth in author_list %}
{% set aname=auth.surname+", "+auth.firstnames %}
@@ -283,39 +284,6 @@ function AddAuthorToBook(num) {
{% endif %}
<svg width="22" height="22" fill="currentColor"><use xlink:href="{{url_for('static', filename='icons.svg')}}#plus"/></svg>
</button>
{% elif key == "author" %}
{% set cnt = namespace(idx=0) %}
{% for objects in books[key] %}
{% if cnt.idx > 0 %}
<button id="author-rem-{{cnt.idx}}" class="btn btn-outline-danger input-group-append" type="button" onClick="RemoveAuthorFromBook({{cnt.idx}})">
<svg width="22" height="22" fill="currentColor">
<use xlink:href="{{url_for('static', filename='icons.svg')}}#minus"/>
</svg>
</button>
{% endif %}
<select class="form-select input-group-append" name="author-{{cnt.idx}}" id="author-{{cnt.idx}}">
{% for auth in author_list %}
{% set aname=auth.surname+", "+auth.firstnames %}
<option value="{{auth.id}}"
{% if books.author[cnt.idx].id == auth.id %}
selected
{% endif %}
>{{aname}}</option>
{% endfor %}
</select>
{% set cnt.idx = cnt.idx+1 %}
{% endfor %}
{% if cnt.idx == 0 %}
<select class="form-select input-group-append" name="author-{{cnt.idx}}" id="author-{{cnt.idx}}">
{% for auth in author_list %}
{% set aname=auth.surname+", "+auth.firstnames %}
<option value="{{auth.id}}">{{aname}}</option>
{% endfor %}
</select>
{% endif %}
<button id="author-plus" class="btn btn-outline-success input-group-append" type="button" onClick="AddAuthorToBook({{cnt.idx}})">
<svg width="22" height="22" fill="currentColor"><use xlink:href="{{url_for('static', filename='icons.svg')}}#plus"/></svg>
</button>
{% else %}
{% set rows=4 %}
{% if key == "notes" %}
@@ -459,6 +427,7 @@ function AddAuthorToBook(num) {
{% endblock main_content %}
{% if books.child_ref|length %}
{% endif %}
{% block script_content %}
<script>
$(document).ready( function() {
@@ -474,14 +443,24 @@ function AddAuthorToBook(num) {
{% endif %}
{% endif %}
{% set cnt = namespace(idx=1) %}
{% for authors in books['author'] %}
{% for authors in books['bals'] %}
$('#author-rem-{{cnt.idx}}').hover(
function() { $('#author-{{cnt.idx}}').prop( 'style', 'color:red' ) },
function() { $('#author-{{cnt.idx}}').prop( 'style', '' ) } )
function() {
$('#author-{{cnt.idx}}').prop( 'style', 'color:red' )
$('#author-edit-{{cnt.idx}}').prop( 'style', 'color:red' )
},
function() {
$('#author-{{cnt.idx}}').prop( 'style', '' )
$('#author-edit-{{cnt.idx}}').prop( 'style', '' )
}
)
$('#author-edit-{{cnt.idx}}').hover(
function() { $('#author-{{cnt.idx}}').prop( 'style', 'color:blue' ) },
function() { $('#author-{{cnt.idx}}').prop( 'style', '' ) }
)
{% set cnt.idx = cnt.idx+1 %}
{% endfor %}
$('#owned').click( function() { if( $("#owned option:selected").text() == 'On Wish List' ) { $('#covertype').val( $('#covertype option:last').val() ); $('#condition').val( $('#condition option:last').val() ); $('#year_published').val(''); $('#rating').val( $('#rating option:last').val() ) } } )
} )
</script>
{% endblock script_content %}
{% endif %}