at path:
ROOT
/
sistema
/
vendors
/
gantt
/
tests
/
test01.html
run:
R
W
Run
test01.html
2.52 KB
2020-05-24 00:32:30
R
W
Run
Delete
Rename
error_log
up
📄
test01.html
Save
<!DOCTYPE html> <html lang="en"> <head> <title>jQuery.Gantt - Test Suite 01</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=IE8"> <link href="../css/style.css" type="text/css" rel="stylesheet"> <style type="text/css"> body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; padding: 0 0 50px 0; } .contain { width: 800px; margin: 0 auto; } h1 { margin: 40px 0 20px 0; } h2 { font-size: 1.5em; padding-bottom: 3px; border-bottom: 1px solid #DDD; margin-top: 50px; margin-bottom: 25px; } table th:first-child { width: 150px; } </style> </head> <body> <div class="contain"> <h1> jQuery.Gantt <small>— Test Suite 01</small> </h1> <p> <strong>Expected behaviour:</strong> Gantt bar should run from "now" until 2 hours from now. It fails when all the bars are docked left at the hour view. </p> <p> <strong>Manual validation:</strong> <ul> <li>Passing</li> </ul> </p> <div class="gantt"></div> <script src="../js/jquery.min.js"></script> <script src="../js/jquery.fn.gantt.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script> <script> $(function() { "use strict"; var today = moment(); var andTwoHours = moment().add(2, "hours"); var today_friendly = "/Date(" + today.valueOf() + ")/"; var next_friendly = "/Date(" + andTwoHours.valueOf() + ")/"; $(".gantt").gantt({ source: [{ name: "Testing", desc: " ", values: [{ from: today_friendly, to: next_friendly, label: "Test", customClass: "ganttRed" }] }], scale: "hours", minScale: "hours", navigate: "scroll" }); }); </script> </body> </html>