Update pages.html
Browse files- pages.html +66 -5
pages.html
CHANGED
@@ -705,25 +705,84 @@ editor.on('load', function() {
|
|
705 |
|
706 |
|
707 |
<script>
|
708 |
-
//
|
709 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
710 |
|
711 |
document.addEventListener('DOMContentLoaded', () => {
|
712 |
console.log('DOMContentLoaded выполнен');
|
713 |
-
|
714 |
// Функция для тестовой кнопки
|
715 |
document.getElementById('testBtn').addEventListener('click', async function() {
|
716 |
console.log('Тестовая кнопка работает!');
|
|
|
717 |
// Получаем HTML-код из GrapesJS
|
718 |
const editor = grapesjs.editors[0]; // Предполагается, что у вас есть только один редактор
|
719 |
const htmlContent = editor.getHtml();
|
720 |
const cssContent = editor.getCss();
|
721 |
-
|
722 |
console.log('Загрузка библиотек...');
|
|
|
723 |
// Загружаем библиотеки
|
724 |
await loadVKBridge();
|
725 |
await loadOpenAPI();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
726 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
727 |
const fullHtmlContent = `
|
728 |
<!DOCTYPE html>
|
729 |
<html lang="en">
|
@@ -738,7 +797,8 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
738 |
</body>
|
739 |
</html>
|
740 |
`;
|
741 |
-
|
|
|
742 |
const blob = new Blob([fullHtmlContent], { type: 'text/html' });
|
743 |
const link = document.createElement('a');
|
744 |
link.href = URL.createObjectURL(blob);
|
@@ -764,6 +824,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
764 |
|
765 |
|
766 |
|
|
|
767 |
|
768 |
|
769 |
|
|
|
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">
|
|
|
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);
|
|
|
824 |
|
825 |
|
826 |
|
827 |
+
|
828 |
|
829 |
|
830 |
|