Update notices for Pod Pages and add another inline notice for Pod Te…

…mplates
pods-framework · Sep 29, 2024 · 0d52502 · 0d52502
1 parent 86ef953
commit 0d52502
Show file tree

Hide file tree

Showing 7 changed files with 48 additions and 13 deletions.
diff --git a/components/Pages.php b/components/Pages.php
@@ -204,7 +204,7 @@ public function register_config() {
 				'name'         => 'code_php_notice',
 				'type'         => 'html',
 				'html_content' => sprintf(
-					'<p>⚠️&nbsp;&nbsp;%1s - <a href="%2$s" target="_blank" rel="noopener noreferrer">%3$s</a></p>',
+					'<div class="pods-ui-notice-admin pods-ui-notice-warning"><p>⚠️&nbsp;&nbsp;%1s - <a href="%2$s" target="_blank" rel="noopener noreferrer">%3$s</a></p></div>',
 					__( 'PHP detected, this feature is deprecated', 'pods' ),
 					'https://docs.pods.io/displaying-pods/pod-page-template-hierarchy-for-themes/',
 					__( 'Switch to file-based Pod Pages', 'pods' )
@@ -233,7 +233,7 @@ public function register_config() {
 				'name'         => 'precode_notice',
 				'type'         => 'html',
 				'html_content' => sprintf(
-					'<p>⚠️&nbsp;&nbsp;%1s - <a href="%2$s" target="_blank" rel="noopener noreferrer">%3$s</a></p>',
+					'<div class="pods-ui-notice-admin pods-ui-notice-warning"><p>⚠️&nbsp;&nbsp;%1s - <a href="%2$s" target="_blank" rel="noopener noreferrer">%3$s</a></p></div>',
 					__( 'Precode detected, this feature is deprecated', 'pods' ),
 					'https://docs.pods.io/displaying-pods/pod-page-template-hierarchy-for-themes/',
 					__( 'Switch to file-based Pod Pages', 'pods' )

diff --git a/components/Templates/assets/js/scripts-view_template.js b/components/Templates/assets/js/scripts-view_template.js
@@ -1,10 +1,10 @@
-jQuery( 'document' ).ready( function ( $ ) {
-	$( "#view_template .inside" ).resizable( {
-												 alsoResize : ".CodeMirror", resize : function () {
-			if ( typeof htmleditor !== 'undefined' ) {
+jQuery('document').ready(function ($) {
+	$("#view_template .inside").resizable({
+		alsoResize: ".CodeMirror", resize: function () {
+			if (typeof htmleditor !== 'undefined') {
 				htmleditor.refresh();
-				$( '#view_template .inside,.CodeMirror' ).css( 'width', 'auto' );
+				$('#view_template .inside,.CodeMirror').css('width', 'auto');
 			}
 		}
-											 } );
-} );
+	});
+});
diff --git a/components/Templates/includes/element-pod_reference-content.php b/components/Templates/includes/element-pod_reference-content.php
@@ -29,6 +29,7 @@
 	?>
 <?php else : ?>
 	<p><?php esc_html_e( 'Selecting a Pod will allow you to see the list of available magic tags that can be used in your template code.', 'pods' ); ?></p>
-	<p><strong><?php esc_html_e( 'Example', 'pods' ); ?>: <code>{@field_name}</code></p>
+	<p><strong><?php esc_html_e( 'Example', 'pods' ); ?>:</strong> <code>{@field_name}</code></p>
+	<p><?php esc_html_e( 'Save your Pod Template to have the reference update here.', 'pods' ); ?></p>
 <?php
 endif;
diff --git a/components/Templates/includes/element-view_template.php b/components/Templates/includes/element-view_template.php
@@ -22,7 +22,16 @@
 }
 ?>
 <?php if ( $has_php ) : ?>
-	<?php pods_deprecated( 'Pod Template PHP code has been deprecated, please use WP Templates instead of embedding PHP.', '2.3' ); ?>
+	<?php
+	pods_deprecated( 'Pod Template PHP code has been deprecated, please use WP Templates instead of embedding PHP.', '2.3' );
+
+	printf(
+		'<div class="pods-ui-notice-admin pods-ui-notice-warning"><p>⚠️&nbsp;&nbsp;%1s - <a href="%2$s" target="_blank" rel="noopener noreferrer">%3$s</a></p></div>',
+		__( 'PHP detected, this feature is deprecated', 'pods' ),
+		'https://docs.pods.io/displaying-pods/pod-page-template-hierarchy-for-themes/',
+		__( 'Switch to file-based Pod Pages', 'pods' )
+	);
+	?>
 
 	<?php if ( PODS_DISABLE_EVAL ) : ?>
 		<?php

diff --git a/ui/styles/dist/pods-form.css b/ui/styles/dist/pods-form.css
diff --git a/ui/styles/dist/pods.css b/ui/styles/dist/pods.css
diff --git a/ui/styles/src/base/_general.scss b/ui/styles/src/base/_general.scss
@@ -28,6 +28,31 @@
 	}
 }
 
+.pods-ui-notice-admin {
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-left-width: 4px;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
+	margin: 5px 0 15px;
+	padding: 1px 12px;
+
+	&.pods-ui-notice-error {
+		border-left-color: #d63638;
+	}
+
+	&.pods-ui-notice-warning {
+		border-left-color: #dba617;
+	}
+
+	&.pods-ui-notice-success {
+		border-left-color: #00a32a;
+	}
+
+	p {
+		margin: .5em 0;
+		padding: 2px;
+	}
+}
 
 .pods-form-front-success {
 	color: #4F8A10;