X-Git-Url: https://git.hcoop.net/clinton/MarylandElectronicPetitionSignature.git/blobdiff_plain/f84ade02cb7df8340accf55f44df95a78bd0a45f..dec234c2770a61b52a7bd12caec386f373871768:/petition.php

diff --git a/petition.php b/petition.php
index 20b8e16..3dc003a 100644
--- a/petition.php
+++ b/petition.php
@@ -6,8 +6,33 @@ if (isset($_POST['petition'])){
   $q = "select * from petitions where petition_id = '$id'";
   $r = $petition->query($q);
   $d = mysqli_fetch_array($r);
+  //slack_general('OK POST (invite:'.$_COOKIE['invite'].')','md-petition');
+}elseif($_COOKIE['pID'] != ''){
+  $id = $_COOKIE['pID'];
+  $q = "select * from petitions where petition_id = '$id'";
+  $r = $petition->query($q);
+  $d = mysqli_fetch_array($r);
+  //slack_general('OK COOKIE (invite:'.$_COOKIE['invite'].')','md-petition');
+}else{
+  slack_general('MAJOR ERROR (invite:'.$_COOKIE['invite'].')','md-petition');
+  header('Location: reset.php');
+  die('Error #15'); 
 }
+setcookie("pJPG", $d['petition_jpg']);
 ?>
+<script>
+  document.title = "MEPS - Sign <?PHP echo $d['petition_name'];?>";
+$(document).ready(function() {
+  $('#myText').keypress(function(event){
+    if (event.keyCode == 10 || event.keyCode == 13) 
+        event.preventDefault();
+  });
+  $('#myTextb').keypress(function(event){
+    if (event.keyCode == 10 || event.keyCode == 13) 
+        event.preventDefault();
+  });
+});
+</script>
 <style>
 @font-face {
     font-family: "myFirstFont";
@@ -15,10 +40,40 @@ if (isset($_POST['petition'])){
 }
 .sig {
     font-family: "myFirstFont";
-    font-size: 40px;
+    font-size: 60px;
 }
 </style>
-
+<?PHP
+if (isset($_POST['signed_name_as'])){
+?>
+<script>
+   window.scrollTo(0,document.body.scrollHeight);
+   $(document).ready(function(){   
+     window.scrollTo(0,document.body.scrollHeight);
+     $('#exampleModalLower').modal('show');
+    });
+  function addTextb()
+  {
+      document.getElementById('text2b').innerHTML = document.getElementById('myTextb').value;
+      var string = document.getElementById('myTextb').value; 
+      var res = string.toUpperCase();
+      var result = res.match(/<?PHP echo $_COOKIE['pNAME'];?>/i); 
+      if (result == "<?PHP echo $_COOKIE['pNAME'];?>"){
+            document.getElementById("b2").style.display = "block";
+            document.getElementById("b2warn").style.display = "none";
+            document.getElementById("click_me2").style.display = "none";
+            document.getElementById("form2").submit();
+            //alert("Confirmed : " + result); 
+      }else{
+            document.getElementById("b2").style.display = "none";
+            document.getElementById("b2warn").style.display = "block";
+            document.getElementById("click_me2").style.display = "block";
+      }
+  }
+</script>
+<?PHP
+}else{
+?>
 <script>
    $(document).ready(function(){
          $('#exampleModalCenter').modal('show');
@@ -26,32 +81,87 @@ if (isset($_POST['petition'])){
   function addText()
   {
       document.getElementById('text2').innerHTML = document.getElementById('myText').value;
+      var string = document.getElementById('myText').value; 
+      var res = string.toUpperCase();
+      var result = res.match(/<?PHP echo $_COOKIE['pNAME'];?>/i);
+      if (result == "<?PHP echo $_COOKIE['pNAME'];?>"){
+            document.getElementById("b1").style.display = "block";
+            document.getElementById("b1warn").style.display = "none";
+            document.getElementById("click_me1").style.display = "none";
+            document.getElementById("form1").submit();
+            //alert("Confirmed : " + result); 
+      }else{
+            document.getElementById("b1").style.display = "none";
+            document.getElementById("b1warn").style.display = "block";
+            document.getElementById("click_me1").style.display = "block";
+      }
   }
 </script>
+<?PHP
+}
+?>
 
-<!-- Modal -->
+<!-- TOP Modal -->
 <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
-  <div class="modal-dialog modal-dialog-centered" role="document">
+  <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h5 class="modal-title" id="exampleModalLongTitle">Type Your Signature</h5>
+        <h1 class="modal-title" id="exampleModalLongTitle">Type Your Signature to Sign <?PHP echo $d['petition_name'];?></h1>
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
           <span aria-hidden="true">&times;</span>
         </button>
       </div>
-      <form action='sign.php' method='POST'>
+      <form action='petition.php' method='POST' name='form1' id='form1'>
         <div class="modal-body">
-          <input name="signed_name_as" type="text" id="myText" onkeyup="addText()">
-          <div id="text2" class="sig"></div>
+          <h2><?PHP echo $d['petition_sign_text_box'];?></h2>
+          <h3><?PHP echo $_COOKIE['pNAME'];?>, Please Sign Here</h3>
+          
         </div>
         <div class="modal-footer">
-          <button type="submit" class="btn btn-primary">Sign and Submit</button>
+          <h1 id="text2" class="sig"></h1>
+          <button style='display:none;' id='b1' name='b1' type="submit" class="btn btn-primary btn-lg btn-block"><img class='click_me' src="files/click_here.gif">Sign and Next</button>
+          <button style='display:block;' id='b1warn' name='b1warn' class="btn btn-warning btn-lg btn-block disabled" onclick="alert('Please Type Your Name Exactly as Above');">Please Type Your Name Exactly as Above</button>
+          <table><tr><td><img id='click_me1' name='click_me1' class='click_me' src="files/click_here.gif"></td><td><input class="form-control input-lg" name="signed_name_as" type="text" id="myText" onkeyup="addText()" required autofocus></td></tr></table>
         </div>
       </form>
     </div>
   </div>
 </div>
-<div class='col-sm-12'><img class="img-responsive" src='hard_copy.php'></div>
 
+<!-- Lower Modal -->
+<div class="modal fade" id="exampleModalLower" tabindex="-1" role="dialog" aria-labelledby="exampleModalLowerTitle" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title" id="exampleModalLongTitleLower">Type Your Signature to Sign as Circulator</h1>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <form action='sign.php' method='POST' name='form2' id='form2'><input type='hidden' value='<?PHP echo $_POST['signed_name_as'];?>' name='signed_name_as'>
+        <div class="modal-body">
+          <h2><?PHP echo $d['petition_circulator_text_box'];?></h2>
+          <h3><?PHP echo $_COOKIE['pNAME'];?>, Please Sign Here</h3>
+        </div>
+        <div class="modal-footer">
+          <h1 id="text2b" class="sig"></h1>
+          <button style='display:none;' id='b2' name='b2' type="submit" class="btn btn-primary btn-lg btn-block"><img class='click_me' src="files/click_here.gif">Sign and Submit</button>
+          <button style='display:block;' id='b2warn' name='b1warn' class="btn btn-warning btn-lg btn-block disabled" onclick="alert('Please Type Your Name Exactly as Above');">Please Type Your Name Exactly as Above</button>
+          <table><tr><td><img id='click_me2' name='click_me2' class='click_me' src="files/click_here.gif"></td><td><input class="form-control input-lg" name="signed_name_as_circulator" type="text" id="myTextb" onkeyup="addTextb()" required autofocus></td></tr></table>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
 
-<?PHP include_once('footer.php');
+<div class='col-sm-12'><img class="img-responsive" src='hard_copy.php'></div>
+<?PHP if ($d['petition_jpg_page2'] != ''){ ?>
+  <div class='col-sm-12'><img class="img-responsive" src='<?PHP echo $d['petition_jpg_page2'];?>'></div>
+<?PHP } ?>
+<?PHP 
+if(isset($_POST['signed_name_as'])){
+ slack_general('*Step 2* ('.$d['petition_name'].') ('.$_POST['signed_name_as'].') ('.$_COOKIE['invite'].')','md-petition');
+}else{
+ slack_general('*Step 1* ('.$d['petition_name'].') ('.$_COOKIE['invite'].')','md-petition'); 
+}
+include_once('footer.php');