MMPCreator

automation.html

@@ -3,18 +3,19 @@ layout: default
 title: Projetos com a tag Automation
 permalink: /automation/
 ---
-<meta charset="utf-8">
 
-<main class="main-content">  
-  <div class="publication">
-    {% include sidebar.html %}
-  </div>
+<meta charset="utf-8" />
+
+<main class="main-content">
+  <div class="publication">{% include sidebar.html %}</div>
 
   <div class="container">
-    <div class="columns is-mobile is-vcentered" style="margin-bottom: 2rem;">
+    <div class="columns is-mobile is-vcentered" style="margin-bottom: 2rem">
       <!-- Título -->
       <div class="column is-auto">
-        <h2 class="title is-4"><code>Projetos que possuem a tag automation:</code></h2>
+        <h2 class="title is-4">
+          <code>Projetos que possuem a tag automation:</code>
+        </h2>
       </div>
       <!-- Botão Limpar Filtro -->
       <div class="column is-auto">
@@ -26,99 +27,104 @@ permalink: /automation/
 
     <!-- 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' %}
+      {% 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>
+          <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>
+          <!-- 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 %}
-      {% endfor %}
+          {% endif %}
+        </div>
+      </div>
+      {% endif %} {% endfor %}
     </div>
   </div>
 </main>
 
 <script>
-  document.addEventListener('DOMContentLoaded', function () {
-    const projects = document.querySelectorAll('.project-item');
+  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(',');
+      projects.forEach((project) => {
+        const projectAutomations = project
+          .getAttribute("data-automation")
+          .split(",");
         if (projectAutomations.includes(automationName)) {
-          project.style.display = 'block';
+          project.style.display = "block";
         } else {
-          project.style.display = 'none';
+          project.style.display = "none";
         }
       });
     }
 
     // Lê a automation da URL se houver
     const urlParams = new URLSearchParams(window.location.search);
-    const automationFromUrl = urlParams.get('automation');
+    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) {
+    const automationItems = document.querySelectorAll(".automation-item");
+    automationItems.forEach((item) => {
+      item.addEventListener("click", function (event) {
         event.preventDefault();
-        const selectedAutomation = item.getAttribute('data-automation');
+        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);
+        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';
+    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);
+      newUrl.searchParams.delete("automation");
+      window.history.replaceState({}, "", newUrl);
     });
   });
-</script>
+</script>