DmitrMakeev
commited on
Update pages.html
Browse files- pages.html +103 -104
pages.html
CHANGED
@@ -704,113 +704,112 @@ editor.on('load', function() {
|
|
704 |
|
705 |
|
706 |
|
707 |
-
|
708 |
-
|
709 |
-
|
710 |
-
|
711 |
-
|
712 |
-
|
713 |
-
|
714 |
-
|
715 |
-
|
716 |
-
|
717 |
-
|
718 |
-
|
719 |
-
|
720 |
-
|
721 |
-
|
722 |
-
|
723 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
724 |
|
725 |
-
|
726 |
-
|
727 |
-
|
728 |
-
|
729 |
-
|
730 |
-
|
731 |
-
|
732 |
-
|
733 |
-
|
734 |
-
|
735 |
-
|
736 |
-
|
737 |
-
|
738 |
-
|
739 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
740 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
741 |
|
742 |
-
document.addEventListener('DOMContentLoaded', () => {
|
743 |
-
console.log('DOMContentLoaded выполнен');
|
744 |
-
|
745 |
-
// Функция для тестовой кнопки
|
746 |
-
document.getElementById('testBtn').addEventListener('click', async function() {
|
747 |
-
console.log('Тестовая кнопка работает!');
|
748 |
-
|
749 |
-
// Получаем HTML-код из GrapesJS
|
750 |
-
const editor = grapesjs.editors[0]; // Предполагается, что у вас есть только один редактор
|
751 |
-
const htmlContent = editor.getHtml();
|
752 |
-
const cssContent = editor.getCss();
|
753 |
-
|
754 |
-
console.log('Загрузка библиотек...');
|
755 |
-
|
756 |
-
// Загружаем библиотеки
|
757 |
-
await loadVKBridge();
|
758 |
-
await loadOpenAPI();
|
759 |
-
|
760 |
-
// Инициализируем VK API
|
761 |
-
vkBridge.send('VKWebAppInit');
|
762 |
-
vkBridge.send("VKWebAppAllowMessagesFromGroup", {"group_id": 168704660, "key": "cc964fabb0e1d70924a92e4e8b513dbff7cc10a9"})
|
763 |
-
.then(data => {
|
764 |
-
console.log(data);
|
765 |
-
if (data.result == true) {
|
766 |
-
// Действия, если подписка подтверждена
|
767 |
-
} else {
|
768 |
-
window.location.href = "https://riverpsy.com/courses";
|
769 |
-
}
|
770 |
-
})
|
771 |
-
.catch(error => {
|
772 |
-
window.location.href = "https://riverpsy.com/courses";
|
773 |
-
});
|
774 |
-
vkBridge.send('VKWebAppGetUserInfo')
|
775 |
-
.then(data => {
|
776 |
-
console.log(data.id);
|
777 |
-
console.log(data.first_name);
|
778 |
-
console.log(data.last_name);
|
779 |
-
console.log(data);
|
780 |
-
})
|
781 |
-
.catch(error => {
|
782 |
-
console.error('Error:', error);
|
783 |
-
});
|
784 |
-
|
785 |
-
// Генерация HTML-контента с включенными скриптами
|
786 |
-
const fullHtmlContent = `
|
787 |
-
<!DOCTYPE html>
|
788 |
-
<html lang="en">
|
789 |
-
<head>
|
790 |
-
<meta charset="UTF-8">
|
791 |
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
792 |
-
<title>Скачанная HTML-страница</title>
|
793 |
-
<style>${cssContent}</style>
|
794 |
-
<script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
|
795 |
-
<script src="https://vk.com/js/api/openapi.js?169"></script>
|
796 |
-
</head>
|
797 |
-
<body>
|
798 |
-
${htmlContent}
|
799 |
-
</body>
|
800 |
-
</html>
|
801 |
-
`;
|
802 |
-
|
803 |
-
// Скачивание файла
|
804 |
-
const blob = new Blob([fullHtmlContent], { type: 'text/html' });
|
805 |
-
const link = document.createElement('a');
|
806 |
-
link.href = URL.createObjectURL(blob);
|
807 |
-
link.download = 'downloaded_page.html';
|
808 |
-
document.body.appendChild(link);
|
809 |
-
link.click();
|
810 |
-
document.body.removeChild(link);
|
811 |
-
});
|
812 |
-
});
|
813 |
-
</script>
|
814 |
|
815 |
|
816 |
|
|
|
704 |
|
705 |
|
706 |
|
707 |
+
<script>
|
708 |
+
// Загружаем VK Bridge и OpenAPI
|
709 |
+
function loadVKBridge() {
|
710 |
+
return new Promise((resolve, reject) => {
|
711 |
+
const script = document.createElement('script');
|
712 |
+
script.src = 'https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js';
|
713 |
+
script.onload = () => {
|
714 |
+
console.log('VK Bridge загружен');
|
715 |
+
resolve();
|
716 |
+
};
|
717 |
+
script.onerror = () => {
|
718 |
+
console.error('Ошибка при загрузке VK Bridge');
|
719 |
+
reject();
|
720 |
+
};
|
721 |
+
document.head.appendChild(script);
|
722 |
+
});
|
723 |
+
}
|
724 |
+
|
725 |
+
function loadOpenAPI() {
|
726 |
+
return new Promise((resolve, reject) => {
|
727 |
+
const script = document.createElement('script');
|
728 |
+
script.src = 'https://vk.com/js/api/openapi.js?169';
|
729 |
+
script.onload = () => {
|
730 |
+
console.log('OpenAPI загружен');
|
731 |
+
resolve();
|
732 |
+
};
|
733 |
+
script.onerror = () => {
|
734 |
+
console.error('Ошибка при загрузке OpenAPI');
|
735 |
+
reject();
|
736 |
+
};
|
737 |
+
document.head.appendChild(script);
|
738 |
+
});
|
739 |
+
}
|
740 |
|
741 |
+
document.addEventListener('DOMContentLoaded', () => {
|
742 |
+
console.log('DOMContentLoaded выполнен');
|
743 |
+
|
744 |
+
// Функция для тестовой кнопки
|
745 |
+
document.getElementById('testBtn').addEventListener('click', async function() {
|
746 |
+
console.log('Тестовая кнопка работает!');
|
747 |
+
|
748 |
+
// Получаем HTML-код из GrapesJS
|
749 |
+
const editor = grapesjs.editors[0]; // Предполагается, что у вас есть только один редактор
|
750 |
+
const htmlContent = editor.getHtml();
|
751 |
+
const cssContent = editor.getCss();
|
752 |
+
|
753 |
+
console.log('Загрузка библиотек...');
|
754 |
+
|
755 |
+
// Загружаем библиотеки
|
756 |
+
await loadVKBridge();
|
757 |
+
await loadOpenAPI();
|
758 |
+
|
759 |
+
// Инициализируем VK API
|
760 |
+
vkBridge.send('VKWebAppInit');
|
761 |
+
vkBridge.send("VKWebAppAllowMessagesFromGroup", {"group_id": 168704660, "key": "cc964fabb0e1d70924a92e4e8b513dbff7cc10a9"})
|
762 |
+
.then(data => {
|
763 |
+
console.log(data);
|
764 |
+
if (data.result == true) {
|
765 |
+
// Действия, если подписка подтверждена
|
766 |
+
} else {
|
767 |
+
window.location.href = "https://riverpsy.com/courses";
|
768 |
}
|
769 |
+
})
|
770 |
+
.catch(error => {
|
771 |
+
window.location.href = "https://riverpsy.com/courses";
|
772 |
+
});
|
773 |
+
|
774 |
+
vkBridge.send('VKWebAppGetUserInfo')
|
775 |
+
.then(data => {
|
776 |
+
console.log(data.id);
|
777 |
+
console.log(data.first_name);
|
778 |
+
console.log(data.last_name);
|
779 |
+
console.log(data);
|
780 |
+
})
|
781 |
+
.catch(error => {
|
782 |
+
console.error('Error:', error);
|
783 |
+
});
|
784 |
+
|
785 |
+
// Генерация HTML-контента
|
786 |
+
const fullHtmlContent = `
|
787 |
+
<!DOCTYPE html>
|
788 |
+
<html lang="en">
|
789 |
+
<head>
|
790 |
+
<meta charset="UTF-8">
|
791 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
792 |
+
<title>Скачанная HTML-страница</title>
|
793 |
+
<style>${cssContent}</style>
|
794 |
+
</head>
|
795 |
+
<body>
|
796 |
+
${htmlContent}
|
797 |
+
</body>
|
798 |
+
</html>
|
799 |
+
`;
|
800 |
+
|
801 |
+
// Скачивание файла
|
802 |
+
const blob = new Blob([fullHtmlContent], { type: 'text/html' });
|
803 |
+
const link = document.createElement('a');
|
804 |
+
link.href = URL.createObjectURL(blob);
|
805 |
+
link.download = 'downloaded_page.html';
|
806 |
+
document.body.appendChild(link);
|
807 |
+
link.click();
|
808 |
+
document.body.removeChild(link);
|
809 |
+
});
|
810 |
+
});
|
811 |
+
</script>
|
812 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
813 |
|
814 |
|
815 |
|