RubyGems - rails_modular_admin - Versions diffs - 0.3.1 → 0.4.0 - Mend

rails_modular_admin 0.3.1 → 0.4.0

Files changed (1416) hide show

data/app/assets/node_modules/jquery.flot.tooltip/examples/pie.html ADDED Viewed

@@ -0,0 +1,87 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>flot.tooltip plugin example page</title>
+  <meta name="author" content="@krzysu, myviews.pl">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
+    <!--[if lte IE 8]><script src="js/excanvas.min.js"></script><![endif]-->
+  <script src="js/jquery.flot.js"></script>
+  <script src="js/jquery.flot.pie.js"></script>
+  <script src="../js/jquery.flot.tooltip.js"></script>
+  <style type="text/css">
+    body {font-family: sans-serif; font-size: 16px; margin: 50px; max-width: 800px;}
+    h4, ul {margin: 0;}
+    .flotTip
+    {
+      padding: 3px 5px;
+      background-color: #000;
+      z-index: 100;
+      color: #fff;
+      box-shadow: 0 0 10px #555;
+      opacity: .7;
+      filter: alpha(opacity=70);
+      border: 2px solid #fff;
+      -webkit-border-radius: 4px;
+      -moz-border-radius: 4px;
+      border-radius: 4px;
+    }
+  </style>
+</head>
+<body>
+    <h1>flot.tooltip plugin example page</h1>
+    <div id="placeholder" style="width: 500px; height: 400px;"></div>
+  <script>
+  $(function () {
+    var data = [
+      { label: "Series 0", data: 1 },
+      { label: "Series 1", data: 3 },
+      { label: "Series 2", data: 9 },
+      { label: "Series 3", data: 20 }
+    ];
+    var plotObj = $.plot($("#placeholder"), data, {
+      series: {
+        pie: {
+          show: true,
+          radius: 1,
+          label: {
+            show: true,
+            radius: 3/4,
+            // formatter: labelFormatter,
+            background: {
+              opacity: 0.5,
+              color: '#000'
+            }
+          }
+        }
+      },
+      grid: {
+        hoverable: true
+      },
+      tooltip: {
+        show: true,
+        content: "%p.0%, %s, n=%n", // show percentages, rounding to 2 decimal places
+        shifts: {
+          x: 20,
+          y: 0
+        },
+        defaultTheme: false
+      }
+    });
+  });
+  </script>
+</body>
+</html>

data/app/assets/node_modules/jquery.flot.tooltip/examples/real_data.html ADDED Viewed

@@ -0,0 +1,133 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>flot.tooltip plugin example page</title>
+  <meta name="author" content="@krzysu, myviews.pl">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
+    <!--[if lte IE 8]><script src="js/excanvas.min.js"></script><![endif]-->
+  <script src="js/jquery.flot.js"></script>
+  <script src="../js/jquery.flot.tooltip.min.js"></script>
+  <style type="text/css">
+    body {font-family: sans-serif; font-size: 16px; margin: 50px; max-width: 800px;}
+    h4, ul {margin: 0;}
+    #flotTip {white-space: nowrap; border: 1px solid #111; padding: 3px 8px; background:#fff; font-size:12px;}
+  </style>
+</head>
+<body>
+  <h1>flot.tooltip plugin example page</h1>
+  <div id="placeholder" style="width: 825px; height: 150px;"></div>
+  <script>
+      $(function() {
+        var container = $("#placeholder");
+        // Determine how many data points to keep based on the placeholder's initial size;
+        // this gives us a nice high-res plot while avoiding more than one point per pixel.
+        var maximum = 10;// container.outerWidth() / 2 || 300;
+        //
+        var data = [];
+          function getRandomData() {
+              if (data.length) {
+                  data = data.slice(1);
+              }
+              while (data.length < maximum) {
+                  var previous = data.length ? data[data.length - 1] : 70;
+                  var y = previous + Math.random() * 10 - 5;
+                  data.push(y < 0 ? 0 : y > 100 ? 100 : y);
+              }
+              // zip the generated y values with the x values
+              var res = [];
+              for (var i = 0; i < data.length; ++i) {
+                  res.push([i, data[i]])
+              }
+              return res;
+          }
+        //
+        series = [{
+          data: getRandomData(),
+          bars: {
+            show: true,
+            lineWidth: 1,
+            fill: true,
+            fillColor: { colors: [ { opacity: 0.8 }, { opacity: 0.6 } ] },
+            barWidth: 0.8,
+            align: 'center',
+            horizontal: false
+          }
+        }];
+        //
+        var plot = $.plot(container, series, {
+          grid: {
+            borderWidth: 1,
+            minBorderMargin: 20,
+            labelMargin: 10,
+            backgroundColor: {
+              colors: ["#fff", "#e4f4f4"]
+            },
+            hoverable: true,
+            mouseActiveRadius: 50,
+            margin: {
+              top: 8,
+              bottom: 20,
+              left: 20
+            },
+            markings: function(axes) {
+              var markings = [];
+              var xaxis = axes.xaxis;
+              for (var x = Math.floor(xaxis.min); x < xaxis.max; x += xaxis.tickSize * 2) {
+                markings.push({ xaxis: { from: x, to: x + xaxis.tickSize }, color: "rgba(232, 232, 255, 0.2)" });
+              }
+              return markings;
+            }
+          },
+          yaxis: {
+            min: 0,
+            max: 110
+          },
+          legend: {
+            show: true
+          },
+          tooltip: {
+            show: true,
+            content: "X is %x | Y is %y"
+          }
+        });
+        setInterval(function updateRandom() {
+          series[0].data = getRandomData();
+          plot.setData(series);
+          plot.draw();
+        }, 1000);
+      });
+  </script>
+</body>
+</html>

data/app/assets/node_modules/jquery.flot.tooltip/examples/stacking.html ADDED Viewed

@@ -0,0 +1,97 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>flot.tooltip plugin example page</title>
+    <meta name="author" content="@krzysu, myviews.pl">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
+    <!--[if lte IE 8]><script src="js/excanvas.min.js"></script><![endif]-->
+    <script src="js/jquery.flot.js"></script>
+    <script src="js/jquery.flot.stack.js"></script>
+    <script src="../js/jquery.flot.tooltip.js"></script>
+    <style type="text/css">
+        body {font-family: sans-serif; font-size: 16px; margin: 50px; max-width: 800px;}
+        #flotTip {}
+    </style>
+</head>
+<body>
+    <h1>flot.tooltip plugin example page</h1>
+    <div id="placeholder" style="width:600px;height:300px;"></div>
+    <p>With the stack plugin, you can have Flot stack the
+    series. This is useful if you wish to display both a total and the
+    constituents it is made of. The only requirement is that you provide
+    the input sorted on x.</p>
+    <p class="stackControls">
+    <input type="button" value="With stacking">
+    <input type="button" value="Without stacking">
+    </p>
+    <p class="graphControls">
+    <input type="button" value="Bars">
+    <input type="button" value="Lines">
+    <input type="button" value="Lines with steps">
+    </p>
+    <script id="source">
+    $(function () {
+        var d1 = [];
+        for (var i = 0; i <= 10; i += 1)
+            d1.push([i, parseInt(Math.random() * 30)]);
+        var d2 = [];
+        for (var i = 0; i <= 10; i += 1)
+            d2.push([i, parseInt(Math.random() * 30)]);
+        var d3 = [];
+        for (var i = 0; i <= 10; i += 1)
+            d3.push([i, parseInt(Math.random() * 30)]);
+        var stack = 0, bars = true, lines = false, steps = false;
+        function plotWithOptions() {
+            $.plot($("#placeholder"), [ d1, d2, d3 ], {
+                series: {
+                    stack: stack,
+                    lines: { show: lines, fill: true, steps: steps },
+                    bars: { show: bars, barWidth: 0.6 }
+                },
+                grid: {
+                    hoverable: true //IMPORTANT! this is needed for tooltip to work
+                },
+                tooltip: {
+                    show: true,
+                    content: "x: %x, y: %y"
+                }
+            });
+        }
+        plotWithOptions();
+        $(".stackControls input").click(function (e) {
+            e.preventDefault();
+            stack = $(this).val() == "With stacking" ? true : null;
+            plotWithOptions();
+        });
+        $(".graphControls input").click(function (e) {
+            e.preventDefault();
+            bars = $(this).val().indexOf("Bars") != -1;
+            lines = $(this).val().indexOf("Lines") != -1;
+            steps = $(this).val().indexOf("steps") != -1;
+            plotWithOptions();
+        });
+    });
+    </script>
+</body>
+</html>

data/app/assets/node_modules/jquery.flot.tooltip/examples/threshold.html ADDED Viewed

@@ -0,0 +1,97 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>flot.tooltip plugin example page</title>
+    <meta name="author" content="@krzysu, myviews.pl">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
+    <!--[if lte IE 8]><script src="js/excanvas.min.js"></script><![endif]-->
+    <script src="js/jquery.flot.js"></script>
+    <script src="js/jquery.flot.threshold.js"></script>
+    <script src="../js/jquery.flot.tooltip.js"></script>
+    <style type="text/css">
+        body {font-family: sans-serif; font-size: 16px; margin: 50px; max-width: 800px;}
+        #flotTip {}
+    </style>
+</head>
+<body>
+	<div id="header">
+		<h2>Thresholds</h2>
+	</div>
+	<div id="content">
+		<div class="demo-container">
+			<div id="placeholder" style="width:800px; height:450px;"></div>
+		</div>
+		<p>With the threshold plugin, you can apply a specific color to the part of a data series below a threshold. This is can be useful for highlighting negative values, e.g. when displaying net results or what's in stock.</p>
+		<p class="controls">
+			<button>Threshold at 5</button>
+			<button>Threshold at 0</button>
+			<button>Threshold at -2.5</button>
+		</p>
+	</div>
+	<div id="footer">
+		Copyright &copy; 2007 - 2013 IOLA and Ole Laursen
+	</div>
+	<script type="text/javascript">
+	$(function() {
+		var d1 = [];
+		for (var i = 0; i <= 60; i += 1) {
+			d1.push([i, parseInt(Math.random() * 30 - 10)]);
+		}
+		function plotWithOptions(t) {
+			$.plot("#placeholder", [{
+				data: d1,
+				label: "test",
+				color: "rgb(30, 180, 20)",
+				threshold: {
+					below: t,
+					color: "rgb(200, 20, 30)"
+				},
+				lines: {
+					steps: true
+				}
+			}], {
+				grid: {
+          hoverable: true //IMPORTANT! this is needed for tooltip to work
+        },
+        tooltip: {
+          show: true,
+          content: "x: %x, y: %y, series: %s"
+        }
+			});
+		}
+		plotWithOptions(0);
+		$(".controls button").click(function (e) {
+			e.preventDefault();
+			var t = parseFloat($(this).text().replace("Threshold at ", ""));
+			plotWithOptions(t);
+		});
+		// Add the Flot version string to the footer
+		$("#footer").prepend("Flot " + $.plot.version + " &ndash; ");
+	});
+	</script>
+</body>
+</html>

data/app/assets/node_modules/jquery.flot.tooltip/examples/time_bars.html ADDED Viewed

@@ -0,0 +1,77 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<title>flot.tooltip plugin example page</title>
+	<meta name="author" content="@krzysu, myviews.pl">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
+    <!--[if lte IE 8]><script src="js/excanvas.min.js"></script><![endif]-->
+	<script src="js/jquery.flot.js"></script>
+	<script src="js/jquery.flot.time.js"></script>
+	<script src="../js/jquery.flot.tooltip.min.js"></script>
+	<style type="text/css">
+		body {font-family: sans-serif; font-size: 16px; margin: 50px; max-width: 800px;}
+		h4, ul {margin: 0;}
+		#flotTip {white-space: nowrap; border: 1px solid #111; padding: 3px 8px; background:#fff; font-size:12px;}
+	</style>
+</head>
+<body>
+    <h1>flot.tooltip plugin example page</h1>
+    <div id="placeholder" style="width: 825px; height: 150px;"></div>
+	<script>
+	$(function () {
+		//var data = [[3, 3], [4, 9], [5, 15], [6, 8], [7, 5], [8, 13], [9, 11], [10, 4], [11, 6], [12, 6], [13, 6], [14, 6], [15, 8] ];
+		var data = [[1304301600*1000, 20], [1304388000*1000, 30], [1304474400*1000, 40], [1304553600*1000, 10], [1304640000*1000, 23], [1304726400*1000, 16] ];
+		var options = {
+			colors: ["#111"],
+			tooltip: {
+				show: true,
+				content: '<div style="background-color: rgba(255,255,255,0.75); border: 1px solid #000; padding: .25em"><h4 style>%s</h4><ul><li>X is %x</li><li>Y is %y</li></ul></div>',
+				xDateFormat: "%y-%0m-%0d %H:%M:%S",
+				shifts: {
+					x: 10,
+					y: 20
+				},
+				defaultTheme: false
+			},
+			xaxis: {
+				mode: "time",
+				timeformat: "%y-%0m-%0d",
+				minTickSize: [1, "day"]
+			},
+			grid: {
+				backgroundColor: { colors: ["#fff", "#fff"] },
+				hoverable: true //IMPORTANT! this is needed for tooltip to work
+			}
+		};
+		var plotObj = $.plot($("#placeholder"), [{
+			data: data,
+			label: "some label",
+			bars: {
+				show: true,
+				lineWidth: 1,
+				fill: true,
+				fillColor: { colors: [ { opacity: 0.8 }, { opacity: 0.6 } ] },
+				barWidth: 50000*1000,
+				//barWidth: 0.8,
+				align: 'center',
+				horizontal: false
+			}
+		}], options);
+	});
+	</script>
+</body>
+</html>

data/app/assets/node_modules/jquery.flot.tooltip/examples/two_chars.html ADDED Viewed

@@ -0,0 +1,63 @@
+<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
+<script src="js/jquery.flot.js"></script>
+<script src="js/jquery.flot.time.js"></script>
+<script src="../js/jquery.flot.tooltip.js"></script>
+<div id="chart1" style="width:600px;height:150px;"></div>
+<div id="chart2" style="width:600px;height:150px;"></div>
+<script>
+  $(function () {
+    // first chart
+    var chart1Options = {
+      series: {
+        lines: { show: true },
+        points: { show: true }
+      },
+      xaxis: { mode: "time", timeformat: "%m/%d", minTickSize: [1, "day"] },
+      grid:  { hoverable: true },
+      legend: { show: false },
+      tooltip: {
+        show: true,
+        content: "y: %y"
+      }
+    };
+    var chart1Data = { label: "chart1", data: [
+      [1354521600000, 6322],
+      [1355040000000, 6360],
+      [1355223600000, 6368],
+      [1355306400000, 6374],
+      [1355487300000, 6388],
+      [1355571900000, 6393]
+    ]};
+    $.plot($("#chart1"), [chart1Data], chart1Options);
+    // second chart
+    var chart2Options = {
+      series: {
+        bars: { show: true, barWidth: 43200000 }
+      },
+      xaxis: { mode: "time", timeformat: "%m/%d", minTickSize: [1, "day"] },
+      grid:  { hoverable: true },
+      legend: { show: false },
+      tooltip: {
+        show: true,
+        content: "x: %x, y: %y"
+      }
+    };
+    var chart2Data = { label: "chart2", data: [
+      [1354521600000, 1000],
+      [1355040000000, 2000],
+      [1355223600000, 3000],
+      [1355306400000, 4000],
+      [1355487300000, 5000],
+      [1355571900000, 6000]
+    ]};
+    $.plot($("#chart2"), [chart2Data], chart2Options);
+  });
+</script>