From 537977e497ba26ed00754ca67abe7c1657f1c847 Mon Sep 17 00:00:00 2001
From: Jack Darlington <jack.darlington@openshadow.com>
Date: Sun, 12 Mar 2017 21:13:14 +0000
Subject: [PATCH] =?UTF-8?q?Changed=20=E2=80=9Chave=20read=E2=80=9D=20to=20?=
 =?UTF-8?q?checkbox?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cps/templates/detail.html | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/cps/templates/detail.html b/cps/templates/detail.html
index 9fc6def3..4d3ee95a 100644
--- a/cps/templates/detail.html
+++ b/cps/templates/detail.html
@@ -109,14 +109,10 @@
       {% endif %}  
       {% if not g.user.is_anonymous() %}
       <p>
-        <div class="custom_columns" id="have_read">
-          Read
-          {% if have_read %}
-            <span class="glyphicon glyphicon-ok"></span>
-          {% else %}
-            <span class="glyphicon glyphicon-remove"></span>
-          {% endif %}
+        <div class="custom_columns" id="have_read_container">
           <form id="have_read_form" action="{{ url_for('toggle_read', id=entry.id)}}" method="POST") >
+            <input id="have_read_cb" type="checkbox" {% if have_read %}checked{% endif %} >
+            <label for="have_read_cb">{{_('Read')}}</label>
           </form>
         </div>
       </p>
@@ -229,7 +225,7 @@
     var haveReadForm = $('#have_read_form');
     haveReadForm.ajaxForm();
   });
-  $("#have_read").attr('unselectable','on')
+  $("#have_read_container").attr('unselectable','on')
      .css({'-moz-user-select':'-moz-none',
            '-moz-user-select':'none',
            '-o-user-select':'none',
@@ -238,7 +234,7 @@
            '-ms-user-select':'none',
            'user-select':'none'
      }).bind('selectstart', function(){ return false; });
-  $("#have_read").click(function() {
+  $("#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');