kyte-shipyard/error.html at main · keyqcloud/kyte-shipyard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en" style="background: url(/assets/images/background-2.jpg) no-repeat center center fixed; background-size: cover;">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title data-i18n="ui.error.page_title">Error - Kyte Shipyard</title>
    <!-- Stylesheets -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="/assets/css/styles.css">

    <!-- javascripts -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
    <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js" integrity="sha256-hlKLmzaRlE8SCJC1Kw8zoUbU8BxA+8kR3gseuKfMjxA=" crossorigin="anonymous"></script>
    <script src="https://cdn.keyqcloud.com/kyte/js/stable/kyte.js" crossorigin="anonymous"></script>

    <!-- Detect localhost and load appropriate JS files -->
    <script>
        const isLocalhost = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1';
        const jsPath = isLocalhost ? '/assets/js/source/' : '/assets/js/';

        // Load kyte-i18n
        document.write('<script src="' + jsPath + 'kyte-i18n.js"><\/script>');

        // Load other scripts
        document.write('<script src="/assets/js/kyte-shipyard.js"><\/script>');
        document.write('<script src="/assets/js/login.js"><\/script>');

        if (isLocalhost) {
            console.log('[DEV MODE] Loading non-obfuscated source files from ' + jsPath);
        }
    </script>

    <!-- Initialize i18n for error page (browser detection only, no session) -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const kyteI18n = new KyteI18n('en', '/assets/i18n/');

            // Browser detection only (no user session on error page)
            kyteI18n.init(null).then(() => {
                console.log('Error page i18n initialized with language:', kyteI18n.getCurrentLanguage());
                kyteI18n.translateDOM();
            }).catch(error => {
                console.error('Failed to initialize error page i18n:', error);
            });
        });
    </script>
</head>

<body style="background: none;">
    <!-- Page loading modal.  Once session is validated, the loading modal will close. -->
    <div id="pageLoaderModal" class="modal white" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
        <div class="modal-dialog modal-sm h-100 d-flex">
            <div class="mx-auto align-self-center" style="width: 48px">
                <div class="spinner-wrapper text-center fa-6x"><span class="fas fa-sync fa-spin"></span></div>
            </div>
        </div>
    </div>
    <!--  -->

    <!-- START ERROR PANEL -->
    <div class="container mt-4">
        <h1 class="text-center py-4" style="font-weight: 300;">Kyte Shipyard<sup>&trade;</sup></h1>
        <div class="row justify-content-center mx-1">
            <div class="col-xl-8 col-lg-9 col-md-11 col-sm-12 text-center">
                <h2 class="mb-3" style="font-weight: 600; color: #2d3748;" data-i18n="ui.error.title">Oops! Something went wrong</h2>
                <p class="mb-4" style="color: #718096; font-size: 1.1rem;" data-i18n="ui.error.subtitle">We encountered an unexpected error.</p>
                <img class="w-100 mb-4" src="/assets/images/404-error.png" />
                <a class="btn btn-md btn-primary pill mx-auto d-inline-block" href="/" style="border-radius:23px;">
                    <span data-i18n="ui.error.go_home">Go to Home Page</span>
                </a>
            </div>
        </div>
    </div>
    <!-- END ERROR PANEL -->
</body>
</html>