From 9d51508e6b98a59e56322a9106a6cf5addc8c8ec Mon Sep 17 00:00:00 2001
From: James <jselby@jselby.net>
Date: Wed, 19 Sep 2018 10:51:01 +1000
Subject: [PATCH] Make selectable packages more intuitive

---
 src/http.rs         | 4 ++--
 static/css/main.css | 8 ++++++++
 static/js/views.js  | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/http.rs b/src/http.rs
index a8c509c..95f60b5 100644
--- a/src/http.rs
+++ b/src/http.rs
@@ -22,7 +22,7 @@ pub fn download_text(url: &str) -> Result<String, String> {
     let mut client = build_client()?
         .get(url)
         .send()
-        .map_err(|x| format!("Failed to GET resource: {:?}", v))?;
+        .map_err(|x| format!("Failed to GET resource: {:?}", x))?;
 
     client
         .text()
@@ -37,7 +37,7 @@ where
     let mut client = build_client()?
         .get(url)
         .send()
-        .map_err(|x| format!("Failed to GET resource: {:?}", v))?;
+        .map_err(|x| format!("Failed to GET resource: {:?}", x))?;
 
     let size = match client.headers().get(CONTENT_LENGTH) {
         Some(ref v) => v
diff --git a/static/css/main.css b/static/css/main.css
index 5ebd6d0..f4ffe26 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -37,3 +37,11 @@ pre {
 .has-padding {
     padding: 2rem;
 }
+
+.clickable-box {
+    cursor: pointer;
+}
+
+.clickable-box label {
+    pointer-events: none;
+}
diff --git a/static/js/views.js b/static/js/views.js
index 606e02f..0663737 100644
--- a/static/js/views.js
+++ b/static/js/views.js
@@ -102,7 +102,7 @@ const SelectPackages = {
             <div class="tile is-ancestor">
                 <div class="tile is-parent" v-for="package in $root.$data.config.packages" :index="package.name">
                     <div class="tile is-child">
-                        <div class="box">
+                        <div class="box clickable-box" v-on:click.capture.stop="package.default = !package.default">
                             <label class="checkbox">
                                 <input type="checkbox" v-model="package.default" />
                                 {{ package.name }}