IntenseWebs/openvino
3
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[DOCS] Adding a new class for sortable tables - for master (#15314)

Browse Source
This commit is contained in:
Sebastian Golebiewski authored and GitHub committed 2023-04-04 12:42:19 +02:00
1 parent 90615cf26a
commit f4fe856d9d
3 files changed
+77 -74
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/_static/js/custom.js
Vendored
-74
View File
@@ -40,10 +40,6 @@ $(document).ready(function () {
init_switchers();
handleSwitcherParam();
initViewerJS();
var TABLE_SORT = window.TABLE_SORT;
if (TABLE_SORT) {
addTableSort();
}
addLegalNotice();
updateSearchForm();
initBenchmarkPickers(); // included with the new benchmarks page
@@ -134,76 +130,6 @@ function createVersions() {
}
function addTableSort() {
var tables = $('table.table');
tables.each(function () {
var table = $(this);
var headings = table.find('th');
headings.each(function () {
var th = $(this);
var index = th.index();
var sortBtn = $('<span class="sort-btn"></span>');
th.addClass('sort-header');
th.click(function () {
var counter = 0;
sortBtn.addClass('sort-active');
sortBy = sortBtn.data('sortby');
var trs = table.find('tbody tr');
sortBtn.toggleClass('ascending');
trs.sort(function (item1, item2) {
if (sortBtn.hasClass('ascending')) {
var text1 = $(item1).find('td').eq(index).text();
var text2 = $(item2).find('td').eq(index).text();
}
else {
var text1 = $(item2).find('td').eq(index).text();
var text2 = $(item1).find('td').eq(index).text();
}
// try converting to num
var _text1 = parseFloat(text1);
var _text2 = parseFloat(text2);
if (!isNaN(_text1) && !isNaN(_text2)) {
text1 = _text1;
text2 = _text2;
}
if (text1 > text2) {
return 1;
}
else if (text1 < text2) {
return -1;
}
else {
return 0;
}
}).map(function () {
var row = $(this);
if (counter % 2 === 0) {
row.removeClass('row-odd');
row.addClass('row-even');
}
else {
row.removeClass('row-even');
row.addClass('row-odd');
}
counter++;
table.find('tbody').append(row);
});
headings.each(function () {
if ($(this).index() !== index) {
$(this).find('.sort-btn').removeClass('ascending');
$(this).find('.sort-btn').removeClass('sort-active');
}
});
});
th.find('p').append(sortBtn);
});
});
}
function initViewerJS() {
try {
var images = $('main img[src*="_images"]');
docs/openvino_sphinx_theme/openvino_sphinx_theme/static/js/sortable_tables.js
+76
View File
@@ -0,0 +1,76 @@
document.addEventListener('DOMContentLoaded', function () {
sortableTables();
});
function sortableTables() {
var tablestosort = $('div.sort-table').find('table.table').addClass('table-sortable');
var tablestosortnext = $('div.sort-table').next('table.table').addClass('table-sortable');
var sortables = $('table.table-sortable').append(tablestosortnext);
var tables = sortables.append(tablestosort);
tables.each(function () {
var table = $(this);
var headings = table.find('th');
headings.each(function () {
var th = $(this);
var index = th.index();
var sortBtn = $('<span class="sort-btn"></span>');
th.addClass('sort-header');
th.click(function () {
var counter = 0;
sortBtn.addClass('sort-active');
sortBy = sortBtn.data('sortby');
var trs = table.find('tbody tr');
sortBtn.toggleClass('ascending');
trs.sort(function (item1, item2) {
if (sortBtn.hasClass('ascending')) {
var text1 = $(item1).find('td').eq(index).text();
var text2 = $(item2).find('td').eq(index).text();
}
else {
var text1 = $(item2).find('td').eq(index).text();
var text2 = $(item1).find('td').eq(index).text();
}
// try converting to num
var _text1 = parseFloat(text1);
var _text2 = parseFloat(text2);
if (!isNaN(_text1) && !isNaN(_text2)) {
text1 = _text1;
text2 = _text2;
}
if (text1 > text2) {
return 1;
}
else if (text1 < text2) {
return -1;
}
else {
return 0;
}
}).map(function () {
var row = $(this);
if (counter % 2 === 0) {
row.removeClass('row-odd');
row.addClass('row-even');
}
else {
row.removeClass('row-even');
row.addClass('row-odd');
}
counter++;
table.find('tbody').append(row);
});
headings.each(function () {
if ($(this).index() !== index) {
$(this).find('.sort-btn').removeClass('ascending');
$(this).find('.sort-btn').removeClass('sort-active');
}
});
});
th.find('p').append(sortBtn);
});
});
}
docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/layout.html
+1
View File
@@ -19,6 +19,7 @@
<link rel="stylesheet" href="{{ pathto('_static/css/tabs.css', 1) }}" type="text/css" />
<link rel="stylesheet" href="_static/css/homepage_style.css" type="text/css" />
<script src="{{ pathto('_static/js/openvino_sphinx_theme.js', 1) }}"></script>
<script src="{{ pathto('_static/js/sortable_tables.js', 1) }}"></script>
{% endblock %}
{%- block content %}