apps/workbench/app/views/application/_svg_div.html.erb

   1 <%= content_for :css do %>
   2 /* Need separate style for each instance of svg div because javascript will manipulate the properties. */
   3 #<%= divId %> {
   4  padding-left: 3px;
   5  overflow: auto;
   6  border: solid;
   7  border-width: 1px;
   8  border-color: gray;
   9  position: absolute;
  10  left: 1px;
  11  right: 1px;
  12 }
  13 path:hover {
  14 stroke-width: 5;
  15 }
  16 path {
  17 stroke-linecap: round;
  18 }
  19 <% end %>
  20
  21 <%= content_for :js do %>
  22     $(window).on('load', function() {
  23       var fn = function () { graph_zoom("<%= divId %>", "<%=svgId %>", 1) };
  24       $(window).on('resize', fn);
  25       $(window).on('scroll', fn);
  26     });
  27 <% end %>
  28
  29 <div id="_<%= divId %>_container" style="padding-top: 41px; margin-top: -41px">
  30   <div style="text-align: right">
  31     <a style="cursor: pointer"><span class="glyphicon glyphicon-zoom-out" onclick="graph_zoom('<%= divId %>', '<%= svgId %>', .9)"></span></a>
  32     <a style="cursor: pointer"><span class="glyphicon glyphicon-zoom-in" onclick="graph_zoom('<%= divId %>', '<%= svgId %>', 1./.9)"></span></a>
  33   </div>
  34
  35   <div id="<%= divId %>">
  36     <span id="_<%= divId %>_center" style="padding-left: 300px"></span>
  37     <%= raw(svg) %>
  38   </div>
  39   <div id="_<%= divId %>_padding" style="padding-bottom: 1em"></div>
  40 </div>