File size: 6,532 Bytes
d1900e5
 
 
 
 
da12340
d1900e5
 
6494095
 
 
d1900e5
b9e72c1
9345bb0
da12340
d1900e5
 
 
da12340
d1900e5
5175686
 
d1900e5
 
5ed82df
 
 
 
da12340
1b16896
 
 
5ed82df
 
 
 
 
 
d1900e5
1b16896
7731cce
 
1b16896
 
d1900e5
7731cce
d1900e5
 
5ed82df
 
7731cce
 
 
 
d1900e5
 
 
 
 
 
 
 
 
5ed82df
 
 
7731cce
 
5ed82df
 
 
 
 
 
 
 
 
 
 
7731cce
5ed82df
 
 
d1900e5
7731cce
6494095
 
5ed82df
d1900e5
5ed82df
 
d1900e5
5ed82df
 
 
 
 
1b16896
7731cce
 
1b16896
 
 
 
 
 
6494095
1b16896
6494095
1b16896
6494095
7731cce
5ed82df
7731cce
5ed82df
 
 
7731cce
5ed82df
 
 
 
 
 
 
 
 
 
 
 
 
5175686
3a3266a
5175686
 
 
 
 
5ed82df
d1900e5
5ed82df
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Zeus Cloud</title>
    <link rel="manifest" href="/manifest.json">
    <link rel="stylesheet" href="style.css">
    <link rel="apple-touch-icon" href="/icon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <link rel="icon" type="image/png" sizes="192x192" href="/icon.png">
    <link rel="icon" href="icon.png" type="image/png">
    <meta name="google-site-verification" content="V6EqDTA9Oj9V1OfNbnBHj5RKrdcXlABD8tqfEFVUHJY" />
    <meta name="description" content="Ваши файлы под надежной защитой квантовой криптографии ">
</head>
<body>
    <iframe
        src="https://zeuscloud-m.hf.space/"
        frameborder="0"
        allowfullscreen
        allow="cross-origin-isolated; cookies"></iframe>

    <button id="installButton">Установить приложение</button>
    <button id="iosInstallPrompt">Установить приложение</button>

    <div id="iosInstallModal">
        <div class="modal-content">
            <h2>Установите приложение Zeus Cloud</h2>
            <a href="#" id="openZoomModal">
                <img src="https://huggingface.co/spaces/Morshen/alpha/resolve/main/pwa_ios.png" alt="Инструкция по установке PWA на iOS">
            </a>
            <p>1. Нажмите кнопку "Поделиться" внизу Safari.</p>
            <p>2. Выберите "На экран «Домой»".</p>
            <p>3. Подтвердите установку.</p>
            <button id="closeIosModal">Закрыть</button>
        </div>
    </div>

    <div id="imageZoomModal">
        <span id="closeZoomModal">×</span>
        <img id="zoomedImage" src="" alt="Увеличенное изображение">
    </div>

    <script>
        let deferredPrompt;
        const installButton = document.getElementById('installButton');
        const iosInstallPrompt = document.getElementById('iosInstallPrompt');
        const iosInstallModal = document.getElementById('iosInstallModal');
        const closeIosModal = document.getElementById('closeIosModal');
        const openZoomModal = document.getElementById('openZoomModal');
        const imageZoomModal = document.getElementById('imageZoomModal');
        const closeZoomModal = document.getElementById('closeZoomModal');
        const zoomedImage = document.getElementById('zoomedImage');

        function isIos() {
            return /iphone|ipad|ipod/i.test(navigator.userAgent);
        }

        function isInStandaloneMode() {
            return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
        }

        window.addEventListener('beforeinstallprompt', (event) => {
            event.preventDefault();
            deferredPrompt = event;
            installButton.style.display = 'block';
            installButton.classList.add('pulse-animation');

            installButton.addEventListener('click', async () => {
                deferredPrompt.prompt();
                const { outcome } = await deferredPrompt.userChoice;
                if (outcome === 'accepted') {
                    console.log('Пользователь принял запрос на установку');
                } else {
                    console.log('Пользователь отклонил запрос на установку');
                }
                deferredPrompt = null;
                installButton.style.display = 'none';
                installButton.classList.remove('pulse-animation');
            });
        });

        if (isIos() && !isInStandaloneMode()) {
            iosInstallPrompt.style.display = 'block';
            installButton.style.display = 'none';
            iosInstallPrompt.classList.add('pulse-animation');

            iosInstallPrompt.addEventListener('click', () => {
                iosInstallModal.style.display = 'block';
                localStorage.setItem('iosInstallPromptShown', 'true');
            });

            closeIosModal.addEventListener('click', () => {
                iosInstallModal.style.display = 'none';
            });

            openZoomModal.addEventListener('click', (event) => {
                event.preventDefault();
                zoomedImage.src = 'https://huggingface.co/spaces/Morshen/alpha/resolve/main/pwa_ios.png';
                imageZoomModal.style.display = 'block';
            });

            closeZoomModal.addEventListener('click', () => {
                imageZoomModal.style.display = 'none';
            });
        } else {
            installButton.style.display = deferredPrompt ? 'block' : 'none';
            iosInstallPrompt.style.display = 'none';
            if (deferredPrompt) {
                installButton.classList.add('pulse-animation');
            }
        }

        if (isIos() && !isInStandaloneMode() && localStorage.getItem('iosInstallPromptShown') === 'true') {
            setTimeout(() => {
                iosInstallModal.style.display = 'block';
            }, 5000);
        }

        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('/service-worker.js')
                    .then((registration) => {
                        console.log('Сервисный рабочий процесс зарегистрирован:', registration);
                    })
                    .catch((error) => {
                        console.log('Ошибка регистрации сервисного рабочего процесса:', error);
                    });
            });
        }

        // Отладка сообщений от iframe  --  УДАЛЕНО, так как не решает проблему авторизации и не несет полезной нагрузки в данном контексте.  Для отладки лучше использовать инструменты разработчика в браузере.

        // Перехват ошибок
        window.addEventListener('error', (event) => {
            console.error('Произошла ошибка:', event.message, event.filename, event.lineno);
        });
    </script>
</body>
</html>