mmpSearch/pages/automation.md

layout, title, permalink

layout	title	permalink
default	Projetos com a tag Automation	/automation/

{% include sidebar.html %}

Projetos que possuem a tag automation:

Limpar filtro

<!-- Projetos -->
<div id="project-list" class="columns is-multiline">
  {% for projeto in site.data.all %} {% if projeto.tags.TAG contains
  "automation" %}
  <div
    class="column is-6 project-item"
    data-automation="{{ projeto.tags.automation | join: ',' }}"
  >
    <div class="box">
      <!-- Botão do projeto -->
      {% assign file_url = projeto.file | downcase | replace: ' ', '-' |
      replace: 'ç', 'c' | replace: 'ã', 'a' | replace: 'á', 'a' | replace:
      'â', 'a' | replace: 'é', 'e' | replace: 'ê', 'e' | replace: 'í', 'i' |
      replace: 'ó', 'o' | replace: 'ô', 'o' | replace: 'õ', 'o' | replace:
      'ú', 'u' %}

      <a
        href="../mmp_pages/{{ file_url }}.html"
        class="button is-link is-fullwidth"
      >
        {{ projeto.file }}
      </a>

      <!-- Lista de automations clicáveis -->
      {% if projeto.tags.automation and projeto.tags.automation.size > 0 %}
      <div style="margin-top: 1rem">
        <p><strong>Automation:</strong></p>
        <ul style="list-style-type: disc; padding-left: 1.25rem">
          {% for automation in projeto.tags.automation %} {% if automation
          != "" %}
          <li>
            <a
              href="#"
              class="automation-item"
              data-automation="{{ automation }}"
              >{{ automation }}</a
            >
          </li>
          {% endif %} {% endfor %}
        </ul>
      </div>
      {% endif %}
    </div>
  </div>
  {% endif %} {% endfor %}
</div>

<script> document.addEventListener("DOMContentLoaded", function () { const projects = document.querySelectorAll(".project-item"); // Função para aplicar filtro por automation function filterByAutomation(automationName) { projects.forEach((project) => { const projectAutomations = project .getAttribute("data-automation") .split(","); if (projectAutomations.includes(automationName)) { project.style.display = "block"; } else { project.style.display = "none"; } }); } // Lê a automation da URL se houver const urlParams = new URLSearchParams(window.location.search); const automationFromUrl = urlParams.get("automation"); if (automationFromUrl) { filterByAutomation(automationFromUrl); } // Ao clicar numa automation na lista const automationItems = document.querySelectorAll(".automation-item"); automationItems.forEach((item) => { item.addEventListener("click", function (event) { event.preventDefault(); const selectedAutomation = item.getAttribute("data-automation"); filterByAutomation(selectedAutomation); // Atualiza a URL sem recarregar a página const newUrl = new URL(window.location.href); newUrl.searchParams.set("automation", selectedAutomation); window.history.replaceState({}, "", newUrl); }); }); // Botão para limpar filtro const clearFilterButton = document.querySelector("#clearFilterButton"); clearFilterButton.addEventListener("click", function () { projects.forEach((project) => { project.style.display = "block"; }); // Remove o filtro da URL const newUrl = new URL(window.location.href); newUrl.searchParams.delete("automation"); window.history.replaceState({}, "", newUrl); }); }); </script>