Initial implementation of rating reports.

4 files changed, 38 insertions, 14 deletions

diff --git a/Cydia.app/menes/listArrow.png b/Cydia.app/menes/listArrow.png
index 6421a16..6ff8205 100644
--- a/Cydia.app/menes/listArrow.png
+++ b/Cydia.app/menes/listArrow.png
diff --git a/Cydia.app/menes/style.css b/Cydia.app/menes/style.css
index 544f2af..5d1faa7 100644
--- a/Cydia.app/menes/style.css
+++ b/Cydia.app/menes/style.css
@@ -221,7 +221,7 @@ pre {
 }
 
 .dialog > .panel > fieldset > a {
-    background: 275px 11px no-repeat url(listArrow.png);
+    background: 275px 13px no-repeat url(listArrow.png);
     color: inherit;
     display: block;
 }
diff --git a/Cydia.app/package.html b/Cydia.app/package.html
index 0c7762e..880439d 100644
--- a/Cydia.app/package.html
+++ b/Cydia.app/package.html
@@ -110,18 +110,27 @@
             margin: auto 0;
             position: absolute;
             left: 72px;
+            width: 237px;
         }
 
-        #content > div {
-            margin: 7px;
+        #lower {
+            margin: 12px 5px;
         }
 
         #name {
+            margin: 5px 5px;
             font-weight: bold;
         }
 
         #latest {
             color: #335588;
+            float: left;
+        }
+
+        #rating {
+            float: right;
+            margin-top: -7px;
+            width: 130px;
         }
 
         #description {
@@ -146,7 +155,17 @@
 
         <div id="content">
             <div id="name"></div>
-            <div id="latest"></div>
+
+            <div id="lower">
+                <div id="latest"></div>
+
+                <iframe
+                    id="rating"
+                    frameborder="0"
+                    height="0"
+                    target="_top"
+                ></iframe>
+            </div>
         </div>
     </div>
 </fieldset>
diff --git a/Cydia.app/package.js b/Cydia.app/package.js
index 3117a57..cd1667e 100644
--- a/Cydia.app/package.js
+++ b/Cydia.app/package.js
@@ -23,6 +23,17 @@
     }
 };*/
 
+function space(selector, html, max) {
+    var node = $(selector);
+    node.html(html);
+    var width = node.width();
+    if (width > max) {
+        var spacing = (max - node.width()) / (html.length - 1) + "px";
+        console.log(width + " " + max + " " + spacing);
+        node.css("letter-spacing", spacing);
+    }
+}
+
 $(function () {
     var id = package.id;
     var idc = encodeURIComponent(id);
@@ -33,7 +44,9 @@ $(function () {
     $("#reflection").src("cydia://package-icon/" + idc);
 
     $("#name").html(name);
-    $("#latest").html(package.latest);
+    space("#latest", package.latest, 93);
+
+    $("#rating").src("http://cydia.saurik.com/test_.html");
 
     $("#settings").href("cydia://package-settings/" + idc);
 
@@ -130,15 +143,7 @@ $(function () {
         $("#files-href").href("cydia://files/" + idc);
     }
 
-    var nid = $("#id");
-    nid.html(id);
-    var width = nid.width();
-
-    var max = 238.0;
-    if (width > max) {
-        var spacing = (max - nid.width()) / (id.length - 1) + "px";
-        nid.css("letter-spacing", spacing);
-    }
+    space("#id", id, 238);
 
     var section = package.section;
     if (section == null)