Add detailed view. Progress gif

diff --git a/www/iphone/index.html b/www/iphone/index.html
index dca0792..dac136f 100644 (file)
--- a/www/iphone/index.html
+++ b/www/iphone/index.html
@@ -11,13 +11,14 @@
 <!-- 
   <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
  -->  
-
        <script type="text/javascript" src="/mk2-ui-core/js/ui_bootstrap.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/state.js"></script>
+       <script type="text/javascript" src="/mk2-ui-core/js/images.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/recipe.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/snippet.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/auth.js"></script>        
        <script type="text/javascript" src="/mk2-ui-core/js/torus.js"></script>
+       <script type="text/javascript" src="/mk2-ui-core/js/helper.js"></script>
 <!--
         <script type="text/javascript" src="/mk2-ui-core/js/client.js"></script>
 -->
@@ -46,7 +47,6 @@
    <span> | </span>
    <a href="#" onclick="switchView('targetview')">Target Info</a>
   </div>
- 
   <div id="heading">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
     <tr>
@@ -56,7 +56,7 @@
      <td width="100%">
       <form id="searchForm" name="search" style="display: none">
        <input id="query" type="text" onKeyPress="return handleKeyPress(event)" />
-       <input id="button" type="submit" value="go" /><a id="hidden" href=""></a>
+       <input id="button" type="submit" value="go" /><img id="loading" class="inline" src="gfx/progress.gif" height="14" /><a id="hidden" href=""></a>
       </form>
      </td>
     </tr>
@@ -142,12 +142,18 @@
         per page.
        </form>
       </div>
-      <div id="pager" style="display: none;"></div>
       <h4>Results by MasterKey</h4>
       <ul id="results"></ul>
       <img id="logo" src="IndexData_MK_logo.png"/>
+      <div id="pager" style="display: block;"></div>
+  </div>
+  <div id="detailview" style="display:none">
+    <div id="header">
+      <h1>Detailed view</h1>
+      <a href="#" onclick="showhide('recordview', 10)" id="backButton">Back</a>
+    </div>
+    <div id="detailrecord">meh</div> 
   </div>
-  
   <div id="targetview" style="display: none">
    <div id="bytarget">
        No information available yet.