Added custom depictions and better webview support.

[cydia.git] / Cydia.app / package.html
diff --git a/Cydia.app/package.html b/Cydia.app/package.html

index c5458028589df57eea00cfad9e7e9d8f0e982776..c5acc6a843eb9e54969f35daa8f40963f01e3de3 100644 (file)
--- a/Cydia.app/package.html
+++ b/Cydia.app/package.html
@@ -7,6 +7,61 @@
      <script type="text/javascript" src="menes/menes.js"></script>
      <script type="text/javascript" src="package.js"></script>
      <base target="_blank"/>
+
+    <script type="text/javascript">
+        var count = -1;
+        var loaded = function() {
+            if (count++ != 0)
+                return;
+            $("#depiction-load").remove();
+            $.each($("#depiction-src"), function (node) {
+                node.style.display = "block";
+            });
+        }
+
+        var remove = function() {
+            $(".description").display("block");
+            $(".depiction").remove();
+        }
+    </script>
+
+    <style>
+        body {
+            background: #c8c8c8 url(menes/pinstripes.png);
+        }
+
+        #remove {
+            margin-top: 7px;
+            text-align: center;
+        }
+
+        #indicator {
+            left: 20px;
+            position: relative;
+            top: -5px;
+        }
+
+        #notice {
+            margin-bottom: -14px;
+            overflow: hidden;
+            width: 320px;
+        }
+
+        #remove > a {
+            color: #335588;
+            text-decoration: none;
+        }
+
+        #upper-bar {
+            margin-bottom: 0;
+            margin-top: 10px;
+        }
+
+        #lower-bar {
+            margin-bottom: 10px;
+            margin-top: 0;
+        }
+    </style>
  </head><body><div class="page">
  <div class="dialog">
      <div class="panel">
@@ -23,17 +78,35 @@
      </a>
  </fieldset>
  
+<div id="notice" class="notice"><iframe
+    id="notice-src"
+    frameborder="0"
+    width="320"
+    height="0"
+    target="_top"
+></iframe></div>
+
+<div id="remove" class="depiction">
+    <a href="javascript:remove()">Remove Custom Depiction</a>
+</div>
+
+<hr id="upper-bar" class="depiction"/>
+
  <div style="width: 320px; overflow: hidden" class="depiction"><iframe
      id="depiction-src"
      frameborder="0"
-    width="300"
+    width="320"
+    height="0"
      target="_top"
+    onLoad="loaded()"
  ></iframe></div>
  
+<hr id="lower-bar" class="depiction"/>
+
  <fieldset class="description">
      <div id="description"></div>
  
-    <a id="homepage-href">
+    <a class="homepage" id="homepage-href">
          <label>More Information</label>
      </a>
  </fieldset>
@@ -85,7 +158,7 @@
  <label class="source">Source Infomation</label>
  <fieldset class="source">
      <div><label id="source-name"></label></div>
-    <div id="source-description"></div>
+    <div class="source-description" id="source-description"></div>
  </fieldset>
  
      </div>