Context Navigation

viewer_images.zpt @ 585:83eeed69793f

Last change on this file since 585:83eeed69793f was 585:83eeed69793f, checked in by casties, 11 years ago
new annotator layer for images.
File size: 7.9 KB

Line
1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3	<html xmlns="http://www.w3.org/1999/xhtml"
4	tal:define="docinfo options/docinfo; pageinfo options/pageinfo; viewMode pageinfo/viewMode;
5	viewLayer pageinfo/viewLayer; viewLayers pageinfo/viewLayers;
6	availableLayers python:here.getAvailableLayers().get('images', None);
7	tocMode pageinfo/tocMode; viewerUrl docinfo/viewerUrl;
8	numPages docinfo/numPages \| nothing; dlBaseUrl docinfo/digilibBaseUrl \| nothing;">
9	<head>
10	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11	<title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
12	<link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
13	<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
14	<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
15	<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
16	<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
17	<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
18	<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
19	<link rel="stylesheet" type="text/css" tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />
20
21	<script type="text/javascript"
22	tal:content="python:'''\n
23	var dlOpts = {\n
24	'interactionMode' : 'fullscreen',\n
25	'digilibBaseUrl' : '%s',\n
26	'fn' : '%s',\n
27	'pn' : '%s',\n
28	'suppressParamNames' : ['fn'],\n
29	'scalerInsets' : {'x':300, 'y':100}\n
30	};\n'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>
31
32	<!-- layer headers (rendered always) -->
33	<tal:block tal:repeat="layer availableLayers">
34	<tal:block tal:define="mpath string:here/template/layer_images_${layer}/macros/html_head" tal:condition="python:exists(mpath)">
35	<metal:block metal:use-macro="python:path(mpath)" />
36	</tal:block>
37	</tal:block>
38
39	<script type="text/javascript">
40	// <!--
41	$(document).ready(function() {
42	// autosubmit forms
43	$('form.autosubmit').find('.autosubmit').change(function() {
44	this.form.submit();
45	});
46	$('form.autosubmit input[type="submit"]').hide();
47	// get digilib div
48	$digilib = $('div#scaler');
49	// configure digilib
50	$digilib.digilib(dlOpts);
51	});
52	// -->
53	</script>
54	</head>
55	<body tal:condition="numPages">
56	<tal:block
57	tal:define="docpath docinfo/textURLPath \| nothing;
58	pn pageinfo/pn;
59	flowLtr python:docinfo.get('pageFlow','ltr')!='rtl';">
60	<div class="page-head">
61	<metal:block metal:use-macro="here/template/common_template/macros/head" />
62	</div>
63	<div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
64	<!-- table of contents -->
65	<div class="col toc">
66	<metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
67	</div>
68	<!-- col-main: document page -->
69	<div class="col main">
70	<div class="ruler top">
71	<metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
72	</div>
73	<div class="content images">
74	<div id="scaler">
75	<img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
76	</div>
77	</div>
78	<!-- /content -->
79	</div>
80	<!-- /col-main -->
81
82	<div class="col buttons">
83	<!-- layer switcher -->
84	<div class="options" tal:condition="availableLayers">
85	<h4>Image layer</h4>
86	<form tal:attributes="action viewerUrl" class="autosubmit">
87	<input type="hidden" tal:define="params python:here.getParams(params={'viewLayer':None})"
88	tal:repeat="param params" tal:attributes="name param; value python:params[param]" />
89	<ul>
90	<!-- layer select buttons (rendered always) -->
91	<tal:block tal:repeat="layer availableLayers">
92	<tal:block tal:define="mpath string:here/template/layer_images_${layer}/macros/layer_select_li"
93	tal:condition="python:exists(mpath)">
94	<li metal:use-macro="python:path(mpath)" />
95	</tal:block>
96	</tal:block>
97	</ul>
98	<input type="submit" value="Go!" />
99	</form>
100	</div>
101
102	<!-- digilib options -->
103	<div class="options digilib">
104	<ul>
105	<li><a href="javascript:$digilib.digilib('zoomBy', 1.4)"> <img tal:condition="exists:here/template/zoom-in.png"
106	tal:attributes="src here/template/zoom-in.png/absolute_url" /> zoom in
107	</a></li>
108	<li><a href="javascript:$digilib.digilib('zoomBy', 0.7)"> <img
109	tal:condition="exists:here/template/zoom-out.png" tal:attributes="src here/template/zoom-out.png/absolute_url" />
110	zoom out
111	</a></li>
112	<li><a href="javascript:$digilib.digilib('zoomArea')"> <img tal:condition="exists:here/template/zoom-area.png"
113	tal:attributes="src here/template/zoom-area.png/absolute_url" /> zoom area
114	</a></li>
115	<li><a href="javascript:$digilib.digilib('zoomFull')"> <img tal:condition="exists:here/template/zoom-full.png"
116	tal:attributes="src here/template/zoom-full.png/absolute_url" /> full page
117	</a></li>
118	<li><a href="javascript:$digilib.digilib('zoomFull', 'width')"> <img
119	tal:condition="exists:here/template/pagewidth.png" tal:attributes="src here/template/pagewidth.png/absolute_url" /> page
120	width
121	</a></li>
122	<li><a href="javascript:$digilib.digilib('setMark')"> <img tal:condition="exists:here/template/mark.png"
123	tal:attributes="src here/template/mark.png/absolute_url" /> set mark
124	</a></li>
125	<li><a href="javascript:$digilib.digilib('removeMark')"> <img tal:condition="exists:here/template/delmark.png"
126	tal:attributes="src here/template/delmark.png/absolute_url" /> remove mark
127	</a></li>
128	<li><a href="javascript:$digilib.digilib('reference')"> <img tal:condition="exists:here/template/reference.png"
129	tal:attributes="src here/template/reference.png/absolute_url" /> get reference
130	</a></li>
131	<li><a href="javascript:$digilib.digilib('digilibUrl', 'open_new')"> <img
132	tal:condition="exists:here/template/digilib.png" tal:attributes="src here/template/digilib.png/absolute_url" />
133	digilib
134	</a></li>
135	</ul>
136	</div>
137
138	<!-- layer option boxes (rendered if active) -->
139	<tal:block tal:repeat="layer availableLayers">
140	<tal:block tal:define="mpath string:here/template/layer_images_${layer}/macros/options_box"
141	tal:condition="python:exists(mpath)">
142	<metal:block metal:use-macro="python:path(mpath)" />
143	</tal:block>
144	</tal:block>
145	</div>
146	</div><!-- /page-body -->
147
148	<div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
149	<div class="errortext">Sorry, access to this document is restricted.</div>
150	</div>
151	<tal:block tal:condition="exists:here/template/site_template.pt/macros/footer">
152	<!-- footer -->
153	<metal:block metal:use-macro="here/template/site_template.pt/macros/footer"/>
154	</tal:block>
155
156	</tal:block>
157	</body>
158	<body tal:condition="not:numPages">
159	<div class="errortext">Sorry, document doesn't exist.</div>
160	<tal:block tal:condition="exists:here/template/site_template.pt/macros/footer">
161	<!-- footer -->
162	<metal:block metal:use-macro="here/template/site_template.pt/macros/footer"/>
163	</tal:block>
164	</body>
165	</html>

Note: See TracBrowser for help on using the repository browser.

Download in other formats:

Original Format