nouffer/rogaining_srv
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Supervisor update3

Browse Source
This commit is contained in:
Akira Miyata
2024-10-30 06:57:51 +09:00
parent d017da17d4
commit e01d2e7ea6
3 changed files with 76 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
supervisor/html/index.html
View File

@ -60,7 +60,7 @@
<div class="text-sm text-gray-500">判定</div>
<div id="validate" class="font-semibold text-blue-600"></div>
</div>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
<div class="bg-gray-50 p-4 rounded-lg">
@ -86,7 +86,7 @@
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="w-8"></th> <!-- ハンバーガーアイコン用 -->
<th class="w-8"></th> <!-- ハンバーガーアイコン用 -->
<th class="px-2 py-3 text-left text-xs font-medium text-gray-500 uppercase">走行順</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">規定写真</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">撮影写真</th>
@ -95,7 +95,7 @@
<th class="px-2 py-3 text-left text-xs font-medium text-gray-500 uppercase">通過審査</th>
<th class="px-2 py-3 text-left text-xs font-medium text-gray-500 uppercase">買物</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">獲得点数</th>
<th class="w-8"></th> <!-- 削除ボタン用 -->
<th class="w-8"></th> <!-- 削除ボタン用 -->
</tr>
</thead>
<tbody id="checkinList" class="bg-white divide-y divide-gray-200">
@ -106,9 +106,9 @@
<!-- アクションボタン -->
<div class="mt-6 flex justify-end space-x-4">
<button onclick="showAddCPModal()" class="px-4 py-2 bg-blue-500 text-white rounded">
<button onclick="showAddCPModal()" class="px-4 py-2 bg-blue-500 text-white rounded">
新規CP追加
</button>
</button>
<button id="saveButton" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
保存
</button>
@ -120,7 +120,7 @@
</div>
<script>
// APIのベースURLを環境に応じて設定
// APIのベースURLを環境に応じて設定
const API_BASE_URL = '/api';
async function login(email, password) {
@ -286,20 +286,22 @@
const zekkenNumber = zekkenNumberSelect.value
// イベントとチェックインデータを取得
fetch(`${API_BASE_URL}/get_team_info/${eventCode}`,{
fetch(`${API_BASE_URL}/get_team_info/${eventCode}`,{
headers: {
'Authorization': `Token ${getAuthToken()}`,
'Content-Type': 'application/json'
}
})
.then(response => response.json())
.then(team => {
if (team.self_rogaining) {
// セルフロゲイニングの場合
fetch(`${API_BASE_URL}/checkins/${zekkenNumber}/${eventCode}/`,
headers: {
'Authorization': `Token ${getAuthToken()}`,
'Content-Type': 'application/json'
}
fetch(`${API_BASE_URL}/checkins/${zekkenNumber}/${eventCode}/`,{
headers: {
'Authorization': `Token ${getAuthToken()}`,
'Content-Type': 'application/json',
}
})
.then(response => response.json())
.then(checkins => {
const startCheckin = checkins.find(c => c.cp_number === -1);
@ -311,8 +313,8 @@
updateValidation(timeDiff, maxTime);
}
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
} else {
// 通常のロゲイニングの場合
const startTime = new Date(event.start_datetime);
@ -331,15 +333,11 @@
display.classList.remove('hidden');
input.classList.add('hidden');
// 判定を入れる
}
// 判定の更新を行う補助関数
function updateValidation(timeDiff, maxTime) {
console.log('updateValidation',timeDiff,' > ',maxTime)
console.log('updateValidation',timeDiff,' > ',maxTime)
const validateElement = document.getElementById('validate');
if (validateElement) {
if (timeDiff > maxTime) {
@ -371,15 +369,14 @@
}
async function loadEventCodes() {
try {
const response = await fetch(`${API_BASE_URL}/new-events/`,{
try {
const response = await fetch(`${API_BASE_URL}/new-events/`,{
headers: {
'Authorization': `Token ${getAuthToken()}`,
'Content-Type': 'application/json'
}
})
.catch(error => handleApiError(error));
;
})
.catch(error => handleApiError(error));
if (!response.ok) {
if (response.status === 401) {
@ -406,22 +403,22 @@
select.appendChild(option);
});
} catch (error) {
} catch (error) {
console.error('Error loading events:', error);
// ユーザーにエラーを表示
const select = document.getElementById('eventCode');
select.innerHTML = '<option value="">エラー: イベントの読み込みに失敗しました</option>';
}
}
}
// ゼッケン番号をロードする
// ゼッケン番号をロードする
function loadZekkenNumbers(eventCode) {
// APIからゼッケン番号を取得して選択肢を設定
fetch(`${API_BASE_URL}/zekken_numbers/${eventCode}`,{
headers: {
fetch(`${API_BASE_URL}/zekken_numbers/${eventCode}`,{
headers: {
'Authorization': `Token ${getAuthToken()}`
})
}
})
.then(response => response.json())
.then(data => {
const select = document.getElementById('zekkenNumber');
@ -433,29 +430,27 @@
select.appendChild(option);
});
})
.catch(error => handleApiError(error));
.catch(error => handleApiError(error));
});
}
// チームデータのロード
// チームデータのロード
async function loadTeamData(zekkenNumber,event_code) {
try {
const [teamResponse, checkinsResponse] = await Promise.all([
fetch(`${API_BASE_URL}/team_info/${zekkenNumber}/`, {
fetch(`${API_BASE_URL}/team_info/${zekkenNumber}/`, {
headers: {
'Authorization': `Token ${getAuthToken()}`
}
})
.catch(error => handleApiError(error));
;
fetch(`${API_BASE_URL}/checkins/${zekkenNumber}/${event_code}/`, {
.catch(error => handleApiError(error)),
fetch(`${API_BASE_URL}/checkins/${zekkenNumber}/${event_code}/`, {
headers: {
'Authorization': `Token ${getAuthToken()}`
}
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error))
]);
// 各レスポンスのステータスを個別にチェック
@ -558,7 +553,7 @@
}
}
});
updatePathOrders();
updatePathOrders();
// 合計ポイントの更新
document.getElementById('totalPoints').textContent = totalPoints;
@ -704,8 +699,8 @@
`;
tbody.appendChild(tr);
});
updatePathOrders();
calculatePoints(); // 総合ポイントの計算
updatePathOrders();
calculatePoints(); // 総合ポイントの計算
}
@ -718,12 +713,11 @@
try {
const response = await fetch(`${API_BASE_URL}/checkins/${id}`, {
method: 'DELETE',
headers: {
headers: {
'Authorization': `Token ${getAuthToken()}`
}
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
if (response.ok) {
const row = document.querySelector(`tr[data-id="${id}"]`);
@ -742,11 +736,11 @@
function calculatePointsForCheckin(checkin) {
let points = 0;
if (checkin.validate_location) {
if(checkin.buy_flag){
points += Number(checkin.buy_point) || 0;
}else{
if(checkin.buy_flag){
points += Number(checkin.buy_point) || 0;
}else{
points += Number(checkin.checkin_point) || 0;
}
}
}
return points;
}
@ -758,19 +752,19 @@
const pointCell = tr.querySelector('.point-value');
const cpNumber = tr.dataset.cpNumber;
fetch(`${API_BASE_URL}/location/${cpNumber}/`,
headers: {
fetch(`${API_BASE_URL}/location/${cpNumber}/`,{
headers: {
'Authorization': `Token ${getAuthToken()}`
}
)
}
})
.then(response => response.json())
.then(location => {
const points = checkbox.checked ? location.checkin_point : 0;
pointCell.textContent = points;
calculatePoints(); // 総合ポイントの計算
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
}
// 審査チェックボックス更新関数
@ -785,11 +779,11 @@
points: 0
};
fetch(`${API_BASE_URL}/location/${cpNumber}/`,
headers: {
fetch(`${API_BASE_URL}/location/${cpNumber}/`,{
headers: {
'Authorization': `Token ${getAuthToken()}`
}
)
}
})
.then(response => response.json())
.then(location => {
if (checkin.validate_location) {
@ -811,8 +805,8 @@
// APIに更新を送信
// updateCheckinOnServer(cpNumber, checkin);
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
}
// 買い物チェックボックス更新関数
@ -821,19 +815,18 @@
const pointCell = tr.querySelector('.point-value');
const cpNumber = tr.dataset.cpNumber;
fetch(`${API_BASE_URL}/location/${cpNumber}/`,
headers: {
fetch(`${API_BASE_URL}/location/${cpNumber}/`,{
headers: {
'Authorization': `Token ${getAuthToken()}`
}
)
}
})
.then(response => response.json())
.then(location => {
const points = checkbox.checked ? location.buy_point : 0;
pointCell.textContent = points;
calculatePoints(); // 総合ポイントの計算
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
}
// 買い物チェックボックス更新関数
@ -848,11 +841,11 @@
points: 0
};
fetch(`${API_BASE_URL}/location/${cpNumber}/`,
headers: {
fetch(`${API_BASE_URL}/location/${cpNumber}/`,{
headers: {
'Authorization': `Token ${getAuthToken()}`
}
)
}
})
.then(response => response.json())
.then(location => {
if (checkin.validate_location) {
@ -867,8 +860,7 @@
pointCell.textContent = checkin.points;
calculatePoints(); // 総合ポイントの計算
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
}
// 画像拡大表示用のモーダル関数
@ -942,8 +934,7 @@
loadTeamData(currentZekkenNumber,eventCode); // チームデータのロード
closeModal();
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
}
function closeModal() {
@ -958,13 +949,13 @@
});
}
// 総合ポイントの計算
// 総合ポイントの計算
function calculatePoints() {
const rows = Array.from(document.getElementById('checkinList').children);
let totalPoints = 0; // チェックインポイントの合計をクリア
let buyPoints = 0; // 買い物ポイントの合計をクリア
// 各行のチェックインポイント及び買い物ポイントを合算
// 各行のチェックインポイント及び買い物ポイントを合算
rows.forEach(row => {
const points = parseInt(row.children[4].textContent);
if (!isNaN(points)) {
@ -975,13 +966,13 @@
}
});
// 遅刻ポイントの計算=ゴール時刻がEventのゴール時刻を超えていたら１分につき-50点を加算する。
// 遅刻ポイントの計算=ゴール時刻がEventのゴール時刻を超えていたら１分につき-50点を加算する。
const latePoints = parseInt(document.getElementById('latePoints').textContent) || 0;
// 総合得点を計算
const finalPoints = totalPoints + buyPoints - latePoints;
// 総合得点を計算
const finalPoints = totalPoints + buyPoints - latePoints;
// 判定を更新。順位を表示、ゴール時刻を１５分経過したら失格
// 判定を更新。順位を表示、ゴール時刻を１５分経過したら失格
document.getElementById('totalPoints').textContent = totalPoints;
document.getElementById('buyPoints').textContent = buyPoints;
@ -1007,15 +998,15 @@
'Authorization': `Token ${getAuthToken()}`
},
body: JSON.stringify(updates)
}).then(response => {
})
.then(response => {
if (response.ok) {
alert('保存しました');
} else {
alert('保存に失敗しました');
}
})
.catch(error => handleApiError(error));
;
.catch(error => handleApiError(error));
}
// エラーハンドリング関数