feat: implement advanced reward management and wheel customization

- Add customizable background color
- Add wheel animations and sound effects
- Add reward description field and winner modal
- Change font to Dana
- Add configurable reward probabilities
- Support reward types (Empty, Discount Code, LiveCoin)
- Replace reward title with reward type selector
- Allow wheel page title customization from admin panel
This commit is contained in:
2026-06-10 14:55:07 +03:30
parent b0ff339525
commit ec86cdc528
26 changed files with 1166 additions and 533 deletions

View File

@@ -2,18 +2,34 @@
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>گردونه شانس</title>
<link rel="icon" href="data:,">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<body id="main-body">
<div class="bg-rays"></div>
<div class="page">
<h1>گردونه شانس</h1>
<h1> گردونه شانس</h1>
<div class="wheel-wrapper">
<canvas id="wheel" width="500" height="500"></canvas>
</div>
<button id="spin-btn">بچرخون!</button>
<button id="spin-btn">چرخوندن!</button>
<div id="result"></div>
</div>
<!-- مودال برنده -->
<div id="winner-modal" class="modal hidden">
<div class="modal-content">
<div class="modal-icon" id="modal-icon">🎉</div>
<div id="modal-prize-type"></div>
<div id="modal-prize"></div>
<div id="modal-description"></div>
<button id="modal-close">باشه!</button>
</div>
</div>
<script type="module" src="assets/js/wheel.js"></script>
</body>
</html>
</html>