= 4.2.2,4 =

~ Display notify new version Addons.
LearnPress · Mar 29, 2023 · f09148b · f09148b
1 parent 6888175
commit f09148b
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 3 deletions.
diff --git a/assets/src/apps/js/admin/admin-notices.js b/assets/src/apps/js/admin/admin-notices.js
@@ -11,6 +11,38 @@ let dataHtml = null;
 const queryString = window.location.search;
 const urlParams = new URLSearchParams( queryString );
 const tab = urlParams.get( 'tab' );
+const notifyAddonsNewVersion = () => {
+	try {
+		const elAdminMenu = document.querySelector( '#adminmenu' );
+		if ( ! elAdminMenu ) {
+			return;
+		}
+		const elTabLP = elAdminMenu.querySelector( '#toplevel_page_learn_press' );
+		if ( ! elTabLP ) {
+			return;
+		}
+		const elTabLPName = elTabLP.querySelector( '.wp-menu-name' );
+		if ( ! elTabLPName ) {
+			return;
+		}
+		const htmlNotifyLP = `<span class="tab-lp-admin-notice"></span>`;
+		elTabLPName.insertAdjacentHTML( 'beforeend', htmlNotifyLP );
+		const elTabLPAddons = elTabLP.querySelector( 'a[href="admin.php?page=learn-press-addons"]' );
+		if ( ! elTabLPAddons ) {
+			return;
+		}
+		const elAddonsNewVerTotal = document.querySelector( 'input[name=lp-addons-new-version-totals]' );
+		if ( ! elAddonsNewVerTotal ) {
+			return;
+		}
+		const total = elAddonsNewVerTotal.value;
+		const html = `<span style="margin-left: 5px" class="update-plugins">${ total }</span>`;
+		elTabLPAddons.setAttribute( 'href', 'admin.php?page=learn-press-addons&tab=update' );
+		elTabLPAddons.insertAdjacentHTML( 'beforeend', html );
+	} catch ( e ) {
+		console.log( e );
+	}
+};
 
 const callAdminNotices = ( set = '' ) => {
 	if ( ! lpGlobalSettings.is_admin ) {
@@ -54,6 +86,8 @@ document.addEventListener( 'DOMContentLoaded', () => {
 			if ( dataHtml.length > 0 ) {
 				elLPAdminNotices.innerHTML = dataHtml;
 				elLPAdminNotices.style.display = 'block';
+				// Handle notify addons new version.
+				notifyAddonsNewVersion();
 			}
 
 			clearInterval( interval );
@@ -70,10 +104,10 @@ document.addEventListener( 'click', ( e ) => {
 
 		// eslint-disable-next-line no-alert
 		if ( confirm( 'Are you sure you want to dismiss this notice?' ) ) {
-			const parent = el.closest( '.lp-admin-notice' );
+			const parent = el.closest( '.lp-notice' );
 			callAdminNotices( `dismiss=${ el.getAttribute( 'data-dismiss' ) }` );
 			parent.remove();
-			if ( elLPAdminNotices.querySelectorAll( '.lp-admin-notice' ).length === 0 ) {
+			if ( elLPAdminNotices.querySelectorAll( '.lp-notice' ).length === 0 ) {
 				elLPAdminNotices.style.display = 'none';
 			}
 		}

diff --git a/assets/src/scss/admin/_tool.scss b/assets/src/scss/admin/_tool.scss
@@ -324,3 +324,13 @@
 		}
 	}
 }
+
+.tab-lp-admin-notice {
+	margin-left: 5px;
+	width: 4px;
+	height: 4px;
+	background: #ff1919;
+	display: inline-flex;
+	border-radius: 999px;
+	vertical-align: middle
+}
diff --git a/inc/admin/views/admin-notices/addons-new-version.php b/inc/admin/views/admin-notices/addons-new-version.php
@@ -20,7 +20,7 @@
 	<?php
 	Template::instance()->get_admin_template( 'admin-notices/button-dismiss.php', array( 'key' => 'lp-addons-new-version' ) );
 	?>
-	<p><?php echo sprintf( '<strong>%s</strong>', __( 'LearnPress has new version Addons.', 'learnpress' ) ); ?></p>
+	<p><?php echo sprintf( '<strong>%s</strong>', __( 'New version Addons.', 'learnpress' ) ); ?></p>
 	<p style="display: flex;gap: 5px">
 		<?php
 		foreach ( $data['addons'] as $addon ) {
@@ -32,4 +32,5 @@
 		}
 		?>
 	</p>
+	<input type="hidden" name="lp-addons-new-version-totals" value="<?php echo count( $data['addons'] ); ?>" />
 </div>