Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2367 Rev 2368
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Container, Grid } from '@mui/material'
 2 
import { Container, Grid } from '@mui/material'
3 
// import parse from 'html-react-parser'
 3 
import parse from 'html-react-parser'
Línea 4... Línea 4...
4 
 
 4 
 
5 
import Widget from '@app/components/UI/Widget'
 5 
import Widget from '@app/components/UI/Widget'
Línea 6... Línea 6...
6 
// import SurveyForm from '@app/components/survey-form/SurveyForm'
 6 
import SurveyForm from '@app/components/survey-form/SurveyForm'
- 
 
 7 
 
- 
 
 8 
function ShorterPostPage() {
- 
 
 9 
  const post = {
- 
 
 10 
    feed_unique: '664e1becdd052',
- 
 
 11 
    feed_uuid: 'cb789433-8299-4a93-ab42-d0628a224187',
- 
 
 12 
    feed_my_reaction: 'l',
- 
 
 13 
    feed_delete_url: '/feed/delete/cb789433-8299-4a93-ab42-d0628a224187',
- 
 
 14 
    feed_content_type: '',
- 
 
 15 
    feed_reactions: [
- 
 
 16 
      {
- 
 
 17 
        total: 1,
- 
 
 18 
        reaction: 'l'
- 
 
 19 
      }
- 
 
 20 
    ],
- 
 
 21 
    feed_reactions_url:
- 
 
 22 
      'https://dev-services.leaderslinked.com/feed/reactions/cb789433-8299-4a93-ab42-d0628a224187',
- 
 
 23 
    feed_save_reaction_url:
- 
 
 24 
      '/feed/save-reaction/cb789433-8299-4a93-ab42-d0628a224187',
- 
 
 25 
    feed_highlighted: 0,
- 
 
 26 
    feed_abuse_report_url: '',
- 
 
 27 
    feed_delete_reaction_url:
- 
 
 28 
      '/feed/delete-reaction/cb789433-8299-4a93-ab42-d0628a224187',
- 
 
 29 
    feed_share_url:
- 
 
 30 
      '/feed/share/cb789433-8299-4a93-ab42-d0628a224187/group/b294cd89-ebf4-427a-8d5e-332a3bf6924e',
- 
 
 31 
    feed_share_external_url:
- 
 
 32 
      'https://dev-services.leaderslinked.com/shorter/cb789433-8299-4a93-ab42-d0628a224187/generate/feed',
- 
 
 33 
    feed_increment_external_counter_url:
- 
 
 34 
      'https://dev-services.leaderslinked.com/share/type/feed/code/cb789433-8299-4a93-ab42-d0628a224187/user/e85129fa-18eb-4149-8640-fea9ae916cdc/timestamp/1716394988/rand/1496831637/password/87713bf90d8e3c4d3c70cf60e0703424/increment-external-counter',
- 
 
 35 
    feed_vote_url: '',
- 
 
 36 
    owner_url: '',
- 
 
 37 
    owner_image:
- 
 
 38 
      'https://dev-services.leaderslinked.com/storage/type/group/code/b294cd89-ebf4-427a-8d5e-332a3bf6924e/filename/group-image-65312ac078b8c.png/',
- 
 
 39 
    owner_name: 'prueba',
- 
 
 40 
    owner_description: '<p>New post</p>\r\n',
- 
 
 41 
    owner_feed_type: 'g',
- 
 
 42 
    owner_shared: 0,
- 
 
 43 
    owner_external_shared: 0,
- 
 
 44 
    owner_comments: 0,
- 
 
 45 
    owner_time_elapse: '5 dias',
- 
 
 46 
    comment_add_url: '/feed/comment/cb789433-8299-4a93-ab42-d0628a224187',
- 
 
 47 
    comments: []
7 
 
 48 
  }
8 
function ShorterPostPage() {
 49 
 
9 
  return (
 50 
  return (
10 
    <Container>
 51 
    <Container>
11 
      <Grid
 52 
      <Grid
Línea 17... Línea 58...
17 
        }}
 58 
        }}
18 
      >
 59 
      >
19 
        <Grid item xs={12} md={8}>
 60 
        <Grid item xs={12} md={8}>
20 
          <Widget>
 61 
          <Widget>
21 
            <Widget.Header
 62 
            <Widget.Header
22 
              avatar=''
 63 
              avatar={post.owner_image}
23 
              title='Santiago Olivera'
 64 
              title={post.owner_name}
24 
              subheader='5 dias'
 65 
              subheader={post.owner_time_elapse}
25 
            />
 66 
            />
Línea 26... Línea 67...
26 
 
 67 
 
27 
            <Widget.Body>
 - 
 
28 
              <p>
 - 
 
29 
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero,
 - 
 
30 
                harum. Dolor quos, sunt eius aliquam quo ipsam temporibus
 - 
 
31 
                tempore quae rem soluta, molestias, porro libero! Ipsum
 68 
            <Widget.Body>
32 
                reprehenderit velit perspiciatis excepturi!
 - 
 
33 
              </p>
 69 
              <FeedContent feed={post} />
34 
            </Widget.Body>
 70 
            </Widget.Body>
35 
          </Widget>
 71 
          </Widget>
36 
        </Grid>
 72 
        </Grid>
37 
      </Grid>
 73 
      </Grid>
38 
    </Container>
 74 
    </Container>
39 
  )
 75 
  )
Línea -... Línea 76...
- 
 
 76 
}
- 
 
 77 
 
- 
 
 78 
const FeedContent = ({ feed }) => {
- 
 
 79 
  const renderContent = ({
- 
 
 80 
    owner_description,
- 
 
 81 
    owner_file_image_preview,
- 
 
 82 
    owner_file_video,
- 
 
 83 
    owner_file_image,
- 
 
 84 
    shared_name,
- 
 
 85 
    shared_image,
- 
 
 86 
    shared_time_elapse,
- 
 
 87 
    feed_content_type,
- 
 
 88 
    feed_vote_url
- 
 
 89 
  }) => {
- 
 
 90 
    switch (feed_content_type) {
- 
 
 91 
      case 'fast-survey': {
- 
 
 92 
        const answers = []
- 
 
 93 
        const votes = []
- 
 
 94 
 
- 
 
 95 
        for (let i = 1; i < 6; i++) {
- 
 
 96 
          answers.push(owner_description[`answer${i}`])
- 
 
 97 
          votes.push(owner_description[`votes${i}`])
- 
 
 98 
        }
- 
 
 99 
 
- 
 
 100 
        return (
- 
 
 101 
          <SurveyForm
- 
 
 102 
            active={owner_description.active}
- 
 
 103 
            question={owner_description.question}
- 
 
 104 
            answers={answers}
- 
 
 105 
            votes={votes}
- 
 
 106 
            time={owner_description.time_remaining}
- 
 
 107 
            voteUrl={feed_vote_url}
- 
 
 108 
            resultType={owner_description.result_type}
- 
 
 109 
          />
- 
 
 110 
        )
- 
 
 111 
      }
- 
 
 112 
 
- 
 
 113 
      case 'video': {
- 
 
 114 
        return (
- 
 
 115 
          <>
- 
 
 116 
            {parse(owner_description ?? '')}
- 
 
 117 
            <video controls poster={owner_file_image_preview}>
- 
 
 118 
              <source src={owner_file_video} />
- 
 
 119 
            </video>
- 
 
 120 
          </>
- 
 
 121 
        )
- 
 
 122 
      }
- 
 
 123 
 
- 
 
 124 
      case 'image': {
- 
 
 125 
        return (
- 
 
 126 
          <>
- 
 
 127 
            {parse(owner_description ?? '')}
- 
 
 128 
            <img src={owner_file_image} loading='lazy' />
- 
 
 129 
          </>
- 
 
 130 
        )
- 
 
 131 
      }
- 
 
 132 
 
- 
 
 133 
      case 'document': {
- 
 
 134 
        return (
- 
 
 135 
          <>
- 
 
 136 
            {parse(owner_description ?? '')}
- 
 
 137 
            <a href={document} target='_blank' rel='noreferrer'>
- 
 
 138 
              <img className='pdf' src='/images/extension/pdf.png' alt='pdf' />
- 
 
 139 
            </a>
- 
 
 140 
          </>
- 
 
 141 
        )
- 
 
 142 
      }
- 
 
 143 
 
- 
 
 144 
      case 'shared': {
- 
 
 145 
        return (
- 
 
 146 
          <>
- 
 
 147 
            {parse(owner_description ?? '')}
- 
 
 148 
            <Widget>
- 
 
 149 
              <Widget.Header
- 
 
 150 
                avatar={shared_image}
- 
 
 151 
                title={shared_name}
- 
 
 152 
                subheader={shared_time_elapse}
- 
 
 153 
              />
- 
 
 154 
 
- 
 
 155 
              <Widget.Body>
- 
 
 156 
                {renderContent({
- 
 
 157 
                  owner_description,
- 
 
 158 
                  owner_file_image_preview,
- 
 
 159 
                  owner_file_video,
- 
 
 160 
                  owner_file_image,
- 
 
 161 
                  shared_name,
- 
 
 162 
                  shared_image,
- 
 
 163 
                  shared_time_elapse,
- 
 
 164 
                  feed_content_type,
- 
 
 165 
                  feed_vote_url
- 
 
 166 
                })}
- 
 
 167 
              </Widget.Body>
- 
 
 168 
            </Widget>
- 
 
 169 
          </>
- 
 
 170 
        )
- 
 
 171 
      }
- 
 
 172 
 
- 
 
 173 
      default: {
- 
 
 174 
        return parse(owner_description ?? '')
- 
 
 175 
      }
- 
 
 176 
    }
- 
 
 177 
  }
- 
 
 178 
 
- 
 
 179 
  return <>{renderContent(feed)}</>
40 
}
 180 
}