projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch 'master' into 2919-provenance-graph-cutoff
[arvados.git]
/
apps
/
workbench
/
app
/
views
/
application
/
_svg_div.html.erb
diff --git
a/apps/workbench/app/views/application/_svg_div.html.erb
b/apps/workbench/app/views/application/_svg_div.html.erb
index f3f6a71c12787061bf7d8fb57f85dc35990f992b..20269621f3f6b9b166b7b11aa79001682302c570 100644
(file)
--- a/
apps/workbench/app/views/application/_svg_div.html.erb
+++ b/
apps/workbench/app/views/application/_svg_div.html.erb
@@
-1,4
+1,5
@@
<%= content_for :css do %>
<%= content_for :css do %>
+/* Need separate style for each instance of svg div because javascript will manipulate the properties. */
#<%= divId %> {
padding-left: 3px;
overflow: auto;
#<%= divId %> {
padding-left: 3px;
overflow: auto;
@@
-6,28
+7,32
@@
border-width: 1px;
border-color: gray;
position: absolute;
border-width: 1px;
border-color: gray;
position: absolute;
- left: 1px;
-
+ left: 225px;
+ right: 1px;
+}
+path:hover {
+stroke-width: 5;
+}
+path {
+stroke-linecap: round;
}
<% end %>
}
<% end %>
+<%= content_for :js do %>
+ $(window).on('load', function() {
+ $(window).on('load resize scroll', function () { graph_zoom("<%= divId %>","<%=svgId %>", 1) } );
+ });
+<% end %>
+
<div id="_<%= divId %>_container" style="padding-top: 41px; margin-top: -41px">
<div id="_<%= divId %>_container" style="padding-top: 41px; margin-top: -41px">
- <script>
- (function() {
- var fn = function () { graph_zoom("<%= divId %>", "<%=svgId %>", 1) };
- $(window).resize(fn);
- $(window).load(fn);
- $(window).scroll(fn);
- })();
- </script>
<div style="text-align: right">
<div style="text-align: right">
- <a style="cursor: pointer"><span class="icon-zoom-out" onclick="graph_zoom('<%= divId %>', '<%= svgId %>', .9)"></span></a>
- <a style="cursor: pointer"><span class="icon-zoom-in" onclick="graph_zoom('<%= divId %>', '<%= svgId %>', 1./.9)"></span></a>
+ <a style="cursor: pointer"><span class="
glyphicon glyph
icon-zoom-out" onclick="graph_zoom('<%= divId %>', '<%= svgId %>', .9)"></span></a>
+ <a style="cursor: pointer"><span class="
glyphicon glyph
icon-zoom-in" onclick="graph_zoom('<%= divId %>', '<%= svgId %>', 1./.9)"></span></a>
</div>
</div>
- <div id="<%= divId %>">
- <span id="_<%= divId %>_center" style="padding-left:
300px"/
>
+ <div id="<%= divId %>"
class="smart-scroll"
>
+ <span id="_<%= divId %>_center" style="padding-left:
0px"></span
>
<%= raw(svg) %>
</div>
<%= raw(svg) %>
</div>
- <div id="_<%= divId %>_padding" style="padding-bottom: 1em"
/
>
+ <div id="_<%= divId %>_padding" style="padding-bottom: 1em"
></div
>
</div>
</div>