Merge pull request #26 from leonhartX/add-star

add star with token

circle.yml

@@ -1,3 +1,7 @@
+machine:
+  node:
+    version: 6.1.0
+
 dependencies:
   override:
     - npm install --dev

manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.2",
+  "version": "2.0.3",
   "manifest_version": 2,
   "default_locale": "en",
   "name": "__MSG_appName__",

options/options.css

@@ -72,6 +72,10 @@
 .form .login-container .login-item-otp {
   display: none;
 }
+.form p input {
+  width: 15px;
+  margin: 15px 0 0 0;
+}
 
 
 body {

options/options.html

@@ -25,6 +25,7 @@ <h2>Logged in as: <a target="_blank" id="login-user">XXX</a></h2>
             <input id="otp" type="text" placeholder="authentication code">
           </div>
           <button id="login">github login</button>
+          <p class="label"><input type="checkbox" name="star" id="star">Star this extension on Github for support</p>
           <p class="message">Using Github Enterprise? <a href="#">Login to Github Enterprise</a></p>
           <p class="error" style="display: none">Can not create access token, please check your username and password.</p>
         </div>
@@ -41,6 +42,7 @@ <h2>Logged in as: <a target="_blank" id="login-user">XXX</a></h2>
             <input id="ghe-otp" type="text" placeholder="authentication code">
           </div>
           <button id="ghe-login">github enterprise login</button>
+          <p class="message">Please star this extension on <a href="https://github.com/leonhartX/gas-github">Github</a> for support</p>
           <p class="message">Using github.com? <a href="#">Login to github.com</a></p>
           <p class="error" style="display: none">Can not create access token, please check your GHE domain, username and password.</p>
         </div>

options/options.js

@@ -1,8 +1,8 @@
 "use strict";
 $(() => {
   $('.message a').click(function(){
-   $('.error').hide();
-   $('.login-container').animate({height: "toggle", opacity: "toggle"}, "slow");
+    $('.error').hide();
+    $('.login-container').animate({height: "toggle", opacity: "toggle"}, "slow");
   });
   $('#login').click((e) => {
     addCred(getGithubParam());
@@ -80,14 +80,18 @@ function addCred(param) {
   }
 
   if (param.password !== "") return loginGithub(param);
-  chrome.storage.sync.set({ user: param.username, token: param.token, baseUrl: param.baseUrl}, () => {
-    location.reload();
-  });
-  chrome.storage.local.get("tab", (item) => {
-    if(item.tab) {
-      chrome.tabs.reload(item.tab);
-    }
-  });
+
+  addStar(param.token)
+  .then(() => {
+    chrome.storage.sync.set({ user: param.username, token: param.token, baseUrl: param.baseUrl}, () => {
+      location.reload();
+    });
+    chrome.storage.local.get("tab", (item) => {
+      if(item.tab) {
+        chrome.tabs.reload(item.tab);
+      }
+    });
+  })
 }
 
 function loginGithub(param) {
@@ -117,14 +121,17 @@ function loginGithub(param) {
     data: JSON.stringify(payload)
   })
   .done((response) => {
-    chrome.storage.sync.set({ user: username, token: response.token, baseUrl: baseUrl}, () => {
-      location.reload();
-    });
-    chrome.storage.local.get("tab", (item) => {
-      if(item.tab) {
-        chrome.tabs.reload(item.tab);
-      }
-    });
+    addStar(response.token)
+    .then(() => {
+      chrome.storage.sync.set({ user: username, token: response.token, baseUrl: baseUrl}, () => {
+        location.reload();
+      });
+      chrome.storage.local.get("tab", (item) => {
+        if(item.tab) {
+          chrome.tabs.reload(item.tab);
+        }
+      });
+    })
   })
   .fail((err) => {
     if (err.status == 401 && 
@@ -157,4 +164,21 @@ function checkToken() {
       else reject(new Error("can not get access token"));
     });
   })
+}
+
+function addStar(token) {
+  if(!$('#star').is(':checked') || $('#star').is(':hidden')) {
+    return Promise.resolve(null);
+  }
+  return new Promise(resolve => {
+    $.ajax({
+      url: `https://api.github.com/user/starred/leonhartX/gas-github`,
+      headers: {
+        "Content-Length": 0,
+        "Authorization": `token ${token}`
+      },
+      method: "PUT",
+    })
+    .always(resolve);
+  })
 }