X-Git-Url: https://git.saurik.com/cydia.git/blobdiff_plain/a70cf746e9ca5e4e5d325ff4cba096ccfd41df1b..6981ccdf8bbbf6c2b96c6bdf5958cd2a1acc63a5:/Cydia.app/package.html

diff --git a/Cydia.app/package.html b/Cydia.app/package.html
index 3a2d7ca9..317f41b2 100644
--- a/Cydia.app/package.html
+++ b/Cydia.app/package.html
@@ -1,14 +1,15 @@
 <?xml version="1.0" encoding="UTF-16"?>
 <html><head>
-    <title>Details</title>
+    <title localize="DETAILS"></title>
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <link rel="stylesheet" type="text/css" href="menes/style.css"/>
     <script type="text/javascript" src="menes/menes.js"></script>
     <script type="text/javascript" src="package.js"></script>
+    <script type="text/javascript" src="localize.js"></script>
     <base target="_blank"/>
 
-    <script type="text/javascript">
+    <!--script type="text/javascript">
         var count = -1;
         var loaded = function() {
             if (count++ != 0)
@@ -21,12 +22,15 @@
             $(".description").css("display", "block");
             $(".depiction").remove();
         }
-    </script>
+    </script-->
 
     <style>
         .flip-180 {
             -webkit-backface-visibility: hidden;
             -webkit-transform: rotateY(180deg);
+        }
+
+        #icon.flip-180 {
             -webkit-transition-duration: 2s;
             -webkit-transition-property: transform;
         }
@@ -61,18 +65,6 @@
             top: -5px;
         }
 
-        #depiction {
-            margin: -8px 0;
-            overflow: hidden;
-            width: 320px;
-        }
-
-        #notice {
-            margin: -8px 0 -9px 0;
-            overflow: hidden;
-            width: 320px;
-        }
-
         #remove > a {
             color: #335588;
             text-decoration: none;
@@ -132,6 +124,7 @@
         #header {
             background: transparent;
             border: none;
+            position: relative;
         }
 
         #header > div {
@@ -164,7 +157,7 @@
         }
 
         a[href].rating {
-            background: 105px 7px no-repeat url(menes/chevron.png);
+            background: 107px 7px no-repeat url(menes/chevron.png);
         }
 
         .rating {
@@ -173,35 +166,15 @@
             padding: 7px 7px;
             margin: -7px 0px;
             float: right;
-            width: 124px;
+            width: 126px;
         }
 
         .rating .back,
         .rating .fore,
         .rating .star {
             background: url(star.png);
-            height: 16px;
-        }
-
-        .rating .back,
-        .rating .fore {
-            width: 80px;
-        }
-
-        .rating .star {
-            display: inline-block;
-            width: 16px;
         }
 
-        .rating .back {
-            opacity: 0.2;
-        }
-
-        .rating .fore {
-            /*border-right: 1px solid #999999;*/
-            position: absolute;
-        }
-    
         .rating .text {
             display: inline-block;
             color: #4d4d70;
@@ -209,6 +182,10 @@
             vertical-align: top;
         }
 
+        #rating-done {
+            padding-left: 12px;
+        }
+
         #rating-none,
         #rating-done {
             display: none;
@@ -231,7 +208,7 @@
 
             <a class="rating" id="rating-href">
                 <div id="rating-none">
-                    <div class="star"></div><div class="text">Not Rated</div>
+                    <div class="star"></div><div class="text" localize="NOT_RATED"></div>
                 </div><div id="rating-done">
                     <div class="fore" id="rating-value"></div>
                     <div class="back"></div>
@@ -241,15 +218,23 @@
     </div>
 </fieldset>
 
+<fieldset class="mode">
+    <a>
+        <img class="icon" id="mode-src"/><div>
+        <label localize="PACKAGE_QUEUE"></label>
+        <label id="mode"></label>
+    </div></a>
+</fieldset>
+
 <fieldset id="actions">
     <a id="settings">
         <img class="icon" src="settings.png"/><div>
-        <label>Change Package Settings</label>
+        <label localize="CHANGE_PACKAGE_SETTINGS"></label>
     </div></a>
 
-    <a id="author-href" class="author">
+    <a id="author-href" class="author" target="_popup">
         <img id="author-icon" class="icon" src="email.png"/><div>
-        <label>Author</label>
+        <label localize="AUTHOR"></label>
         <label id="author"></label>
     </div></a>
 
@@ -260,7 +245,7 @@
 
     <a class="console" href="http://cydia.saurik.com/purpose/console/">
         <img class="icon" src="console.png"/><div>
-        <label>This is a console package!</label>
+        <label localize="CONSOLE_PACKAGE"></label>
     </div></a>
 
     <a id="application">
@@ -276,13 +261,23 @@
     </div></div>
 </fieldset>
 
-<div id="notice" class="notice"><iframe
+<iframe
+    class="notice"
     id="notice-src"
     frameborder="0"
     width="320"
     height="0"
     target="_top"
-></iframe></div>
+></iframe>
+
+<!--iframe
+    class="activation"
+    id="activation-src"
+    frameborder="0"
+    width="320"
+    height="0"
+    target="_top"
+></iframe-->
 
 <!--div id="remove" class="depiction">
     <a href="javascript:remove()">Remove Custom Depiction</a>
@@ -290,14 +285,15 @@
 
 <hr id="upper-bar" class="depiction"/-->
 
-<div id="depiction" class="depiction"><iframe
+<iframe
+    class="depiction"
     id="depiction-src"
     frameborder="0"
     width="320"
     height="0"
     target="_top"
     onload_="loaded()"
-></iframe></div>
+></iframe>
 
 <!--hr id="lower-bar" class="depiction"/-->
 
@@ -306,69 +302,69 @@
 <fieldset class="description homepage">
     <a class="homepage" id="homepage-href">
         <img class="icon" src="web.png"/><div>
-        <label>More Information</label>
+        <label localize="MORE_INFORMATION"></label>
     </div></a>
 </fieldset>
 
-<label class="installed">Installed Package</label>
+<label class="installed" localize="INSTALLED_DETAILS"></label>
 <fieldset class="installed">
     <div>
         <img class="icon" src="version.png"/><div>
-        <label>Version</label>
+        <label localize="VERSION"></label>
         <label id="installed"></label>
     </div></div>
 
     <a id="files-href">
         <img class="icon" src="filesystem.png"/><div>
-        <label>Filesystem Content</label>
+        <label localize="FILESYSTEM_CONTENT"></label>
     </div></a>
 </fieldset>
 
-<label>Package Details</label>
+<label localize="PACKAGE_DETAILS"></label>
 <fieldset>
     <div>
         <img class="icon" src="id.png"/><div>
-        <label>ID</label>
+        <label localize="ID"></label>
         <label id="id"></label>
     </div></div>
 
     <div class="section">
         <img id="section-src" class="icon"/><div>
-        <label>Section</label>
+        <label localize="SECTION"></label>
         <label id="section"></label>
     </div></div>
 
     <div class="size">
         <img class="icon" src="expanded.png"/><div>
-        <label>Expanded Size</label>
+        <label localize="EXPANDED_SIZE"></label>
         <label id="size"></label>
     </div></div>
 
-    <a id="maintainer-href" class="maintainer">
+    <a id="maintainer-href" class="maintainer" target="_popup">
         <img id="maintainer-icon" class="icon" src="email.png"/><div>
-        <label>Contact</label>
+        <label localize="MAINTAINER"></label>
         <label id="maintainer"></label>
     </div></a>
 
     <a id="sponsor-href" class="sponsor">
         <img class="icon" src="web.png"/><div>
-        <label>Sponsor</label>
+        <label localize="SPONSOR"></label>
         <label id="sponsor"></label>
     </div></a>
 
     <!--a class="trusted" id="trusted">
         <img class="icon" src="trusted.png"><div>
-        <label>View Repository Signature</label>
+        <label localize="REPOSITORY_SIGNATURE"></label>
     </div></a-->
 
     <div class="trusted">
         <img class="icon" src="trusted.png"><div>
         <label>&nbsp;</label>
-        <label>This package has been signed.</label>
+        <label localize="SIGNED_PACKAGE"></label>
     </div></div>
 </fieldset>
 
-<label class="source">Source Information</label>
+<label class="source" localize="SOURCE_DETAILS"></label>
 <fieldset class="source">
     <div>
         <img class="icon" id="source-src"/><div>
