mirror of
https://github.com/Quodatum/graphxq.git
synced 2026-03-10 21:54:53 +00:00
72 lines
No EOL
2.7 KiB
XML
72 lines
No EOL
2.7 KiB
XML
<div class="row-fluid" style="height:20em">
|
|
<div class="span6">
|
|
|
|
<ul class="nav nav-tabs">
|
|
<li class="active"><a href="#tab-dot" data-toggle="tab">Dot</a></li>
|
|
<li><a href="#tab-defaults" data-toggle="tab">Defaults</a></li>
|
|
<li><a href="#tab-xml" data-toggle="tab">Raw XML</a></li>
|
|
</ul>
|
|
<div class="tab-content extend">
|
|
<div class="tab-pane active " id="tab-dot" >
|
|
|
|
<form id="dotForm" action= "svg" method="post" target="_new" class="well " >
|
|
<label>digraph "
|
|
<input type="text" name="title" placeholder="title" class="input-small" />"
|
|
</label>
|
|
<span style="margin-right:-5px;padding-right:2px;">{{</span>
|
|
<textarea id="dot" name="dot" rows="100" style="width:90%;height:100%;overflow:scroll"
|
|
>{$dot}</textarea><span style="margin-right:-5px;">}}</span>
|
|
<label class="checkbox">
|
|
<input name="dl" type="checkbox"/> Download
|
|
</label>
|
|
</form >
|
|
</div>
|
|
|
|
<div class="tab-pane well" id="tab-defaults">
|
|
<form id="frm-defaults" class="form-table">
|
|
<label>Title:<input type="text" value="" name="dotTitle" size="15"/></label>
|
|
|
|
<label>RankDir:
|
|
<select name="rankdir" >
|
|
<option value="rankdir=TB;" selected="selected" >TB (top -> bottom)</option>
|
|
<option value="rankdir=LR;">LR (left -> right)</option>
|
|
</select>
|
|
</label>
|
|
|
|
<label>Default Shape:<select name="shape" >{$list-shapes}</select></label>
|
|
<label>Color:<select id="lstColors" width="10">{$list-colors}</select></label>
|
|
|
|
<label>Background:<select name="bgcolor" >{$list-colors}</select></label>
|
|
<label>Filter:<select name="filter" >
|
|
<option value="Bumpy" >Bumpy</option>
|
|
<option value="" selected="selected" >(None)</option>
|
|
<option value="grey_bevel_shadow">grey_bevel_shadow</option>
|
|
<option value="Bevel">Bevel</option>
|
|
<option value="MyFilter" >MyFilter</option>
|
|
<option value="MyShadow">MyShadow</option>
|
|
</select></label>
|
|
</form>
|
|
|
|
|
|
</div>
|
|
<div class="tab-pane well" id="tab-xml">
|
|
<pre id="svgsrc">source</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span6">
|
|
<div class="btn-group">
|
|
<button id="bnup" class="btn btn-mini" ><i class="icon-refresh"></i>Redraw</button>
|
|
<button id="bnsvg" class="btn btn-mini" ><i class="icon-fullscreen"></i>SVG</button>
|
|
<button id="bndn" class="btn btn-mini"><i class="icon-download-alt"></i>download</button>
|
|
</div>
|
|
<div id="svgdiv" class="extend" style="width:100%;height:30em;border: 1px solid #E3E3E3;min-height:20em;">{$svgwidget}</div>
|
|
|
|
</div>
|
|
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){{
|
|
getsvg(false)
|
|
}})
|
|
</script>
|
|
</div> |