Merge pull request #50 from healthonnet/feat-donate-link

add donate link in footer
healthonnet · Feb 20, 2017 · f0a4d2e · f0a4d2e
2 parents da9acb5 + c830919
commit f0a4d2e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 6 deletions.
diff --git a/app/popup.html b/app/popup.html
@@ -57,11 +57,12 @@ <h2 id="khresmoi"></h2>
   </div>
 
   <div class="footer">
-    <p>
+    <span id="donate" class="pull-left"></span>
+    <span class="pull-right">
       © 2017 -
       <a href="https://www.hon.ch/20-years" target="_blank">Health On the Net</a>
-       - <a href="http://kconnect.eu/" target="_blank">KConnect</a>
-    </p>
+      - <a href="http://kconnect.eu/" target="_blank">KConnect</a>
+    </span>
   </div>
 
   <script src="./lib/jquery/dist/jquery.min.js"></script>

diff --git a/app/scripts/popup.js b/app/scripts/popup.js
@@ -11,5 +11,14 @@ chrome.tabs.query(query, function(tabs) {
   $('#q').attr('placeholder',
     chrome.i18n.getMessage('khresmoiPlaceholder'));
   $('#searchSubmit').text(chrome.i18n.getMessage('khresmoiSearch'));
+  $('#donate').append(
+    $('<a>', {
+      target: '_blank',
+      href: 'https://www.paypal.com/cgi-bin/webscr' +
+        '?cmd=_s-xclick&hosted_button_id=YH3ZJP32PN4PS',
+    }).text(' ' + chrome.i18n.getMessage('donate')).prepend(
+      $('<i>', {class: 'fa fa-heart'})
+    )
+  );
   honcode.setBadges(currentTab.url);
 });
diff --git a/app/styles.scss/popup.scss b/app/styles.scss/popup.scss
@@ -176,9 +176,6 @@ form {
   background-color: white;
   border-top: #dbdcdb solid 1px;
   padding: 2px 10px;
-  p {
-    margin: 0;
-  }
 }
 
 #seal-badge {
@@ -264,3 +261,7 @@ form {
 .white {
   color: white;
 }
+
+#donate a {
+  color: #ff3b66;
+}