view webapp/src/main/webapp/jquery/digilib-ann.html @ 1123:1fad569ccb4f

provide annotator javascript for digilib.annotator plugin.
author robcast
date Fri, 09 Nov 2012 11:28:44 +0100
parents 121d3aadfa1e
children f1be20adc98b
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">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0"/>
        <title>Digilib jQuery: fullscreen</title>

        <style type="text/css">
            body {
                 background: silver;
            }
        </style>

        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="jquery.cookie.js"></script>
        <script type="text/javascript" src="jquery.digilib.js"></script>
        <script type="text/javascript" src="jquery.digilib.geometry.js"></script>
        <script type="text/javascript" src="jquery.digilib.arrows.js"></script>
        <script type="text/javascript" src="jquery.range.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.range.css" />
        <script type="text/javascript" src="jquery.digilib.buttons.js"></script>
        <script type="text/javascript" src="jquery.digilib.dialogs.js"></script>
        <script type="text/javascript" src="jquery.digilib.sliders.js"></script>
        <script type="text/javascript" src="jquery.digilib.birdseye.js"></script>
        <script type="text/javascript" src="jquery.digilib.marks.js"></script>
        <script type="text/javascript" src="jquery.digilib.regions.js"></script>
        <script type="text/javascript" src="showdown.js"></script>
        <script type="text/javascript" src="annotator-dl.js"></script>
        <link rel="stylesheet" type="text/css" href="annotator.min.css" />
        <script type="text/javascript" src="jquery.digilib.annotator.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />

        <script type="text/javascript">
            $(document).ready(function(){
                var opts = {
                    interactionMode : 'fullscreen',
                    showRegionNumbers : true,
                    // URL of annotation server
                    //'annotationServerUrl' : 'http://tuxserve03.mpiwg-berlin.mpg.de/AnnotationManager/annotator',
                    'annotationServerUrl' : 'http://localhost:18080/AnnotationManager/annotator',
                    //'annotationServerUrl' : 'http://tuxserve03.mpiwg-berlin.mpg.de/AnnotationManager/annotator',
                    // URL of authentication token server
                    'annotationTokenUrl' : 'http://localhost:8080/test/docuviewa/template/token/getLoginToken',
                    'annotatorPlugins' : {
                		'Markdown' : {},
                        'Permissions' : { 
                        	//user: data.settings.annotationUser,
                            userString : function(user) {
                                if (user && user.name) {
                                    return user.name;
                                }
                                return user;
                            }, 
                            userId: function (user) {
                                if (user && user.id) {
                                    return user.id;
                                }
                                return user;
                            }
                        }
                    }
                };
                var $div = $('div#digilib');
                $div.digilib(opts);
            });

        </script>
    </head>

    <body>
        <div id="digilib">
            <p>digilib doesn't work! Please switch on Javascript or notify the server administrator!</p>
            <img src="http://digilib.berlios.de/images/digilib-logo-big.png" />
        </div>
    </body>
</html>