This commit is contained in:
Andy Bunce 2016-06-03 10:07:40 +01:00
parent 632af43220
commit f76ad081ab
8 changed files with 19 additions and 11 deletions

View file

@ -12,7 +12,7 @@
<div class="fluid-row"> <div class="fluid-row">
<div class="span4"> <div class="span4">
<h2>Client</h2> <h2>Client</h2>
<p>The client side targets modern browsers with SVG support. It was tested against Firefox 15 and Chrome 21. <p>The client side targets modern browsers with SVG support. It was tested against Firefox 46 and Chrome 50.
</p> </p>
<p><a href="http://twitter.github.com/bootstrap/index.html" <p><a href="http://twitter.github.com/bootstrap/index.html"
@ -26,14 +26,13 @@
</div> </div>
<div class="span4"> <div class="span4">
<h2>Server</h2> <h2>Server</h2>
<p>The server side is written entirely in XQuery. It uses the <p>The server side is written in XQuery. It uses the
<a href="http://basex.org" target="_blank">BaseX</a> implementation. <a <a href="http://basex.org" target="_blank">BaseX</a> implementation. <a
href="http://docs.basex.org/wiki/RESTXQ" target="_blank">RestXQ</a> href="http://docs.basex.org/wiki/RESTXQ" target="_blank">RestXQ</a>
is used to map XQuery annotations to web server behavior. is used to map XQuery annotations to web server behavior.
</p> </p>
<p> The graphviz <code>dot</code> executable is used to generate SVG from the DOT source. <p> The graphviz <code>dot</code> executable is used to generate SVG from the DOT source.
The resultant SVG is viewed in an interface that provides pan and zoom functionality. </p>
The SVG may also be viewed standalone or downloaded.</p>
<p>This application includes an XSLT transform to convert <code>DotML</code> to <p>This application includes an XSLT transform to convert <code>DotML</code> to
<code>dot</code> developed by Martin Loetzsch. <code>dot</code> developed by Martin Loetzsch.
<a href="http://www.martin-loetzsch.de/DOTML" target="_blank">DotML</a> <a href="http://www.martin-loetzsch.de/DOTML" target="_blank">DotML</a>
@ -43,7 +42,7 @@
<h2>Todo</h2> <h2>Todo</h2>
<p>The SVG pan and zoom has problems, especially in Firefox. In part this maybe due <p>The SVG pan and zoom has problems, especially in Firefox. In part this maybe due
to firefox bugs</p> to firefox bugs</p>
<p>For reference how the SVG <a href="/graphxq/viewbox/viewBox.svg">viewbox</a> <p>For reference how the SVG <a href="/static/graphxq/viewbox/viewBox.svg">viewbox</a>
works. See also <a href="http://www.dotuscomus.com/svg/lib/library.html#autozoom" target="_blank">here</a> works. See also <a href="http://www.dotuscomus.com/svg/lib/library.html#autozoom" target="_blank">here</a>
for a better way? for a better way?
</p> </p>
@ -55,7 +54,7 @@ for a better way?
<img style="position: absolute; top: 50px; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"/> <img style="position: absolute; top: 50px; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"/>
</a> </a>
<footer> <footer>
<p>&#169; Andy Bunce 2013 -2015</p> <p>&#169; Andy Bunce 2013 -2016</p>
<ul class="quick-links"> <ul class="quick-links">
<!-- <!--
<li><iframe class="github-btn" <li><iframe class="github-btn"

View file

@ -23,7 +23,7 @@ node[shape=circle,style=filled,fillcolor=lightblue]
}}</textarea> }}</textarea>
</div> </div>
<div class="col-md-6" id="rightPane" style="background-color:red;"> <div class="col-md-6" id="rightPane" style="background-color:#F5ECCE;">
<div id="svgdiv" class="extend"> <div id="svgdiv" class="extend">
<div id="canvasQwpYZa" class="canvas" style="width:100%;height:100%;"></div> <div id="canvasQwpYZa" class="canvas" style="width:100%;height:100%;"></div>
<script> <script>

View file

@ -19,7 +19,7 @@ declare variable $svgwidget external :="{svg}";
&lt;node id="test"/&gt; &lt;node id="test"/&gt;
&lt;/graph&gt;</textarea> &lt;/graph&gt;</textarea>
</div> </div>
<div class="col-md-6" id="rightPane"> <div class="col-md-6" id="rightPane" style="background-color:#F5ECCE;">
<div id="svgdiv" class="extend"> <div id="svgdiv" class="extend">
<div id="canvasQwpYZa" class="canvas" style="width:100%;height:100%;"></div> <div id="canvasQwpYZa" class="canvas" style="width:100%;height:100%;"></div>
<script> <script>

View file

@ -45,13 +45,21 @@
title="Ajax request status"> title="Ajax request status">
<i class="glyphicon glyphicon-info-sign" title="Request status, click for more."></i> <i class="glyphicon glyphicon-info-sign" title="Request status, click for more."></i>
</a> </a>
<div class="btn-group pull-right"> <div class="pull-right">
<div class="btn-group ">
<button id="resetButtonQwpYZa" class="btn btn-mini btn-default" data-toggle="button" title="Zoom to fit"> <button id="resetButtonQwpYZa" class="btn btn-mini btn-default" data-toggle="button" title="Zoom to fit">
<i class="glyphicon glyphicon-screenshot"></i> <i class="glyphicon glyphicon-screenshot"></i>
Fit
</button> </button>
<button id="resetButtonQwpYZa" class="btn btn-mini btn-default" data-toggle="button" title="Zoom in">
<i class="glyphicon glyphicon-plus-sign"></i>
</button>
<button id="resetButtonQwpYZa" class="btn btn-mini btn-default" data-toggle="button" title="Zoom out">
<i class="glyphicon glyphicon-minus-sign"></i>
</button>
</div>
<div class="btn-group ">
<button id="bnsvg" class="btn btn-mini btn-default" title="Show SVG standalone."> <button id="bnsvg" class="btn btn-mini btn-default" title="Show SVG standalone.">
<i class="glyphicon glyphicon-fullscreen"></i> <i class="glyphicon glyphicon-share"></i>
SVG SVG
</button> </button>
<button id="bndn" class="btn btn-mini btn-default" title="Download SVG file"> <button id="bndn" class="btn btn-mini btn-default" title="Download SVG file">
@ -65,4 +73,5 @@
</button> </button>
</div> </div>
</div>
</div> </div>

View file

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB