w2v-server: put SOM in extra tab
diff --git a/templates/index.html.ep b/templates/index.html.ep
index 0cb9f63..a367e13 100644
--- a/templates/index.html.ep
+++ b/templates/index.html.ep
@@ -91,8 +91,8 @@
} );
$( function() {
- $( "#tabs" ).tabs();
- } );
+ $( "#tabs" ).tabs(); // .addClass('ui-helper-clearfix tabs-left-vertical');
+ } );
$( function() {
$( ".controlgroup-vertical" ).controlgroup({
@@ -119,6 +119,25 @@
font-size: 11pt;
}
+.tabs-left-vertical .ui-tabs-nav {
+ position: absolute;
+ width: 21em;
+ transform: translate(-100%,0%) rotate(-90deg);
+ transform-origin: 100% 0%;
+}
+ .
+.tabs-left-vertical .ui-tabs-nav li {
+ float: right;
+}
+
+.tabs-left-vertical .ui-tabs-panel {
+ padding-left: 3.5em;
+}
+
+.tabs-left-vertical .ui-tabs-panel {
+ height: 20em;
+ }
+
.mono {
font-family: "DejaVu Sans Mono", Inconsolata, SourceCodePro, Courier;
}
@@ -479,8 +498,9 @@
</div>
<div id="tabs">
<ul>
- <li><a href="#tabs-1">Semantics</a></li>
- <li><a href="#tabs-2">Syntagmatic (collocators)</a></li>
+ <li><a href="#tabs-1">Semantics (TSNE-map)</a></li>
+ <li><a href="#tabs-2">Semantics (SOM)</a></li>
+ <li><a href="#tabs-3">Syntagmatic (collocators)</a></li>
</ul>
<div id="tabs-1">
% if($lists && (@$lists) > 0 && (@$lists)[0]) {
@@ -557,16 +577,16 @@
</div>
<div id="cost">
</div>
- % if($show_som) {
- <div id="som2">
- </div>
- <div id="sominfo1"><span id="somcolor1"> </span> <span id="somword1"> </span> <span id="somcolor2"> </span> <span id="somword2"> </span> <span id="somcolor3"> </span></div>
- <div id="sominfo">SOM iteration <span id="iterations">0</span></div>
- % }
</div>
- </div>
+ </div>
</div>
- <div id="tabs-2">
+ <div id="tabs-2">
+ <div id="som2" style="width: 800; height: 800px">
+ </div>
+ <div id="sominfo1"><span id="somcolor1"> </span> <span id="somword1"> </span> <span id="somcolor2"> </span> <span id="somword2"> </span> <span id="somcolor3"> </span></div>
+ <div id="sominfo">SOM iteration <span id="iterations">0</span></div>
+ </div>
+ <div id="tabs-3">
<div id="second" style="width:500px">
<table class="display compact nowrap" id="secondtable">
<thead>
@@ -615,7 +635,8 @@
</tbody>
</table>
</div> <!-- - tab2 -->
- </div> <!-- tabs -->
+ </div> <!-- tabs -->
+ </div>
</div> <!-- topwrapper -->
<div style="clear: both;"></div>
</div>