final stage -- still some bugs

supervisor/html/index.html

@@ -1132,14 +1132,98 @@ async function saveGoalTime(goalTimeStr, zekkenNumber, eventCode) {
     }
 }
 
+        // 通過証明書出力・印刷機能の実装
+        async function exportExcel() {
+            const zekkenNumber = document.querySelector('#zekkenNumber').value;
+            const eventCode = document.querySelector('#eventCode').value;
+        
+            try {
+                const response = await fetch(`${API_BASE_URL}/export_excel/${zekkenNumber}/${eventCode}/`);
+        
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+        
+                // Blobとしてレスポンスを取得
+                const blob = await response.blob();
+        
+                // BlobをURLに変換
+                const url = window.URL.createObjectURL(blob);
+        
+                // 印刷方法の選択を提供する関数
+                const printPDF = () => {
+                    // IEとその他のブラウザで異なる処理を行う
+                    if (window.navigator.msSaveOrOpenBlob) {
+                        // IEの場合
+                        window.navigator.msSaveOrOpenBlob(blob, `通過証明書_${zekkenNumber}_${eventCode}.pdf`);
+                    } else {
+                        // その他のブラウザの場合
+                        // iframeを作成して印刷用のコンテナとして使用
+                        const printFrame = document.createElement('iframe');
+                        printFrame.style.display = 'none';
+                        printFrame.src = url;
+        
+                        printFrame.onload = () => {
+                            try {
+                                // iframe内のPDFを印刷
+                                printFrame.contentWindow.print();
+                            } catch (error) {
+                                console.error('印刷プロセス中にエラーが発生しました:', error);
+                                // 印刷に失敗した場合、新しいタブでPDFを開く
+                                window.open(url, '_blank');
+                            } finally {
+                                // 少し遅延してからクリーンアップ
+                                setTimeout(() => {
+                                    document.body.removeChild(printFrame);
+                                    window.URL.revokeObjectURL(url);
+                                }, 1000);
+                            }
+                        };
+        
+                        document.body.appendChild(printFrame);
+                    }
+                };
+        
+                // 確認ダイアログを表示
+                const userChoice = window.confirm('PDFを印刷しますか？\n「キャンセル」を選択すると保存できます。');
+                
+                if (userChoice) {
+                    // 印刷を実行
+                    printPDF();
+                } else {
+                    // PDFを保存
+                    const a = document.createElement('a');
+                    a.href = url;
+                    a.download = `通過証明書_${zekkenNumber}_${eventCode}.pdf`;
+                    document.body.appendChild(a);
+                    a.click();
+                    
+                    // クリーンアップ
+                    setTimeout(() => {
+                        document.body.removeChild(a);
+                        window.URL.revokeObjectURL(url);
+                    }, 100);
+                }
+        
+            } catch (error) {
+                console.error('エクスポート中にエラーが発生しました:', error);
+                alert('エクスポート中にエラーが発生しました');
+            }
+        }
+        
+        // エラーハンドリングのためのユーティリティ関数
+        function handlePrintError(error) {
+            console.error('印刷中にエラーが発生しました:', error);
+            alert('印刷中にエラーが発生しました。PDFを新しいタブで開きます。');
+        }
 
         // 通過証明書出力機能の実装
-        async function exportExcel() {
+        async function exportExcel_old() {
             const zekkenNumber = document.querySelector('#zekkenNumber').value;
             const eventCode = document.querySelector('#eventCode').value;
             
             try {
-                const response = await fetch(`${API_BASE_URL}/export_excel/${zekkenNumber}/${eventCode}`);
+                const response = await fetch(`${API_BASE_URL}/export_excel/${zekkenNumber}/${eventCode}/`);
                 
                 if (!response.ok) {
                     throw new Error(`HTTP error! status: ${response.status}`);