| Server IP : 172.67.147.195 / Your IP : 216.73.216.142 Web Server : Apache/2 System : Linux hosting8537.lvs 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : mienphi ( 1014) PHP Version : 8.2.14 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/mienphi/public_html/wp-content/plugins/learnpress-gradebook/src/components/ |
Upload File : |
import { __ } from '@wordpress/i18n';
import { useMemo, useState } from '@wordpress/element';
import ChartQuestion from './chart/questions';
import QuestionAttachment from './QuestionAttempted';
import { Button} from '@wordpress/components';
import { external, close } from '@wordpress/icons';
import Skeleton from './skeleton';
export default function QuesionChart( { courseID, studentID, quizzID } ) {
const [ show, setShow ] = useState( true );
const ChartHTML = useMemo( () => {
return (
<>
<div className="chart_sc chart_sc3">
<div className="quiz_detail">
<QuestionAttachment studentID ={ studentID } quizzID={ quizzID } />
</div>
<div className="detail-chart">
<ChartQuestion courseID ={ courseID } studentID={ studentID } quizzID={ quizzID } />
</div>
</div>
</>
);
}, [ studentID, quizzID, courseID ] );
return (
<>
{ ! show && ChartHTML }
<div style={ { marginBottom: 20 } }>
<Button
isPrimary
variant="primary"
onClick={ () => setShow( ! show ) }
icon={ show ? external : close }
iconSize={ 20 }
>
{ show ? __( 'View Chart', 'learnpress-gradebook' ) : __( 'Close Chart', 'learnpress-gradebook' ) }
</Button>
</div>
</>
);
}