working

6 years ago · c2aaae3b08
7 changed files with 147 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,37 @@
 # socialCountBadge

 ## Install
 ```
 bower install --save socialCountBadge
 ```

 Add to the index.html:
 ```html
 <link href="bower_components/socialCountBadge/socialCountBadge.css" rel="stylesheet">


 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="bower_components/socialCountBadge/socialCountBadge.js"></script>
 ```

 Declare the badges variable:
 ```html
 <script>
 var badges = {
    hn: {
        link: "https://news.ycombinator.com/item?id=16069200",
        url:"https://hacker-news.firebaseio.com/v0/item/16069200.json",
        callback: parseHN,
        img: "img/hackernews.png",
        count: null
    },
    reddit: {
        link: "https://www.reddit.com/r/Python/comments/7o23lb/hacking_wifi_to_inject_cryptocurrency_miner_to/",
        url:"https://www.reddit.com/r/Python/comments/7o23lb/hacking_wifi_to_inject_cryptocurrency_miner_to.json",
        callback: parseReddit,
        img: "img/reddit.png",
        count: null
    }
 };
 </script>
 ```
--- a/bower.json
+++ b/bower.json
@ -0,0 +1,17 @@
 {
  "name": "socialCountBadge",
  "main": "socialCountBadge.js",
  "authors": [
    "arnaucode <arnaucode@gmail.com>"
  ],
  "description": "",
  "license": "MIT",
  "homepage": "https://arnaucode.com",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
 }
--- a/img/hackernews.png
+++ b/img/hackernews.png
--- a/img/reddit.png
+++ b/img/reddit.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,41 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>socialCountBadge - demo</title>

    <link rel="stylesheet" href="socialCountBadge.css">

 </head>
 <body>


 <div id="socialCountBadge"></div>


 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="socialCountBadge.js"></script>



 <script>
 var badges = {
    hn: {
        link: "https://news.ycombinator.com/item?id=16069200",
        url:"https://hacker-news.firebaseio.com/v0/item/16069200.json",
        callback: parseHN,
        img: "img/hackernews.png",
        count: null
    },
    reddit: {
        link: "https://www.reddit.com/r/Python/comments/7o23lb/hacking_wifi_to_inject_cryptocurrency_miner_to/",
        url:"https://www.reddit.com/r/Python/comments/7o23lb/hacking_wifi_to_inject_cryptocurrency_miner_to.json",
        callback: parseReddit,
        img: "img/reddit.png",
        count: null
    }
 };
 socialCountBadge_init();
 </script>

 </body>
 </html>
--- a/socialCountBadge.css
+++ b/socialCountBadge.css
@ -0,0 +1,10 @@
 .scc_badge {
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    margin-left: -10px;
 }
--- a/socialCountBadge.js
+++ b/socialCountBadge.js
@ -0,0 +1,42 @@



 function get(badge) {
    var result = null;
    var url = badge.url;
    var callback = badge.callback;
    $.get(url, callback);
 }

 function parseHN(data) {
    console.log(data);
    badges.hn.count = data.score;
    dataToBadge(badges.hn);
 }
 function parseReddit(data) {
    console.log(data);
    badges.reddit.count = data[0].data.children[0].data.ups;
    dataToBadge(badges.reddit);
 }
 function dataToBadge(badge) {
    console.log(badge);
    var html = "";
    html += "<a target='_blank' href='" + badge.link + "'>";
    html += "<img src='" + badge.img + "' style='width:30px;' />";
    html += "<span class='scc_badge'>" + badge.count + "</span>";
    html += "</a> ";
    document.getElementById("socialCountBadge").innerHTML += html;
 }

 function socialCountBadge_init() {
    //create htmk badges



    //get badges data
    get(badges.hn)
    get(badges.reddit)

 }

 var html = "";