Data bug + little changes
This commit is contained in:
parent
195febfe17
commit
18e85ba57a
|
@ -44,7 +44,7 @@ const Ratings = (props) => {
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
<div className="ratings">
|
<div className="ratings">
|
||||||
<span className="block_name">Ratings</span>
|
<span className="block_name">Ratings</span>
|
||||||
{ratings && ratings.length > 0 ? <table className="ratingstable responsive nowrap" width="100%">
|
<table className="ratingstable responsive nowrap" width="100%">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>#</th>
|
<th>#</th>
|
||||||
|
@ -76,7 +76,7 @@ const Ratings = (props) => {
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table> : <div className='no-data-msg'>Geen data beschikbaar</div> }
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
)
|
)
|
||||||
|
|
|
@ -52,7 +52,7 @@ const Readed = (props) => {
|
||||||
<td>{book.name}</td>
|
<td>{book.name}</td>
|
||||||
<td>{book.author} <span className={`flag-icon flag-icon-${code} mx2`}></span></td>
|
<td>{book.author} <span className={`flag-icon flag-icon-${code} mx2`}></span></td>
|
||||||
<td>{book.genre}</td>
|
<td>{book.genre}</td>
|
||||||
<td><i class='fas fa-star'></i>{book.rating}</td>
|
<td><i className='fas fa-star'></i>{book.rating}</td>
|
||||||
</tr>
|
</tr>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
|
|
|
@ -81,7 +81,7 @@ const BooksList = (props) => {
|
||||||
<td>{moment(book.readed).format('MMMM YYYY')}</td>
|
<td>{moment(book.readed).format('MMMM YYYY')}</td>
|
||||||
<td><i class='fas fa-star'></i> {book.rating}</td>
|
<td><i class='fas fa-star'></i> {book.rating}</td>
|
||||||
<td>
|
<td>
|
||||||
<button onClick={() => delBook(book.id)} type="button" class="btn btn-danger"><i className="fa fa-trash"></i></button>
|
<button onClick={() => delBook(book.id)} type="button" className="btn btn-danger"><i className="fa fa-trash"></i></button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
)
|
)
|
||||||
|
|
|
@ -84,7 +84,7 @@ const Dashboard = (props) => {
|
||||||
<div className="modal-dialog" role="document">
|
<div className="modal-dialog" role="document">
|
||||||
<div className="modal-content">
|
<div className="modal-content">
|
||||||
<button type="button" onClick={() => { setShowModal(false) }} className="close" data-dismiss="modal" aria-label="Close">
|
<button type="button" onClick={() => { setShowModal(false) }} className="close" data-dismiss="modal" aria-label="Close">
|
||||||
<i class="fas fa-times-circle"></i>
|
<i className="fas fa-times-circle"></i>
|
||||||
</button>
|
</button>
|
||||||
<div className="DataTable_Container">
|
<div className="DataTable_Container">
|
||||||
<table id="DataTable" className="showHead table responsive nowrap" width="100%">
|
<table id="DataTable" className="showHead table responsive nowrap" width="100%">
|
||||||
|
@ -93,6 +93,7 @@ const Dashboard = (props) => {
|
||||||
<th>Gelezen boeken</th>
|
<th>Gelezen boeken</th>
|
||||||
<th></th>
|
<th></th>
|
||||||
<th></th>
|
<th></th>
|
||||||
|
<th></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
@ -118,9 +119,10 @@ const Dashboard = (props) => {
|
||||||
<div style={{ color: '#777' }} className="book-author">{book.author}</div>
|
<div style={{ color: '#777' }} className="book-author">{book.author}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><i class='fas fa-star'></i> {book.rating}</td>
|
<td><i className='fas fa-star'></i> {book.rating}</td>
|
||||||
|
<td>{moment(book.readed).format("MMMM")}</td>
|
||||||
<td style={{ textAlign: 'right' }}>
|
<td style={{ textAlign: 'right' }}>
|
||||||
<button onClick={() => delBook(book.id)} type="button" class="btn btn-danger"><i className="fa fa-trash"></i></button>
|
<button onClick={() => delBook(book.id)} type="button" className="btn btn-danger"><i className="fa fa-trash"></i></button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
)
|
)
|
||||||
|
|
|
@ -31,7 +31,7 @@ export const Register = (props) => {
|
||||||
<img className="logo_text" src="/static/images/logo.png" />
|
<img className="logo_text" src="/static/images/logo.png" />
|
||||||
|
|
||||||
{isRegistered &&(
|
{isRegistered &&(
|
||||||
<div id="ok_msg" class="alert alert-success" style={{ marginTop: '20px', textAlign: 'center' }}>Account aangemaakt! Klik <Link to="/">hier</Link> om in te loggen.</div>
|
<div id="ok_msg" className="alert alert-success" style={{ marginTop: '20px', textAlign: 'center' }}>Account aangemaakt! Klik <Link to="/">hier</Link> om in te loggen.</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<form onSubmit={(event) => handleFormSubmit(event)}>
|
<form onSubmit={(event) => handleFormSubmit(event)}>
|
||||||
|
|
|
@ -119,7 +119,7 @@ html, body{
|
||||||
}
|
}
|
||||||
|
|
||||||
.books-per-month canvas{
|
.books-per-month canvas{
|
||||||
height:500px !important;
|
max-height:700px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.books-per-month, .genresPercent, .books-per-country, .book, .ratings, .readed{
|
.books-per-month, .genresPercent, .books-per-country, .book, .ratings, .readed{
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue