Move login to top right corner
[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         <script type="text/javascript" src="/mk2-ui-core/js/ui_bootstrap.js"></script>
15         <script type="text/javascript" src="/mk2-ui-core/js/state.js"></script>
16         <script type="text/javascript" src="/mk2-ui-core/js/images.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         <script type="text/javascript" src="/mk2-ui-core/js/helper.js"></script>
22 <!--
23         <script type="text/javascript" src="/mk2-ui-core/js/client.js"></script>
24 -->
25
26  
27     <script type="text/javascript" src="iphone.js" ></script>
28     <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
29     <script type="text/javascript" src="example_client.js"></script>
30     <link rel="stylesheet" href="mobile.css" />
31     <link rel="stylesheet" href="UiUIKit/stylesheets/iphone.css" />
32     <link rel="apple-touch-icon" href="UiUIKit/stylesheets/images/apple-touch-icon.png" />
33  </head>
34  
35  <body id="normal" onload="auth_check();" style="display: inline; visibility:;">
36     <div id="log" name="log" style="Display:None;"></div>
37   <div id="noscript">
38     <noscript>
39         <p>Your browser does not support or allow execution of scripts required by this site to work properly.</p>
40         <p>If you run Internet Explorer 6+ or FireFox 2.0+ and see this message ensure the JavaScript is enabled in your browser.</p>
41         <p>If you run Internet Explorer 7 add the site to the Trusted Sites group.</p>
42         <p>Finally, check your personal firewall settings.</p>
43     </noscript>
44   </div>
45   
46   <div id="switchmenu" style="display:none" >
47    <a href="#" onclick="switchView('recordview')">Record Browser</a>
48    <span> | </span>
49    <a href="#" onclick="switchView('targetview')">Target Info</a>
50   </div>
51
52   <div id="heading">
53    <table width="100%" border="0" cellpadding="0" cellspacing="0">
54     <tr>
55 <!--
56      <td style="visibility:hidden;" height="100" align="center"><b>Pazpar2</b></td>
57 -->
58      <td width="100%">
59       <form id="searchForm" name="search" style="display: none">
60        <input id="query" type="text" onKeyPress="return handleKeyPress(event)" />
61        <input id="button" type="submit" value="go" /><a id="hidden" href="" ></a>
62        <div id="loading" style="display: none;">
63          <img class="inline" src="gfx/progress.gif" height="14" />
64        </div>
65        <a id="login" style="float: right;" href="#" onclick="logInOrOut(); return 0;">Login</a>
66       </form>
67      </td>
68     </tr>
69     <tr>
70      <td  width="100%">
71          </td>
72      
73 <!--
74      <td style="visibility:hidden;" >
75       <a href="http://www.indexdata.com"><img border="0" title="IndexData home page" src="indexdata_logo.png" height="98" align="right" alt="" /></a>
76      </td>
77 -->
78     </tr>
79    </table>
80       <ul id="nav" style="display: none;" >
81             <!--   
82             <li><a href="javascript:showhide()"></a></li>
83             -->
84             <li><a href="javascript:showhide('recordview')">Results</a></li>
85             <li><a href="javascript:showhide('xtargets')">Sources</a></li>
86             <li><a href="javascript:showhide('subjects')">Subjects</a></li>
87             <li><a href="javascript:showhide('authors')">Authors</a></li>
88       </ul>
89   </div>
90   <div id="termlist" style="display: none" >
91       <div id="term_xtargets" style="display: none"></div>
92       <div id="term_subjects" style="display: none"></div>
93       <div id="term_authors" style="display: none"></div>
94   </div>
95
96   <div id="loginDiv" style="display:none;" >
97       <form name="loginForm" id="loginForm"
98             onsubmit="loginFormSubmit();return false;">
99        <table border="0">
100         <tbody>
101          <tr>
102            <td colspan="3">Please type in authentication credentials to login:</td>
103          </tr>
104          <tr>
105           <td class="inputFieldTag">Username</td>
106           <td>
107            <input name="username" size="30" type="text" value="">
108           </td>
109           <td>
110           </td>
111          </tr>
112          <tr>
113           <td class="inputFieldTag">Password</td>
114           <td>
115            <input name="password" size="30" type="password" value="">
116           </td>
117          </tr><tr>
118           <td>
119             <div class="actionButtons">
120             <input name="search" value="Login" type="submit" id="submit">
121             </div>
122           </td>
123          </tr>
124         </tbody>
125        </table>
126       </form>
127   </div>
128   <div id="recordview">
129      <div id="ranking" style="display: none;">
130        <form name="select">
131         Sort by
132         <select name="sort" id="sort">
133          <option value="relevance" selected="selected">relevance</option>
134          <option value="title:1">title</option>
135          <option value="date:0">newest</option>
136          <option value="date:1">oldest</option>
137         </select>
138         and show 
139         <select name="perpage" id="perpage">
140          <option value="5">5</option>
141          <option value="5" selected="selected">10</option>
142          <option value="20">20</option>
143          <option value="30">30</option>
144          <option value="50">50</option>
145         </select>
146         per page.
147        </form>
148       </div>
149       <h4>Results by MasterKey</h4>
150       <ul id="results"></ul>
151       <img id="logo" src="IndexData_MK_logo.png"/>
152       <div id="pager" style="display: block;"></div>
153   </div>
154   <div id="detailview" style="display:none">
155       <h4>Detailed view</h4>
156     <div id="detailrecord">meh</div> 
157   </div>
158   <div id="targetview" style="display: none">
159    <div id="bytarget">
160        No information available yet.
161    </div>
162   </div>
163   
164   <div id="footer" style="display: none;" >
165       <div id="stat"></div>
166       <span>Copyright &copy; 1999-2010 by <a href="http://www.indexdata.com">Index Data</a></span> 
167   </div>
168  </body>
169 </html>