Project

General

Profile

1 5009 elena.nico
<%@ taglib prefix="s" uri="/struts-tags"%>
2
<%@ page contentType="text/html; charset=UTF-8"%>
3 7519 antonis.le
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
4 5009 elena.nico
5 7521 antonis.le
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
6
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7
8
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
9 5009 elena.nico
10
<head>
11 7521 antonis.le
	<sx:head />
12 7812 natalia.ma
	<title>DRIVER My Collections</title>
13 6175 elena.nico
14 8398 katerina.i
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
15
16 13398 katerina.i
	<link href='<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/assets/<s:property value="#application['webInterfaceLayoutManager'].cssFileName" />' rel="stylesheet" type="text/css" />
17
	<link rel="shortcut icon" href="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/images/favicon.ico" />
18
	<link href="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/Roar/Roar.css" rel="stylesheet" type="text/css" />
19
	<link rel="stylesheet" type="text/css" href="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/assets/SimpleTabs.css" />
20
	<link rel="stylesheet" type="text/css" href="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/assets/yahooAssets/tree.css" />
21
	<link href="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/SqueezeBox/assets/SqueezeBox.css" rel="stylesheet" type="text/css" />
22 6175 elena.nico
23 13398 katerina.i
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/Yahoo/treeview-min.js"></script>
24
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/dateFormat.js"></script>
25
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/mootools-1.2.3-core.js"></script>
26
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/mootools-1.2.3.1-more.js"></script>
27
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/smarthoverbox.js"></script>
28
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/Roar/Roar.js"></script>
29
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/manageCheckboxes.js"></script>
30
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/SimpleTabs.js"></script>
31
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/SqueezeBox/SqueezeBox.js"></script>
32 7808 antonis.le
33 13398 katerina.i
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/myCollections.js"></script>
34
	<script type="text/javascript" src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/js/collections.js"></script>
35 7974 antonis.le
36 7808 antonis.le
	<script language="javascript">
37
		var viewMode;
38
39
		window.addEvent('domready', function() {
40
			var mode = '<s:property value="#parameters.mode" />';
41
42
			if (mode == '')
43
				mode = 'view';
44
45
			formTree(true, '<s:property value="#parameters.collectionID"/>');
46
47
			setViewMode(mode);
48
        	});
49
	</script>
50 7521 antonis.le
</head>
51 6954 elena.nico
52 7808 antonis.le
<body>
53 7521 antonis.le
	<div id="center">
54
		<div id="wrapper" class="wrapper_shadowleft wrapper_shadowright">
55
			<div id="container">
56
				<jsp:include page="/pages/banner.jsp" />
57
				<jsp:include page="/pages/menu.jsp" />
58 6954 elena.nico
59 7521 antonis.le
				<div id="leftcolumn">
60
					<b class="curved_top">
61
						<b class="curved_t1"></b>
62
						<b class="curved_t2"></b>
63
						<b class="curved_t3"></b>
64
						<b class="curved_t4"></b>
65
					</b>
66
					<div class="curved_container clearfix">
67
68 8025 natalia.ma
						<div class=" featured_top leftcolumn_top  ">My Collections</div>
69 8059 natalia.ma
70 7521 antonis.le
						<div id="expandcontractdiv">
71 8059 natalia.ma
							<a id="expand" href="#">Expand all</a> &nbsp;|&nbsp;<a id="collapse" href="#">Collapse all</a>
72 7521 antonis.le
						</div>
73
						<div id="treeDiv1"></div>
74 7710 natalia.ma
						<div class="mydrivermenu2">
75
                                    <div class="tipHdr">tip</div>
76
                                    <div class="tipSection">
77
                                        <p>Create collections to reference your favourite documents.</p>
78
                                        <p>Use hierarchies to better organize your space.</p>
79
                                        <p><a href="Help.action?type=collection">Learn more...</a></p>
80
                                    </div>
81
								</div>
82
                            </div>
83
                            <b class="curved_bottom">
84
                                <b class="curved_b4"></b>
85
                                <b class="curved_b3"></b>
86
                                <b class="curved_b2"></b>
87
                                <b class="curved_b1"></b>
88
                            </b>
89
						</div>
90 7521 antonis.le
				<div id="maincolumn2" style="display: none">
91 7710 natalia.ma
					<div id="collectionPage" >
92
                         	<b class="curved_top">
93
								<b class="curved_t1"></b>
94
								<b class="curved_t2"></b>
95
								<b class="curved_t3"></b>
96
								<b class="curved_t4"></b>
97
							</b>
98
							<div class="curved_container clearfix ">
99
                                <div class="featured_top collectionPage_top">
100 7974 antonis.le
	                                 <div class="right" id="editCollectionDiv">
101
                                    	<a href="#" class="ovalbutton" id="editCollectionLink"><span>Edit</span></a>
102
                                        <a href="#" class="ovalbutton" id="deleteCollectionLink"><span>Delete</span></a>
103
                                    </div>
104
                                    <span id="col_title"></span><span id="collectionTitle" style="display: none"></span>
105 7710 natalia.ma
                                </div>
106
107
                                <!-- browse contents -->
108
                                <div id="browseDIV" style="display:none">
109
                                    <div id="collection_loading">
110
                                        <p style="text-align: center">
111 13398 katerina.i
                                        <img src="<s:property value="#application[@gr.uoa.di.driver.web.listeners.DriverContextListener@APACHE_URL]"/>/static-content/images/icons/driver-loader1.gif" width="54" height="55" alt="loading..." /><br/>
112 7710 natalia.ma
                                            Loading collection...
113
                                        </p>
114
                                    </div>
115
                                    <div class="content">
116
                                    <div id="tabblock1">
117
                                        <div class="content mydriveritem"> <!-- MB: This div is one tab: h3 is the link, the rest is the tab content -->
118
                                            <h3>General Information</h3>
119
                                            <div id="col_Info">
120
                                                <input type="hidden" id="col_ID" name="col_ID" />
121 8059 natalia.ma
                                                <div class="right"><img id="col_image" align="right" width="120px" height="80px" /></div>
122
                                                <table class="collectionTbl">
123
                                                    <tr class="collectionField">
124
                                                        <td class="collFieldNm" width="30%">Name</td>
125
                                                        <td class="collectionField"><span id="col_name"></span></td>
126
                                                    </tr>
127
                                                    <tr class="collectionField">
128
                                                        <td class="collFieldNm">Description</td>
129
                                                        <td class="collectionField"><span id="col_description"></span></td>
130
                                                    </tr>
131
                                                   <tr class="collectionField">
132
                                                        <td class="collFieldNm">Subject</td>
133
                                                        <td class="collectionField"><span id="col_subject"></span></td>
134
                                                    </tr>
135
                                                   <tr class="collectionField">
136
                                                        <td class="collFieldNm">Owner</td>
137
                                                        <td class="collectionField"><span id="col_ownerEmail"></span></td>
138
                                                    </tr>
139
                                                   <tr class="collectionField">
140
                                                        <td class="collFieldNm">Query criteria</td>
141
                                                        <td class="collectionField"><span id="col_queryCriteria"></span></td>
142
                                                    </tr>
143
                                                   <tr class="collectionField">
144
                                                        <td class="collFieldNm">Basket items</td>
145
                                                        <td class="collectionField"><span id="col_itemsInBasket"></span></td>
146
                                                    </tr>
147
                                                    <tr class="collectionField">
148
                                                        <td class="collFieldNm">Number of Documents</td>
149
                                                        <td class="collectionField"><span id="col_documentCount"></span></td>
150
                                                    </tr>
151
                                                    <tr class="collectionField">
152
                                                        <td class="collFieldNm">Last Update</td>
153
                                                        <td class="collectionField"><span id="col_lastUpdateDate"></span></td>
154
                                                    </tr>
155
                                                 </table>
156 7710 natalia.ma
                                                <p>&nbsp;</p>
157
                                                <div id="searchCollection" >
158
                                                    <input id="searchCollectionTerm" type="text" />&nbsp;
159
                                                    <a class="ovalbutton" id="searchCollectionLink"  href="#"><span>Search within this collection</span></a>
160
                                                </div>
161
                                                <p>&nbsp;</p>
162
                                                <div class="right">
163 8059 natalia.ma
	                                                <a  class="collectionLink" id="permanentLink" href="#"> Collection Permalink</a>
164 7710 natalia.ma
                                                </div>
165
                                                <p>&nbsp;</p>
166
                                            </div>
167
                                        </div>
168
                                        <div class="content mydriveritem"><!-- MB: This div is one tab: h3 is the link, the rest is the tab content -->
169 7812 natalia.ma
                                            <h3>Basket items</h3>
170 7710 natalia.ma
                                            <div id="basketDiv">
171
                                                <div class="content" >
172 7988 antonis.le
	                                                <div id="basketExpandAll">
173 8059 natalia.ma
                                                    <div class="collectionField">
174
                                                        <span class="collectionFieldComments"> Use the Dropbox to add items in the collection basket.
175
                                                       </span>
176
                                                   </div>
177
														<div class="collectionsMenu">
178
                                                            <div class="showAll" style="display:'block'"><a href="#" class="buttonlink">Expand view</a></div>
179
                                                            <div class="hideAll" style="display:'none'"><a href="#" class="buttonlink">Collapse view</a></div>
180
                                                        </div>
181
                                                        <p>&nbsp;</p>
182
                                                     </div>
183
                                                     <div id="documentList"></div>
184
185
                                                 </div>
186 7710 natalia.ma
                                            </div>
187
                                        </div>
188
                                        <div class="content mydriveritem"><!-- MB: This div is one tab: h3 is the link, the rest is the tab content -->
189
                                            <h3>Items - Query Results</h3>
190
                                            <div id="queryResultsDiv">
191
                                                <div class="content">
192 7974 antonis.le
													<div id="showAllDocumentsLinkDiv" style="display:none">
193 8059 natalia.ma
														<div class="collectionField">
194
                                                        <span class="collectionFieldComments">
195 13398 katerina.i
                                                        Displaying <span id="documentsDisplayed"></span> of <span id="totalDocuments"></span> documents.<a href="#"  id="showAllDocumentsLink"> Click here to view all&nbsp;<img align="middle" src="struts/images/icons/options_right.png"/></a>
196 8059 natalia.ma
                                                        </span>
197
                                                        </div>
198 7974 antonis.le
													</div>
199 7988 antonis.le
												<div id="queryExpandAll">
200 8059 natalia.ma
													<div class="collectionsMenu">
201
                                                        <div class="showAll" style="display:'block'"><a href="#" class="buttonlink">Expand view</a></div>
202
                                                        <div class="hideAll" style="display:'none'"><a href="#" class="buttonlink">Collapse view</a></div>
203
                                                    </div>
204
                                                <p>&nbsp;</p>
205 7988 antonis.le
												</div>
206 7710 natalia.ma
                                                    <div id="queryResultsList"></div>
207
                                                </div>
208
                                            </div>
209
                                        </div>
210
                                    </div>
211
                                    </div>
212
                                </div>
213
214
                                <!-- manage contents -->
215
                                <div id="editDIV" style="display:none">
216
                                    <div id="tabblock2">
217
                                        <div class="content mydriveritem">
218
                                            <h3>General Information</h3>
219
                                            <div id="col_Info">
220
                                                <input type="hidden" id="collectionID" name="collectionID" />
221
                                                <s:form theme="simple" action="ManageCollections">
222 8059 natalia.ma
                                                    <div class="right"><img id="collectionImage" align="right" width="120px" height="80px" /></div>
223
                                                    <table class="collectionTbl">
224
                                                    <tr class="collectionField">
225
                                                        <td class="collFieldNm" width="30%">Name</td>
226
                                                        <td class="collectionField"><input type="text" name="name" id="collectionName" /></td>
227
                                                    </tr>
228
                                                    <tr class="collectionField">
229
                                                        <td class="collFieldNm">Description</td>
230
                                                        <td class="collectionField"><input type="text" name="description" id="collectionDescription" /></td>
231
                                                    </tr>
232
                                                   <tr class="collectionField">
233
                                                        <td class="collFieldNm">Subject</td>
234
                                                        <td class="collectionField"><input type="text" name="subject" id="collectionSubject" /></td>
235
                                                    </tr>
236
                                                   <div id="col_ownerDiv">
237
                                                   <tr class="collectionField">
238
                                                        <td class="collFieldNm">Owner</td>
239
                                                        <td class="collectionField"><span id="collectionOwnerEmail"></span></td>
240
                                                   </tr>
241
                                                   </div>
242
                                                   <tr class="collectionField">
243
                                                        <td class="collFieldNm">Query criteria</td>
244
                                                        <td class="collectionField"><span id="collectionQueryCriteria"></span></td>
245
                                                    </tr>
246
                                                   <tr class="collectionField">
247
                                                        <td class="collFieldNm">Basket items</td>
248
                                                        <td class="collectionField"><span id="collectionItemsInBasket"></span></td>
249
                                                    </tr>
250
                                                    <tr class="collectionField">
251
                                                        <td class="collFieldNm">Number of Documents</td>
252
                                                        <td class="collectionField"><span id="collectionDocumentCount"></span></td>
253
                                                    </tr>
254
                                                    <tr class="collectionField">
255
                                                        <td class="collFieldNm">Last Update</td>
256
                                                        <td class="collectionField"><span id="collectionLastUpdateDate"></span></td>
257
                                                    </tr>
258
                                                    <tr class="collectionField">
259
                                                        <td class="collFieldNm">Visibility</td>
260
                                                        <td class="collectionField">
261
                                                        	<input type="radio" name="Private" id="collectionPrivateTrue" value="true" />Private
262
                                                       		 <input type="radio" name="Private" id="collectionPrivateFalse" value="false" />Public
263
                                                       </td>
264
                                                    </tr>
265
                                                    <tr class="collectionField">
266
                                                        <td class="collFieldNm">Icon URL</td>
267
                                                        <td class="collectionField"><input type="text" name="iconUrl" id="collectionIconUrl" /></td>
268
                                                    </tr>
269
                                                 </table>
270
271
272 7710 natalia.ma
                                                    <div class="collectionField">
273
                                                    	<input type="button" value="Save Changes" onclick="javascript:updateCollection();" />
274 7808 antonis.le
                                                    	<input type="button" value="Cancel" onclick="javascript:toggleViewMode();" />
275
276
277 7710 natalia.ma
                                                     </div>
278
                                                </s:form>
279
                                            </div>
280
                                        </div>
281
                                        <div class="content mydriveritem" ><!-- MB: This div is one tab: h3 is the link, the rest is the tab content -->
282 7812 natalia.ma
                                            <h3>Basket items</h3>
283 7710 natalia.ma
                                            <div id="collectionsBasketDiv">
284
                                                <div class="content">
285 7988 antonis.le
                                                <div id="basketExpandAll">
286 8059 natalia.ma
                                                <div class="collectionField">
287
                                                        <span class="collectionFieldComments"> Use the Dropbox to add items in the collection basket.
288
                                                       </span>
289
                                                   </div>
290
291
                                                	<div class="collectionsMenu">
292
                                                            <div class="showAll" style="display:'block'"><a href="#" class="buttonlink">Expand view</a></div>
293
                                                            <div class="hideAll" style="display:'none'"><a href="#" class="buttonlink">Collapse view</a></div>
294
                                                        </div>
295
                                                    <p>&nbsp;</p>
296 7988 antonis.le
												</div>
297 8059 natalia.ma
                                                   <div class="collectionField">
298
                                                        <span class="collectionFieldComments"> Use the Dropbox to add items in the collection basket.
299
                                                       </span>
300
                                                   </div>
301
														<div class="collectionsMenu">
302 7812 natalia.ma
                                                        	<a href="javascript:setCheckboxes(true);">select all</a> | <a href="javascript:setCheckboxes(false);">deselect all</a>&nbsp;&nbsp;&nbsp; <a  class="ovalbutton" href="javascript:removeCollectionDocs('collectionsDocumentList')"><span>Remove selected</span></a>
303
                                                    	</div>
304
                                                    </div>
305 7710 natalia.ma
                                                    <div id="collectionsDocumentList"></div>
306
                                                </div>
307
                                            </div>
308
                                        </div>
309
                                    </div>
310
                                </div>
311
                            </div>
312
                            <b class="curved_bottom">
313
                                <b class="curved_b4"></b>
314
                                <b class="curved_b3"></b>
315
                                <b class="curved_b2"></b>
316
                                <b class="curved_b1"></b>
317
                            </b>
318
                        </div>
319 12995 katerina.i
						<div id="footer"><s:action name="FooterPage" executeResult="true"/></div>
320 7521 antonis.le
					</div>
321 6985 elena.nico
				</div>
322
			</div>
323
		</div>
324 6954 elena.nico
	</div>
325 5009 elena.nico
</body>
326
</html>