Commit 30ba98c2 authored by Eduardo Silva's avatar Eduardo Silva
Browse files

alteracao no breadcrumb e remocao do template de teste do carousel

parent 155f50e9
......@@ -22,13 +22,32 @@
<a href="{{ url }}">{{ title }}</a>
</li>
{% endfor %}
{% else %}
<!-- Breadcrumb estático de exemplo -->
<li class="crumb home">
<a class="br-button circle" href="javascript:void(0)">
<span class="sr-only">Página inicial</span>
<i class="fas fa-home"></i>
</a>
</li>
<li class="crumb">
<i class="icon fas fa-chevron-right"></i>
<a href="javascript:void(0)">Página Ancestral 01</a>
</li>
<li class="crumb">
<i class="icon fas fa-chevron-right"></i>
<a href="javascript:void(0)">Página Ancestral 02</a>
</li>
<li class="crumb">
<i class="icon fas fa-chevron-right"></i>
<a href="javascript:void(0)">Página Ancestral 03</a>
</li>
{% endif %}
<!-- Página atual -->
<li class="crumb" data-active="active">
<i class="icon fas fa-chevron-right"></i>
<span tabindex="0" aria-current="page">{{ current_title }}</span>
<span tabindex="0" aria-current="page">{{ current_title|default:"Página atual" }}</span>
</li>
</ol>
</nav>
{% endblock %}
\ No newline at end of file
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<div class="row">
<div class="col-sm-12 col-md-12" style="height: 550px;">
<div class="br-carousel" data-circular="true" aria-label="Carrossel de Exemplo" aria-roledescription="carousel">
<div class="carousel-button">
<button class="br-button carousel-btn-prev terciary circle" type="button" aria-label="Anterior">
<i class="fas fa-chevron-left" aria-hidden="true"></i>
</button>
</div>
<div class="carousel-stage">
<div class="carousel-page" active="active" role="group" aria-roledescription="slide" aria-live="polite">
<div class="carousel-content bg-blue-10">
<div class="h3 carousel-title">Página 1</div>
</div>
</div>
<div class="carousel-page" role="group" aria-roledescription="slide" aria-live="polite">
<div class="carousel-content bg-violet-warm-10">
<div class="h3 carousel-title">Página 2</div>
</div>
</div>
<div class="carousel-page" role="group" aria-roledescription="slide" aria-live="polite">
<div class="carousel-content bg-yellow-5">
<div class="h3 carousel-title">Página 3</div>
</div>
</div>
<div class="carousel-page" role="group" aria-roledescription="slide" aria-live="polite">
<div class="carousel-content bg-green-cool-10">
<div class="h3 carousel-title">Página 4</div>
</div>
</div>
<div class="carousel-page" role="group" aria-roledescription="slide" aria-live="polite">
<div class="carousel-content bg-orange-vivid-10">
<div class="h3 carousel-title">Página 5</div>
</div>
</div>
</div>
<div class="carousel-button">
<button class="br-button carousel-btn-next terciary circle" type="button" aria-label="Próximo">
<i class="fas fa-chevron-right" aria-hidden="true"></i>
</button>
</div>
<div class="carousel-step">
<nav class="br-step" data-initial="1" data-type="simple" role="none">
<div class="step-progress" role="listbox" aria-orientation="horizontal" aria-label="Lista de Opções">
<button class="step-progress-btn" role="option" aria-posinset="1" aria-setsize="5" type="button"><span class="step-info">Exemplo de Rótulo 1</span></button>
<button class="step-progress-btn" role="option" aria-posinset="2" aria-setsize="5" type="button"><span class="step-info">Exemplo de Rótulo 2</span></button>
<button class="step-progress-btn" role="option" aria-posinset="3" aria-setsize="5" type="button"><span class="step-info">Exemplo de Rótulo 3</span></button>
<button class="step-progress-btn" role="option" aria-posinset="4" aria-setsize="5" type="button"><span class="step-info">Exemplo de Rótulo 4</span></button>
<button class="step-progress-btn" role="option" aria-posinset="5" aria-setsize="5" type="button"><span class="step-info">Exemplo de Rótulo 5</span></button>
</div>
</nav>
</div>
</div>
</div>
</div>
{% endblock %}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment