Upgrade interface do MMPSearch

pages/quantasVezes.md

@@ -0,0 +1,39 @@
+---
+layout: default
+title: Quantidade de Repetições de Instrumentos
+permalink: /quantasVezesAparecemInstrumentos/
+---
+
+<main class="main-content">
+  <div class="publication">
+    {% include sidebar.html %}
+  </div>
+  <div class="container">
+    <h2>Quantidade de vezes que cada instrumento é utilizado:</h2>
+    <ul id="instrument-list">
+      {% for item in site.data.processed_data %}
+        <li data-count="{{ item.count }}">{{ item.instrument_name }}: {{ item.count }}</li>
+      {% endfor %}
+    </ul>
+  </div>
+</main>
+
+<script>
+  // Ordenação dos itens em ordem decrescente por contagem
+  document.addEventListener("DOMContentLoaded", function() {
+    var instrumentList = document.getElementById('instrument-list');
+    var items = Array.from(instrumentList.children);
+
+    items.sort(function(a, b) {
+      var countA = parseInt(a.getAttribute('data-count'));
+      var countB = parseInt(b.getAttribute('data-count'));
+      return countB - countA; // Ordenação decrescente
+    });
+
+    instrumentList.innerHTML = '';
+    items.forEach(function(item) {
+      instrumentList.appendChild(item);
+    });
+  });
+</script>
+