elangptra/frontend_adaptive_learning
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

-u media URL

Browse Source
This commit is contained in:
Dimas Atmodjo 2024-11-20 08:48:54 +07:00
parent 92ccf51cf2
commit d544bc3359
5 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/roles/user/exercise/views/components/ExerciseMedia.jsx
View File

@ -1,15 +1,15 @@
import React from 'react'; import React from 'react';
import { API_URL } from '../../../../../utils/Constant'; import { MEDIA_URL } from '../../../../../utils/Constant';
const ExerciseMedia = ({ image, audio, video }) => { const ExerciseMedia = ({ image, audio, video }) => {
const mediaPath = `${API_URL}/uploads/exercise`; const mediaPath = `${MEDIA_URL}/uploads/exercise`;
return ( return (
<div> <div>
{image !== null && ( {image !== null && (
<div className='my-1'> <div className='my-1'>
<img src={`${mediaPath}/image/${image}`} alt="" /> <img src={`${mediaPath}/image/${image}`} alt="" />
{/* <h3>{`${API_URL}/exercise/image/${image}`}</h3> */} {/* <h3>{`${MEDIA_URL}/exercise/image/${image}`}</h3> */}
</div> </div>
)} )}
{audio !== null && ( {audio !== null && (

4
src/roles/user/exercise/views/components/MatchingPairsQuestion.jsx
View File

@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import MediaViewer from './MediaViewer'; import MediaViewer from './MediaViewer';
import { API_URL } from '../../../../../utils/Constant'; import { MEDIA_URL } from '../../../../../utils/Constant';
// const colors = ['#E9342D', '#FACC15', '#1FBC2F', '#0090FF', '#ED27D9']; // const colors = ['#E9342D', '#FACC15', '#1FBC2F', '#0090FF', '#ED27D9'];
// const colors = ['#0090FF', '#FC6454', '#46E59A', '#FBD025', '#E355D5']; // const colors = ['#0090FF', '#FC6454', '#46E59A', '#FBD025', '#E355D5'];
@ -111,7 +111,7 @@ const MatchingPairsQuestion = ({ question, onAnswer, studentAnswer, index }) =>
}; };
const mediaUrls = []; const mediaUrls = [];
const mediaPath = `${API_URL}/uploads/exercise`; const mediaPath = `${MEDIA_URL}/uploads/exercise`;
if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`); if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`);
if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`); if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`);

4
src/roles/user/exercise/views/components/MultipleChoiceQuestion.jsx
View File

@ -1,13 +1,13 @@
import React from 'react'; import React from 'react';
import MediaViewer from './MediaViewer'; import MediaViewer from './MediaViewer';
import { API_URL } from '../../../../../utils/Constant'; import { MEDIA_URL } from '../../../../../utils/Constant';
const MultipleChoiceQuestion = ({ question, onAnswer, studentAnswer, index }) => { const MultipleChoiceQuestion = ({ question, onAnswer, studentAnswer, index }) => {
const savedAnswer = studentAnswer !== null ? studentAnswer.ANSWER_STUDENT : null; const savedAnswer = studentAnswer !== null ? studentAnswer.ANSWER_STUDENT : null;
const options = question.multipleChoices[0]; const options = question.multipleChoices[0];
const mediaUrls = []; const mediaUrls = [];
const mediaPath = `${API_URL}/uploads/exercise`; const mediaPath = `${MEDIA_URL}/uploads/exercise`;
if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`); if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`);
if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`); if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`);

4
src/roles/user/exercise/views/components/TrueFalseQuestion.jsx
View File

@ -1,11 +1,11 @@
import React from 'react'; import React from 'react';
import MediaViewer from './MediaViewer'; import MediaViewer from './MediaViewer';
import { API_URL } from '../../../../../utils/Constant'; import { MEDIA_URL } from '../../../../../utils/Constant';
const TrueFalseQuestion = ({ question, onAnswer, studentAnswer, index }) => { const TrueFalseQuestion = ({ question, onAnswer, studentAnswer, index }) => {
const savedAnswer = studentAnswer !== null ? studentAnswer.ANSWER_STUDENT : null; const savedAnswer = studentAnswer !== null ? studentAnswer.ANSWER_STUDENT : null;
const mediaUrls = []; const mediaUrls = [];
const mediaPath = `${API_URL}/uploads/exercise`; const mediaPath = `${MEDIA_URL}/uploads/exercise`;
if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`); if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`);
if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`); if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`);

3
src/utils/Constant.jsx
View File

@ -1,4 +1,5 @@
export const API_URL = 'http://54.173.167.62'; export const API_URL = 'http://54.173.167.62/api';
export const MEDIA_URL = 'http://54.173.167.62/media';
export const slugify = (text) => { export const slugify = (text) => {
if (!text) { if (!text) {