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