updated right clicker

dmorgantini · Dec 4, 2011 · 5e18cf1 · 5e18cf1
1 parent f15009e
commit 5e18cf1
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 21 deletions.
diff --git a/charityclicks/background.html b/charityclicks/background.html
@@ -25,14 +25,6 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 	<head>
 		<script type="text/javascript" src="jquery.js"></script>
-		<script type="text/javascript" src="wot.js"></script>
-		<script type="text/javascript" src="cache.js"></script>
-		<script type="text/javascript" src="crypto.js"></script>
-		<script type="text/javascript" src="prefs.js"></script>
-		<script type="text/javascript" src="idn.js"></script>
-		<script type="text/javascript" src="url.js"></script>
-		<script type="text/javascript" src="api.js"></script>
-		<script type="text/javascript" src="background.js"></script>
 	</head>
 	<body>
 		<canvas id="wot-icon" width="19" height="19"/>

diff --git a/charityclicks/manifest.json b/charityclicks/manifest.json
@@ -1,6 +1,6 @@
 {
-    "name": "OneClickCharity",
-    "version": "0.0.1",
+    "name": "CharityClick",
+    "version": "0.0.2",
     "description": "Give to charities without the hassles of taking out your wallet whenever you are inspired by a video or article.",
     "icons": {
         "16": "skin/flying-heart-icon_16.png",
@@ -13,7 +13,7 @@
     ],
     "background_page": "background.html",
     "browser_action": {
-        "default_title": "OneClickCharity",
+        "default_title": "CharityClick",
         "default_icon": "skin/flying-heart-icon_19.png",
         "popup": "ratingwindow.html",
         "css":[ "skin/charityClicks.css"],

diff --git a/charityclicks/ratingWindow.js b/charityclicks/ratingWindow.js
@@ -1,8 +1,4 @@
 $(document).ready(function() {
-    $('div').click(function() {
-        alert("wtf");
-    });
-
     var charity = {
         1: {
             name: "Empty Homes",
@@ -26,12 +22,18 @@ $(document).ready(function() {
         }
     };
 
+    $('<div style="font-size: 12px;"/>').appendTo(document.body).html('Charities on this page:');
 
     for (var id in charity) {
-        var qtipContent = '<a class="donation" href="'+ charity[id].donateLink +'" target="_blank">Donate Now</a>' +
+        var qtipContent = '<div><span style="display: block; margin-top: 10px; font-weight: bold;"> ' + charity[id].name + '</span>';
+        qtipContent = qtipContent + '<a class="donation" href="' + charity[id].donateLink + '" target="_blank">Donate Now</a>' +
             '&nbsp;|&nbsp;' +
-            '<a class="donation" href="link" target="_blank">View Charity Information</a>';
+            '<a class="donation" href="' + charity[id].infoLink + '" target="_blank">View Charity Information</a>';
+
+        if (charity[id].phoneNumber)
+            qtipContent = qtipContent + '<div>By Phone: ' + charity[id].phoneNumber + '</div>';
 
+        qtipContent = qtipContent + '</div>';
         $('<div />').appendTo(document.body).html(qtipContent);
     }
 

diff --git a/charityclicks/ratingwindow.html b/charityclicks/ratingwindow.html
@@ -1,17 +1,45 @@
 <html>
 <head>
-    <style>
+    <style type="text/css">
         body {
-            min-width: 357px;
+            min-width: 265px;
             overflow-x: hidden;
+            font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
+            font-size: 11px;
+        }
+
+        #logo img {
+            float: left;
+        }
+
+        img {
+            border: 0;
+        }
+
+        #logo h1 {
+            font-size: 22px;
+            margin: 0 0 0 50px;
+        }
+
+        h1 {
+            padding: 5px 0 5px 0;
+            margin: 0;
+            color: #F7951E;
         }
     </style>
-    <link rel="stylesheet" href="skin/charityClicks.css" />
+    <meta charset="utf-8"/>
+    <link rel="stylesheet" href="skin/charityClicks.css"/>
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="ratingWindow.js"></script>
 </head>
 <body>
-<div id='test'>hello!</div>
+<div id="header">
+    <div id="logo">
+        <img src="skin/flying-heart-icon_32.png" alt="" title=""/>
+
+        <h1>Charity <span>Click</span><sup>1.0</sup></h1>
+    </div>
+</div>
 </body>
 </html>