Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3569 Rev 3570
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { Typography } from '@mui/material';
 2 
import { Typography } from '@mui/material';
3 
import { CheckCircle } from '@mui/icons-material';
 3 
import { CheckCircle } from '@mui/icons-material';
Línea 4... Línea 4...
4 
 
 4 
 
5 
import { parse } from '@shared/utils';
 5 
import { parse } from '@shared/utils';
6 
import { Card, CardContent, CardMedia } from '@shared/components';
 6 
import { CardMedia } from '@shared/components';
Línea 7... Línea 7...
7 
import SlideQuiz from './slide-quiz';
 7 
import SlideQuiz from './slide-quiz';
8 
 
 8 
 
9 
export function SlideCard({
 9 
export function SlideCard({
10 
  slide: { type, file, description, name, quiz_data, link_take_a_test },
 10 
  slide: { type, file, description, name, quiz_data, link_take_a_test },
11 
  completed,
 11 
  completed,
12 
  autoPlay = false,
 12 
  autoPlay = false,
13 
  onComplete
 13 
  onComplete
14 
}) {
 - 
 
15 
  return (
 - 
 
16 
    <Card
 - 
 
17 
      styles={{
 - 
 
18 
        width: { xs: '80vw', md: '500px', lg: '800px' },
 - 
 
19 
        maxHeight: '600px'
 14 
}) {
20 
      }}
 - 
 
21 
    >
 15 
  return (
22 
      <CardContent styles={{ position: 'relative' }}>
 16 
    <>
23 
        {!!completed && (
 17 
      {!!completed && (
24 
          <CheckCircle sx={{ position: 'absolute', top: '1rem', right: '1rem' }} color='success' />
 18 
        <CheckCircle sx={{ position: 'absolute', top: '1rem', right: '1rem' }} color='success' />
25 
        )}
 19 
      )}
26 
        {type === 'quiz' && (
 20 
      {type === 'quiz' && (
27 
          <SlideQuiz
 21 
        <SlideQuiz
28 
            quiz={quiz_data ? quiz_data[0] : {}}
 22 
          quiz={quiz_data ? quiz_data[0] : {}}
29 
            startUrl={link_take_a_test}
 23 
          startUrl={link_take_a_test}
30 
            slide={{ type, file, description, name, quiz_data, link_take_a_test }}
 24 
          slide={{ type, file, description, name, quiz_data, link_take_a_test }}
31 
            onSync={onComplete}
 25 
          onSync={onComplete}
32 
            completed={completed}
 26 
          completed={completed}
33 
          />
 27 
        />
34 
        )}
 28 
      )}
35 
        {type === 'text' && <Typography>{parse(description)}</Typography>}
 29 
      {type === 'text' && <Typography>{parse(description)}</Typography>}
36 
        {type === 'image' && (
 30 
      {type === 'image' && (
37 
          <CardMedia
 31 
        <CardMedia
38 
            styles={{ width: '100%', height: '100%', objectFit: 'contain' }}
 32 
          styles={{ width: '100%', height: '100%', objectFit: 'contain' }}
39 
            src={file}
 33 
          src={file}
40 
            alt={name}
 34 
          alt={name}
41 
            type='image'
 35 
          type='image'
42 
          />
 36 
        />
43 
        )}
 37 
      )}
44 
        {type === 'video' && (
 38 
      {type === 'video' && (
45 
          <CardMedia
 39 
        <CardMedia
46 
            styles={{ width: '100%', height: '100%', objectFit: 'contain' }}
 40 
          styles={{ width: '100%', height: '100%', objectFit: 'contain' }}
47 
            src={file}
 41 
          src={file}
48 
            alt={name}
 42 
          alt={name}
49 
            type='video'
 43 
          type='video'
50 
            autoPlay={autoPlay}
 44 
          autoPlay={autoPlay}
51 
            controls
 45 
          controls
52 
            controlsList='nodownload'
 46 
          controlsList='nodownload'
53 
            onEnded={onComplete}
 47 
          onEnded={onComplete}
54 
          />
 48 
        />
55 
        )}
 49 
      )}
56 
        {/*  {type === 'audio' && <CardMedia src={file} alt={name} type='audio' />}
 - 
 
57 
        {type === 'document' && <CardMedia src={file} alt={name} type='document' />} */}
 50 
      {/*  {type === 'audio' && <CardMedia src={file} alt={name} type='audio' />}
58 
      </CardContent>
 51 
        {type === 'document' && <CardMedia src={file} alt={name} type='document' />} */}
59 
    </Card>
 52 
    </>