source: MDService2/trunk/MDService2/WebContent/index_old.jsp

Last change on this file was 1125, checked in by gaba, 13 years ago

UI-LAYOUT - first version
File size: 6.8 KB
Line 
1<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
2    pageEncoding="UTF-8"%>
3<%@ taglib prefix="s" uri="/struts-tags" %>
4<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5
6<html>
7<head>
8<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9<title>CLARIN Metadata Repository/Service/Browser</title>
10<link rel="stylesheet" href="style/jquery/clarindotblue/jquery-ui-1.8.5.custom.css" type="text/css" />
11<link href="style/jquery/jquery-treeview/jquery.treeview.css" rel="stylesheet" />
12<link href="style/cmds-ui.css" type="text/css" rel="stylesheet" /> 
13<link href="style/jquery/jquery-textboxlist/TextboxList.css" rel="stylesheet" type="text/css" />
14<link href="style/jquery/jquery-autocomplete/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
15<link href="style/jquery/treetable/jquery.treeTable.css" rel="stylesheet" type="text/css" />
16
17<script src="scripts/jquery/js/jquery-1.4.2.js" type="text/javascript"></script>
18<script src="scripts/jquery/js/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>
19<script src="scripts/jquery/jquery-textboxlist/GrowingInput.js" type="text/javascript"></script>
20<script src="scripts/jquery/jquery-treeview/jquery.treeview.js" type="text/javascript"></script>
21<script src="scripts/jquery/jquery-treeTable/jquery.treeTable.js" type="text/javascript"></script>
22<script src="scripts/jquery/jsTree.v.1.0rc2/jquery.jstree.js" type="text/javascript"></script>
23<script src="scripts/jquery/jquery-autocomplete/jquery.autocomplete.js" type="text/javascript"></script>
24<script src="scripts/mdservice_helpers.js" type="text/javascript"></script>
25<script src="scripts/mdservice_searchclause.js" type="text/javascript"></script>
26<script src="scripts/mdservice_widgets.js" type="text/javascript"></script>
27<script src="scripts/mdservice_model.js" type="text/javascript"></script>
28<script src="scripts/mdservice2_ui.js" type="text/javascript"></script>
29</head>
30<body>
31<div id="header" >
32        <div id="logo"><a href="http://www.clarin.eu" ><img src="style/imgs/clarin-logo.png" alt="CLARIN"></img></a> <div id="site-name" >Metadata Browser</div>
33        </div>
34       
35        <div id="top-menu">
36                        <div id="user">
37                                        <% if ( request.getRemoteUser() == null) {  %> 
38                                        <a href="workspace.jsp" >    login</a>
39                                        <% } else {  %> 
40                                        User: <b><%= request.getRemoteUser() %></b><a href="logout.jsp" >    logout</a> 
41                                        <% }%>
42                                               
43                                                <!-- class="open-in-context"  -->                                                                       
44                                        <a target="_blank" href="docs/htmlpage/info" > docs</a>
45                        </div>
46                        <div id="notify" class="cmds-elem-plus note" >
47                                <div id="notifylist" class="note"> <!--  class="cmds-elem-plus note" > -->
48                                </div>
49                        </div>
50                       
51               
52        <!-- <a href="static/profiles_stats.html" >Info from CompReg and DCR about Elements vs. DatCats</a>  --> 
53        </div>
54</div>
55<div id="left-menu" >
56        <div id="public-space" class="cmds-ui-block">
57                <div class="header">Public Space</div>
58
59                <div id="serverqs" class="content" data="">
60<!--             
61                        <div id="repositories" >               
62                        <label>Repositories</label><select id="repositories_select" ></select>
63                        </div>
64       
65                        <div id="serverquerysets" >             
66                        <label>Querysets</label><select id="serverqts_select" ></select>
67                        </div>
68                        <div id="serverqueries" ></div>
69                        -->
70                </div>
71                       
72        </div>
73
74         
75        <div class="cmds-ui-block init-show">
76        <div class="header" >Personal Workspace</div>   
77                <div id="userqs" class="content">
78                        <div id="userquerysets" >               
79                                <label>Querysets</label><select id="qts_select" ></select>
80                                <!--  <button id="qts_add" class="cmd cmd_add" >Add</button> -->
81                                <span id="qts_add" class="cmd cmd_add" ></span> 
82                                <span id="qts_delete" class="cmd cmd_del" ></span>
83                        </div>
84                       
85                        <label>name</label>
86                        <input type="text" id="qts_input" ></input>
87                        <span id="qts_save" class="cmd cmd_save" ></span>
88                        <div id="userqueries" ></div>
89                       
90                        <div id="usertermsets" >               
91                                <label>Termsets</label><select id="ts_select" ></select>
92                                <span id="ts_add" class="cmd cmd_add" ></span> 
93                                <span id="ts_delete" class="cmd cmd_del" ></span>
94                        </div>         
95                        <label>name</label>
96                        <input type="text" id="ts_input" ></input>
97                        <span id="ts_save" class="cmd cmd_save" ></span>
98                        <div id="userterms" ></div>
99                </div>
100               
101        </div>
102       
103        <div class="cmds-ui-block">
104                <div class="header">Collections</div>
105                <div id="collections" class="content">
106                </div>
107        </div>
108        <div class="cmds-ui-block">
109                <div class="header">Terms</div> 
110                <div id="terms" class="content">
111                        <div id="model_profiles">               
112                        </div>
113                        <div id="model_terms">         
114                        </div>
115                </div>
116                <div id="terms_autocomplete"></div>
117        </div>
118       
119        <div class="cmds-ui-block">
120                <div class="header">Profiles/Components</div>   
121                <div id="compreg" class="content">
122                        <div id="profiles" >           
123                        </div>
124                        <div id="components" >
125                        </div>
126                </div>         
127        </div>
128</div>
129
130<div id="main" class="ui-widget">       
131        <div id="search">       
132<!--    <label id="toggle_inputmode_cmd" >TEXT</label> --> 
133                <div  class="cmds-ui-block init-show" >
134                <!-- <div class="ui-widget-header ui-state-default ui-corner-top" >Query</div>
135                <div class="ui-widget-content ui-corner-bottom">  -->
136                <div class="header" >Query</div>
137                <div id="query-input" class="content">         
138                         <s:form action="searchretrieve">
139                                <!-- <label id="toggle_inputmode_cmd"  value="TEXT" />-->                                                       
140                                <input type="text" id="input-simplequery" name="_query"  />
141                                <input type="submit"  value="submit" id="submit-query"/>                               
142                                <input type="text" id="query_list" name="_query_" />   
143                                <table class="cmds-ui-elem-stretch"><tr>
144                                <td valign="top">       
145                                        <label>collections</label><br/>
146                                        <div id="collections-widget" class="c-widget">
147                                        <!--<textarea id="collection_list" class="cmds-ui-elem-stretch"></textarea>
148                                         -->
149                                </td>
150                                <td valign="top">
151                                        <label>columns</label><br/>
152                                        <div id="columns-widget" class="c-widget">
153                                        <!--  <input type='text' class='input-widget autocomplete-input' />
154                                        <div class='index-context'><table></table></div>
155                                        <div id='columns-list' class='list-widget'></div>
156                                        -->
157                                        </div>
158                                        <!-- <textarea id="columns_list" class="cmds-ui-elem-stretch"></textarea>
159                                         -->   
160                                </td>           
161                                <td valign="top">
162                                        <div id="repositories" >               
163                                                <label>Repository</label> <select id="repositories_select" ></select>
164                                                </div>
165                                <input type="checkbox" checked="false" id="input-withsummary" name="WS"/><label>with Summary</label>
166                                &nbsp;&nbsp;&nbsp;<a target="_blank" href="docs/htmlpage/queries" > example queries</a>
167                                        </td>     
168                                </tr></table>           
169                        </s:form>
170                  </div>
171                </div> 
172        </div> 
173        <div id="querylist" class="block">
174        </div>
175       
176        <div id="detail-float"> 
177        </div>
178        <div id="notify-float"> 
179        </div>
180        <div id="detail">               
181        </div> 
182       
183</div>
184<div id="bubble">
185</div>
186
187</body>
188</html>
Note: See TracBrowser for help on using the repository browser.