From 8f177d9c7743873a2e87c716d05d20ae675b0db7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felipe=20Lube=20de=20Bragan=C3=A7a?=
 <felipe.lubra@gmail.com>
Date: Tue, 9 Oct 2018 18:27:26 +0000
Subject: [PATCH] License page: suggest the license to a repository

---
 _includes/footer.html       |  1 +
 _includes/header.html       |  1 +
 _includes/sidebar.html      |  2 ++
 assets/css/application.scss |  5 +++++
 assets/js/app.coffee        | 21 +++++++++++++++++++++
 5 files changed, 30 insertions(+)

diff --git a/_includes/footer.html b/_includes/footer.html
index abfa674..885b561 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -19,6 +19,7 @@
     <script src="/assets/vendor/jquery/jquery.min.js"></script>
     <script src="/assets/vendor/qtip2/jquery.qtip.min.js"></script>
     <script src="/assets/vendor/clipboard/dist/clipboard.min.js"></script>
+    <script src="/assets/vendor/javascript-auto-complete/auto-complete.min.js"></script>
     <script>
       window.annotations = {{ site.data.rules | jsonify }};
     </script>
diff --git a/_includes/header.html b/_includes/header.html
index 0d68595..aa8d8fd 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -6,6 +6,7 @@
 
     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Chivo:900">
     <link rel="stylesheet" href="/assets/css/application.css?v={{ site.github.build_revision }}">
+    <link rel="stylesheet" href="/assets/vendor/javascript-auto-complete/auto-complete.css">
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
     <!--[if lt IE 9]>
     <script src="/assets/vendor/html5shiv/dist/html5shiv.js"></script>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 92c4f25..60f100d 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -1,6 +1,8 @@
 <div class="sidebar">
 
   <a href="#" data-clipboard-target="#license-text" data-proofer-ignore="true" class="js-clipboard-button button">Copy license text to clipboard</a>
+  <h3>Suggest this license</h3>
+  <input type="text" data-license-id="{{ page.spdx-id }}" placeholder="Type a project name" id="reposiory-search" />
 
   <div class="how-to-apply">
     <h3>How to apply this license</h3>
diff --git a/assets/css/application.scss b/assets/css/application.scss
index 3a8b5ae..73cb68d 100644
--- a/assets/css/application.scss
+++ b/assets/css/application.scss
@@ -294,6 +294,11 @@ strong {
   width: 100%;
 }
 
+.sidebar input#reposiory-search {
+  width: 100%;
+  padding: 5px 10px;
+}
+
 .note {
   color: #687072;
 }
diff --git a/assets/js/app.coffee b/assets/js/app.coffee
index 2141598..f386e45 100644
--- a/assets/js/app.coffee
+++ b/assets/js/app.coffee
@@ -31,6 +31,7 @@ class Choosealicense
   constructor: ->
     @initTooltips()
     @initClipboard()
+    @initAutocomplete()
 
   # Init tooltip action
   initTooltips: ->
@@ -71,5 +72,25 @@ class Choosealicense
   clipboardComplete: (client, args) ->
     @textContent = "Copied!"
 
+  # Initializes JavaScript-autoComplete plugin
+  initAutocomplete: ->
+    new autoComplete {
+      selector: "#reposiory-search",
+      delay: 300,
+      source: (term, response) ->
+        $.getJSON "https://api.github.com/search/repositories", {q: term}, (data) ->
+          if data and data.total_count > 0
+            response (data.items
+              .filter (item) -> item.archived == false && !item.license
+              .map (item) -> item.full_name)
+          else
+            response([])
+      onSelect: (event, repository, item) ->
+        licenseId = event.target.getAttribute("data-license-id")
+        if licenseId
+          window.open 'https://github.com/'+repository+'/community/license/new?template='+licenseId
+        else
+          window.open 'https://github.com/'+repository+'/community/license/new'
+    }
 $ ->
   new Choosealicense()