mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-11-23 18:11:09 +00:00
Mouse Reeve
parent
cfff75764b
commit
976e7ddf79
13 changed files with 302 additions and 255 deletions
|
|
@ -203,7 +203,7 @@ def set_default_edition(work):
|
||||||
options = [e for e in options if e.cover] or options
|
options = [e for e in options if e.cover] or options
|
||||||
options = sorted(
|
options = sorted(
|
||||||
options,
|
options,
|
||||||
key=lambda e: e.published_date.year if e.published_date else None
|
key=lambda e: e.published_date.year if e.published_date else 3000
|
||||||
)
|
)
|
||||||
if len(options):
|
if len(options):
|
||||||
options[0].default = True
|
options[0].default = True
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ from fedireads import models
|
||||||
def sync_book_data():
|
def sync_book_data():
|
||||||
''' update books with any changes to their canonical source '''
|
''' update books with any changes to their canonical source '''
|
||||||
expiry = timezone.now() - timedelta(days=1)
|
expiry = timezone.now() - timedelta(days=1)
|
||||||
books = models.Book.objects.filter(
|
books = models.Edition.objects.filter(
|
||||||
sync=True,
|
sync=True,
|
||||||
last_sync_date__lte=expiry
|
last_sync_date__lte=expiry
|
||||||
).all()
|
).all()
|
||||||
|
|
|
||||||
|
|
@ -1,57 +1,55 @@
|
||||||
/* some colors that are okay: #247BA0 #70C1B2 #B2DBBF #F3FFBD #FF1654 */
|
/* some colors that are okay: #247BA0 #70C1B2 #B2DBBF #F3FFBD #FF1654 */
|
||||||
|
|
||||||
|
/* general override */
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background-color: #FFF;
|
background-color: #FFF;
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
body {
|
|
||||||
padding-top: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #247BA0;
|
color: #247BA0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, button {
|
|
||||||
padding: 0.2em 0.5em;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
cursor: pointer;
|
|
||||||
width: max-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4 {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
font-weight: normal;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
font-weight: normal;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
padding: 0.5rem 0.2rem;
|
padding: 0.5rem 0.2rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
border-bottom: 3px solid #B2DBBF;
|
border-bottom: 3px solid #B2DBBF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2 .edit-link {
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 0.9em;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
h2 .edit-link .icon {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin: 1rem 0 0.5rem 0;
|
|
||||||
border-bottom: 3px solid #70C1B2;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
h3 small {
|
h3 small {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* fixed display top bar */
|
||||||
|
body {
|
||||||
|
padding-top: 90px;
|
||||||
|
}
|
||||||
#top-bar {
|
#top-bar {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
|
|
@ -65,18 +63,31 @@ h3 small {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
#warning {
|
/* --- header bar content */
|
||||||
background-color: #FF1654;
|
#branding {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
#menu {
|
||||||
|
list-style: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
flex-grow: 2;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
#menu li {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 0.5em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
#menu a {
|
||||||
|
color: #555;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#branding a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
#actions {
|
#actions {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#actions > * {
|
#actions > * {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
@ -106,7 +117,6 @@ h3 small {
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification {
|
.notification {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
padding: 1em 0;
|
padding: 1em 0;
|
||||||
|
|
@ -116,11 +126,6 @@ h3 small {
|
||||||
background-color: #DDD;
|
background-color: #DDD;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
button .icon {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
vertical-align: sub;
|
|
||||||
}
|
|
||||||
#search button {
|
#search button {
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
|
|
@ -131,29 +136,6 @@ button .icon {
|
||||||
max-width: 55rem;
|
max-width: 55rem;
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
header {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.menu {
|
|
||||||
list-style: none;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
flex-grow: 1;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
ul.menu li {
|
|
||||||
display: inline-block;
|
|
||||||
background-color: white;
|
|
||||||
padding: 0 0.5em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
ul.menu a {
|
|
||||||
color: #555;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pulldown-container {
|
.pulldown-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -175,15 +157,24 @@ ul.menu a {
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* content area */
|
||||||
|
.content-container {
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
.content-container > * {
|
||||||
|
padding-left: 1em;
|
||||||
|
padding-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
#feed {
|
#feed {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding-top: 70px;
|
padding-top: 70px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -30px;
|
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* row component */
|
||||||
.row {
|
.row {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -204,6 +195,16 @@ ul.menu a {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.column {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.column > * {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* discover books page grid of covers */
|
||||||
.book-grid .book-cover {
|
.book-grid .book-cover {
|
||||||
height: 11em;
|
height: 11em;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|
@ -212,6 +213,17 @@ ul.menu a {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* special case forms */
|
||||||
|
.review-form label {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.review-form textarea {
|
||||||
|
width: 30rem;
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.follow-requests .row {
|
.follow-requests .row {
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
@ -219,6 +231,7 @@ ul.menu a {
|
||||||
width: 20em;
|
width: 20em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.login form {
|
.login form {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
@ -247,14 +260,14 @@ ul.menu a {
|
||||||
.book-form .row label {
|
.book-form .row label {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
}
|
}
|
||||||
form input {
|
|
||||||
flex-grow: 1;
|
/* general form stuff */
|
||||||
|
input, button {
|
||||||
|
padding: 0.2em 0.5em;
|
||||||
}
|
}
|
||||||
form div {
|
button, input[type="submit"] {
|
||||||
margin-bottom: 1em;
|
cursor: pointer;
|
||||||
}
|
width: max-content;
|
||||||
textarea {
|
|
||||||
padding: 0.5em;
|
|
||||||
}
|
}
|
||||||
.content-container button {
|
.content-container button {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -273,6 +286,36 @@ button.warning {
|
||||||
background-color: #FF1654;
|
background-color: #FF1654;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
form input {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
form div {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
textarea {
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* icons */
|
||||||
|
a .icon {
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
button .icon {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
vertical-align: sub;
|
||||||
|
}
|
||||||
|
.hidden-text {
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
position: absolute;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* re-usable tab styles */
|
||||||
.tabs {
|
.tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -299,6 +342,7 @@ button.warning {
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.user-pic {
|
.user-pic {
|
||||||
width: 2em;
|
width: 2em;
|
||||||
height: 2em;
|
height: 2em;
|
||||||
|
|
@ -312,51 +356,54 @@ button.warning {
|
||||||
height: 5em;
|
height: 5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 .edit-link {
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.9em;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
h2 .edit-link .icon {
|
|
||||||
font-size: 1.2em;
|
|
||||||
}
|
|
||||||
.user-profile .row > * {
|
.user-profile .row > * {
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
.user-profile .row > *:last-child {
|
.user-profile .row > *:last-child {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
margin-left: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.review-form label {
|
/* general book display */
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time-ago {
|
|
||||||
float: right;
|
|
||||||
display: block;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-preview {
|
.book-preview {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.book-preview img {
|
|
||||||
float: left;
|
|
||||||
margin-right: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-preview.grid {
|
.book-preview.grid {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-container {
|
.cover-container {
|
||||||
margin: 1rem;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
.content-container > * {
|
.cover-container button {
|
||||||
padding-left: 1em;
|
display: block;
|
||||||
padding-right: 1em;
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.book-cover {
|
||||||
|
width: 180px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.book-cover.small {
|
||||||
|
width: 50px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-cover {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.no-cover div {
|
||||||
|
position: absolute;
|
||||||
|
padding: 1em;
|
||||||
|
color: white;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.no-cover .title {
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.all-shelves {
|
.all-shelves {
|
||||||
|
|
@ -379,51 +426,32 @@ h2 .edit-link .icon {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-shelves .covers-shelf {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.user-shelves > div {
|
|
||||||
margin: 1em 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.user-shelves > div > * {
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
.user-shelves .covers-shelf .book-cover {
|
|
||||||
height: 9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.covers-shelf {
|
.covers-shelf {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
.covers-shelf .book-preview {
|
.covers-shelf .cover-container {
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
overflow: unset;
|
overflow: unset;
|
||||||
width: min-content;
|
width: min-content;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.covers-shelf .book-preview button {
|
.covers-shelf .cover-container:last-child {
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.covers-shelf .book-preview:last-child {
|
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.covers-shelf .book-preview:hover {
|
.covers-shelf img:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
|
||||||
.covers-shelf .book-preview:hover img {
|
|
||||||
box-shadow: #F3FFBD 0em 0em 1em 1em;
|
box-shadow: #F3FFBD 0em 0em 1em 1em;
|
||||||
}
|
}
|
||||||
.covers-shelf .book-cover {
|
.covers-shelf .book-cover {
|
||||||
float: none;
|
|
||||||
height: 11rem;
|
height: 11rem;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
.covers-shelf button {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
@ -437,29 +465,6 @@ h2 .edit-link .icon {
|
||||||
.compose-suggestion.visible {
|
.compose-suggestion.visible {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-cover {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.no-cover div {
|
|
||||||
position: absolute;
|
|
||||||
padding: 1em;
|
|
||||||
color: white;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.no-cover .title {
|
|
||||||
text-transform: uppercase;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
.book-cover {
|
|
||||||
width: 180px;
|
|
||||||
}
|
|
||||||
.book-cover.small {
|
|
||||||
width: 50px;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.compose-suggestion .book-preview {
|
.compose-suggestion .book-preview {
|
||||||
background-color: #EEE;
|
background-color: #EEE;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
|
@ -476,14 +481,8 @@ h2 .edit-link .icon {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.review-form textarea {
|
|
||||||
width: 30rem;
|
|
||||||
height: 10rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
white-space: pre-line;
|
white-space: pre-line;
|
||||||
margin-left: 2em;
|
|
||||||
}
|
}
|
||||||
blockquote .icon-quote-open {
|
blockquote .icon-quote-open {
|
||||||
float: left;
|
float: left;
|
||||||
|
|
@ -557,8 +556,11 @@ th, td {
|
||||||
color: #FF1654;
|
color: #FF1654;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-thread .reply h2 {
|
/* status css */
|
||||||
background: none;
|
.time-ago {
|
||||||
|
float: right;
|
||||||
|
display: block;
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
.post {
|
.post {
|
||||||
background-color: #EFEFEF;
|
background-color: #EFEFEF;
|
||||||
|
|
@ -585,7 +587,10 @@ th, td {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* status page with replies */
|
||||||
|
.comment-thread .reply h2 {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
.comment-thread .post {
|
.comment-thread .post {
|
||||||
margin-left: 4em;
|
margin-left: 4em;
|
||||||
border-left: 2px solid #247BA0;
|
border-left: 2px solid #247BA0;
|
||||||
|
|
@ -604,25 +609,16 @@ th, td {
|
||||||
margin-left: 3em;
|
margin-left: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
a .icon {
|
/* pagination */
|
||||||
color: black;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden-text {
|
|
||||||
height: 0;
|
|
||||||
width: 0;
|
|
||||||
position: absolute;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.book-row .book-cover {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination a {
|
.pagination a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.pagination .next {
|
.pagination .next {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* special one-off "delete all data" banner */
|
||||||
|
#warning {
|
||||||
|
background-color: #FF1654;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -13,11 +13,16 @@
|
||||||
|
|
||||||
<div class="content-container">
|
<div class="content-container">
|
||||||
<h2>Books by {{ author.name }}</h2>
|
<h2>Books by {{ author.name }}</h2>
|
||||||
{% for book in books %}
|
<div class="book-grid row shrink wrap">
|
||||||
<div class="book-preview">
|
{% for book in books %}
|
||||||
{% include 'snippets/book.html' with book=book size=large description=True %}
|
<div class="book-preview">
|
||||||
|
<a href="{{ book.absolute_id }}">
|
||||||
|
{% include 'snippets/book_cover.html' with book=book %}
|
||||||
|
</a>
|
||||||
|
{% include 'snippets/shelve_button.html' with book=book %}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
{% extends 'layout.html' %}
|
{% extends 'layout.html' %}
|
||||||
{% load fr_display %}
|
{% load fr_display %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content-container user-profile">
|
<div class="content-container">
|
||||||
<h2><q>{{ book.title }}</q> by
|
<h2>
|
||||||
{% include 'snippets/authors.html' with book=book %}
|
{% include 'snippets/book_titleby.html' with book=book %}
|
||||||
|
|
||||||
{% if request.user.is_authenticated %}
|
{% if request.user.is_authenticated %}
|
||||||
<a href="{{ book.fedireads_key }}/edit" class="edit-link">edit
|
<a href="{{ book.fedireads_key }}/edit" class="edit-link">edit
|
||||||
|
|
@ -13,27 +13,14 @@
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</h2>
|
</h2>
|
||||||
<div>
|
|
||||||
<div class="book-preview">
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="cover-container">
|
||||||
{% include 'snippets/book_cover.html' with book=book size=large %}
|
{% include 'snippets/book_cover.html' with book=book size=large %}
|
||||||
<p>{{ active_tab }} rating: {{ rating | stars }}</p>
|
|
||||||
{% if book.parent_work.description %}
|
|
||||||
<blockquote>{{ book.parent_work.description | description }}</blockquote>
|
|
||||||
{% endif %}
|
|
||||||
<div>
|
|
||||||
<div id="tag-cloud">
|
|
||||||
{% for tag in tags %}
|
|
||||||
{% include 'snippets/tag.html' with tag=tag user=request.user user_tags=user_tag_names %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p><a href="/editions/{{ book.parent_work.id }}">{{ book.parent_work.edition_set.count }} other editions</a></p>
|
|
||||||
|
|
||||||
{% include 'snippets/shelve_button.html' %}
|
{% include 'snippets/shelve_button.html' %}
|
||||||
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
{% if request.user.is_authenticated and not book.cover %}
|
{% if request.user.is_authenticated and not book.cover %}
|
||||||
<form name="add-cover" method="POST" action="/upload_cover/{{book.id}}" enctype="multipart/form-data">
|
<form name="add-cover" method="POST" action="/upload_cover/{{book.id}}" enctype="multipart/form-data">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
|
@ -41,21 +28,48 @@
|
||||||
<button type="submit">Add cover</button>
|
<button type="submit">Add cover</button>
|
||||||
</form>
|
</form>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
{% for field in info_fields %}
|
||||||
|
{% if field.value %}
|
||||||
|
<dt>{{ field.name }}:</dt>
|
||||||
|
<dd>{{ field.value }}</dd>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<h3>{{ active_tab }} rating: {{ rating | stars }}</h3>
|
||||||
|
|
||||||
|
{% include 'snippets/book_description.html' %}
|
||||||
|
|
||||||
|
{% if book.parent_work.edition_set.count > 1 %}
|
||||||
|
<p><a href="/editions/{{ book.parent_work.id }}">{{ book.parent_work.edition_set.count }} editions</a></p>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<div id="tag-cloud">
|
||||||
|
{% for tag in tags %}
|
||||||
|
{% include 'snippets/tag.html' with tag=tag user=request.user user_tags=user_tag_names %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
{% if request.user.is_authenticated %}
|
||||||
|
<h3>Leave a review</h3>
|
||||||
|
<form class="review-form" name="review" action="/review/" method="post">
|
||||||
|
{% csrf_token %}
|
||||||
|
<input type="hidden" name="book" value="{{ book.fedireads_key }}"></input>
|
||||||
|
{{ review_form.as_p }}
|
||||||
|
<button type="submit">Post review</button>
|
||||||
|
</form>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if request.user.is_authenticated %}
|
|
||||||
<div class="content-container">
|
|
||||||
<h2>Leave a review</h2>
|
|
||||||
<form class="review-form" name="review" action="/review/" method="post">
|
|
||||||
{% csrf_token %}
|
|
||||||
<input type="hidden" name="book" value="{{ book.fedireads_key }}"></input>
|
|
||||||
{{ review_form.as_p }}
|
|
||||||
<button type="submit">Post review</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
{% if request.user.is_authenticated %}
|
||||||
<div class="content-container tabs">
|
<div class="content-container tabs">
|
||||||
{% include 'snippets/tabs.html' with tabs=feed_tabs active_tab=active_tab path=path %}
|
{% include 'snippets/tabs.html' with tabs=feed_tabs active_tab=active_tab path=path %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -22,10 +22,14 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="top-bar">
|
<div id="top-bar">
|
||||||
<header>
|
<header class="row">
|
||||||
<div id="branding"><a href="/"><img id="logo" src="/static/images/logo-small.png" alt="BookWyrm"></img></a></div>
|
<div id="branding">
|
||||||
|
<a href="/">
|
||||||
|
<img id="logo" src="/static/images/logo-small.png" alt="BookWyrm"></img>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul class="menu">
|
<ul id="menu">
|
||||||
{% if request.user.is_authenticated %}
|
{% if request.user.is_authenticated %}
|
||||||
<li><a href="/user/{{request.user.localname}}/shelves">Your shelves</a></li>
|
<li><a href="/user/{{request.user.localname}}/shelves">Your shelves</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
{% load fr_display %}
|
|
||||||
{% include 'snippets/book_cover.html' with book=book %}
|
|
||||||
<p class="title">
|
|
||||||
<a href="/book/{{ book.fedireads_key }}">{{ book.title }}</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
by {% include 'snippets/authors.html' with book=book %}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
{% if rating %}
|
|
||||||
{{ rating | stars }} {{ rating }}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if description %}
|
|
||||||
<blockquote>{{ book.description | description }}</blockquote>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% include 'snippets/shelve_button.html' with book=book pulldown=shelf_pulldown %}
|
|
||||||
7
fedireads/templates/snippets/book_description.html
Normal file
7
fedireads/templates/snippets/book_description.html
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
{% load fr_display %}
|
||||||
|
{% if book.description %}
|
||||||
|
<blockquote>{{ book.description | description }}</blockquote>
|
||||||
|
{% elif book.parent_work.description %}
|
||||||
|
<blockquote>{{ book.parent_work.description | description }}</blockquote>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
9
fedireads/templates/snippets/book_titleby.html
Normal file
9
fedireads/templates/snippets/book_titleby.html
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<span class="title">
|
||||||
|
<a href="/book/{{ book.fedireads_key }}">{{ book.title }}</a>
|
||||||
|
</span>
|
||||||
|
{% if book.authors %}
|
||||||
|
<span class="author">
|
||||||
|
by {% include 'snippets/authors.html' with book=book %}
|
||||||
|
</span>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
|
@ -9,11 +9,15 @@
|
||||||
<small>(<a href="/shelf/{{ user | username }}/{{ shelf.identifier }}">See all {{ shelf.size }}</a>)</small>
|
<small>(<a href="/shelf/{{ user | username }}/{{ shelf.identifier }}">See all {{ shelf.size }}</a>)</small>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</h2>
|
</h2>
|
||||||
<div class="covers-shelf {{ shelf.identifier }}">
|
<div class="covers-shelf {{ shelf.identifier }} ">
|
||||||
{% for book in shelf.books %}
|
{% for book in shelf.books %}
|
||||||
<div class="book-preview" onclick="show_compose(this, event)" id="book-{{ book.id }}">
|
<div class="cover-container">
|
||||||
<a href="{{ book.absolute_id }}">{% include 'snippets/book_cover.html' with book=book %}</a>
|
<div >
|
||||||
{% include 'snippets/shelve_button.html' with book=book %}
|
<a href="{{ book.absolute_id }}" onclick="show_compose(this, event)" id="book-{{ book.id }}">
|
||||||
|
{% include 'snippets/book_cover.html' with book=book %}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% include 'snippets/shelve_button.html' with book=book %}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,9 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
{% include 'snippets/status_content.html' with status=status %}
|
<div class="status-content">
|
||||||
|
{% include 'snippets/status_content.html' with status=status %}
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% if status.status_type == 'Boost' %}
|
{% if status.status_type == 'Boost' %}
|
||||||
|
|
|
||||||
|
|
@ -1,36 +1,52 @@
|
||||||
{% load fr_display %}
|
{% load fr_display %}
|
||||||
|
|
||||||
{% if not hide_book and status.mention_books.count %}
|
{% if not hide_book and status.mention_books.count %}
|
||||||
<div class="row book-row">
|
<div class="row">
|
||||||
{% for book in status.mention_books.all|slice:"0:3" %}
|
{% for book in status.mention_books.all|slice:"0:4" %}
|
||||||
<div class="book-preview">
|
<div class="row">
|
||||||
{% if status.status_type == 'Review' %}
|
<div class="cover-container">
|
||||||
{% include 'snippets/book.html' with book=book %}
|
{% include 'snippets/book_cover.html' with book=book %}
|
||||||
{% else %}
|
{% if status.mention_books.count > 1 %}
|
||||||
{% include 'snippets/book.html' with book=book description=True %}
|
<p>{% include 'snippets/book_titleby.html' with book=book %}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
{% include 'snippets/shelve_button.html' with book=book %}
|
||||||
{% endfor %}
|
</div>
|
||||||
</div>
|
{% if status.mention_books.count == 1 %}
|
||||||
|
<div>
|
||||||
|
<p>{% include 'snippets/book_titleby.html' with book=book %}</p>
|
||||||
|
{% include 'snippets/book_description.html' with book=book %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if not hide_book and status.book%}
|
<div class="row">
|
||||||
<div class="book-preview">
|
{% if not hide_book and status.book %}
|
||||||
{% if status.status_type == 'Review' %}
|
<div class="cover-container">
|
||||||
{% include 'snippets/book.html' with book=status.book %}
|
{% include 'snippets/book_cover.html' with book=status.book %}
|
||||||
{% else %}
|
{% include 'snippets/shelve_button.html' with book=status.book %}
|
||||||
{% include 'snippets/book.html' with book=status.book description=True %}
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
|
||||||
{% endif %}
|
<div>
|
||||||
{% if status.status_type == 'Review' %}<h4>{{ status.name }}
|
{% if status.status_type == 'Review' %}
|
||||||
<small>{{ status.rating | stars }} stars, by {% include 'snippets/username.html' with user=status.user %}</small>
|
<h3>
|
||||||
</h4>{% endif %}
|
{{ status.name }}<br>
|
||||||
{% if status.status_type != 'Update' and status.status_type != 'Boost' %}
|
{{ status.rating | stars }}
|
||||||
<blockquote>{{ status.content | safe }}</blockquote>
|
</h3>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if status.status_type == 'Boost' %}
|
|
||||||
{% include 'snippets/status_content.html' with status=status|boosted_status %}
|
{% if status.status_type != 'Update' and status.status_type != 'Boost' %}
|
||||||
{% endif %}
|
<blockquote>{{ status.content | safe }}</blockquote>
|
||||||
{% if not max_depth and status.reply_parent or status|replies %}<p><a href="{{ status.absolute_id }}">Thread</a>{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% if status.status_type == 'Boost' %}
|
||||||
|
{% include 'snippets/status_content.html' with status=status|boosted_status %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if not max_depth and status.reply_parent or status|replies %}<p><a href="{{ status.absolute_id }}">Thread</a>{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -415,6 +415,14 @@ def book_page(request, book_identifier, tab='friends'):
|
||||||
'active_tab': tab,
|
'active_tab': tab,
|
||||||
'path': '/book/%s' % book_identifier,
|
'path': '/book/%s' % book_identifier,
|
||||||
'cover_form': forms.CoverForm(instance=book),
|
'cover_form': forms.CoverForm(instance=book),
|
||||||
|
'info_fields': [
|
||||||
|
{'name': 'ISBN', 'value': book.isbn},
|
||||||
|
{'name': 'OCLC number', 'value': book.oclc_number},
|
||||||
|
{'name': 'OpenLibrary ID', 'value': book.openlibrary_key},
|
||||||
|
{'name': 'Goodreads ID', 'value': book.goodreads_key},
|
||||||
|
{'name': 'Format', 'value': book.physical_format},
|
||||||
|
{'name': 'Pages', 'value': book.pages},
|
||||||
|
],
|
||||||
}
|
}
|
||||||
return TemplateResponse(request, 'book.html', data)
|
return TemplateResponse(request, 'book.html', data)
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue