|
|
@ -160,10 +160,12 @@
|
|
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
{% if not g.user.is_anonymous() %}
|
|
|
|
{% if not g.user.is_anonymous() %}
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
<div class="custom_columns" id="have_read_container">
|
|
|
|
<div class="custom_columns">
|
|
|
|
<form id="have_read_form" action="{{ url_for('toggle_read', book_id=entry.id)}}" method="POST") >
|
|
|
|
<form id="have_read_form" action="{{ url_for('toggle_read', book_id=entry.id)}}" method="POST">
|
|
|
|
|
|
|
|
<label class="block-label">
|
|
|
|
<input id="have_read_cb" type="checkbox" {% if have_read %}checked{% endif %} >
|
|
|
|
<input id="have_read_cb" type="checkbox" {% if have_read %}checked{% endif %} >
|
|
|
|
<label for="have_read_cb">{{_('Read')}}</label>
|
|
|
|
<span>{{_('Read')}}</span>
|
|
|
|
|
|
|
|
</label>
|
|
|
|
</form>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
@ -236,28 +238,10 @@
|
|
|
|
<script src="{{ url_for('static', filename='js/libs/jquery.form.js') }}"></script>
|
|
|
|
<script src="{{ url_for('static', filename='js/libs/jquery.form.js') }}"></script>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
$( document ).ready(function() {
|
|
|
|
$( document ).ready(function() {
|
|
|
|
var haveReadForm = $('#have_read_form');
|
|
|
|
$('#have_read_form').ajaxForm();
|
|
|
|
haveReadForm.ajaxForm();
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$("#have_read_container").attr('unselectable','on')
|
|
|
|
$("#have_read_cb").on('change', function() {
|
|
|
|
.css({'-moz-user-select':'-moz-none',
|
|
|
|
$(this).closest('form').submit();
|
|
|
|
'-moz-user-select':'none',
|
|
|
|
|
|
|
|
'-o-user-select':'none',
|
|
|
|
|
|
|
|
'-khtml-user-select':'none', /* you could also put this in a class */
|
|
|
|
|
|
|
|
'-webkit-user-select':'none',/* and add the CSS class here instead */
|
|
|
|
|
|
|
|
'-ms-user-select':'none',
|
|
|
|
|
|
|
|
'user-select':'none'
|
|
|
|
|
|
|
|
}).bind('selectstart', function(){ return false; });
|
|
|
|
|
|
|
|
$("#have_read_container").click(function() {
|
|
|
|
|
|
|
|
var haveReadForm = $('#have_read_form');
|
|
|
|
|
|
|
|
if ($("#have_read").find('span').hasClass('glyphicon-ok')) {
|
|
|
|
|
|
|
|
$("#have_read").find('span').removeClass('glyphicon-ok');
|
|
|
|
|
|
|
|
$("#have_read").find('span').addClass('glyphicon-remove');
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
$("#have_read").find('span').removeClass('glyphicon-remove');
|
|
|
|
|
|
|
|
$("#have_read").find('span').addClass('glyphicon-ok');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
haveReadForm.submit()
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
{% endblock %}
|
|
|
|
{% endblock %}
|
|
|
|