Skip to content

GitLab

Commit 414f4545 authored by Eduardo Silva's avatar Eduardo Silva
Browse files

adicionando pasta components #1

parent 7436d541
Expand all Show whitespace changes
Inline Side-by-side
dsgov/templates/dsgov/components/breadcrumb.html 0 → 100644
View file @ 414f4545
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<nav class="br-breadcrumb" aria-label="Breadcrumbs">
<ol class="crumb-list" role="list">
<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>
<li class="crumb" data-active="active"><i class="icon fas fa-chevron-right"></i>
<span tabindex="0" aria-current="page">Página atual</span>
</li>
</ol>
</nav>
{% endblock %}
\ No newline at end of file
dsgov/templates/dsgov/components/carousel.html 0 → 100644
View file @ 414f4545
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<div class="row">
<div class="col-sm-12 col-md-8">
<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">
{% for imagem in imagens %}
<div class="carousel-page" active="active" role="group" aria-roledescription="slide" aria-live="polite">
<div class="carousel-content">
<img class="ml-4" src="{{ imagem.image }}" alt="Imagem"/>
<div class="h3 carousel-title">{{ imagem.legenda }}</div>
</div>
</div>
{% endfor %}
</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 %}
dsgov/templates/dsgov/components/footer.html 0 → 100644
View file @ 414f4545
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<footer class="br-footer">
<div class="container-lg">
<div class="logo">
<img src="{{ logo_url }}" alt="Imagem"/>
</div>
<div class="br-list horizontal" data-toggle="data-toggle" data-sub="data-sub">
{% for list_html in rendered_lists %}
{{ list_html|safe }}
{% endfor %}
</div>
<div class="d-none d-sm-block">
<div class="row align-items-end justify-content-between py-5">
<div class="col">
<div class="social-network">
<div class="social-network-title">Redes Sociais</div>
<div class="d-flex">
<a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Facebook">
<i class="fab fa-facebook-f" aria-hidden="true"></i>
</a>
<a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Twitter">
<i class="fab fa-twitter" aria-hidden="true"></i>
</a>
<a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Linkedin">
<i class="fab fa-linkedin-in" aria-hidden="true"></i>
</a>
<a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Whatsapp">
<i class="fab fa-whatsapp" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="col assigns text-right">
<img class="ml-4" src="{{ acesso_a_info_image }}" alt="Imagem"/>
<img class="ml-4" src="{{ emec_image }}" alt="Imagem"/>
</div>
</div>
</div>
</div>
<span class="br-divider my-3"></span>
<div class="container-lg">
<div class="info">
<div class="text-down-01 text-medium pb-3"><strong>{{ copyright }}</strong></div>
</div>
</div>
</footer>
{% endblock %}
dsgov/templates/dsgov/components/header.html 0 → 100644
View file @ 414f4545
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<header class="br-header {{ extra_classes }}">
<div class="container-lg">
<div class="header-top">
<div class="header-logo">
<img src="{{ logo_url }}" alt="logo"/>
<span class="br-divider vertical"></span>
<div class="header-sign" style="{{ header_sign_style }}">{{ title_extra }}</div>
</div>
<div class="header-actions">
<div class="header-links dropdown">
<button class="br-button circle small" type="button" data-toggle="dropdown" aria-label="Abrir Acesso Rápido"><i class="fas fa-ellipsis-v" aria-hidden="true"></i>
</button>
<div class="br-list">
<div class="header">
<div class="title">Acesso Rápido</div>
</div>
{% for link in links %}
<a class="br-item {{ extra_classes }}" href="javascript:void(0)" style="{{ links_style }}">{{ link.label }}</a>
{% endfor %}
</div>
</div>
<span class="br-divider vertical mx-half mx-sm-1"></span>
<div class="header-functions dropdown">
<button class="br-button circle small" type="button" data-toggle="dropdown" aria-label="Abrir Funcionalidades do Sistema"><i class="fas fa-th" aria-hidden="true"></i>
</button>
<div class="br-list">
<div class="header">
<div class="title">Funcionalidades do Sistema</div>
</div>
<div class="br-item {{ extra_classes }}">
<button class="br-button circle small" type="button" aria-label="Funcionalidade 1"><i class="fas fa-chart-bar" aria-hidden="true" style="{{ items_style }}"></i><span class="text">Funcionalidade 1</span>
</button>
</div>
<div class="br-item {{ extra_classes }}">
<button class="br-button circle small" type="button" aria-label="Funcionalidade 2"><i class="fas fa-headset" aria-hidden="true" style="{{ items_style }}"></i><span class="text">Funcionalidade 2</span>
</button>
</div>
<div class="br-item {{ extra_classes }}">
<button class="br-button circle small" type="button" aria-label="Funcionalidade 3"><i class="fas fa-comment" aria-hidden="true" style="{{ items_style }}"></i><span class="text">Funcionalidade 3</span>
</button>
</div>
<div class="br-item {{ extra_classes }}">
<button class="br-button circle small" type="button" aria-label="Funcionalidade 4"><i class="fas fa-adjust" aria-hidden="true" style="{{ items_style }}"></i><span class="text">Funcionalidade 4</span>
</button>
</div>
</div>
</div>
<div class="header-search-trigger">
<button class="br-button circle" type="button" aria-label="Abrir Busca" data-toggle="search" data-target=".header-search"><i class="fas fa-search" aria-hidden="true"></i>
</button>
</div>
{% if show_login %}
<div class="header-login">
<div class="header-sign-in">
<button class="br-sign-in small" type="button" data-trigger="login">
<i class="fas fa-user" aria-hidden="true"></i>
<span class="d-sm-inline">{{ label_button_login }}</span>
</button>
</div>
<div class="header-avatar"></div>
</div>
{% endif %}
</div>
</div>
<div class="header-bottom">
<div class="header-menu">
<div class="header-menu-trigger">
<button class="br-button small circle" type="button" aria-label="Menu" data-toggle="menu" data-target="#main-navigation" id="navigation"><i class="fas fa-bars" aria-hidden="true" style="color: #FFFFFF;"></i>
</button>
</div>
<div class="header-info">
<div class="header-title" style="{{ title_style }}">{{ title }}</div>
<div class="header-subtitle" style="{{ title_style }}">{{ subtitle }}</div>
</div>
</div>
<div class="header-search">
<div class="br-input has-icon">
<label for="searchbox-7548">Texto da pesquisa</label>
<input id="searchbox-7548" type="text" placeholder="{{ search_placeholder }}"/>
<button class="br-button circle small" type="button" aria-label="Pesquisar">
<i class="fas fa-search" aria-hidden="true"></i>
</button>
</div>
<button class="br-button circle search-close ml-1" type="button" aria-label="Fechar Busca" data-dismiss="search"><i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</header>
{% endblock %}
dsgov/templates/dsgov/components/list.html 0 → 100644
View file @ 414f4545
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<div class="br-list" role="list">
<div class="header">
<div class="title">{{ title }}</div>
</div>
<span class="br-divider"></span>
{% for item in items %}
<div class="br-item" role="listitem">
<div class="row align-items-center">
<div class="col-auto">
<i class="{{ item.icon }}" aria-hidden="true"></i>
</div>
<div class="col">{{ item.content }}</div>
<div class="col-auto">{{ item.meta }}</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
dsgov/templates/dsgov/components/list_footer.html 0 → 100644
View file @ 414f4545
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<div class="col-2"><a class="br-item header" href="javascript:void(0)">
<div class="content text-down-01 text-bold text-uppercase">{{ title }}</div>
<div class="support"><i class="fas fa-angle-down" aria-hidden="true"></i>
</div></a>
<div class="br-list"><span class="br-divider d-md-none"></span><a class="br-item" href="javascript:void(0)">
{% for item in items %}
{% if not forloop.last %}
<div class="content">{{ item.content }}</div></a><a class="br-item" href="javascript:void(0)">
{% else %}
<div class="content">Nulla occaecat eiusmod</div></a><span class="br-divider d-md-none"></span>
{% endif %}
{% endfor %}
</div>
</div>
{% endblock %}
dsgov/templates/dsgov/components/menu.html 0 → 100644
View file @ 414f4545
This diff is collapsed.
dsgov/templates/dsgov/components/tag.html 0 → 100644
View file @ 414f4545
{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}
{% block content %}
<div class="d-flex align-items-center">
<span class="br-tag {{ extra_classes }} {{ density }}" aria-describedby="{{ aria_describedby }}">
<span id="{{ aria_describedby }}">{{ label }}</span>
</span>
</div>
{% endblock %}
\ No newline at end of file
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