Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3481 | Rev 3569 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3481 Rev 3520
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react';
2 
import { Box } from '@mui/material'
 2 
import { Box } from '@mui/material';
3 
import { CheckCircle } from '@mui/icons-material'
 3 
import { CheckCircle } from '@mui/icons-material';
4 
import parse from 'html-react-parser'
 - 
 
Línea -... Línea 4...
- 
 
 4 
 
5 
 
 5 
import { parse } from '@shared/utils';
Línea 6... Línea 6...
6 
import SlideQuiz from './slide-quiz'
 6 
import SlideQuiz from './slide-quiz';
7 
 
 7 
 
8 
export default function SlideCard({
 8 
export function SlideCard({
9 
  slide,
 9 
  slide: { type, file, description, name, quiz_data, link_take_a_test },
10 
  completed,
 10 
  completed,
11 
  autoPlay = false,
 11 
  autoPlay = false,
12 
  onComplete
 - 
 
13 
}) {
 - 
 
14 
  const { type, file, description, name, quiz_data, link_take_a_test } = slide
 12 
  onComplete
15 
 
 13 
}) {
16 
  const filesRender = {
 - 
 
17 
    video: (
 - 
 
18 
      <video
 - 
 
19 
        autoPlay={autoPlay}
 14 
  const filesRender = {
20 
        controls
 - 
 
21 
        controlsList='nodownload'
 - 
 
22 
        onEnded={onComplete}
 15 
    video: (
23 
      >
 16 
      <video autoPlay={autoPlay} controls controlsList='nodownload' onEnded={onComplete}>
24 
        <source src={file} />
 17 
        <source src={file} />
Línea 25... Línea 18...
25 
      </video>
 18 
      </video>
Línea 39... Línea 32...
39 
 
 32 
 
40 
    quiz: (
 33 
    quiz: (
41 
      <SlideQuiz
 34 
      <SlideQuiz
42 
        quiz={quiz_data ? quiz_data[0] : {}}
 35 
        quiz={quiz_data ? quiz_data[0] : {}}
43 
        startUrl={link_take_a_test}
 36 
        startUrl={link_take_a_test}
44 
        slide={slide}
 37 
        slide={{ type, file, description, name, quiz_data, link_take_a_test }}
45 
        onSync={onComplete}
 38 
        onSync={onComplete}
46 
        completed={completed}
 39 
        completed={completed}
47 
      />
 40 
      />
48 
    )
 41 
    )
Línea 49... Línea 42...
49 
  }
 42 
  };
50 
 
 43 
 
51 
  return (
 44 
  return (
52 
    <Box
 45 
    <Box
Línea 71... Línea 64...
71 
          margin: 'auto'
 64 
          margin: 'auto'
72 
        }
 65 
        }
73 
      }}
 66 
      }}
74 
    >
 67 
    >
75 
      {filesRender[type]}
 68 
      {filesRender[type]}
76 
      {completed ? <CheckCircle color='success' /> : null}
 69 
      {completed && <CheckCircle color='success' />}
77 
    </Box>
 70 
    </Box>
78 
  )
 71 
  );
79 
}
 72 
}