+
+ );
+};
+
+const TeamList = () => {
const [teams, setTeams] = useState([]);
const [loading, setLoading] = useState(true);
- const [error, setError] = useState(null);
+ const [error, setError] = useState('');
+ const { token } = React.useContext(AuthContext);
- const [selectedTeam, setSelectedTeam] = useState(null);
- const [showAddForm, setShowAddForm] = useState(false);
- const [showEditForm, setShowEditForm] = useState(false);
- const [showChartView, setShowChartView] = useState(false);
- const [formData, setFormData] = useState({ name: '', time: '', result: '' });
- const [dates] = useState(['2025-03-11', '2025-03-12']);
- const [currentDate, setCurrentDate] = useState('2025-03-12');
-
- // Fetch teams on component mount
useEffect(() => {
const fetchTeams = async () => {
try {
- setLoading(true);
- const data = await dataService.getTeams();
+ const data = await apiService.getTeams(token);
setTeams(data);
- setError(null);
+ setLoading(false);
} catch (err) {
- setError('Failed to load teams data');
- console.error(err);
- } finally {
+ setError('Failed to fetch teams');
setLoading(false);
}
};
-
+
fetchTeams();
-
- // Subscribe to real-time updates
- const unsubscribe = dataService.subscribeToUpdates((updatedTeams) => {
- setTeams(updatedTeams);
- });
-
- return () => {
- unsubscribe();
- };
- }, []);
-
- // Handle input changes
- const handleInputChange = (e) => {
- const { name, value } = e.target;
- setFormData({ ...formData, [name]: value });
+ }, [token]);
+
+ const handleDelete = async (id) => {
+ if (window.confirm('Are you sure you want to delete this team?')) {
+ try {
+ await apiService.deleteTeam(id, token);
+ setTeams(teams.filter(team => team.id !== id));
+ } catch (err) {
+ setError('Failed to delete team');
+ }
+ }
};
+
+ if (loading) return Admin Login
+ {error &&{error}
}
+
+ Loading...
;
+ if (error) return {error}
;
+
+ return (
+
+
+
+
+
+ );
+};
- // Add new team
- const handleAddTeam = async () => {
- try {
- const newTeamData = {
- name: formData.name,
- time: formData.time,
- results: {
- [dates[0]]: '',
- [dates[1]]: ''
+const TeamForm = ({ isEdit = false }) => {
+ const [name, setName] = useState('');
+ const [submitting, setSubmitting] = useState(false);
+ const [error, setError] = useState('');
+ const { token } = React.useContext(AuthContext);
+ const { id } = useParams();
+ const navigate = useNavigate();
+
+ useEffect(() => {
+ if (isEdit && id) {
+ const fetchTeam = async () => {
+ try {
+ const teams = await apiService.getTeams(token);
+ const team = teams.find(t => t.id === parseInt(id));
+ if (team) {
+ setName(team.name);
+ }
+ } catch (err) {
+ setError('Failed to fetch team details');
}
};
- await dataService.addTeam(newTeamData);
- setFormData({ name: '', time: '', result: '' });
- setShowAddForm(false);
- } catch (err) {
- setError('Failed to add team');
- console.error(err);
+ fetchTeam();
}
- };
-
- // Delete team
- const handleDeleteTeam = async (id) => {
+ }, [isEdit, id, token]);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setSubmitting(true);
+
try {
- await dataService.deleteTeam(id);
+ if (isEdit) {
+ await apiService.updateTeam(id, { name }, token);
+ } else {
+ await apiService.createTeam({ name }, token);
+ }
+ navigate('/teams');
} catch (err) {
- setError('Failed to delete team');
- console.error(err);
+ setError(isEdit ? 'Failed to update team' : 'Failed to create team');
+ setSubmitting(false);
}
};
-
- // Select team for editing
- const handleSelectTeam = (team) => {
- setSelectedTeam(team);
- setFormData({
- name: team.name,
- time: team.time,
- result: team.results[currentDate] || ''
- });
- setShowEditForm(true);
- setShowChartView(false);
- };
-
- // Update team
- const handleUpdateTeam = async () => {
- try {
- if (!selectedTeam) return;
-
- const updatedResults = { ...selectedTeam.results };
- updatedResults[currentDate] = formData.result;
-
- const updatedTeamData = {
- name: formData.name,
- time: formData.time,
- results: updatedResults
- };
-
- await dataService.updateTeam(selectedTeam.id, updatedTeamData);
- setShowEditForm(false);
- setSelectedTeam(null);
- setFormData({ name: '', time: '', result: '' });
- } catch (err) {
- setError('Failed to update team');
- console.error(err);
- }
- };
-
- // Show chart for selected team
- const handleViewChart = (team) => {
- setSelectedTeam(team);
- setShowChartView(true);
- setShowEditForm(false);
- };
-
- // Generate mock chart data for the selected team
- const generateChartData = () => {
- if (!selectedTeam) return [];
-
- // Generate some random data for demonstration
- const mockData = [];
- const currentDate = new Date();
-
- for (let i = 0; i < 30; i++) {
- const date = new Date(currentDate);
- date.setDate(date.getDate() - i);
- const dateStr = date.toISOString().split('T')[0];
-
- mockData.unshift({
- date: dateStr,
- result: Math.floor(Math.random() * 100).toString().padStart(2, '0')
- });
- }
-
- return mockData;
- };
-
- if (loading) {
- return Team Management
+ Add New Team +| ID | +Name | +Actions | +
|---|---|---|
| {team.id} | +{team.name} | ++ Edit + + | +
Loading...
;
- }
-
- if (error) {
- return {error}
;
- }
-
+
return (
-
-
-
- Bikaner Super Satta Result Admin Panel
+
+
+ );
+};
+
+const ResultCalendar = () => {
+ const [date, setDate] = useState(new Date().toISOString().split('T')[0]);
+ const [results, setResults] = useState([]);
+ const [teams, setTeams] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState('');
+ const { token } = React.useContext(AuthContext);
+
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ const [teamsData, resultsData] = await Promise.all([
+ apiService.getTeams(token),
+ apiService.getDailyResults(date, token)
+ ]);
+ setTeams(teamsData);
+ setResults(resultsData);
+ setLoading(false);
+ } catch (err) {
+ setError('Failed to fetch data');
+ setLoading(false);
+ }
+ };
+
+ fetchData();
+ }, [date, token]);
+
+ const handleDateChange = (e) => {
+ setDate(e.target.value);
+ };
+
+ if (loading) return {isEdit ? 'Edit Team' : 'Add New Team'}
+ {error &&{error}
}
+
+ Loading...
;
+ if (error) return {error}
;
+
+ return (
+
+
Results Calendar
+
+
+
+
+
+
+
Results for {date}
+ Add New Result - {/* Controls */} -
-
-
-
-
- {/* Add Form */}
- {showAddForm && (
-
-
-
-
-
- )}
-
- {/* Edit Form */}
- {showEditForm && selectedTeam && (
- Add New Team
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )}
-
- {/* Chart View */}
- {showChartView && selectedTeam && (
- Edit Team: {selectedTeam.name}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )}
-
- {/* Teams Table */}
- Monthly Chart: {selectedTeam.name}
-
-
-
-
-
- | Date | -Result | -
|---|---|
| {new Date(item.date).toLocaleDateString()} | -{item.result} | -
-
-
-
-
+ {results.length === 0 ? (
+
-
-
+ )}
);
};
-export default AdminPanel;
\ No newline at end of file
+const ResultForm = ({ isEdit = false }) => {
+ const [formData, setFormData] = useState({
+ team: '',
+ result: '',
+ date: new Date().toISOString().split('T')[0]
+ });
+ const [teams, setTeams] = useState([]);
+ const [submitting, setSubmitting] = useState(false);
+ const [error, setError] = useState('');
+ const { token } = React.useContext(AuthContext);
+ const { id } = useParams();
+ const navigate = useNavigate();
+ const location = useLocation();
+
+ useEffect(() => {
+ const fetchTeams = async () => {
+ try {
+ const teamsData = await apiService.getTeams(token);
+ setTeams(teamsData);
+
+ // Set date from query params if available
+ const params = new URLSearchParams(location.search);
+ const dateParam = params.get('date');
+ if (dateParam) {
+ setFormData(prev => ({ ...prev, date: dateParam }));
+ }
+
+ // If editing, fetch the result details
+ if (isEdit && id) {
+ // This is a simplified approach. In a real app, you'd have an API endpoint to fetch a specific result
+ const results = await apiService.getDailyResults(dateParam, token);
+ const result = results.find(r => r.id === parseInt(id));
+ console.log(result.team);
+ if (result) {
+ console.log(result)
+ setFormData({
+ team: result.team,
+ result: result.result,
+ date: result.date
+ });
+ }
+ }
+ } catch (err) {
+ setError('Failed to fetch data');
+ }
+ };
+
+ fetchTeams();
+ }, [isEdit, id, token, location.search]);
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData(prev => ({ ...prev, [name]: value }));
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setSubmitting(true);
+
+ try {
+ await apiService.publishResult(formData, token);
+ navigate(`/results?date=${formData.date}`);
+ } catch (err) {
+ setError('Failed to publish result');
+ setSubmitting(false);
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ );
+};
+
+export default App;
\ No newline at end of file
diff --git a/src/pages/Home2.js b/src/pages/Home2.js
new file mode 100644
index 0000000..479e60a
--- /dev/null
+++ b/src/pages/Home2.js
@@ -0,0 +1,474 @@
+import React, { useState, useEffect } from 'react';
+import { BarChart2, Calendar, RefreshCw } from 'lucide-react';
+import axios from 'axios';
+
+const Home2 = () => {
+ const [teams, setTeams] = useState([]);
+ const [dates, setDates] = useState([]);
+ const [selectedTeam, setSelectedTeam] = useState(null);
+ const [showChartView, setShowChartView] = useState(false);
+ const [showCalendar, setShowCalendar] = useState(false);
+ const [currentTime, setCurrentTime] = useState("");
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(null);
+ const [calendarData, setCalendarData] = useState([]);
+ const [currentMonth, setCurrentMonth] = useState(new Date());
+
+ // API URL
+ const API_URL = 'http://localhost:5500/api';
+
+ // Fetch teams data
+ useEffect(() => {
+
+ const fetchTeams = async () => {
+ try {
+ setLoading(true);
+ // Get all teams
+ const teamsResponse = await axios.get(`${API_URL}/teams`);
+ alert("teamsResponse");
+
+ // Get today's date and format it
+ const today = new Date();
+ const todayFormatted = today.toISOString().split('T')[0];
+ // Get yesterday's date and format it
+ const yesterday = new Date();
+ yesterday.setDate(yesterday.getDate() - 1);
+ const yesterdayFormatted = yesterday.toISOString().split('T')[0];
+
+ // Set dates for display
+ setDates([yesterdayFormatted, todayFormatted]);
+
+ // Get today's results
+ const todayResultsResponse = await axios.get(`${API_URL}/today`);
+
+ // Get yesterday's results for each team
+ const yesterdayResultsPromises = teamsResponse.data.map(team =>
+ axios.get(`${API_URL}/results?team=${team.name}&date=${yesterdayFormatted}`)
+ .then(response => response.data)
+ .catch(() => null) // If no result, return null
+ );
+
+ const yesterdayResults = await Promise.all(yesterdayResultsPromises);
+
+ // Combine team data with results
+ const teamsWithResults = teamsResponse.data.map((team, index) => {
+ const results = {};
+
+ // Add yesterday's result if available
+ if (yesterdayResults[index]) {
+ results[yesterdayFormatted] = yesterdayResults[index].result;
+ }
+
+ // Add today's result if available
+ const todayResult = todayResultsResponse.data.find(r => r.team === team.name);
+ if (todayResult) {
+ results[todayFormatted] = todayResult.result;
+ }
+
+ // Extract time from team name or use default
+ let time = "XX:XX";
+ const timePart = team.name.match(/\d{2}:\d{2}\s*(?:AM|PM)/i);
+ if (timePart) {
+ time = timePart[0];
+ }
+
+ return {
+ id: team.id,
+ name: team.name,
+ time: time,
+ results: results
+ };
+ });
+
+ setTeams(teamsWithResults);
+ setLoading(false);
+ } catch (err) {
+ console.error("Error fetching data:", err);
+ setError("Failed to load team data. Please try again later.");
+ setLoading(false);
+ }
+ };
+
+ fetchTeams();
+
+ // Update current time every minute
+ const interval = setInterval(() => {
+ const now = new Date();
+ const formattedTime = now.toLocaleString("en-IN", { timeZone: "Asia/Kolkata" });
+ setCurrentTime(formattedTime);
+ }, 60000);
+
+ // Set initial time
+ const now = new Date();
+ const formattedTime = now.toLocaleString("en-IN", { timeZone: "Asia/Kolkata" });
+ setCurrentTime(formattedTime);
+
+ return () => clearInterval(interval);
+ }, []);
+
+ // Show chart for selected team
+ const handleViewChart = async (team) => {
+ try {
+ setLoading(true);
+ // Get monthly results for the selected team
+ const currentDate = new Date();
+ const month = currentDate.getMonth() + 1;
+ const year = currentDate.getFullYear();
+
+ const response = await axios.post(`${API_URL}/results/monthly`, {
+ team: team.name,
+ month: `${year}-${month.toString().padStart(2, '0')}`
+ });
+
+ setSelectedTeam({
+ ...team,
+ chartData: response.data
+ });
+
+ setShowChartView(true);
+ setShowCalendar(false);
+ setLoading(false);
+ } catch (err) {
+ console.error("Error fetching chart data:", err);
+ setError("Failed to load chart data. Please try again later.");
+ setLoading(false);
+ }
+ };
+
+ // Load calendar data
+ const loadCalendarData = async (year, month) => {
+ try {
+ setLoading(true);
+
+ // Calculate first and last day of month
+ const firstDay = new Date(year, month, 1).toISOString().split('T')[0];
+ const lastDay = new Date(year, month + 1, 0).toISOString().split('T')[0];
+
+ // Get results for each day in the month
+ const dailyResultsPromises = [];
+ const currentDate = new Date(year, month, 1);
+ const lastDate = new Date(year, month + 1, 0);
+
+ while (currentDate <= lastDate) {
+ const dateString = currentDate.toISOString().split('T')[0];
+ dailyResultsPromises.push(
+ axios.get(`${API_URL}/results/daily?date=${dateString}`)
+ .then(response => ({
+ date: dateString,
+ results: response.data
+ }))
+ .catch(() => ({
+ date: dateString,
+ results: []
+ }))
+ );
+ currentDate.setDate(currentDate.getDate() + 1);
+ }
+
+ const allResults = await Promise.all(dailyResultsPromises);
+
+ // Format calendar data
+ const calendarDays = [];
+ const firstDayOfMonth = new Date(year, month, 1);
+ const firstDayWeekday = firstDayOfMonth.getDay();
+
+ // Add empty cells for days before the first of the month
+ for (let i = 0; i < firstDayWeekday; i++) {
+ calendarDays.push(null);
+ }
+
+ // Add days with results
+ for (let i = 1; i <= lastDate.getDate(); i++) {
+ const dateObj = new Date(year, month, i);
+ const dateStr = dateObj.toISOString().split('T')[0];
+
+ const dayData = allResults.find(r => r.date === dateStr);
+ let teamResults = {};
+
+ if (dayData && dayData.results.length > 0) {
+ dayData.results.forEach(result => {
+ teamResults[result.team] = result.result;
+ });
+ }
+
+ calendarDays.push({
+ day: i,
+ date: dateStr,
+ results: teamResults
+ });
+ }
+
+ setCalendarData(calendarDays);
+ setLoading(false);
+ } catch (err) {
+ console.error("Error loading calendar data:", err);
+ setError("Failed to load calendar data. Please try again later.");
+ setLoading(false);
+ }
+ };
+
+ // Handle calendar view button click
+ const handleCalendarView = () => {
+ const now = new Date();
+ setCurrentMonth(now);
+ loadCalendarData(now.getFullYear(), now.getMonth());
+ setShowCalendar(true);
+ setShowChartView(false);
+ };
+
+ // Handle month change in calendar
+ const handleMonthChange = (increment) => {
+ const newMonth = new Date(currentMonth);
+ newMonth.setMonth(newMonth.getMonth() + increment);
+ setCurrentMonth(newMonth);
+ loadCalendarData(newMonth.getFullYear(), newMonth.getMonth());
+ };
+
+ // Refresh data
+ const handleRefresh = () => {
+ window.location.reload();
+ };
+
+ return (
+
| Games List | -
- {new Date(dates[0]).toLocaleDateString()} - {new Date(dates[0]).toLocaleDateString("en-US", {weekday: 'short'})} - |
-
- {new Date(dates[1]).toLocaleDateString()} - {new Date(dates[1]).toLocaleDateString("en-US", {weekday: 'short'})} - |
- Actions | +
|---|---|---|---|
| Team | +Result | +Actions | |
|
- {team.name}
- at {team.time}
- |
- {team.results[dates[0]] || 'XX'} | -{team.results[dates[1]] || 'XX'} | -
-
-
-
-
-
+ {results.map(result => (
+ |
| {result.team} | +{result.result} | ++ Edit |
+
+ );
+};
+
+const Dashboard = () => {
+ const { logout } = React.useContext(AuthContext);
+
+ return (
+ {isEdit ? 'Edit Result' : 'Add New Result'}
+ {error &&{error}
}
+
+
+
+
+
+
+
+
+ );
+};
+
+// Protected Route
+const ProtectedRoute = ({ children }) => {
+ const { isAuthenticated } = React.useContext(AuthContext);
+
+ if (!isAuthenticated) {
+ return Admin Dashboard
+ +
+
+
+
+
+
+ );
+};
+
+export default Home2;
\ No newline at end of file
+ {/* Header */}
+
+
+ SATTA-KING-FAST.com
+ + {/* Advertisement Banner */} +
+ 
+
+
+ {/* Informational Text */}
+ + Delhi Diamond Satta Result And Monthly Satta Chart of March 2025 With Combined Chart of Gali, Desawar, Ghaziabad, Faridabad And Shri Ganesh from Satta King Fast, Satta King Result, Satta King Chart, Black Satta King and Satta King 786. +
+ + {/* Disclaimer */} ++ Satta-King-Fast.com is the most popular gaming discussion forum for players to use freely and we are not in partnership with any gaming company. +
+ + {/* Warning Message */} ++ कृपया ध्यान दें, लीक गेम के नाम पर किसी को कोई पैसा न दें, ना पहले ना बाद में - धन्यवाद +
+ + {/* Contact Link */} ++ हमसे संपर्क करने के लिए ➡ यहाँ क्लिक करें +
+ + {/* Timestamp */} ++ Updated: {currentTime} IST. +
+
+ {error && (
+
+
+
+ )}
+
+ {error}
+
+ {teams.length > 0 && teams[0].name} Satta Result of {dates.length > 1 && new Date(dates[1]).toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' })} & {dates.length > 0 && new Date(dates[0]).toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' })}
+
+
+ {/* Controls */}
+
+
+
+ {/* Loading indicator */}
+ {loading && (
+ Latest Results
+
+
+
+
+
+
+
+ )}
+
+ {/* Chart View */}
+ {!loading && showChartView && selectedTeam && (
+
+
+
+
+ )}
+
+ {/* Calendar View */}
+ {!loading && showCalendar && (
+ Monthly Chart: {selectedTeam.name}
+
+
+
+
+
+ | Date | +Result | +
|---|---|
| {new Date(item.result_date).toLocaleDateString()} | +{item.result} | +
| No chart data available | +|
+
+
+
+
+ )}
+
+ {/* Teams Table */}
+ {!loading && !showCalendar && !showChartView && (
+
+
+
+
+
+ + {currentMonth.toLocaleDateString('en-US', { month: 'long', year: 'numeric' })} +
+ + +
+ {['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map(day => (
+
+
+ {day}
+ ))}
+
+ {calendarData.map((day, index) => (
+
+
+
+ {day && (
+ <>
+
+ ))}
+ {day.day}
+ {teams.map(team => (
+
+ {day.results[team.name] && (
+ <>
+ {team.name.split(' ')[0]}: {day.results[team.name]}
+
+ )}
+
+ ))}
+
+ )}
+
+
+
+
+
+
+
+
+
+ )}
+ | Games List | ++ {dates.length > 0 && new Date(dates[0]).toLocaleDateString('en-US', { weekday: 'short' })} {dates.length > 0 && new Date(dates[0]).getDate()}th + | ++ {dates.length > 1 && new Date(dates[1]).toLocaleDateString('en-US', { weekday: 'short' })} {dates.length > 1 && new Date(dates[1]).getDate()}th + | +Chart | +
|---|---|---|---|
|
+ {team.name}
+ at {team.time}
+ handleViewChart(team)}>Record Chart
+ |
+ {dates.length > 0 && team.results[dates[0]] || 'XX'} | +{dates.length > 1 && team.results[dates[1]] || 'XX'} | +
+
+
+
+ |
+
| No teams found | +|||
+
+
+