begin putting ui together

ep.json

@@ -9,6 +9,7 @@
         "eejsBlock_editbarMenuRight": "ep_email_notifications/client:eejsBlock_toolbarRight"
       },
       "client_hooks": {
+        "postAceInit":"ep_email_notifications/static/js/ep_email"
       }
     }
   ]

static/js/ep_email.js

@@ -1,5 +1,39 @@
+exports.postAceInit = function(){
+
+  // after 10 seconds if we dont already have an email for this author then prompt them
+  setTimeout(function(){askClientToEnterEmail()},10000);
+}
+
+function askClientToEnterEmail(){
+  $.gritter.add({
+    // (string | mandatory) the heading of the notification
+    title: "Recieve Email notifications for this pad",
+    // (string | mandatory) the text inside the notification
+    text: "<form id='ep_email_form'><label for='ep_email'><input type=text id='ep_email'><input type=submit></form>",
+    // (bool | optional) if you want it to fade out on its own or just sit there
+    sticky: true,
+    // (int | optional) the time you want it to be alive for before fading out
+    time: '2000',
+    // the function to bind to the form
+    after_open: function(e){
+      $('#ep_email_form').submit(function(){
+        $(e).hide();
+
+        $.gritter.add({
+          // (string | mandatory) the heading of the notification
+          title: "Email subscribed",
+          // (string | mandatory) the text inside the notification
+          text: "You will recieve email when someone changes this.    If this is the first time you have requested emails you will need to confirm your email address"
+        });
+        sendEmailToServer();
+        return false;
+      });
+    }
+  });
+}
+
 function sendEmailToServer(){
-  var email = "john@mclear.co.uk";
+  var email = $('#ep_email').val();
   var userId = pad.getUserId();
   var message = {};
   message.type = 'USERINFO_UPDATE';

templates/button.html

@@ -1 +1 @@
-<button onClick=sendEmailToServer();>FUCKING AY</button>
+<button onClick=askClientToEnterEmail();>FUCKING AY</button>