Add fail and done sounds for manual lookups

Author: joelpurra

README.md

@@ -13,6 +13,13 @@ Look at a domain and check for DNSSEC records. Name and shame included!
 
 
 
+## Thanks
+
+- [buzzer2.wav](https://www.freesound.org/people/hypocore/sounds/164089/) by [hypocore](https://www.freesound.org/people/hypocore/), licensed under [CC0 1.0](http://creativecommons.org/publicdomain/zero/1.0/).
+- [success.wav](https://www.freesound.org/people/grunz/sounds/109662/) by [grunz](https://www.freesound.org/people/grunz/), licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0/).
+
+
+
 ## License
 
 Copyright (c) 2014, [Joel Purra](http://joelpurra.com/) and Tom Cuddy. All rights reserved.

bower.json

@@ -3,6 +3,7 @@
     "private": true,
     "version": "0.0.0",
     "dependencies": {
-        "jquery": "^2.1.0"
+        "jquery": "^2.1.0",
+        "SoundJS": "*"
     }
 }

public/index.html

@@ -124,6 +124,7 @@ <h3>
     </footer>
 
     <script src="bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="bower_components/SoundJS/lib/soundjs-NEXT.combined.js"></script>
     <script src="resources/javascript/main.js"></script>
 
     <!-- DO NOT COPY THIS SCRIPT TAG -->

public/resources/audio/109662_945474-lq.mp3

@@ -1,21 +1,44 @@
-var nameShameForm = $("#name-shame-form");
+$(function() {
+    var playSound = function(name) {
+        var instance = createjs.Sound.play("fail");
+    },
 
-function onSubmit(evt) {
-    var domainname = $("[name=domainname]", this).val();
-
-    $.getJSON("/name-shame/", {
-        domainname: domainname
-    })
-        .fail(function(jqXHR, textStatus, errorThrown) {
+        domainLookupFail = function(jqXHR, textStatus, errorThrown) {
             // TODO: show error to the user
             console.error(jqXHR, textStatus, errorThrown);
-        })
-        .done(function(data, textStatus, jqXHR) {
+
+            playSound("fail");
+        },
+
+        domainLookupDone = function(data, textStatus, jqXHR) {
             // TODO: use data
             console.log(data, textStatus, jqXHR);
-        });
 
-    return false;
-}
+            if (data.isSecure) {
+                playSound("done");
+            } else {
+                playSound("fail");
+            }
+        };
+
+    (function() {
+        createjs.Sound.registerSound("resources/audio/164089_2975503-lq.mp3", "fail");
+        createjs.Sound.registerSound("resources/audio/109662_945474-lq.mp3", "done");
+    }());
+
+    (function() {
+        var nameShameForm = $("#name-shame-form"),
+            onSubmit = function(evt) {
+                var domainname = $("[name=domainname]", this).val(),
+                    onSubmitPromise = $.getJSON("/name-shame/", {
+                        domainname: domainname
+                    })
+                        .fail(domainLookupFail)
+                        .done(domainLookupDone);
+
+                return false;
+            };
 
-nameShameForm.on("submit", onSubmit);
+        nameShameForm.on("submit", onSubmit);
+    }());
+});