started passing data through and adding form validation for issue #3

opentechinstitute · May 3, 2016 · 782abb7 · 782abb7
1 parent 8bf3cc4
commit 782abb7
Show file tree

Hide file tree

Showing 25 changed files with 96 additions and 84 deletions.
diff --git a/dest/index.php b/dest/index.php
@@ -1,7 +1,4 @@
 <?php
-  session_start();
-    $_SESSION['company'] = $_POST;
-    $company = $_SESSION['company'];
 ?>
 <html>
 <head>
@@ -15,8 +12,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->
@@ -28,17 +25,19 @@
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna eiusmod tempor incididunt.</p>
 </div>
 <div class="intro-cta">
-  <input type="text" name="company" id="originalCompany" placeholder="Company name">
+  <form>
+  <input type="text" name="company" required value="" id="originalCompany" placeholder="Company name">
   </input>
   <p class="small">Link to explore all data</p>
   <div class="split-box-2">
     <a id="explore" href="explore-reports.html">Explore report</a>
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
   </div>
   <div class="split-box-2">
-    <a id="submit-report" href="submit-report-0.html">Submit report</a>
+    <input type="submit" id="submit-report" value="Submit report"></input>
     <p>Go audemo C. Epotem untrum horei fac octus adhuctampl. Nihil vius auderis sinculicia audenis, porio etius es vatiam ium firmis.</p>
   </div>
+</form>
 </div>
 <div class="overlay">
   <p>Expedita sunt illum rem. Quas eveniet eum molestiae. Voluptatum quam fugiat eligendi voluptas delectus iste quibusdam. Maxime tempore asperiores ducimus ex. Voluptate aut sint rerum.</p>
@@ -47,11 +46,6 @@
     <input type="text" name="company" id="copyCompany" placeholder="Company name"/>
     <input type="submit" name="company-submit" value="Got it!" id="to-form"></input>
   </form>
-  <form action="submit-report-0.php" method="post">
-    <input name="my_html_input_tag"/>
-    <input type="submit" name="my_form_submit_button" value="Click here for penguins"/>
-  </form>
-
 </div>
 <div class="overlay-background">
 </div>

diff --git a/dest/scripts/home.js b/dest/scripts/home.js
@@ -10,10 +10,15 @@ function include(arr,obj) {
 
 document.getElementById("submit-report").addEventListener("click", function( event ) {
   event.preventDefault();
-  submitProcess[0].style.display = "block";
-  submitProcess[1].style.display = "block";
-  document.getElementsByTagName('body')[0].style.overflow = "hidden";
-  copyCompany.value = originalCompany.value;
+  if (originalCompany.checkValidity()) {
+    submitProcess[0].style.display = "block";
+    submitProcess[1].style.display = "block";
+    document.getElementsByTagName('body')[0].style.overflow = "hidden";
+    copyCompany.value = originalCompany.value;
+  } else {
+    console.log('something');
+    // originalCompany.style.border="blue 1px solid";
+  }
 }, false);
 
 submitProcess[0].addEventListener("click", function( event ) {
@@ -43,3 +48,8 @@ function onSignIn(googleUser) {
   console.log('Image URL: ' + profile.getImageUrl());
   user = profile.getEmail();
 }
+
+originalCompany.addEventListener("invalid", function(evt) {
+  originalCompany.nextSibling.innerText = "WTF WTF WTF";
+  console.log('huh?');
+});
diff --git a/dest/scripts/submit-0.php b/dest/scripts/submit-0.php
@@ -1,10 +1,6 @@
 <?php
-if (!empty($_POST)) {
-  $_SESSION['company'] = $_POST;
-  $company = $_SESSION['company'];
-  print_r($_POST);
-}
-echo $_POST['company'];
-echo $_POST['my_html_input_tag'];
-
+// if (isset($_POST)) {
+  $_SESSION['company'] = $_POST['company'];
+  echo json_encode($_SESSION['company']);
+// }
 ?>
diff --git a/dest/scripts/submit.js b/dest/scripts/submit.js
@@ -20,6 +20,16 @@ function calculator(section, maxNo) {
     }
   }
 }
+function reqListener () {
+  console.log(this.responseText);
+}
+
+var oReq = new XMLHttpRequest();
+oReq.onload = function() {
+    alert(this.responseText);
+};
+oReq.open("GET", "scripts/submit-0.php");
+oReq.send();
 var months = document.getElementsByClassName('months');
 months = months[0].getElementsByTagName('span');
 months = [].slice.call(months);

diff --git a/dest/styles/main.css b/dest/styles/main.css
diff --git a/dest/styles/main.css.map b/dest/styles/main.css.map
diff --git a/dest/submit-report-0.php b/dest/submit-report-0.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-0.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-1.php b/dest/submit-report-1.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-1.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-10.php b/dest/submit-report-10.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-10.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-11.php b/dest/submit-report-11.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-11.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-12.php b/dest/submit-report-12.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-12.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-2.php b/dest/submit-report-2.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-2.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-3.php b/dest/submit-report-3.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-3.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-4.php b/dest/submit-report-4.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-4.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-5.php b/dest/submit-report-5.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-5.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-6.php b/dest/submit-report-6.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-6.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-7.php b/dest/submit-report-7.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-7.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-8.php b/dest/submit-report-8.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-8.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->

diff --git a/dest/submit-report-9.php b/dest/submit-report-9.php
@@ -1,5 +1,4 @@
 <?php
-  session_start();
     include 'scripts/submit-9.php';
 ?>
 <html>
@@ -12,8 +11,8 @@
     <div class="container nav">
       <ul class="inline-list">
         <li><a href="./">Transparency Reporting Toolkit</a></li>
-        <li>Explore reports</li>
-        <li>Submit report</li>
+        <li><a href="./explore.html">Explore reports</a></li>
+        <li><a href="./submit-report-0.php">Submit report</a></li>
         <!-- <li>About team</li>
         <li>About Transparency Reports</li>
         <li>Dashboard</li> -->