Kihafy smc MT5
- Indicadores
- Versão: 1.0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Kihafy SMC Pro | Smart Money Concepts Indicator</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
background: #0b0f1c;
color: #eef2ff;
line-height: 1.5;
scroll-behavior: smooth;
}
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none;
z-index: 0;
}
.container {
max-width: 1300px;
margin: 0 auto;
padding: 2rem 1.5rem;
position: relative;
z-index: 2;
}
h1 {
font-size: 2.8rem;
font-weight: 800;
background: linear-gradient(135deg, #F5F9FF 0%, #7AA9FF 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: -0.02em;
}
h2 {
font-size: 1.7rem;
font-weight: 700;
border-left: 5px solid #3b82f6;
padding-left: 1rem;
margin: 2rem 0 1.2rem 0;
}
h3 {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 0.7rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.badge {
background: #1e293b;
padding: 0.25rem 0.9rem;
border-radius: 40px;
font-size: 0.75rem;
font-weight: 500;
color: #94a3b8;
display: inline-block;
}
.badge-green {
background: #0f3b2c;
color: #4ade80;
border-radius: 40px;
padding: 0.2rem 0.8rem;
font-size: 0.7rem;
font-weight: 600;
display: inline-block;
}
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.card {
background: rgba(18, 24, 38, 0.75);
backdrop-filter: blur(2px);
border: 1px solid rgba(59, 130, 246, 0.2);
border-radius: 1.8rem;
padding: 1.4rem;
transition: all 0.2s ease;
box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.4);
}
.card:hover {
border-color: #3b82f680;
background: rgba(25, 33, 52, 0.85);
transform: translateY(-3px);
}
.param-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 0.6rem;
background: #0f1422;
border-radius: 1.8rem;
padding: 1.4rem;
border: 1px solid #1f2a44;
}
.param-item {
display: flex;
justify-content: space-between;
border-bottom: 1px dashed #1e2a44;
padding: 0.45rem 0;
font-size: 0.85rem;
}
.param-name {
font-weight: 500;
color: #b9c7ff;
}
.param-value {
font-family: 'Courier New', monospace;
font-weight: 600;
color: #facc15;
}
.signal-box {
flex: 1;
background: #0c1022;
border-radius: 1.5rem;
padding: 1.3rem;
border: 1px solid #1f3a5f;
}
.flex-signal {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin: 2rem 0;
}
.warning {
background: #2c1f1f;
border-left: 4px solid #ef4444;
padding: 1rem;
border-radius: 1rem;
font-size: 0.85rem;
margin: 1.5rem 0;
}
.feedback-area {
background: #0c1020;
border-radius: 1.8rem;
border: 1px solid #2d3a5e;
padding: 1.8rem;
margin: 2.5rem 0;
}
input, textarea {
background: #111827;
border: 1px solid #2d3a5e;
border-radius: 1.2rem;
padding: 0.7rem 1.2rem;
color: white;
font-family: inherit;
resize: vertical;
width: 100%;
}
input:focus, textarea:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 2px #3b82f630;
}
.btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.7rem 1.8rem;
border-radius: 40px;
font-weight: 600;
font-size: 0.85rem;
transition: all 0.2s;
cursor: pointer;
border: none;
background: #1e2a4a;
color: white;
}
.btn-primary {
background: #2563eb;
box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
}
.btn-primary:hover {
background: #1d4ed8;
}
.btn-outline {
background: transparent;
border: 1px solid #3b82f6;
}
.review-list {
margin-top: 1.5rem;
max-height: 320px;
overflow-y: auto;
}
.review-item {
background: #11182770;
border-radius: 1.2rem;
padding: 0.9rem;
margin-bottom: 0.8rem;
border-left: 3px solid #facc15;
}
footer {
text-align: center;
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid #1f2a44;
font-size: 0.75rem;
color: #6c7aa0;
}
@media (max-width: 640px) {
.container { padding: 1rem; }
h1 { font-size: 2rem; }
}
</style>
</head>
<body>
<div class="container">
<!-- Header Section -->
<div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 1rem;">
<div>
<span class="badge">📊 Smart Money Concepts</span>
<span class="badge">📈 MT5 Indicator v1.00</span>
</div>
<div>
<span class="badge-green">⚡ BOS / CHoCH / FVG / OB</span>
</div>
</div>
<div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;">
<div>
<h1>KIHAFY SMC PRO</h1>
<p style="font-size: 1.1rem; color: #b9c7ff; margin-top: 0.4rem;">Smart Money Concepts Indicator – Market Structure, Institutional Zones & Real-time Dashboard</p>
<div style="display: flex; gap: 1rem; margin-top: 1rem; flex-wrap: wrap;">
<span>✅ BOS / CHoCH auto-detection</span>
<span>✅ Order Blocks & FVG</span>
<span>✅ Premium / Discount Zones</span>
<span>✅ Fibonacci & Suggested SL/TP</span>
</div>
</div>
<div style="background: #00000030; border-radius: 2rem; padding: 0.5rem 1.2rem; border:1px solid #2d3e6e;">
🔍 Multi‑TF analysis <strong style="color:#facc15;">H1 / H4</strong>
</div>
</div>
<!-- Features Cards -->
<h2>🧠 Institutional Detection at a Glance</h2>
<div class="card-grid">
<div class="card">
<h3>📐 Market Structure</h3>
<p>Break of Structure (BOS) and Change of Character (CHoCH) with ATR filtering. Automatic Swing Highs/Lows displayed on chart.</p>
</div>
<div class="card">
<h3>🕳️ Fair Value Gaps (FVG)</h3>
<p>Imbalance gap detection, auto-hide when filled. Key liquidity zone for institutional reversals.</p>
</div>
<div class="card">
<h3>📦 Order Blocks (OB)</h3>
<p>Bullish / Bearish order blocks with rectangular zones and recent non-violation. Perfect for price reaction areas.</p>
</div>
<div class="card">
<h3>📊 Premium / Discount & Fibonacci</h3>
<p>70% (Premium) / 30% (Discount) zones + Equilibrium line. Dynamic Fibonacci retracement 23.6% to 78.6% on latest range.</p>
</div>
<div class="card">
<h3>⏱️ Multi‑Timeframe Bias</h3>
<p>H1 and H4 trend synthesis (BULLISH / BEARISH / NEUTRAL) to filter entry signals according to major direction.</p>
</div>
<div class="card">
<h3>📟 Dashboard & Suggested SL/TP</h3>
<p>Compact dashboard with BUY/SELL/WAIT signal, SL / TP1/TP2/TP3 levels based on ATR and Risk/Reward ratios 1.5R / 3R / 5R.</p>
</div>
</div>
<!-- Key Parameters -->
<h2>⚙️ Configurable Parameters (Inputs)</h2>
<div class="param-grid">
<div class="param-item"><span class="param-name">🔹 SwingWindow</span><span class="param-value">5</span></div>
<div class="param-item"><span class="param-name">🔹 BOS_ATR_Filter</span><span class="param-value">0.20</span></div>
<div class="param-item"><span class="param-name">🔹 CHOCH_ATR_Filter</span><span class="param-value">0.60</span></div>
<div class="param-item"><span class="param-name">🔹 FVG_Lookback / HideWhenFilled</span><span class="param-value">300 / Yes</span></div>
<div class="param-item"><span class="param-name">🔹 OB_Lookback</span><span class="param-value">200</span></div>
<div class="param-item"><span class="param-name">🔹 PD_Lookback / Fibo_Lookback</span><span class="param-value">300 / 300</span></div>
<div class="param-item"><span class="param-name">🔹 MTF Timeframes</span><span class="param-value">H1 / H4</span></div>
<div class="param-item"><span class="param-name">🔹 SL_ATR_Mult / TP1/TP2/TP3 RR</span><span class="param-value">1.5 / 1.5 / 3.0 / 5.0</span></div>
</div>
<!-- Entry Conditions -->
<div class="flex-signal">
<div class="signal-box">
<h3 style="color:#4ade80;">🟢 BUY Signal</h3>
<ul style="margin-left: 1.2rem;">
<li>Price in DISCOUNT zone (below Equilibrium)</li>
<li>Bullish Order Block detected</li>
<li>Price touches or crosses the Bullish OB</li>
<li>HTF bias BULLISH or NEUTRAL</li>
</ul>
</div>
<div class="signal-box">
<h3 style="color:#f97316;">🔴 SELL Signal</h3>
<ul style="margin-left: 1.2rem;">
<li>Price in PREMIUM zone (above Equilibrium)</li>
<li>Bearish Order Block detected</li>
<li>Price touches or crosses the Bearish OB</li>
<li>HTF bias BEARISH or NEUTRAL</li>
</ul>
</div>
</div>
<!-- Disclaimer -->
<div class="warning">
⚠️ <strong>Risk Disclaimer:</strong> Kihafy SMC Pro is a technical analysis indicator. Signals and suggested SL/TP levels are for educational purposes only. Always test on demo before real trading decisions.
</div>
<div style="background: #0f172a; border-radius: 1.5rem; padding: 1rem; margin-bottom: 2rem;">
📌 <strong>Recommended on:</strong> M15, M30, H1 · Pairs EURUSD, GBPUSD, USDJPY, XAUUSD · Enable "Allow DLL imports" and drag indicator from MT5 Navigator.
</div>
<!-- Feedback & Suggestions Section -->
<div class="feedback-area">
<div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: space-between;">
<h2 style="margin:0; border-left-color:#facc15;">💬 Share your feedback for V2.0</h2>
<span class="badge-green">✨ Reviews & product suggestions</span>
</div>
<p style="margin: 0.6rem 0 1rem 0;">Your experience with Kihafy SMC Pro helps us improve OB/FVG detection, CHoCH filtering, and visual clarity. Leave a comment:</p>
<div style="display: flex; flex-direction: column; gap: 0.8rem; margin-top: 1rem;">
<input type="text" id="reviewName" placeholder="Your name / nickname (e.g., TraderSMC)" value="SMC Trader">
<textarea id="reviewMsg" rows="3" placeholder="Improvement examples: 'Add correlation filter', 'Display OTE shadow zones', 'Add 62% Fibonacci level', 'Optimize OB detection on lower timeframes' ..."></textarea>
<div style="display: flex; gap: 1rem; justify-content: flex-end; flex-wrap: wrap;">
<button class="btn btn-primary" id="submitFeedbackBtn">📨 Submit feedback</button>
<button class="btn btn-outline" id="demoFeedbackBtn">💡 Example suggestion</button>
</div>
</div>
<div style="margin-top: 2rem;">
<h3>📢 Kihafy Community Reviews</h3>
<div id="reviewsContainer" class="review-list"></div>
<p style="font-size: 0.7rem; margin-top: 0.6rem;">💾 Feedback stored locally — every comment helps evolve the indicator.</p>
</div>
</div>
<!-- Installation -->
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: #01051470; border-radius: 1.8rem; padding: 1.3rem;">
<div>📂 <strong>Installation:</strong> Copy <code>Kihafy_SMC_Pro.mq5</code> to <strong>MQL5/Indicators</strong> → Compile (F7) → Drag & drop on chart.</div>
<div>📌 <strong>Version 1.00</strong> — Non-commercial indicator (free usage under conditions).</div>
</div>
<footer>
© 2025 KIHAFY Mitarika — Smart Money Concepts Indicator. All rights reserved.<br>
Built on Institutional Price Action. Your feedback shapes future features.
</footer>
</div>
<script>
// ---------- REVIEWS MANAGEMENT (localStorage) ----------
let reviews = [];
function loadReviews() {
const stored = localStorage.getItem("kihafy_smc_indicator_reviews_en");
if(stored) {
try { reviews = JSON.parse(stored); } catch(e) { reviews = []; }
}
if(!reviews || reviews.length === 0) {
reviews = [
{ name: "OrderBlockPro", text: "Great indicator, FVGs are very clear. Suggestions: add volume filter to confirm CHoCH, and make OB zone transparency adjustable.", date: "2025-06-02" },
{ name: "LiquidityHawk", text: "I like the HTF dashboard and suggested SL/TP levels. For improvement, an audible alert when price touches an Order Block would be great. Reliable on Gold.", date: "2025-06-01" },
{ name: "SMC_Trader_FR", text: "Solid analysis tool. For V2, include Breaker Blocks and Mitigation Blocks. Also ability to customize Premium/Discount zone colors individually.", date: "2025-05-28" }
];
saveReviews();
}
renderReviews();
}
function saveReviews() {
localStorage.setItem("kihafy_smc_indicator_reviews_en", JSON.stringify(reviews));
}
function escapeHtml(str) {
if(!str) return "";
return str.replace(/[&<>]/g, function(m) {
if(m === '&') return '&';
if(m === '<') return '<';
if(m === '>') return '>';
return m;
});
}
function renderReviews() {
const container = document.getElementById("reviewsContainer");
if(!container) return;
if(reviews.length === 0) {
container.innerHTML = "<div style='padding:1rem; text-align:center; color:#7e8aa2;'>No reviews yet. Be the first to give feedback!</div>";
return;
}
let html = "";
reviews.slice().reverse().forEach(rev => {
html += `
<div class="review-item">
<div style="display:flex; justify-content:space-between; align-items:center;">
<strong>👤 ${escapeHtml(rev.name)}</strong>
<span style="font-size:0.7rem; color:#a5b4fc;">📅 ${rev.date || new Date().toLocaleDateString()}</span>
</div>
<p style="margin-top:6px;">💬 ${escapeHtml(rev.text)}</p>
<div style="margin-top:6px; font-size:0.7rem;">🔧 Suggested for product improvement</div>
</div>
`;
});
container.innerHTML = html;
}
function addReview(name, message) {
if(!name.trim() || !message.trim()) {
alert("Please provide your name and your suggestion / feedback to help improve Kihafy SMC Pro.");
return false;
}
const newReview = {
name: name.trim().substring(0, 35),
text: message.trim().substring(0, 600),
date: new Date().toLocaleDateString('en-US')
};
reviews.push(newReview);
saveReviews();
renderReviews();
return true;
}
const submitBtn = document.getElementById("submitFeedbackBtn");
if(submitBtn) {
submitBtn.addEventListener("click", () => {
const nameInput = document.getElementById("reviewName");
const msgInput = document.getElementById("reviewMsg");
if(addReview(nameInput.value, msgInput.value)) {
msgInput.value = "";
const notif = document.createElement("div");
notif.innerText = "✅ Thank you! Your feedback helps improve Kihafy SMC Pro (indicator v2).";
notif.style.position = "fixed";
notif.style.bottom = "20px";
notif.style.left = "20px";
notif.style.background = "#0a3b2f";
notif.style.color = "#ccf0e3";
notif.style.padding = "10px 20px";
notif.style.borderRadius = "30px";
notif.style.zIndex = "999";
notif.style.fontSize = "0.8rem";
notif.style.border = "1px solid #2dd4bf";
notif.style.fontFamily = "inherit";
document.body.appendChild(notif);
setTimeout(() => notif.remove(), 3000);
}
});
}
const demoBtn = document.getElementById("demoFeedbackBtn");
if(demoBtn) {
demoBtn.addEventListener("click", () => {
const msgArea = document.getElementById("reviewMsg");
if(msgArea) {
msgArea.value = "Improvement idea: display Order Blocks from higher timeframes (H4/Daily) on current chart + spread filter. Also option to hide filled FVGs after X candles. The indicator is already very complete!";
}
const nameField = document.getElementById("reviewName");
if(nameField) nameField.value = "SMC_Contributor";
});
}
loadReviews();
</script>
</body>
</html>
