table_beet2 0.0.4

data/lib/table_beet/formatters/html_template/data/js/plugins/jquery.popover.js

@@ -0,0 +1,206 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery Popovers by Gary Hepting - https://github.com/ghepting/jquery-popovers
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+
+  (function($) {
+    return $.fn.popover = function(options) {
+      var closePopover, defaults, delayAdjust, delayHide, getElementPosition, popover, resetPopover, setPosition, showPopover, trigger;
+      defaults = {
+        hover: false,
+        click: true,
+        resize: true,
+        scroll: true,
+        topOffset: 0,
+        delay: 500,
+        speed: 100
+      };
+      options = $.extend(defaults, options);
+      popover = $('#popover');
+      delayHide = '';
+      delayAdjust = '';
+      trigger = '';
+      getElementPosition = function(el) {
+        var bottom, left, offset, right, top, win;
+        offset = el.offset();
+        win = $(window);
+        return {
+          top: top = offset.top - win.scrollTop(),
+          left: left = offset.left - win.scrollLeft(),
+          bottom: bottom = win.height() - top - el.outerHeight(),
+          right: right = win.width() - left - el.outerWidth()
+        };
+      };
+      resetPopover = function(resize) {
+        popover.css({
+          top: 'auto',
+          right: 'auto',
+          bottom: 'auto',
+          left: 'auto'
+        });
+        if (resize) {
+          popover.css({
+            width: 'auto'
+          });
+        }
+        popover.removeClass('top');
+        popover.removeClass('right');
+        popover.removeClass('bottom');
+        return popover.removeClass('left');
+      };
+      setPosition = function(trigger, skipAnimation, resize) {
+        var attrs, coords, height, width;
+        if (trigger) {
+          if (resize) {
+            resetPopover(true);
+          } else {
+            resetPopover();
+          }
+          coords = getElementPosition(trigger);
+          if (popover.outerWidth() > ($(window).width() - 20)) {
+            popover.css('width', $(window).width() - 20);
+          }
+          popover.css('max-width', Math.min($(window).width() - parseInt($('body').css('padding-left')) - parseInt($('body').css('padding-right')), parseInt(popover.css('max-width'))));
+          width = popover.outerWidth();
+          height = popover.outerHeight();
+          attrs = {};
+          if (coords.left <= coords.right) {
+            popover.addClass('left');
+            attrs.left = coords.left;
+          } else {
+            popover.addClass('right');
+            attrs.right = coords.right;
+          }
+          if ((coords.top - options.topOffset) > (height + 20)) {
+            popover.addClass('top');
+            attrs.top = trigger.offset().top - height - 20;
+          } else {
+            popover.addClass('bottom');
+            attrs.top = trigger.offset().top + 15;
+          }
+          popover.css(attrs);
+          if (skipAnimation) {
+            return popover.css({
+              top: '+=10'
+            });
+          }
+        }
+      };
+      closePopover = function() {
+        $('.popover-trigger').removeClass('popover-trigger');
+        return popover.removeClass('sticky').remove();
+      };
+      showPopover = function(e) {
+        var tip;
+        trigger = $(e.target);
+        if (!trigger.hasClass('popover-trigger')) {
+          closePopover();
+          trigger.addClass('popover-trigger');
+        }
+        tip = $('#' + trigger.attr('data-content')).html();
+        popover = $("<div id=\"popover\"></div>");
+        if (!tip || tip === "") {
+          return false;
+        }
+        trigger.removeAttr("title");
+        popover.css("opacity", 0).html(tip).appendTo("body");
+        setPosition(trigger);
+        popover.animate({
+          top: "+=10",
+          opacity: 1
+        }, options.speed);
+        popover.bind("click", function(e) {
+          if (e.target.tagName !== 'a') {
+            popover.addClass('sticky');
+            e.stopPropagation();
+            e.preventDefault();
+            return false;
+          }
+        });
+        popover.find('.close').bind("click", function(e) {
+          $('.popover-trigger').removeClass('popover-trigger');
+          popover.removeClass('sticky').remove();
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        });
+        return popover.bind({
+          mouseenter: function() {
+            return clearTimeout(delayHide);
+          },
+          mouseleave: function() {
+            if (!popover.hasClass('sticky')) {
+              return delayHide = setTimeout((function() {
+                $('.popover-trigger').removeClass('popover-trigger');
+                return popover.removeClass('sticky').remove();
+              }), 500);
+            }
+          }
+        });
+      };
+      return this.each(function() {
+        var $this;
+        $this = $(this);
+        if (options.hover) {
+          $this.bind({
+            mouseenter: function(e) {
+              trigger = $(e.target);
+              clearTimeout(delayHide);
+              if (!$this.hasClass('popover-trigger') && !popover.hasClass('sticky')) {
+                return showPopover(e);
+              }
+            },
+            mouseleave: function() {
+              if (!popover.hasClass('sticky')) {
+                return delayHide = setTimeout(function() {
+                  return closePopover();
+                }, options.delay);
+              }
+            }
+          });
+        }
+        if (options.click) {
+          $this.bind("click", function(e) {
+            trigger = $(e.target);
+            if (!trigger.hasClass('popover-trigger')) {
+              closePopover();
+              showPopover(e);
+            }
+            popover.addClass('sticky');
+            e.preventDefault();
+            e.stopPropagation();
+            return false;
+          });
+        }
+        if (options.resize) {
+          $(window).resize(function() {
+            clearTimeout(delayAdjust);
+            return delayAdjust = setTimeout(function() {
+              return setPosition(trigger, true, true);
+            }, 100);
+          });
+        }
+        if (options.scroll) {
+          $(window).scroll(function() {
+            return setPosition(trigger, true);
+          });
+        }
+        return $('html, body').bind("click", function(e) {
+          $('.popover-trigger').removeClass('popover-trigger');
+          return popover.removeClass('sticky').remove();
+        });
+      });
+    };
+  })(jQuery);
+
+}).call(this);

data/lib/table_beet/formatters/html_template/data/js/plugins/jquery.responsiveTables.js

@@ -0,0 +1,63 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/responsiveTables
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+
+  (function($) {
+    var elems;
+    elems = [];
+    $.fn.responsiveTable = function(options) {
+      var settings;
+      settings = {
+        compressor: options.compressor || 10,
+        minSize: options.minSize || Number.NEGATIVE_INFINITY,
+        maxSize: options.maxSize || Number.POSITIVE_INFINITY,
+        padding: 2,
+        height: "auto",
+        adjust_parents: true
+      };
+      return this.each(function() {
+        var columns, elem, fontSize, rows;
+        elem = $(this);
+        elem.attr('data-compression', settings.compressor);
+        elem.attr('data-min', settings.minSize);
+        elem.attr('data-max', settings.maxSize);
+        elem.attr('data-padding', settings.padding);
+        columns = $("tr", elem).first().children("th, td").length;
+        rows = $("tr", elem).length;
+        if (settings.height !== "auto") {
+          $this.css("height", settings.height);
+          if (settings.adjust_parents) {
+            $this.parents().each(function() {
+              return $(this).css("height", "100%");
+            });
+          }
+        }
+        $("tr th, tr td", elem).css("width", Math.floor(100 / columns) + "%");
+        $("tr th, tr td", elem).css("height", Math.floor(100 / rows) + "%");
+        fontSize = Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize)));
+        $("tr th, tr td", elem).css("font-size", fontSize + "px");
+        return elems.push(elem);
+      });
+    };
+    return $(window).on("resize", function() {
+      return $(elems).each(function() {
+        var elem, fontSize;
+        elem = $(this);
+        fontSize = Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min'))));
+        return $("tr th, tr td", elem).css("font-size", fontSize + "px");
+      });
+    });
+  })(jQuery);
+
+}).call(this);

data/lib/table_beet/formatters/html_template/data/js/plugins/jquery.responsiveText.js

@@ -0,0 +1,45 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/responsiveText
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+
+  (function($) {
+    var elems;
+    elems = [];
+    $.fn.responsiveText = function(options) {
+      var settings;
+      settings = {
+        compressor: options.compressor || 10,
+        minSize: options.minSize || Number.NEGATIVE_INFINITY,
+        maxSize: options.maxSize || Number.POSITIVE_INFINITY
+      };
+      return this.each(function() {
+        var elem;
+        elem = $(this);
+        elem.attr('data-compression', settings.compressor);
+        elem.attr('data-min', settings.minSize);
+        elem.attr('data-max', settings.maxSize);
+        elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize))));
+        return elems.push(elem);
+      });
+    };
+    return $(window).on("resize", function() {
+      return $(elems).each(function() {
+        var elem;
+        elem = $(this);
+        return elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min')))));
+      });
+    });
+  })(jQuery);
+
+}).call(this);

data/lib/table_beet/formatters/html_template/data/js/plugins/jquery.tooltip.js

@@ -0,0 +1,118 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery Tooltips by Gary Hepting - https://github.com/ghepting/jquery-tooltips
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+
+  (function($) {
+    return $.fn.tooltip = function(options) {
+      var closetooltip, defaults, delayShow, getElementPosition, setPosition, showtooltip, tooltip, trigger;
+      defaults = {
+        topOffset: 0,
+        delay: 100,
+        speed: 100
+      };
+      options = $.extend(defaults, options);
+      tooltip = $('#tooltip');
+      delayShow = '';
+      trigger = '';
+      getElementPosition = function(el) {
+        var bottom, left, offset, right, top, win;
+        offset = el.offset();
+        win = $(window);
+        return {
+          top: top = offset.top - win.scrollTop(),
+          left: left = offset.left - win.scrollLeft(),
+          bottom: bottom = win.height() - top - el.outerHeight(),
+          right: right = win.width() - left - el.outerWidth()
+        };
+      };
+      setPosition = function(trigger) {
+        var attrs, coords, height, width;
+        coords = getElementPosition(trigger);
+        if (tooltip.outerWidth() > ($(window).width() - 20)) {
+          tooltip.css('width', $(window).width() - 20);
+        }
+        attrs = {};
+        tooltip.css('max-width', Math.min($(window).width() - parseInt($('body').css('padding-left')) - parseInt($('body').css('padding-right')), parseInt(tooltip.css('max-width'))));
+        width = tooltip.outerWidth();
+        height = tooltip.outerHeight();
+        if (coords.left <= coords.right) {
+          tooltip.addClass('left');
+          attrs.left = coords.left;
+        } else {
+          tooltip.addClass('right');
+          attrs.right = coords.right;
+        }
+        if ((coords.top - options.topOffset) > (height + 20)) {
+          tooltip.addClass('top');
+          attrs.top = (trigger.offset().top - height) - 20;
+        } else {
+          tooltip.addClass('bottom');
+          attrs.top = trigger.offset().top + trigger.outerHeight() - 4;
+        }
+        return tooltip.css(attrs);
+      };
+      closetooltip = function() {
+        tooltip.stop().remove();
+        return $('[role=tooltip]').removeClass('on');
+      };
+      showtooltip = function(trigger) {
+        closetooltip();
+        clearTimeout(delayShow);
+        return delayShow = setTimeout(function() {
+          if ($('#tooltip').length !== 1) {
+            $('#tooltip').remove();
+            tooltip = $("<div id=\"tooltip\"></div>");
+            tooltip.appendTo("body");
+          }
+          tooltip.css("opacity", 0).text(trigger.attr('data-title'));
+          setPosition(trigger);
+          trigger.addClass('on');
+          return tooltip.animate({
+            top: "+=10",
+            opacity: 1
+          }, options.speed);
+        }, options.delay);
+      };
+      this.each(function() {
+        var $this;
+        $this = $(this);
+        $this.attr('role', 'tooltip').attr('data-title', $this.attr('title'));
+        return $this.removeAttr("title");
+      });
+      $('body').on('focus', '[role=tooltip]', function() {
+        return showtooltip($(this));
+      }).on('blur', '[role=tooltip]', function() {
+        clearTimeout(delayShow);
+        return closetooltip();
+      }).on('mouseenter', '[role=tooltip]:not(input,select,textarea)', function() {
+        return showtooltip($(this));
+      }).on('mouseleave', '[role=tooltip]:not(input,select,textarea)', function() {
+        clearTimeout(delayShow);
+        return closetooltip();
+      });
+      return $(window).on({
+        scroll: function() {
+          trigger = $('[role=tooltip].on');
+          if (trigger.length) {
+            setPosition(trigger);
+            return $('#tooltip').css({
+              top: "+=10"
+            });
+          }
+        }
+      });
+    };
+  })(jQuery);
+
+}).call(this);

data/lib/table_beet/formatters/html_template/index.erb

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
+  <title>TableBeet2 &hearts; List of step</title>
+  <!-- Modernizr -->
+  <script src="./js/libs/modernizr-2.6.2.min.js"></script>
+  <!-- jQuery -->
+  <script type="text/javascript" src="./js/libs/jquery-1.8.2.min.js"></script>
+  <!-- GroundworkCSS -->
+  <link type="text/css" rel="stylesheet" href="./css/groundwork.css">
+  <script type="text/javascript">
+    // fallback if SVG unsupported
+    Modernizr.load({
+      test: Modernizr.svg,
+      nope: './css/no-svg.css'
+    })
+    // polyfill for HTML5 placeholders
+    Modernizr.load({
+      test: Modernizr.input.placeholder,
+      nope: [
+        './css/placeholder_polyfill.css',
+        './js/libs/placeholder_polyfill.jquery.js'
+      ]
+    })
+  </script>
+</head>
+<body>
+<header>
+  <div class="container">
+    <div class="row">
+      <div class="two sixth padded align-left">
+        <div class="align-left">
+          <h1>TableBeet2</h1>
+        </div>
+      </div>
+      <div class="two sixth padded align-right" id="loading">
+        <i class="icon-spinner icon-2x icon-spin" style="display: none;"></i>
+      </div>
+      <div class="two sixth padded align-right">
+        <input type="text" id="keyword" name="keyword" placeholder="Search step name">
+      </div>
+    </div>
+  </div>
+</header>
+<div class="container">
+
+  <article class="row">
+    <aside class="one fourth padded border-right">
+      <h1><i class="icon-list-ul"></i> Scopes</h1>
+      <ul class="list">
+        <% scopes.keys.each do |scope_name| %>
+          <li class="big"><a href="#<%= ERB::Util.h(scope_name) %>"><%= ERB::Util.h(scope_name) %></a></li>
+        <% end %>
+      </ul>
+    </aside>
+    <section class="three fourths padded">
+      <h1><i class="icon-th-large"></i> Step list</h1>
+
+      <% scopes.each do |scope, steps| %>
+        <div class="row scope_title">
+          <div class="padded">
+            <h2><i class="icon-caret-right"></i> <a name="<%= ERB::Util.h(scope) %>"><%= ERB::Util.h(scope) %></a></h2>
+          </div>
+        </div>
+        <table class="scope">
+          <thead>
+          <tr>
+            <th>Step name</th>
+            <td>Defined file (with line number)</td>
+          </tr>
+          </thead>
+          <tbody>
+          <% steps.each do |step| %>
+            <tr>
+              <th class="step_name"><%= ERB::Util.h(step.name) %></th>
+              <td>
+                <p><a href="#modal-<%= step.id %>">
+                  <i class="icon-book"></i> <%= ERB::Util.h(step.location) %>
+                </a></p>
+                <div id="modal-<%= step.id %>" class="modal">
+                  <big>
+                    <pre class="prettyprint"><code class="language-rb"><%= step.source %></code></pre>
+                  </big>
+                </div>
+              </td>
+            </tr>
+          <% end %>
+          </tbody>
+        </table>
+      <% end %>
+
+    </section>
+  </article>
+
+  <footer class="footer row">
+    <div class="one half align-left">
+      <p>&copy; 2018 Tadashi Nemoto.</p>
+    </div>
+    <div class="one half align-right">
+      <p>Powered by <a href="https://groundworkcss.github.io/">GroundworkCSS</a></p>
+    </div>
+  </footer>
+</div>
+<!-- scripts -->
+<script type="text/javascript" src="./js/plugins/jquery.orbit-1.4.0.js"></script>
+<script type="text/javascript" src="./js/groundwork.js"></script>
+<script type="text/javascript" src="./js/jquery.quicksearch.js"></script>
+<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"></script>
+<script type="text/javascript">
+  $(function () {
+    $('th.step_name').each(function () {
+      var decoration = $(this).text().replace(/(:[\w]+)/g, function () {
+        return '<code>' + RegExp.$1 + '</code>'
+      })
+      $(this).html(decoration)
+    })
+
+    $('input#keyword').quicksearch('table.scope tbody tr', {
+      'delay': 100,
+      'selector': 'th',
+      'loader': 'div#loading i',
+
+      'show': function () {
+        $(this).show()
+        var table = $(this).closest('table.scope')
+        var title = table.prev('div.scope_title')
+        table.show()
+        title.show()
+      },
+
+      'hide': function () {
+        $(this).hide()
+        if ($(this).siblings(':visible').size() == 0) {
+          var table = $(this).closest('table.scope')
+          var title = table.prev('div.scope_title')
+          table.hide()
+          title.hide()
+        }
+      }
+    })
+
+  })
+</script>
+</body>
+</html>