Skip to content

dream
dream
Commit 1b278b20 authored by Romain Courteaud's avatar Romain Courteaud 🐙 Committed by Jérome Perrin
Browse files
Options

Migrate exit statistics widget

parent f70ce67a
Hide whitespace changes
Inline Side-by-side
Showing with 241 additions and 9 deletions
dream/platform/src/index.html
View file @ 1b278b20
......@@ -74,7 +74,6 @@
<ul>
<li><a href="#station_utilisation_graph">Stations Utilization</a></li>
<li><a href="#capacity_utilisation_graph">Capacity Utilization</a></li>
<li><a href="#exit_stat">Exit Statistics</a></li>
<li><a href="#job_gantt">Job Gantt</a></li>
<li><a href="#job_schedule_spreadsheet">Job Schedule</a></li>
</ul>
......@@ -84,11 +83,6 @@
<div id="capacity_graphs"></div>
</div>
<div id="exit_stat">
<h1>Exit Statistics</h1>
<div></div>
</div>
<div id="job_gantt" style='width:1320px; height:800px;'></div>
<div id="job_schedule_spreadsheet" style="overflow: scroll;"></div>
......
dream/platform/src/src/dream.js
View file @ 1b278b20
......@@ -22,8 +22,6 @@
(function (scope, $, jsPlumb, console) {
"use strict";
function capacity_utilisation_graph_widget(input_data, output_data) {
var available_capacity_by_station = {},
capacity_usage_by_station = {};
......
dream/platform/src2/dream/document_page_mixin.js
View file @ 1b278b20
......@@ -25,6 +25,7 @@
"queue_stat_graph",
key
),
gadget.whoWantToDisplayThisDocumentPage("exit_stat", key),
gadget.whoWantToDisplayThisDocumentPage("debug_json", key)
]);
})
......@@ -35,7 +36,8 @@
{link: result_list[2], title: "Manage document"},
{link: result_list[3], title: "Stations Utilization"},
{link: result_list[4], title: "Queues Statistics"},
{link: result_list[5], title: "Debug JSON"}
{link: result_list[5], title: "Exit Statistics"},
{link: result_list[6], title: "Debug JSON"}
];
});
});
......
dream/platform/src2/dream/exit_stat.html 0 → 100644
View file @ 1b278b20
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Exit Statistics</title>
<script src="../<%= copy.rsvp.relative_dest %>" type="text/javascript"></script>
<script src="../<%= copy.renderjs.relative_dest %>" type="text/javascript"></script>
<script src="../<%= copy.handlebars.relative_dest %>" type="text/javascript"></script>
<script src="document_page_mixin.js" type="text/javascript"></script>
<script src="exit_stat.js" type="text/javascript"></script>
<script id="interval-through-metric-template" type="text/x-handlebars-template">
<tr>
<td>Daily Attainment</td>
<td>
{{#interval_list}}
{{interval}}<i class="fa {{icon}}"/><br/>
{{/interval_list}}
</td>
</tr>
<tr>
<td>Average Daily Line Attainment</td>
<td>{{average}}%<td>
</tr>
</script>
<script id="simple-metric-template" type="text/x-handlebars-template">
<tr>
<td>{{metric}}</td>
<td>{{value}}</td>
</tr>
</script>
<script id="metric-object-template" type="text/x-handlebars-template">
<tr>
<td>{{metric}}</td>
<td>
<table width='100%'>
<tbody>
<tr>
<td>Average</td>
<td>{{avg}}</td>
</tr>
<tr>
<td>Lower Bound</td>
<td>{{lb}}</td>
</tr>
<tr>
<td>Upper Bound</td>
<td>{{ub}}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</script>
<script id="header-template" type="text/x-handlebars-template">
<tr>
<th colspan='2'>{{name}}</th>
</tr>
</script>
</head>
<body>
<table>
</table>
</body>
</html>
dream/platform/src2/dream/exit_stat.js 0 → 100644
View file @ 1b278b20
/*global console, rJS, RSVP, initDocumentPageMixin, Handlebars */
/*jslint nomen: true */
(function (window, rJS, RSVP, initDocumentPageMixin, Handlebars) {
"use strict";
/////////////////////////////////////////////////////////////////
// Handlebars
/////////////////////////////////////////////////////////////////
// Precompile the templates while loading the first gadget instance
var gadget_klass = rJS(window),
header_source = gadget_klass.__template_element
.getElementById("header-template")
.innerHTML,
header_template = Handlebars.compile(header_source),
metric_object_source = gadget_klass.__template_element
.getElementById("metric-object-template")
.innerHTML,
metric_object_template = Handlebars.compile(metric_object_source),
metric_simple_source = gadget_klass.__template_element
.getElementById("simple-metric-template")
.innerHTML,
metric_simple_template = Handlebars.compile(metric_simple_source),
metric_interval_source = gadget_klass.__template_element
.getElementById("interval-through-metric-template")
.innerHTML,
metric_interval_template = Handlebars.compile(metric_interval_source);
/////////////////////////////////////////////////////////////////
// Calculate widget
/////////////////////////////////////////////////////////////////
function calculate_average(attainment_list) {
return ((attainment_list.reduce(
function (a, b) {
return a + b;
}
) / attainment_list.length) * 100).toFixed(2);
}
function calculate_exit_stat(output_data) {
var elementList = output_data.elementList,
i,
j,
metric,
metric_value,
element,
interval_value,
interval_list,
attainment_list,
throughputTarget = parseFloat(output_data.general.throughputTarget),
result = "";
for (i = 0; i < elementList.length; i += 1) {
element = elementList[i];
if (element._class === 'Dream.Exit') {
result += "<table>";
result += header_template({name: element.name || element.id});
for (metric in element.results) {
if (element.results.hasOwnProperty(metric)) {
metric_value = element.results[metric];
if (metric === 'intervalThroughputList') {
interval_list = [];
attainment_list = [];
for (j = 0; j < metric_value.length; j += 1) {
interval_value = metric_value[j];
attainment_list.push((interval_value / throughputTarget));
if (interval_value > throughputTarget) {
interval_list.push({
interval: interval_value,
icon: "fa-smile-o"
});
} else {
interval_list.push({
interval: interval_value,
icon: "fa-frown-o"
});
}
}
result += metric_interval_template({
interval_list: interval_list,
average: calculate_average(attainment_list)
});
} else {
if (typeof metric_value === "object") {
if (metric_value.ub === metric_value.lb) {
metric_value = metric_value.ub;
} else {
metric_value.metric = metric;
metric_value.avg = metric_value.avg.toFixed(2);
metric_value.lb = metric_value.lb.toFixed(2);
metric_value.ub = metric_value.ub.toFixed(2);
metric_value = metric_object_template(metric_value);
}
}
if (typeof metric_value === "number") {
metric_value = metric_value.toFixed(2);
}
// Rename some metric to something more meaningful
if (metric === "lifespan") {
metric = "Cycle Time";
}
if (metric === "takt_time") {
metric = "Average Departure Rate";
}
result += metric_simple_template({
metric: metric,
value: metric_value
});
}
}
}
result += "</table>";
}
}
return result;
}
initDocumentPageMixin(gadget_klass);
gadget_klass
/////////////////////////////////////////////////////////////////
// ready
/////////////////////////////////////////////////////////////////
// Init local properties
.ready(function (g) {
g.props = {};
})
// Assign the element to a variable
.ready(function (g) {
return g.getElement()
.push(function (element) {
g.props.element = element;
});
})
/////////////////////////////////////////////////////////////////
// Acquired methods
/////////////////////////////////////////////////////////////////
.declareAcquiredMethod("aq_getAttachment", "jio_getAttachment")
/////////////////////////////////////////////////////////////////
// declared methods
/////////////////////////////////////////////////////////////////
.declareMethod("render", function (options) {
var jio_key = options.id,
gadget = this;
gadget.props.jio_key = jio_key;
return gadget.aq_getAttachment({
"_id": gadget.props.jio_key,
"_attachment": "simulation.json"
})
.push(function (simulation_json) {
var result = calculate_exit_stat(
// XXX Hardcoded result
JSON.parse(simulation_json)[0].result
);
gadget.props.element.innerHTML = result;
});
});
}(window, rJS, RSVP, initDocumentPageMixin, Handlebars));
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7