view zpt/viewer/viewer_text_image.zpt @ 629:e36bf3226fde

text image viewer eingecheckt
author dwinter
date Tue, 26 May 2015 10:58:27 +0200
parents
children
line wrap: on
line source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	tal:define="docinfo options/docinfo; pageinfo options/pageinfo; viewMode pageinfo/viewMode;
              tocMode pageinfo/tocMode; viewLayer pageinfo/viewLayer; viewLayers pageinfo/viewLayers;
              availableLayers python:here.getAvailableLayers().get('text', None);
              viewerUrl docinfo/viewerUrl;
              rootUrl here/getDocumentViewerURL;
              numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title
	tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
<link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="template/docuviewer_ie_css" type="text/css" /><![endif]-->
<script type="text/javascript"
	tal:attributes="src string:$rootUrl/template/jquery_js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		// autosubmit forms
		$('form.autosubmit').find('.autosubmit').change(function() {
			this.form.submit();
		});
		$('form.autosubmit input[type="submit"]').hide();
	});
// -->
</script>

<script type="text/javascript"
	tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
<script type="text/javascript"
	tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
<script type="text/javascript"
	tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
<script type="text/javascript"
	tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
<script type="text/javascript"
	tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
<script type="text/javascript"
	tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
<link rel="stylesheet" type="text/css"
	tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />


<script type="text/javascript"
	tal:content="python:'''\n
       var dlOpts = {\n
            'interactionMode' : 'fullscreen',\n
            'digilibBaseUrl' : '%s',\n
            'fn' : '%s',\n
            'pn' : '%s',\n
            'suppressParamNames' : ['fn'],\n
            'scalerInsets' : {'x':300, 'y':100}\n
        };\n'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>

<!--  layer headers (rendered always) -->
<tal:block tal:repeat="layer availableLayers">
	<tal:block
		tal:define="mpath string:here/template/layer_text_${layer}/macros/html_head"
		tal:condition="python:exists(mpath)">
		<metal:block metal:use-macro="python:path(mpath)" />
	</tal:block>
</tal:block>

<script type="text/javascript">
	$(document).ready(function() {
		// autosubmit forms
		$('form.autosubmit').find('.autosubmit').change(function() {
			this.form.submit();
		});
		$('form.autosubmit input[type="submit"]').hide();
		// get digilib div
		$digilib = $('div#scaler');
		// configure digilib
		$digilib.digilib(dlOpts);
	});
// -->
</script>


</head>
<!-- body -->
<body tal:condition="numPages">
	<tal:block
		tal:define="docpath docinfo/textURLPath | nothing;
                pn pageinfo/pn; 
                flowLtr python:docinfo.get('pageFlow','ltr')!='rtl';
                textPage python:here.getTextPage(mode=viewLayer, pn=pn, docinfo=docinfo, pageinfo=pageinfo);">
		<!-- header -->
		<div class="page-head">
			<metal:block
				metal:use-macro="here/template/common_template/macros/head" />
		</div>

		<div class="page-body"
			tal:condition="python:here.isAccessible(docinfo)">
			<!--table of contents-->
			<div class="col toc">
				<metal:block
					metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
			</div>

			<!-- text page -->
			<div class="col main">
				<div class="ruler top">
					<metal:block
						metal:use-macro="here/template/common_template/macros/page_ruler" />
				</div>
				<div class="two-column">
				<div class="two-column-row">
					<div class="two-column-left">
						<div class="content text">
							<div class="pageHeaderTitle"
								tal:condition="exists:pageinfo/pageHeaderTitle"
								tal:content="structure pageinfo/pageHeaderTitle" />
							<tal:block tal:condition="textPage"
								tal:replace="structure textPage" />
							<div class="emptyPage" tal:condition="not:textPage">[Error:
								no text]</div>
						</div>
					</div>
					<div class="two-column-right">
						<div tal:attributes="class string:content image $viewLayer">
							<div id="scaler">
								<img
									tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
							</div>
						</div>
					</div>
				</div>
				</div>




			</div>
			<!-- end of col-main -->

			<!--  layer columns (rendered always) -->
			<tal:block tal:repeat="layer availableLayers">
				<tal:block
					tal:define="mpath string:here/template/layer_text_${layer}/macros/extra_column"
					tal:condition="python:exists(mpath)">
					<metal:block metal:use-macro="python:path(mpath)" />
				</tal:block>
			</tal:block>

			<!-- right-side options -->
			<div class="col buttons">
				<!--BEGIN TEXT LAYERS -->
				<div class="options" tal:condition="availableLayers">
					<h4>Text layer</h4>
					<form tal:attributes="action viewerUrl" class="autosubmit">
						<input type="hidden"
							tal:define="params python:here.getParams(params={'viewLayer':None})"
							tal:repeat="param params"
							tal:attributes="name param; value python:params[param]" />
						<ul>
							<!-- text layer select buttons (rendered always) -->
							<tal:block tal:repeat="layer availableLayers">
								<tal:block
									tal:define="mpath string:here/template/layer_text_${layer}/macros/layer_select_li"
									tal:condition="python:exists(mpath)">
									<li metal:use-macro="python:path(mpath)" />
								</tal:block>
							</tal:block>
						</ul>
						<input type="submit" value="Go!" />
					</form>
				</div>
				<!--END TEXT LAYERS-->

				<!--"BEGIN TEXT SIZE"-->
				<!--  <div class="options">
          <h4>Text size</h4>
          <ul class="fsizer">
            <li><a href="javascript:fontSize(12);" class="fs_sml">S</a></li>
            <li><a href="javascript:fontSize(14);" class="fs_med">M</a></li>
            <li><a href="javascript:fontSize(16);" class="fs_lrg">L</a></li>
          </ul>
        </div> -->
				<!--"END TEXT SIZE"-->

				<!--"BEGIN TEXT NORMALIZATION"-->
				<div class="options">
					<h4>Text normalization</h4>
					<form tal:attributes="action viewerUrl" class="autosubmit"
						tal:define="norm python:pageinfo.get('characterNormalization','orig');">
						<input type="hidden"
							tal:define="params python:here.getParams(params={'characterNormalization':None, 'viewLayer':viewLayer})"
							tal:repeat="param params"
							tal:attributes="name param; value python:params[param]" />
						<ul>
							<li><input type="radio" class="autosubmit"
								name="characterNormalization" value="orig"
								tal:attributes="checked python:norm=='orig'" /> Original</li>
							<!--<li><input type="radio" class="autosubmit" name="characterNormalization" value="reg"
                tal:attributes="checked python:norm=='reg'" /> Regularized</li>
              <li><input type="radio" class="autosubmit" name="characterNormalization" value="regPlusNorm"
                tal:attributes="checked python:norm=='regPlusNorm'" /> Normalized</li>-->
						</ul>
						<input type="submit" value="Go!" />
					</form>
				</div>
				<!--"END TEXT NORMALIZATION"-->


					<!-- digilib options -->
					<div class="options digilib">
						<ul>
							<li><a href="javascript:$digilib.digilib('zoomBy', 1.4)">
									<img tal:condition="exists:here/template/zoom-in.png"
									tal:attributes="src here/template/zoom-in.png/absolute_url" />
									zoom in
							</a></li>
							<li><a href="javascript:$digilib.digilib('zoomBy', 0.7)">
									<img tal:condition="exists:here/template/zoom-out.png"
									tal:attributes="src here/template/zoom-out.png/absolute_url" />
									zoom out
							</a></li>
							<li><a href="javascript:$digilib.digilib('zoomArea')"> <img
									tal:condition="exists:here/template/zoom-area.png"
									tal:attributes="src here/template/zoom-area.png/absolute_url" />
									zoom area
							</a></li>
							<li><a href="javascript:$digilib.digilib('zoomFull')"> <img
									tal:condition="exists:here/template/zoom-full.png"
									tal:attributes="src here/template/zoom-full.png/absolute_url" />
									full page
							</a></li>
							<li><a
								href="javascript:$digilib.digilib('zoomFull', 'width')"> <img
									tal:condition="exists:here/template/pagewidth.png"
									tal:attributes="src here/template/pagewidth.png/absolute_url" />
									page width
							</a></li>
							<li><a href="javascript:$digilib.digilib('setMark')"> <img
									tal:condition="exists:here/template/mark.png"
									tal:attributes="src here/template/mark.png/absolute_url" />
									set mark
							</a></li>
							<li><a href="javascript:$digilib.digilib('removeMark')">
									<img tal:condition="exists:here/template/delmark.png"
									tal:attributes="src here/template/delmark.png/absolute_url" />
									remove mark
							</a></li>
							<li><a href="javascript:$digilib.digilib('reference')">
									<img tal:condition="exists:here/template/reference.png"
									tal:attributes="src here/template/reference.png/absolute_url" />
									get reference
							</a></li>
							<li><a
								href="javascript:$digilib.digilib('digilibUrl', 'open_new')">
									<img tal:condition="exists:here/template/digilib.png"
									tal:attributes="src here/template/digilib.png/absolute_url" />
									digilib
							</a></li>
						</ul>
					</div>




				<!--  layer option boxes (rendered if active) -->
				<tal:block tal:repeat="layer availableLayers">
					<tal:block
						tal:define="mpath string:here/template/layer_text_${layer}/macros/options_box"
						tal:condition="python:exists(mpath)">
						<metal:block metal:use-macro="python:path(mpath)" />
					</tal:block>
				</tal:block>
			</div>
			<!-- /col-right -->

		</div>
		<!-- /page-body -->

		<div class="page-body"
			tal:condition="python:not here.isAccessible(docinfo)">
			<div class="errortext">Sorry, access to this document is
				restricted.</div>
		</div>

		<tal:block
			tal:condition="exists:here/template/site_template.pt/macros/footer">
			<!-- footer -->
			<metal:block
				metal:use-macro="here/template/site_template.pt/macros/footer" />
		</tal:block>
	</tal:block>
</body>
<body tal:condition="not:numPages">
	<div class="errortext">Sorry, document doesn't exist.</div>
	<tal:block
		tal:condition="exists:here/template/site_template.pt/macros/footer">
		<!-- footer -->
		<metal:block
			metal:use-macro="here/template/site_template.pt/macros/footer" />
	</tal:block>
</body>
</html>