RubyGems - visjs-rails - Versions diffs - 4.16.1.0 → 4.21.0.0 - Mend

visjs-rails 4.16.1.0 → 4.21.0.0

Files changed (388) hide show

data/examples_for_vis/timeline/other/verticalScroll.html ADDED

@@ -0,0 +1,91 @@
+<html>
+<head>
+  <title>Timeline | Vertical Scroll Option</title>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
+  <script src="../../../vendor/assets/javascripts/vis.js"></script>
+  <link href="../../../vendor/assets/stylesheets/vis.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+  <h1>Timeline vertical scroll option</h1>
+  <h2>With
+    <code>
+      verticalScroll: true, zoomKey: 'ctrlKey'</code>
+  </h2>
+  <div id="mytimeline1"></div>
+  <h2>With
+    <code>
+      horizontalScroll: true, verticalScroll: true, zoomKey: 'ctrlKey'</code>
+  </h2>
+  <div id="mytimeline2"></div>
+  <script>
+    // create groups
+    var numberOfGroups = 25;
+    var groups = new vis.DataSet()
+    for (var i = 0; i < numberOfGroups; i++) {
+      groups.add({
+        id: i,
+        content: 'Truck&nbsp;' + i
+      })
+    }
+    // create items
+    var numberOfItems = 1000;
+    var items = new vis.DataSet();
+    var itemsPerGroup = Math.round(numberOfItems / numberOfGroups);
+    for (var truck = 0; truck < numberOfGroups; truck++) {
+      var date = new Date();
+      for (var order = 0; order < itemsPerGroup; order++) {
+        date.setHours(date.getHours() + 4 * (Math.random() < 0.2));
+        var start = new Date(date);
+        date.setHours(date.getHours() + 2 + Math.floor(Math.random() * 4));
+        var end = new Date(date);
+        var orderIndex = order + itemsPerGroup * truck
+        items.add({
+          id: orderIndex,
+          group: truck,
+          start: start,
+          end: end,
+          content: 'Order ' + orderIndex
+        });
+      }
+    }
+    // specify options
+    var options = {
+      stack: true,
+      verticalScroll: true,
+      zoomKey: 'ctrlKey',
+      maxHeight: 200,
+      start: new Date(),
+      end: new Date(1000 * 60 * 60 * 24 + (new Date()).valueOf()),
+    };
+    // create a Timeline
+    options1 = jQuery.extend(options, {});
+    var container1 = document.getElementById('mytimeline1');
+    timeline1 = new vis.Timeline(container1, items, groups, options1);
+    options2 = jQuery.extend(options, {
+      horizontalScroll: true
+    });
+    var container2 = document.getElementById('mytimeline2');
+    timeline2 = new vis.Timeline(container2, items, groups, options2);
+  </script>
+</body>
+</html>

data/examples_for_vis/timeline/resources/data/basic.json ADDED

@@ -0,0 +1,34 @@
+[
+  {
+    "id": 1,
+    "content": "item 1",
+    "start": "2014-04-20"
+  },
+  {
+    "id": 2,
+    "content": "item 2",
+    "start": "2014-04-14"
+  },
+  {
+    "id": 3,
+    "content": "item 3",
+    "start": "2014-04-18"
+  },
+  {
+    "id": 4,
+    "content": "item 4",
+    "start": "2014-04-16",
+    "end": "2014-04-19"
+  },
+  {
+    "id": 5,
+    "content": "item 5",
+    "start": "2014-04-25"
+  },
+  {
+    "id": 6,
+    "content": "item 6",
+    "start": "2014-04-27",
+    "type": "point"
+  }
+]

data/examples_for_vis/timeline/resources/data/wk2014.json ADDED

@@ -0,0 +1,152 @@
+[
+  {
+    "player1": "Brazil",
+    "abbr1": "br",
+    "score1": "1 (3)",
+    "player2": "Chile",
+    "abbr2": "cl",
+    "score2": "1 (2)",
+    "description": "round of 16",
+    "start": "2014-06-28T13:00"
+  },
+  {
+    "player1": "Colombia",
+    "abbr1": "co",
+    "score1": 2,
+    "player2": "Uruguay",
+    "abbr2": "uy",
+    "score2": 0,
+    "description": "round of 16",
+    "start": "2014-06-28T17:00"
+  },
+  {
+    "player1": "Netherlands",
+    "abbr1": "nl",
+    "score1": 2,
+    "player2": "Mexico",
+    "abbr2": "mx",
+    "score2": 1,
+    "description": "round of 16",
+    "start": "2014-06-29T13:00"
+  },
+  {
+    "player1": "Costa Rica",
+    "abbr1": "cr",
+    "score1": "1 (5)",
+    "player2": "Greece",
+    "abbr2": "gr",
+    "score2": "1 (3)",
+    "description": "round of 16",
+    "start": "2014-06-29T17:00"
+  },
+  {
+    "player1": "France",
+    "abbr1": "fr",
+    "score1": 2,
+    "player2": "Nigeria",
+    "abbr2": "ng",
+    "score2": 0,
+    "description": "round of 16",
+    "start": "2014-06-30T13:00"
+  },
+  {
+    "player1": "Germany",
+    "abbr1": "de",
+    "score1": 2,
+    "player2": "Algeria",
+    "abbr2": "dz",
+    "score2": 1,
+    "description": "round of 16",
+    "start": "2014-06-30T17:00"
+  },
+  {
+    "player1": "Argentina",
+    "abbr1": "ar",
+    "score1": 1,
+    "player2": "Switzerland",
+    "abbr2": "ch",
+    "score2": 0,
+    "description": "round of 16",
+    "start": "2014-07-01T13:00"
+  },
+  {
+    "player1": "Belgium",
+    "abbr1": "be",
+    "score1": 2,
+    "player2": "USA",
+    "abbr2": "us",
+    "score2": 1,
+    "description": "round of 16",
+    "start": "2014-07-01T17:00"
+  },
+  {
+    "player1": "France",
+    "abbr1": "fr",
+    "score1": 0,
+    "player2": "Germany",
+    "abbr2": "de",
+    "score2": 1,
+    "description": "quarter-finals",
+    "start": "2014-07-04T13:00"
+  },
+  {
+    "player1": "Brazil",
+    "abbr1": "br",
+    "score1": 2,
+    "player2": "Colombia",
+    "abbr2": "co",
+    "score2": 1,
+    "description": "quarter-finals",
+    "start": "2014-07-04T17:00"
+  },
+  {
+    "player1": "Argentina",
+    "abbr1": "ar",
+    "score1": 1,
+    "player2": "Belgium",
+    "abbr2": "be",
+    "score2": 0,
+    "description": "quarter-finals",
+    "start": "2014-07-05T13:00"
+  },
+  {
+    "player1": "Netherlands",
+    "abbr1": "nl",
+    "score1": "0 (4)",
+    "player2": "Costa Rica",
+    "abbr2": "cr",
+    "score2": "0 (3)",
+    "description": "quarter-finals",
+    "start": "2014-07-05T17:00"
+  },
+  {
+    "player1": "Brazil",
+    "abbr1": "br",
+    "score1": 1,
+    "player2": "Germany",
+    "abbr2": "de",
+    "score2": 7,
+    "description": "semi-finals",
+    "start": "2014-07-08T17:00"
+  },
+  {
+    "player1": "Netherlands",
+    "abbr1": "nl",
+    "score1": "0 (2)",
+    "player2": "Argentina",
+    "abbr2": "ar",
+    "score2": "0 (4)",
+    "description": "semi-finals",
+    "start": "2014-07-09T17:00"
+  },
+  {
+    "player1": "Germany",
+    "score1": 1,
+    "abbr1": "de",
+    "player2": "Argentina",
+    "abbr2": "ar",
+    "score2": 0,
+    "description": "final",
+    "start": "2014-07-13T16:00"
+  }
+]

data/examples_for_vis/timeline/resources/img/Hardware-Mobile-Phone-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/attachment-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/blog-post-edit-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/comments-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/community-users-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/license.txt ADDED

@@ -0,0 +1,17 @@
+IMAGE LICENSES
+REFRESH CL
+http://www.iconarchive.com/category/system/refresh-cl-icons-by-tpdkdesign.net.html
+License: Free for non-commercial use.
+http://www.iconarchive.com/icons/tpdkdesign.net/refresh-cl/readme_eng.txt
+AESTHETICA 2
+http://www.iconarchive.com/category/application/aesthetica-2-icons-by-dryicons.html
+License:
+DryIcons Terms of Use
+http://dryicons.com/terms/

data/examples_for_vis/timeline/resources/img/license_aesthetica-2.txt ADDED

@@ -0,0 +1,36 @@
+Aesthetica Icon Set, version 2.0
+http://dryicons.com/free-icons/preview/aesthetica-version-2/
+Information
+----------------------
+This icon set contains 181 quality icons in the following formats:
+	Transparent PNG
+		16 x 16 px
+		24 x 24 px
+		32 x 32 px
+		48 x 48 px
+		128 x 128 px
+Licensing
+----------------------
+The usage of DryIcons' work (icons, icon sets and graphics) is limited to the terms of the "Free License" and "Commercial License" use.
+The DryIcons Free License means that you can use our icons, icon sets and graphics in any publicly accesible web site, web application or any form of presentation publicly accessible through the World Wide Web only according to the DryIcons Free License Terms and Conditions:
+* You must put a back link with credits to http://dryicons.com on every page where DryIcons' Works are used (example: Icons by http://dryicons.com);
+* You must include the correct back link to DryIcons website, which is: http://dryicons.com;
+* You must place the link on an easy-to-see, recognizable place, so there is no confusion about the Original Author of the Works (DryIcons);
+* When copying, or paraphrasing description text (or title) on one of the Works, you must make sure there are no spelling mistakes;
+* Do not try to take credit or imply in any way that you and not DryIcons is the Original Author of the Works (icons, icon sets and graphics).
+For a more detailed look at our Free License Agreement, please follow the link: http://dryicons.com/terms/#free-license
+The DryIcons Commercial License means that you can use our Free Icon Sets and Free Graphics without being obligated to put a back link to DryIcons.com for a certain fee. After you complete yourpayment transaction DryIcons grants you a Commercial License.

data/examples_for_vis/timeline/resources/img/license_refresh-cl.txt ADDED

@@ -0,0 +1,26 @@
+RefreshCL Icon Pack by TPDK �2005 www.tpdkdesign.net
+All rights reserved.
+version 1.0  2005/18/11
+Terms of use
+Theses icons are copyrighted, and for personal use only.
+Until now, COMMERCIAL USE is strictly forbidden.
+You cannot (non-exhaustive list) :
+- Use my icons in commercial website
+- Use my icons in a professional website layout
+- Sell or distribute those icons
+For any other use, such as :
+- using in non-commercial website
+- using icon in free software under GPL licence
+you need my authorization to use them. If you have my permission, you need to credit me in your terms and put a link to my website.
+I would not be responsible fo any damage you may encounter while using this product.
+For any question or request about the pack, please send me an email to tpdk@tpdkdesign.net.
+Special thanks to customxp's & crystalxp's teams and members for help and support ;)
+http://crystalxp.net
+http://customxp.net
+http://pngfactory.net
+visit my deviantart webpage : http://tpdkcasimir.deviantart.com/

data/examples_for_vis/timeline/resources/img/mail-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/notes-edit-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/product-icon.png ADDED

Binary file

data/examples_for_vis/timeline/resources/img/truck-icon.png ADDED

Binary file

data/examples_for_vis/timeline/styling/axisOrientation.html ADDED

@@ -0,0 +1,113 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Timeline | Orientation</title>
+  <style type="text/css">
+    body,
+    html {
+      font-family: sans-serif;
+    }
+  </style>
+  <script src="../../../vendor/assets/javascripts/vis.js"></script>
+  <link href="../../../vendor/assets/stylesheets/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+  <p>
+    There are a number of orientation options for the time axis and the items.
+  </p>
+  <p>
+    <label for="axis-orientation">Axis orientation</label>
+    <select id="axis-orientation">
+      <option value="both">both</option>
+      <option value="bottom" selected>bottom</option>
+      <option value="none">none</option>
+      <option value="top">top</option>
+    </select>
+  </p>
+  <p>
+    <label for="item-orientation">Item orientation</label>
+    <select id="item-orientation">
+      <option value="bottom" selected>bottom</option>
+      <option value="top">top</option>
+    </select>
+  </p>
+  <div id="visualization"></div>
+  <script type="text/javascript">
+    // DOM element where the Timeline will be attached
+    var container = document.getElementById('visualization');
+    // Create a DataSet (allows two way data-binding)
+    var items = new vis.DataSet([{
+        id: 1,
+        content: 'item 1',
+        start: '2014-04-20'
+      },
+      {
+        id: 2,
+        content: 'item 2',
+        start: '2014-04-14'
+      },
+      {
+        id: 3,
+        content: 'item 3',
+        start: '2014-04-18'
+      },
+      {
+        id: 4,
+        content: 'item 4',
+        start: '2014-04-16',
+        end: '2014-04-19'
+      },
+      {
+        id: 5,
+        content: 'item 5',
+        start: '2014-04-25'
+      },
+      {
+        id: 6,
+        content: 'item 6',
+        start: '2014-04-27',
+        type: 'point'
+      }
+    ]);
+    // Configuration for the Timeline
+    var options = {
+      height: 250 // px
+    };
+    // Create a Timeline
+    var timeline = new vis.Timeline(container, items, options);
+    var axisOrientation = document.getElementById('axis-orientation');
+    axisOrientation.onchange = function () {
+      timeline.setOptions({
+        orientation: {
+          axis: this.value
+        }
+      });
+    };
+    var itemOrientation = document.getElementById('item-orientation');
+    itemOrientation.onchange = function () {
+      timeline.setOptions({
+        orientation: {
+          item: this.value
+        }
+      });
+    };
+  </script>
+</body>
+</html>