add yahoo import feature

chrome/css/popup.css

@@ -87,6 +87,24 @@ img {
   font-weight: normal;
 }
 
+#yahooInput {
+  padding: 4px;
+  padding-left: 6px;
+  width: 60%;
+  border: 1px solid lightgray;
+  border-radius: 2px;
+}
+
+#yahooInput:focus {
+  outline: 0;
+}
+
+#yahooInput::placeholder {
+  color: lightgray;
+  font-size: 14px;
+  font-weight: normal;
+}
+
 #addBtn {
   border: none;
 }

chrome/index.html

@@ -20,6 +20,8 @@
       <input type='text' id='nameInput' placeholder="Search and Add a Player" />
       <input type="hidden" id="playerId"/>
       <button id='addBtn' class='btn btn-primary'>Add</button>
+      <input type='text' id='yahooInput' placeholder="Import Yahoo Lineup (example: 24181/2)" />
+      <button id='importBtn' class='btn btn-primary'>Import</button>
     </div>
   </center>
   <div class = 'table-div'>

chrome/manifest.json

@@ -20,7 +20,11 @@
   "permissions": [
     "notifications",
     "storage",
-    "tabs"
+    "tabs",
+    "https://baseball.fantasysports.yahoo.com/*",
+    "http://baseball.fantasysports.yahoo.com/*",
+    "https://www.baseball.fantasysports.yahoo.com/*",
+    "http://www.baseball.fantasysports.yahoo.com/*"
   ],
   "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'"
 }

chrome/src/js/popup.js

@@ -14,8 +14,10 @@ _gaq.push(['_trackPageLoadTime']);
 
 document.addEventListener('DOMContentLoaded', function () {
   let link = document.getElementById('addBtn')
+  let yahooAdd = document.getElementById('importBtn')
   // onClick's logic below:
   link.addEventListener('click', handleIdInput)
+  yahooAdd.addEventListener('click', handleYahooImport)
 
   document.getElementById('notifBtn').addEventListener('click', handleNotifBtnClick)
   document.getElementById('muteBtn').addEventListener('click', handleMuteBtnClick)
@@ -287,6 +289,30 @@ function handleIdInput () {
   }
 }
 
+function normalizeName (name) {
+  return name.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+}
+
+function populate (html) {
+  let players = html.match(/(?<=[0-9]+".*_blank">).*(?=<\/a>)/gm);
+  players = players.map(player => normalizeName(player));
+  players.forEach(player => {
+    sendMessageToBackGround('insert', findPlayerByName(player).id);
+  });
+}
+
+function handleYahooImport () {
+  let id = $('#yahooInput').val()
+
+  $.ajax({
+    url: `https://baseball.fantasysports.yahoo.com/b1/${id}`,
+    type: 'get',
+    dataType: 'html',
+    crossDomain: true,
+    success: populate
+  })
+}
+
 function openTab(args) {
   let link = args.target.value
   chrome.tabs.create({url: link})