dashboard: change span to label

circle/dashboard/static/dashboard/dashboard.css

@@ -946,3 +946,7 @@ textarea[name="list-new-namelist"] {
   display: inline-block;
   vertical-align: middle;
 }
+
+#vm-list-search-checkbox-span {
+  cursor: pointer
+}

circle/dashboard/static/dashboard/vm-list.js

@@ -167,14 +167,6 @@ $(function() {
     updateStatuses(1);
   }
  
-  $("#vm-list-search-checkbox-span").css("cursor", "pointer");
-
-  $("#vm-list-search-checkbox-span").click(function(e) {
-    if(e.target.type === "checkbox") return;
-    var checkbox = $(this).find("input");
-    checkbox.prop("checked", !checkbox.prop("checked"));
-    return false;
-  });
 });
 
 

circle/dashboard/templates/dashboard/vm-list.html

@@ -34,10 +34,10 @@
                 <div class="input-group-btn">
                   {{ search_form.stype }}
                 </div>
-                <span class="input-group-addon input-tags" title="{% trans "Include deleted VMs" %}" 
+                <label class="input-group-addon input-tags" title="{% trans "Include deleted VMs" %}" 
                   id="vm-list-search-checkbox-span" data-container="body">
                   {{ search_form.include_deleted }}
-                </span>
+                </label>
                 <div class="input-group-btn">
                   <button type="submit" class="btn btn-primary input-tags"> 
                     <i class="fa fa-search"></i>