mirror of
https://github.com/chrisnov-it/quantumbotx.git
synced 2026-07-29 03:37:45 +00:00
chrisnov-it
f930f26839
- CLAUDE.md: project overview, architecture, conventions, key files - Dark mode now covers: trading_bots, portfolio, backtesting, history, bot_detail, backtest_history, settings, notifications, profile, ramadan, forex, stocks — all 12 templates - Consistent dark:bg-slate-800/700/900 + dark:text-gray-*/white patterns Co-Authored-By: Claude <noreply@anthropic.com>
46 lines
3.3 KiB
HTML
46 lines
3.3 KiB
HTML
<!-- templates/profile.html (Setelah Refactor) -->
|
|
{% extends "base.html" %}
|
|
|
|
{% block title_key %}profile.title{% endblock %}
|
|
{% block title %}Profil{% endblock %}
|
|
|
|
{% block content %}
|
|
<h2 class="text-2xl font-bold text-gray-800 dark:text-white mb-6" data-i18n="profile.my_profile">Profil Saya</h2>
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
|
<div class="lg:col-span-1">
|
|
<div class="bg-white dark:bg-slate-800 rounded-lg shadow dark:shadow-slate-900/50 p-6">
|
|
<div class="flex flex-col items-center">
|
|
<div class="w-24 h-24 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 text-4xl font-bold mb-4">RC</div>
|
|
<h3 id="profile-display-name" class="text-xl font-bold text-gray-800 dark:text-white" data-i18n="profile.loading">Memuat...</h3>
|
|
<p id="profile-join-date" class="text-xs text-gray-400 mt-2" data-i18n="profile.joined_since">Bergabung sejak: Juli 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="lg:col-span-2">
|
|
<div class="bg-white dark:bg-slate-800 rounded-lg shadow dark:shadow-slate-900/50">
|
|
<div class="p-6 border-b dark:border-slate-700">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-white" data-i18n="settings.profile">Profil</h3>
|
|
</div>
|
|
<form id="profile-form" class="p-6 space-y-4">
|
|
<div>
|
|
<label for="profile-name" class="text-sm font-medium text-gray-700 dark:text-gray-200" data-i18n="label.full_name">Nama Lengkap</label>
|
|
<input type="text" id="profile-name" class="mt-1 block w-full px-3 py-2 bg-white dark:bg-slate-800 border border-gray-300 dark:border-slate-700 rounded-md shadow dark:shadow-slate-900/50-sm focus:outline-none focus:ring-blue-500 focus:border-b dark:border-slate-700lue-500" required>
|
|
</div>
|
|
<div>
|
|
<label for="profile-email" class="text-sm font-medium text-gray-700 dark:text-gray-200" data-i18n="label.email">Alamat Email</label>
|
|
<input type="email" id="profile-email" class="mt-1 block w-full px-3 py-2 bg-gray-100 border border-gray-300 dark:border-slate-700 rounded-md shadow dark:shadow-slate-900/50-sm focus:outline-none focus:ring-blue-500 focus:border-b dark:border-slate-700lue-500" required readonly>
|
|
</div>
|
|
<div>
|
|
<label for="profile-password" class="text-sm font-medium text-gray-700 dark:text-gray-200" data-i18n="label.password">Ganti Password (kosongkan jika tidak ingin diubah)</label>
|
|
<input type="password" id="profile-password" data-i18n-placeholder="profile.password_placeholder" placeholder="••••••••" class="mt-1 block w-full px-3 py-2 bg-white dark:bg-slate-800 border border-gray-300 dark:border-slate-700 rounded-md shadow dark:shadow-slate-900/50-sm focus:outline-none focus:ring-blue-500 focus:border-b dark:border-slate-700lue-500">
|
|
</div>
|
|
<button type="submit" id="save-profile-btn" class="bg-blue-600 text-white py-2 px-4 rounded-lg font-medium hover:bg-blue-700" data-i18n="msg.save_changes">Simpan Perubahan</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script src="{{ url_for('static', filename='js/profile.js') }}"></script>
|
|
{% endblock %} |