From a19b78dbca78b4f8d88461cfee7cf07277d3ae23 Mon Sep 17 00:00:00 2001
From: lucyq <lucyzqin@gmail.com>
Date: Thu, 26 Oct 2017 13:47:35 -0400
Subject: [PATCH] checks for new participant number between 1 and 100

---
 client/app/views/trackView.js | 15 +++++++++++++--
 client/track.html             | 11 +++++++++--
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/client/app/views/trackView.js b/client/app/views/trackView.js
index 49d85ecf..c17c2c46 100644
--- a/client/app/views/trackView.js
+++ b/client/app/views/trackView.js
@@ -1,4 +1,4 @@
-define(['jquery', 'controllers/analystController', 'Ladda', 'bootstrap'], function ($, analystController, Ladda) {
+define(['jquery', 'controllers/analystController', 'Ladda', 'alertify', 'bootstrap'], function ($, analystController, Ladda, alertify) {
 
   function trackView() {
 
@@ -104,14 +104,25 @@ define(['jquery', 'controllers/analystController', 'Ladda', 'bootstrap'], functi
     }
 
 
+
+
+
+
     // Generate new participation links
     $('#participants-submit').on('click', function (e) {
       e.preventDefault();
 
+      var pc = parseInt($('#participants-count').val());
+      
+      if (pc < 1.0 || pc > 100.00) {
+        alertify.alert('<img src="/images/cancel.png" alt="Error">Error!', "Please enter a valid number between 1 and 100");        
+        return;
+      }
+
       var la = Ladda.create(document.getElementById('participants-submit'));
       la.start();
 
-      analystController.generateUrls(session, password, $('#participants-count').val())
+      analystController.generateUrls(session, password, pc)
         .then(function (urls) {
           var $newParticipants = $('#participants-new');
           if ($newParticipants.html() !== '') {
diff --git a/client/track.html b/client/track.html
index 72189144..1f40a5ed 100644
--- a/client/track.html
+++ b/client/track.html
@@ -13,6 +13,13 @@
   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Ladda/1.0.0/ladda-themeless.min.css"
         integrity="sha256-d7VZTlP9P3ZTCZ3Bkl8aGZ/+Vs4i+bpcOGNfibU7+LU=" crossorigin="anonymous"/>
 
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.10.0/css/alertify.min.css"
+        integrity="sha256-bNEFYRlNlnu0CH4DIKCXv0F6JVl/DdA2M9XVZn317q0=" crossorigin="anonymous"/>
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.10.0/css/themes/bootstrap.min.css"
+        integrity="sha256-vt37wNLVK8ICNWGrl+1MLb+pjq33sn6v37Q/7OPgkSU=" crossorigin="anonymous"/>
+
+
+
   <link rel="stylesheet" href="/styles/style.css">
 
 </head>
@@ -111,8 +118,8 @@ <h2 class="text-center">Add participants</h2>
         <form>
           <div class="form-group">
             <label class="control-label" for="participants-count">New participants</label>
-            <input type="number" id="participants-count" class="form-control" placeholder="0" pattern="^[1-9]\d*{1,5}$"
-                   autocomplete="off" required/>
+            <input type="number" id="participants-count" class="form-control" min="1" placeholder="0" pattern="^[1-9]\d*{1,5}$"
+            autocomplete="off" required/>
             <span id="new-participants-success" class="success-icon glyphicon glyphicon-ok form-control-feedback hidden"
                   aria-hidden="true"></span>
             <span id="new-participants-fail" class="fail-icon glyphicon glyphicon-remove form-control-feedback hidden"