Merge branch '10-criando-componente-de-tabela' into 'master'

Resolve "criando componente de tabela"

Closes #10

See merge request !10

dsgov/templates/dsgov/base.html

@@ -11,6 +11,15 @@
             {% block title %}
             {% endblock %}
         </title>
+        <!-- Fonte Rawline-->
+        <link rel="stylesheet" href="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/fonts/rawline/css/rawline.css"/>
+
+        <!-- Fonte Raleway-->
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&amp;display=swap"/>
+
+        <!-- Design System do Governo-->
+        <link rel="stylesheet" href="https://unpkg.com/@govbr-ds/core@3.6.2/dist/core.min.css"/>
+
         <!-- Link para o fontawesome -->
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
         

tests/django_dsgov_test1/django_dsgov_test1/urls.py

@@ -40,4 +40,5 @@ urlpatterns = [
     path("pagination/", TemplateView.as_view(template_name = 'examples_pagination.html'), name="pagination"),
     path("tag/", TemplateView.as_view(template_name = 'examples_tag.html'), name="tag"),
     path("cards/", TemplateView.as_view(template_name = 'examples_card_with_icon.html'), name="cards"),
+    path("table/", TemplateView.as_view(template_name = 'examples_table.html'), name="table"),
 ]

tests/django_dsgov_test1/templates/examples_table.html

+{% extends "dsgov/base.html" %}
+{% load br_table_tags %}
+{% load static %}
+
+{% block title %}
+    Exemplo de Tabela
+{% endblock %}
+
+{% block content %}
+
+{% br_table data-search="data-search" %}
+    {% br_table_header %}
+        {% br_table_title %}Tabela irregular 2{% end_br_table_title %}
+        {% br_table_actions_trigger %}
+        {% br_table_search placeholder="Buscar na tabela" %}
+    {% end_br_table_header %}
+
+    {% table %}
+        {% table_head %}
+            {% head_collums %}Name{% end_head_collums %}
+            {% head_collums %}Position{% end_head_collums %}
+            {% head_collums %}Salary{% end_head_collums %}
+            {% head_collums %}Office{% end_head_collums %}
+            {% head_collums %}Extn.{% end_head_collums %}
+            {% head_collums %}E-mail{% end_head_collums %}
+        {% end_table_head %}
+
+        {% table_body %}
+            {% body_row %}
+                {% body_rows_collums %}Tiger Nixon{% end_body_rows_collums %}
+                {% body_rows_collums %}System Architect{% end_body_rows_collums %}
+                {% body_rows_collums %}$320,800{% end_body_rows_collums %}
+                {% body_rows_collums %}Edinburgh{% end_body_rows_collums %}
+                {% body_rows_collums %}5421{% end_body_rows_collums %}
+                {% body_rows_collums %}t.nixon@datatables.net{% end_body_rows_collums %}
+            {% end_body_row %}
+            {% body_row %}
+                {% body_rows_collums %}Garrett Winters{% end_body_rows_collums %}
+                {% body_rows_collums %}Accountant{% end_body_rows_collums %}
+                {% body_rows_collums %}$170,750{% end_body_rows_collums %}
+                {% body_rows_collums %}Tokyo{% end_body_rows_collums %}
+                {% body_rows_collums %}8422{% end_body_rows_collums %}
+                {% body_rows_collums %}g.winters@datatables.net{% end_body_rows_collums %}
+            {% end_body_row %}
+            {% body_row %}
+                {% body_rows_collums %}Ashton Cox{% end_body_rows_collums %}
+                {% body_rows_collums %}Junior Technical Author{% end_body_rows_collums %}
+                {% body_rows_collums %}$86,000{% end_body_rows_collums %}
+                {% body_rows_collums %}San Francisco{% end_body_rows_collums %}
+                {% body_rows_collums %}1562{% end_body_rows_collums %}
+                {% body_rows_collums %}a.cox@datatables.net{% end_body_rows_collums %}
+            {% end_body_row %}
+        {% end_table_body %}
+    {% end_table %}
+
+    {% br_table_footer %}
+        {% br_table_pagination %}
+    {% end_br_table_footer %}
+{% end_br_table %}
+{% endblock %}
+

tests/django_dsgov_test1/templates/index.html

@@ -122,6 +122,16 @@
                     </div>
                 </div>
             </div>
+             <div class="br-item" role="listitem">
+                <div class="row align-items-center">
+                    <div class="col-auto">
+                        <i class="fa-solid fa-table"></i>
+                    </div>
+                    <div class="col">
+                        <a href="{% url 'table' %}">Exemplos de Tabela</a>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 {% endblock %}