answer block highlight dotted and publish quiz on publish page

blocks/block.php

@@ -616,6 +616,26 @@ public function save_quiz( WP_REST_Request $request ) {
 					$mlwQuizMasterNext->quizCreator->edit_quiz_name( $quiz_id, $quiz_name, $post_id );
 				}
 			}
+
+			//Update status
+			if ( ! empty( $quiz_id ) && ! empty( $post_id ) ) {
+
+				//Default post status
+				$post_status = 'publish';
+
+				//page status which conatin quiz
+				if ( ! empty( $_POST['post_status'] )) {
+					$post_status = sanitize_key( wp_unslash( $_POST['post_status'] ) );
+				}
+
+				//Update quiz status
+				if ( 'publish' === $post_status ) {
+					wp_update_post( array(
+						'ID'          => $post_id,
+						'post_status' => 'publish',
+					) );
+				}
+			}
 
 			//Save Pages
 			if ( ! empty( $_POST['quizData']['pages'] ) ) {

blocks/build/block.json

@@ -30,6 +30,10 @@
     "quiz-master-next/quizID": "quizID",
     "quiz-master-next/quizAttr": "quizAttr"
   },
+  "usesContext": [
+    "postId",
+    "postStatus"
+  ],
   "example": {},
   "supports": {
     "html": false

blocks/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-editor', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-notices'), 'version' => '3bec0faae5335384534d');
+<?php return array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-editor', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-notices'), 'version' => '9ae62c1e6dbc6a16c846');

blocks/build/question/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices'), 'version' => '8c84bc3be26cb4988adf');
+<?php return array('dependencies' => array('wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices'), 'version' => '45906d9cb21e070d8451');

blocks/src/block.json

@@ -24,6 +24,7 @@
 		"quiz-master-next/quizID": "quizID",
 		"quiz-master-next/quizAttr": "quizAttr"
 	},
+	"usesContext": [ "postId", "postStatus" ],
 	"example": {},
 	"supports": {
 		"html": false

blocks/src/component/icon.js

@@ -50,7 +50,7 @@ export const warningIcon = () => (
 export const plusIcon = () => (
 	<Icon
 		icon={ () => (
-			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" ariaHidden="true" focusable="false"><path d="M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"></path></svg>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"></path></svg>
 		) }
 	/>
 );

blocks/src/edit.js

@@ -32,7 +32,9 @@ export default function Edit( props ) {
 		return null;
 	}
 
-	const { className, attributes, setAttributes, isSelected, clientId } = props;
+	const { className, attributes, setAttributes, isSelected, clientId, context } = props;
+
+	const page_post_id = context['postId'];
 	const { createNotice } = useDispatch( noticesStore );
 	//quiz attribute
 	const globalQuizsetting = qsmBlockData.globalQuizsetting;
@@ -67,6 +69,10 @@ export default function Edit( props ) {
 		return isSavingPost() && ! isAutosavingPost();
 	}, [] );
 
+	const editorSelectors = useSelect( ( select ) => {
+		return select( 'core/editor' );
+	}, [] );
+
 	const { getBlock } = useSelect( blockEditorStore );
 
 	/**Initialize block from server */
@@ -478,11 +484,22 @@ export default function Edit( props ) {
 			let quizData =  getQuizDataToSave();
 			//save quiz status
 			setSaveQuiz( true );
+
+			//post status
+			let post_status = 'publish';
+			if ( ! qsmIsEmpty( editorSelectors ) ) {
+				post_status = editorSelectors.getEditedPostAttribute( 'status' );
+			} 
+			if ( qsmIsEmpty( post_status ) ) {
+				post_status = 'publish';
+			}
 
 			quizData = qsmFormData({
 				'save_entire_quiz': '1',
 				'quizData': JSON.stringify( quizData ),
 				'qsm_block_quiz_nonce' : qsmBlockData.nonce,
+				'page_post_id' : qsmIsEmpty( page_post_id ) ? 0: page_post_id ,
+				'post_status' : post_status,
 				"nonce": qsmBlockData.saveNonce,//save pages nonce
 			});
 

blocks/src/editor.scss

@@ -98,12 +98,20 @@
 
     /*Question options*/
     .wp-block-qsm-quiz-answer-option{
+        padding-left: 0.8rem;
+        &.block-editor-block-list__block.is-highlighted:after{
+            box-shadow: none;
+            border: 2px dotted #c3c5cc;
+        }
         input:disabled{
             border-color: inherit;
         }
         input[type="radio"]:disabled, input[type="checkbox"]:disabled{
             opacity: 1;
         }
+        .qsm-question-answer-option.rich-text{
+            margin-left: 5px;
+        }
     }
     .qsm-question-answer-option{
         color: $qsm_primary_color;

blocks/src/index.js

@@ -13,27 +13,4 @@ registerBlockType( metadata.name, {
 	 */
 	edit: Edit,
 	save: save,
-} );
-
-
-const withMyPluginControls = createHigherOrderComponent( ( BlockEdit ) => {
-	return ( props ) => {
-		const { name, className, attributes, setAttributes, isSelected, clientId, context } = props;
-		if ( 'core/group' !== name ) {
-			return <BlockEdit key="edit" { ...props } />;
-		}
-
-		console.log("props",props);
-		return (
-			<>
-				<BlockEdit key="edit" { ...props } />
-			</>
-		);
-	};
-}, 'withMyPluginControls' );
-
-wp.hooks.addFilter(
-	'editor.BlockEdit',
-	'my-plugin/with-inspector-controls',
-	withMyPluginControls
-);
+} );