feat: redesign de minha-conta e gerador de chave
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
9114303507
commit
9cef2c8d17
@@ -1,8 +1,7 @@
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% block titulo %}Gerador de Chave{% endblock %}
|
{% block titulo %}Gerador de Chave{% endblock %}
|
||||||
{% block conteudo %}
|
{% block conteudo %}
|
||||||
<div style="max-width:420px;margin:0 auto;">
|
<div class="cartao" style="max-width:420px;margin:0 auto;">
|
||||||
<img src="/static/logo-gti-256x256.png" alt="GTI Grupo" style="width:72px;height:72px;border-radius:14px;display:block;margin:0 auto 16px;">
|
|
||||||
<h1 style="text-align:center;">Gerador de Chave</h1>
|
<h1 style="text-align:center;">Gerador de Chave</h1>
|
||||||
|
|
||||||
<label for="tipo">Tipo de chave</label>
|
<label for="tipo">Tipo de chave</label>
|
||||||
@@ -29,9 +28,9 @@
|
|||||||
|
|
||||||
<button id="gerar">Gerar chave</button>
|
<button id="gerar">Gerar chave</button>
|
||||||
|
|
||||||
<div id="erro" style="color:#f87171;margin-top:14px;display:none;"></div>
|
<div id="erro" style="color:var(--cor-perigo);margin-top:14px;display:none;"></div>
|
||||||
<div id="resultado" style="margin-top:20px;padding:14px;border-radius:8px;background:#17171a;border:1px solid #3a3a3e;border-left:3px solid #F5821F;word-break:break-all;font-family:'Courier New',monospace;color:#F5821F;display:none;"></div>
|
<div id="resultado" style="margin-top:20px;padding:14px;border-radius:8px;background:var(--cor-superficie-alt);border:1px solid var(--cor-borda);border-left:3px solid var(--cor-acento);word-break:break-all;font-family:'Courier New',monospace;color:var(--cor-acento);display:none;"></div>
|
||||||
<button id="copiar" style="display:none;background:transparent;border:1px solid #3a3a3e;color:#a1a1aa;width:auto;padding:6px 10px;">Copiar</button>
|
<button id="copiar" style="display:none;background:transparent;border:1px solid var(--cor-borda);color:var(--cor-texto-secundario);width:auto;padding:6px 10px;">Copiar</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -3,8 +3,10 @@
|
|||||||
{% block titulo %}Minha conta{% endblock %}
|
{% block titulo %}Minha conta{% endblock %}
|
||||||
{% block conteudo %}
|
{% block conteudo %}
|
||||||
<h1>Minha conta</h1>
|
<h1>Minha conta</h1>
|
||||||
<p><strong>Nome:</strong> {{ usuario_atual.nome }}</p>
|
<div class="cartao">
|
||||||
<p><strong>Login:</strong> {{ usuario_atual.login }}</p>
|
<p><strong>Nome:</strong> {{ usuario_atual.nome }}</p>
|
||||||
|
<p><strong>Login:</strong> {{ usuario_atual.login }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
{% if erro %}<div class="mensagem danger">{{ erro }}</div>{% endif %}
|
{% if erro %}<div class="mensagem danger">{{ erro }}</div>{% endif %}
|
||||||
{% if mensagem %}<div class="mensagem success">{{ mensagem }}</div>{% endif %}
|
{% if mensagem %}<div class="mensagem success">{{ mensagem }}</div>{% endif %}
|
||||||
@@ -17,15 +19,17 @@
|
|||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<h2>Trocar senha</h2>
|
<h2>Trocar senha</h2>
|
||||||
<form method="post" action="/minha-conta/senha">
|
<div class="cartao">
|
||||||
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
|
<form method="post" action="/minha-conta/senha">
|
||||||
<label for="senha_atual">Senha atual</label>
|
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
|
||||||
<input type="password" id="senha_atual" name="senha_atual" required>
|
<label for="senha_atual">Senha atual</label>
|
||||||
<label for="nova_senha">Nova senha</label>
|
<input type="password" id="senha_atual" name="senha_atual" required>
|
||||||
<input type="password" id="nova_senha" name="nova_senha" required>
|
<label for="nova_senha">Nova senha</label>
|
||||||
<label for="confirmar_nova_senha">Confirmar nova senha</label>
|
<input type="password" id="nova_senha" name="nova_senha" required>
|
||||||
<input type="password" id="confirmar_nova_senha" name="confirmar_nova_senha" required>
|
<label for="confirmar_nova_senha">Confirmar nova senha</label>
|
||||||
<button type="submit">Salvar nova senha</button>
|
<input type="password" id="confirmar_nova_senha" name="confirmar_nova_senha" required>
|
||||||
</form>
|
<button type="submit">Salvar nova senha</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user