2016-08-17 00:42:05 +00:00
|
|
|
function toggleGraph() {
|
2016-08-17 15:06:10 +00:00
|
|
|
const indexOfBtn = $('.toggle-pipeline-btn').index($(this));
|
2016-08-17 00:42:05 +00:00
|
|
|
|
2016-08-17 15:06:10 +00:00
|
|
|
$($('.pipeline-graph')[indexOfBtn]).toggleClass('graph-collapsed');
|
|
|
|
$($('.toggle-pipeline-btn')[indexOfBtn]).toggleClass('graph-collapsed');
|
|
|
|
|
|
|
|
const $btnText = $($('.toggle-pipeline-btn .btn-text')[indexOfBtn]);
|
|
|
|
const graphCollapsed = $($('.pipeline-graph')[indexOfBtn]).hasClass('graph-collapsed');
|
2016-08-17 00:42:05 +00:00
|
|
|
|
|
|
|
graphCollapsed ? $btnText.text('Expand') : $btnText.text('Hide')
|
|
|
|
}
|
|
|
|
|
|
|
|
$(document).on('click', '.toggle-pipeline-btn', toggleGraph);
|