Handling of login/logout. Still missing iPhone layout on login page.
[pazpar2-moved-to-github.git] / www / iphone / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4 <html xmlns="http://www.w3.org/1999/xhtml">
5  
6  <head>
7   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8   <title>Mobile Masterkey</title>
9   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
10   <meta name="apple-mobile-web-app-capable" content="yes" />
11 <!-- 
12   <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
13  -->  
14
15         <script type="text/javascript" src="/mk2-ui-core/js/ui_bootstrap.js"></script>
16         <script type="text/javascript" src="/mk2-ui-core/js/state.js"></script>
17         <script type="text/javascript" src="/mk2-ui-core/js/recipe.js"></script>
18         <script type="text/javascript" src="/mk2-ui-core/js/snippet.js"></script>
19         <script type="text/javascript" src="/mk2-ui-core/js/auth.js"></script>        
20         <script type="text/javascript" src="/mk2-ui-core/js/torus.js"></script>
21 <!--
22         <script type="text/javascript" src="/mk2-ui-core/js/client.js"></script>
23 -->
24
25  
26     <script type="text/javascript" src="iphone.js" ></script>
27     <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
28     <script type="text/javascript" src="example_client.js"></script>
29     <link rel="stylesheet" href="UiUIKit/stylesheets/iphone.css" />
30     <link rel="apple-touch-icon" href="UiUIKit/stylesheets/images/apple-touch-icon.png" />
31  </head>
32  
33  <body id="normal" onload="auth_check();">
34     <div id="log" style="display: none;"></div>
35   <div id="noscript">
36     <noscript>
37         <p>Your browser does not support or allow execution of scripts required by this site to work properly.</p>
38         <p>If you run Internet Explorer 6+ or FireFox 2.0+ and see this message ensure the JavaScript is enabled in your browser.</p>
39         <p>If you run Internet Explorer 7 add the site to the Trusted Sites group.</p>
40         <p>Finally, check your personal firewall settings.</p>
41     </noscript>
42   </div>
43   
44   <div id="switchmenu" style="display:none" >
45    <a href="#" onclick="switchView('recordview')">Record Browser</a>
46    <span> | </span>
47    <a href="#" onclick="switchView('targetview')">Target Info</a>
48   </div>
49  
50   <div id="heading">
51    <table width="100%" border="0" cellpadding="6" cellspacing="0">
52     <tr>
53 <!--
54      <td style="visibility:hidden;" height="100" align="center"><b>Pazpar2</b></td>
55 -->
56      <td width="100%">
57       <form id="searchForm" name="search" style="display: none">
58        <input id="query" type="text" />
59        <input id="button" type="submit" value="go" />
60       </form>
61      </td>
62     </tr>
63     <tr>
64      <td  width="100%">
65          </td>
66      
67 <!--
68      <td style="visibility:hidden;" >
69       <a href="http://www.indexdata.com"><img border="0" title="IndexData home page" src="indexdata_logo.png" height="98" align="right" alt="" /></a>
70      </td>
71 -->
72     </tr>
73    </table>
74       <ul id="nav">
75             <!--   
76             <li><a href="javascript:showhide()"></a></li>
77             -->
78             <li><a href="javascript:showhide('recordview')">Results</a></li>
79             <li><a href="javascript:showhide('xtargets')">Sources</a></li>
80             <li><a href="javascript:showhide('subjects')">Subjects</a></li>
81             <li><a href="javascript:showhide('authors')">Authors</a></li>
82             <li><a href="#" onclick="logInOrOut(); return 0;" id="login">Login</a></li>
83       </ul>
84   </div>
85     
86   <div id="termlist">
87       <div id="term_xtargets" style="display: none"></div>
88       <div id="term_subjects" style="display: none"></div>
89       <div id="term_authors" style="display: none"></div>
90   </div>
91   
92   <div id="recordview">
93      <div id="ranking" style="display: none;">
94        <form name="select">
95         Sort by
96         <select name="sort" id="sort">
97          <option value="relevance" selected="selected">relevance</option>
98          <option value="title:1">title</option>
99          <option value="date:0">newest</option>
100          <option value="date:1">oldest</option>
101         </select>
102         and show 
103         <select name="perpage" id="perpage">
104          <option value="10">10</option>
105          <option value="20">20</option>
106          <option value="30">30</option>
107          <option value="50" selected="selected">50</option>
108         </select>
109         per page.
110        </form>
111       </div>
112       <div id="pager" style="display: none;"></div>
113       <h4>Results by Masterkey</h4>
114       <img id="logo" src="IndexData_MK_logo.png"/>
115       <ul id="results">
116       </ul>
117   </div>
118   
119   <div id="targetview" style="display: none">
120    <div id="bytarget">
121        No information available yet.
122    </div>
123   </div>
124   
125   <div id="footer" style="display: none;" >
126       <div id="stat"></div>
127       <span>Copyright &copy; 1999-2010 by <a href="http://www.indexdata.com">Index Data</a></span> 
128   </div>
129  </body>
130 </html>