From 8c1f9b3b6ca654b6d2c6ded35e20a05a869d800e Mon Sep 17 00:00:00 2001
From: Robbie Trencheny <me@robbiet.us>
Date: Sun, 22 Jan 2017 21:49:34 -0800
Subject: [PATCH] complete cla signup flow

---
 source/developers/cla_sign.html       | 90 +++++++++++++++++++++++++--
 source/developers/cla_sign_start.html | 27 ++++++++
 2 files changed, 113 insertions(+), 4 deletions(-)
 create mode 100644 source/developers/cla_sign_start.html

diff --git a/source/developers/cla_sign.html b/source/developers/cla_sign.html
index 81318dc5642..38e98f55b18 100644
--- a/source/developers/cla_sign.html
+++ b/source/developers/cla_sign.html
@@ -27,10 +27,22 @@ footer: true
   #company_name_group {
     display: none;
   }
+
+  #signature_form {
+    display: none;
+  }
+
+  #complete {
+    display: none;
+  }
 </style>
 
+<div id="loading">
+  <div id="spinner"></div>
+  <p>Please wait while we complete authentication and load data from GitHub...</p>
+</div>
 
-<form action="#">
+<form action="#" id="signature_form">
   <div class="wrapper">
     <div>
       <label>I am signing for:</label>
@@ -47,7 +59,8 @@ footer: true
     </div>
     <div>
       <label>Email:</label>
-      <input type="email" id="email" placeholder="Email" required>
+      <!-- <input type="email" id="email" placeholder="Email" required> -->
+      <select name="email" id="email" required></select>
     </div>
     <div>
       <label>GitHub Username:</label>
@@ -61,13 +74,21 @@ footer: true
       <label>State/Region</label>
       <select name="region" id="region" required></select>
     </div>
-    <input type="checkbox" id="i_agree" required> <strong>I have read and agreed to the <a href="/developers/cla/">Home Assistant Contributor License Agreement</a></strong>
+    <input type="checkbox" id="i_agree" required> <strong>I have read and agreed to the <a href="/developers/cla/" target="_blank">Home Assistant Contributor License Agreement</a></strong>
     <br>
+    <input type="hidden" id="github_user_id">
     <button type="submit" class="btn btn-danger" id="submit">Sign CLA</button>
   </div>
 </form>
 
+<div id="complete">
+  <h1>Thanks!</h1>
+  <p>Thank you for signing the Home Assistant Contributor license agreement. We are now redirecting you back to your pull request.</p>
+</div>
+
 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+<script src="https://unpkg.com/github-api/dist/GitHub.bundle.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js" integrity="sha256-PieqE0QdEDMppwXrTzSZQr6tWFX3W5KkyRVyF1zN3eg=" crossorigin="anonymous"></script>
 <script type="text/javascript">
   // Countries
   var country_arr = new Array("Afghanistan", "Albania", "Algeria", "American Samoa", "Angola", "Anguilla", "Antartica", "Antigua and Barbuda", "Argentina", "Armenia", "Aruba", "Ashmore and Cartier Island", "Australia", "Austria", "Azerbaijan", "Bahamas", "Bahrain", "Bangladesh", "Barbados", "Belarus", "Belgium", "Belize", "Benin", "Bermuda", "Bhutan", "Bolivia", "Bosnia and Herzegovina", "Botswana", "Brazil", "British Virgin Islands", "Brunei", "Bulgaria", "Burkina Faso", "Burma", "Burundi", "Cambodia", "Cameroon", "Canada", "Cape Verde", "Cayman Islands", "Central African Republic", "Chad", "Chile", "China", "Christmas Island", "Clipperton Island", "Cocos (Keeling) Islands", "Colombia", "Comoros", "Congo, Democratic Republic of the", "Congo, Republic of the", "Cook Islands", "Costa Rica", "Cote d'Ivoire", "Croatia", "Cuba", "Cyprus", "Czeck Republic", "Denmark", "Djibouti", "Dominica", "Dominican Republic", "Ecuador", "Egypt", "El Salvador", "Equatorial Guinea", "Eritrea", "Estonia", "Ethiopia", "Europa Island", "Falkland Islands (Islas Malvinas)", "Faroe Islands", "Fiji", "Finland", "France", "French Guiana", "French Polynesia", "French Southern and Antarctic Lands", "Gabon", "Gambia, The", "Gaza Strip", "Georgia", "Germany", "Ghana", "Gibraltar", "Glorioso Islands", "Greece", "Greenland", "Grenada", "Guadeloupe", "Guam", "Guatemala", "Guernsey", "Guinea", "Guinea-Bissau", "Guyana", "Haiti", "Heard Island and McDonald Islands", "Holy See (Vatican City)", "Honduras", "Hong Kong", "Howland Island", "Hungary", "Iceland", "India", "Indonesia", "Iran", "Iraq", "Ireland", "Ireland, Northern", "Israel", "Italy", "Jamaica", "Jan Mayen", "Japan", "Jarvis Island", "Jersey", "Johnston Atoll", "Jordan", "Juan de Nova Island", "Kazakhstan", "Kenya", "Kiribati", "Korea, North", "Korea, South", "Kuwait", "Kyrgyzstan", "Laos", "Latvia", "Lebanon", "Lesotho", "Liberia", "Libya", "Liechtenstein", "Lithuania", "Luxembourg", "Macau", "Macedonia, Former Yugoslav Republic of", "Madagascar", "Malawi", "Malaysia", "Maldives", "Mali", "Malta", "Man, Isle of", "Marshall Islands", "Martinique", "Mauritania", "Mauritius", "Mayotte", "Mexico", "Micronesia, Federated States of", "Midway Islands", "Moldova", "Monaco", "Mongolia", "Montserrat", "Morocco", "Mozambique", "Namibia", "Nauru", "Nepal", "Netherlands", "Netherlands Antilles", "New Caledonia", "New Zealand", "Nicaragua", "Niger", "Nigeria", "Niue", "Norfolk Island", "Northern Mariana Islands", "Norway", "Oman", "Pakistan", "Palau", "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Pitcaim Islands", "Poland", "Portugal", "Puerto Rico", "Qatar", "Reunion", "Romainia", "Russia", "Rwanda", "Saint Helena", "Saint Kitts and Nevis", "Saint Lucia", "Saint Pierre and Miquelon", "Saint Vincent and the Grenadines", "Samoa", "San Marino", "Sao Tome and Principe", "Saudi Arabia", "Scotland", "Senegal", "Seychelles", "Sierra Leone", "Singapore", "Slovakia", "Slovenia", "Solomon Islands", "Somalia", "South Africa", "South Georgia and South Sandwich Islands", "Spain", "Spratly Islands", "Sri Lanka", "Sudan", "Suriname", "Svalbard", "Swaziland", "Sweden", "Switzerland", "Syria", "Taiwan", "Tajikistan", "Tanzania", "Thailand", "Tobago", "Toga", "Tokelau", "Tonga", "Trinidad", "Tunisia", "Turkey", "Turkmenistan", "Tuvalu", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom", "Uruguay", "United States of America", "Uzbekistan", "Vanuatu", "Venezuela", "Vietnam", "Virgin Islands", "Wales", "Wallis and Futuna", "West Bank", "Western Sahara", "Yemen", "Yugoslavia", "Zambia", "Zimbabwe");
@@ -371,8 +392,56 @@ footer: true
 
 <script type="text/javascript">
 
+  function fill_fields(){
+    var token = localStorage.getItem("gh_token");
+    var gh = new GitHub({ token: token });
+    var currentUser = gh.getUser();
+    currentUser.getProfile(function(err, profile){
+      if(err){
+        console.error('Got an error when attempting to load users profile', err);
+      } else {
+        $("#name").val(profile.name);
+        $('#github_user_id').val(profile.id);
+        $("#github_username").val(profile.login).prop('disabled', true);
+      }
+      currentUser.getEmails(function(err, emails){
+        if(err){
+          console.error('Got an error when attempting to load users emails', err);
+        } else {
+          $.each(emails, function (i, item) {
+            $('#email').append($('<option>', { value: item.email, text: item.email }));
+          });
+          $('#loading').hide();
+          $('#signature_form').show();
+        }
+      });
+    });
+  }
+
   $(document).ready(function(){
     populateCountries("country", "region");
+    var spinner = new Spinner().spin(document.getElementById('spinner'));
+    var codeCheck = window.location.href.match(/\?code=(.*)/);
+    if (codeCheck && codeCheck.length > 0) {
+      $.ajax({
+        type: "POST",
+        url: "https://cla.home-assistant.io/github/exchange",
+        data: JSON.stringify({"code": codeCheck[1]}),
+        contentType: "application/json",
+      }).done(function(data){
+        var uri = window.location.toString();
+        if (uri.indexOf("?") > 0) {
+          var clean_uri = uri.substring(0, uri.indexOf("?"));
+          window.history.replaceState({}, document.title, clean_uri);
+        }
+        localStorage.setItem("gh_token", data.token);
+        fill_fields();
+      });
+    } else if (localStorage.getItem("gh_token") != null) {
+      fill_fields();
+    } else {
+      window.location = '/developers/cla_sign_start/';
+    }
     $('input[name="signing_for"]').click(function(){
       if($(this).attr('value') === "company") {
         $('#company_name_group').show();
@@ -390,7 +459,8 @@ footer: true
           "github_username": $("#github_username").val(),
           "region": $("#region").val(),
           "signing_for": $('input[name="signing_for"]:checked').val(),
-          "i_agree": $("#i_agree").val()
+          "i_agree": $("#i_agree").val(),
+          "github_user_id": $("#github_user_id").val()
         };
         if ($("#company_name").val() != "") {
           payload.company_name = $("#company_name").val();
@@ -402,6 +472,18 @@ footer: true
           contentType: "application/json",
         }).done(function(data){
           console.log("Signed!", data);
+          $('#signature_form').hide();
+          $('#complete').show();
+          if(localStorage.getItem("pr") != null) {
+            var prPieces = localStorage.getItem("pr").split("#");
+            var repo = prPieces[0];
+            var prNumber = prPieces[1];
+            setTimeout(function(){
+              window.location = 'https://github.com/'+repo+'/pull/'+prNumber;
+            }, 5000);
+          }
+          localStorage.removeItem("pr");
+          localStorage.removeItem("gh_token");
         });
       }
     });
diff --git a/source/developers/cla_sign_start.html b/source/developers/cla_sign_start.html
new file mode 100644
index 00000000000..10067ab34d8
--- /dev/null
+++ b/source/developers/cla_sign_start.html
@@ -0,0 +1,27 @@
+---
+layout: page
+title: "CLA Login"
+description: "The Home Assistant contributor license agreement (CLA) signature page"
+date: 2017-01-21 15:05:00 -0800
+sidebar: true
+comments: false
+sharing: true
+footer: true
+---
+
+<p style="text-align: center">Please wait while we begin the signature process...</p>
+<br>
+<div id="spinner"></div>
+
+<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js" integrity="sha256-PieqE0QdEDMppwXrTzSZQr6tWFX3W5KkyRVyF1zN3eg=" crossorigin="anonymous"></script>
+<script type="text/javascript">
+$(document).ready(function(){
+  var spinner = new Spinner().spin(document.getElementById('spinner'));
+  var redirect = window.location.href.match(/\?pr=(.*)/);
+  if(redirect && redirect.length > 0) {
+    localStorage.setItem("pr", redirect[1]);
+  }
+  window.location = "https://github.com/login/oauth/authorize?client_id=44151bab2be25f885aa7&response_type=code&scope=user%3Aemail&redirect_uri=http%3A%2F%2Flocalhost%3A4000%2Fdevelopers%2Fcla_sign%2F"
+});
+</script>