← All changes | src/js/main.js +74 -66 1.9.6 → 2.2.2 View file →

		@@ -1,91 +1,35 @@
1		-import './autocomplete_steps';
	1	+import './actions'
2	2	import './videos'
3	3
4	4	( function ( $ ) {
5	5	$( document ).on( 'ready', function () {
6	6	const openClass = 'open';
7		- const completedClass = 'completed';
8	7	let selectedTab = 'Home';
9	8	const stepsTitle = $( '.hsr-onboarding-step--title' )
10		- const gotItBtn = $( '.hsr-got-it-btn' );
11		- const publishBtn = $( '.hsr-publish-btn' );
12	9	const closeBtn = $( '.hsr-close-btn' );
13	10	const navigationItem = $( '.hsr-list__item' );
14	11	const knowledgeCard = $( '#card-knowledge' );
15	12	const helpCard = $( '#card-help' );
	13	+ const adminBarGenerateContent = $( '#wp-admin-bar-create_content_with_ai' );
16	14
17		- gotItBtn.on( 'click', function ( e ) {
18		- e.preventDefault();
19		- const element = $( this );
20		- const step = $( this ).data( 'step' );
21		- let remaining_tasks = $( '.hsr-onboarding-steps' ).data( 'remaining-tasks' );
22		-
23		- $.ajax( {
24		- type: 'post',
25		- dataType: 'json',
26		- url: ajaxurl,
27		- data: {
28		- action: 'hostinger_complete_onboarding_step',
29		- step: step,
30		- },
31		- success: function () {
32		- element.closest( '.hsr-onboarding-step--content' ).slideUp()
33		- element.parents( '.hsr-onboarding-step' )
34		- .find( '.hsr-onboarding-step--status' )
35		- .addClass( completedClass )
36		-
37		- if ( remaining_tasks > 0 ) {
38		- remaining_tasks = remaining_tasks - 1;
39		- $( '.hsr-onboarding-steps' ).data( 'remaining-tasks', remaining_tasks )
40		-
41		- if ( remaining_tasks === 0 ) {
42		- $( '.hsr-publish-btn' ).addClass( completedClass );
43		- }
44		-
45		- }
46		- },
47		- } )
48		- } )
49		-
50	15	stepsTitle.on( 'click', function () {
51	16	$( this ).find( '.hsr-onboarding-step--expand' ).toggleClass( openClass );
52	17	$( this ).parent().find( '.hsr-onboarding-step--content' ).slideToggle( 200 );
53	18	} )
54	19
55		- publishBtn.on( 'click', function ( e ) {
56		- e.preventDefault();
57		- $( '.hsr-modal' ).addClass( 'open' );
58		- $( 'body' ).addClass( 'modal-open' );
59		- $.ajax( {
60		- type: 'post',
61		- dataType: 'json',
62		- url: ajaxurl,
63		- data: {
64		- action: 'hostinger_publish_website',
65		- maintenance: 0,
66		- },
67		- success: function ( result ) {
68		- const previewBtn = $( '.hsr-preview-btn' );
69		- $( '.hsr-circular' ).addClass( 'hsr-hide' )
70		- $( '.hsr-success-circular' ).addClass( 'hsr-show' )
71		- $( '.hsr-publish-modal--footer' ).addClass( 'show' )
72		- $( '.hsr-publish-modal--body h3' ).text( result.data.title );
73		- $( '.hsr-publish-modal--body__description' ).text( result.data.description );
74		- $( '.hsr-publish-btn' ).addClass( 'hsr-preview' )
75		- previewBtn.addClass( 'hsr-preview' )
76		- previewBtn.text( result.data.content.btn.text )
77		- $( '.hsr-onboarding__title' ).text( result.data.content.title );
78		- $( '.hsr-onboarding__description' ).text( result.data.content.description );
79		- },
80		- } )
81		- } )
82		-
83	20	closeBtn.on( 'click', function () {
84	21	$( '.hsr-modal' ).removeClass( 'open' );
85	22	$( 'body' ).removeClass( 'modal-open' );
86	23	} )
87	24
	25	+ adminBarGenerateContent.click( function () {
	26	+ $( '.hsr-list__item' ).removeClass( 'hsr-active' );
	27	+ $('.hts-ai-assistant-tab').addClass( 'hsr-active' );
	28	+ $( '.hsr-tab-content' ).hide();
	29	+ $( ".hsr-tab-content[data-name='ai-assistant']" ).show();
	30	+ } );
	31	+
88	32	navigationItem.click( function () {
89	33	let clickedItem = $( this );
90	34
91	35	$( '.hsr-list__item' ).removeClass( 'hsr-active' );
		@@ -121,8 +65,26 @@
121	65	knowledgeCard.click( function () {
122	66	window.open( 'https://support.hostinger.com/en/?q=WordPress', '_blank' );
123	67	} );
124	68
	69	+ $('body').on('click', '.hst-open-affiliate-tab', function(e) {
	70	+ e.preventDefault();
	71	+
	72	+ $( 'li.hsr-list__item[data-name="amazon_affiliate"]' ).trigger( 'click' );
	73	+ } );
	74	+
	75	+ $('body').on('click', '#hst-connect_affiliate_settings', function(e) {
	76	+ e.preventDefault();
	77	+
	78	+ $( 'li.hsr-list__item[data-name="amazon_affiliate"]' ).trigger( 'click' );
	79	+
	80	+ document.dispatchEvent(
	81	+ new CustomEvent('scrollToAffiliateSettings', {
	82	+ bubbles: true
	83	+ })
	84	+ );
	85	+ } );
	86	+
125	87	document.querySelectorAll( '.hsr-playlist-item' ).forEach( function ( item ) {
126	88	const firstItem = document.querySelector( '.hsr-playlist-item:first-child' );
127	89	firstItem.classList.add( 'hsr-active-video' );
128	90	firstItem.querySelector( '.hsr-playlist-item-arrow' ).style.visibility = 'visible';
		@@ -174,7 +136,53 @@
174	136	document.execCommand('copy');
175	137	document.body.removeChild(textArea);
176	138	}
177	139
178		- } );
	140	+ //Sidebar menu script
	141	+ window.addEventListener( 'resize', function () {
	142	+
	143	+ var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
	144	+ var navbarWrapper = document.querySelector( '.hsr-wrapper__list' );
	145	+ var mobileSidebar = document.querySelector( '.hsr-mobile-sidebar .hsr-wrapper' );
	146	+ var hpanelLink = document.querySelector( '.hsr-go-to-hpanel' );
	147	+
	148	+
	149	+ if ( windowWidth <= 1000 ) {
	150	+ if ( navbarWrapper && mobileSidebar ) {
	151	+ mobileSidebar.appendChild( navbarWrapper );
	152	+ mobileSidebar.appendChild( hpanelLink );
	153	+ }
	154	+ } else {
	155	+ var originalParent = document.querySelector( '.hsr-onboarding-navbar__wrapper' );
	156	+ if ( navbarWrapper && originalParent ) {
	157	+ originalParent.appendChild( navbarWrapper );
	158	+ originalParent.appendChild( hpanelLink );
	159	+ document.querySelector( '.hsr-mobile-sidebar' ).classList.remove( 'hsr-active' );
	160	+ }
	161	+ }
	162	+ } );
	163	+
	164	+ window.dispatchEvent( new Event( 'resize' ) );
	165	+
	166	+
	167	+ var mobileSidebar = document.querySelector( '.hsr-mobile-sidebar' );
	168	+ var closeButtons = document.querySelectorAll( '.hsr-close, .hsr-mobile-menu-icon' );
	169	+
	170	+ closeButtons.forEach( function ( button ) {
	171	+ button.addEventListener( 'click', function ( event ) {
	172	+ mobileSidebar.classList.toggle( 'hsr-active' );
	173	+ document.querySelector('body').classList.toggle( 'hsr-sidebar-active' );
	174	+ event.stopPropagation();
	175	+ } );
	176	+ } );
	177	+
	178	+ document.addEventListener( 'click', function ( event ) {
	179	+ if ( ! mobileSidebar.contains( event.target ) ) {
	180	+ mobileSidebar.classList.remove( 'hsr-active' );
	181	+ document.querySelector('body').classList.remove( 'hsr-sidebar-active' );
	182	+ }
	183	+ } );
	184	+ } );
	185	+
	186	+
179	187
180	188	} )( jQuery );