5 <title>各種報告書 - KancolleSniffer</title>
6 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
7 <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.7/js/jquery.dataTables.min.js"></script>
8 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.7/css/jquery.dataTables.min.css">
9 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
10 <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
11 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css">
12 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
13 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
14 <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
15 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/i18n/datepicker-ja.min.js"></script>
16 <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.5.0/riot+compiler.min.js"></script>
19 font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
23 .tab {overflow: hidden; list-style-type: none; margin: 0 0 2em 1em; padding: 0;}
24 .tab li {background: #eee; padding: 0.3em 1.5em; float: left; margin-right: 2px;}
25 .tab li.select {background: #ccc;}
26 .tabsub li {padding: 0.3em 1em;}
27 .c3 .tick {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size: 12px;}
28 .c3-legend-item {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size: 14px;}
43 <div id="loading"><img src="https://kancollesniffer.osdn.jp/ajax-loader.gif" alt="読み込み中..."></div>
46 /* global moment, riot */
48 var timeFormat = "YYYY-MM-DD HH:mm:ss";
63 oneDay: 3600 * 24 * 1000,
64 parseDate: function(d) {
65 return moment(d, timeFormat);
67 toDateString: function(d) {
68 return d.format(timeFormat);
70 to5am: function(tick) {
71 return tick - tick % (3600 * 24000) - 3600 * 4000;
73 chartSize: function() {
74 var pxPerEm = Number($('#chart').css('fontSize').match(/(\d*(\.\d*)?)px/)[1]);
76 height: Math.max($(document).height() - 15 * pxPerEm, 400),
77 width: Math.max($(document).width() - 6 * pxPerEm, 800)
88 <log-tables></log-tables>
90 <chart-type></chart-type>
92 <chart-range></chart-range>
94 <sequential-chart></sequential-chart>
96 <differential-chart></differential-chart>
98 <material-chart></material-chart>
100 <achivement-table></achivement-table>
102 <sortie-stat></sortie-stat>
104 <script src="tags.html" type="riot/tag"></script>
107 var obs = riot.observable();
108 var spec = new Object();
110 riot.mount("log-term", {observable: obs});
111 riot.mount("log-tables", {observable: obs});
112 riot.mount("chart-type", {observable: obs, chartSpec: spec});
113 riot.mount("chart-range", {observable: obs, chartSpec: spec});
114 riot.mount("sequential-chart", {observable: obs, chartSpec: spec});
115 riot.mount("differential-chart", {observable: obs, chartSpec: spec});
116 riot.mount("material-chart", {observable: obs, chartSpec: spec});
117 riot.mount("achivement-table", {observable: obs});
118 riot.mount("sortie-stat", {observable: obs});
119 riot.mount("main-tab", {observable: obs});