Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 16666 Rev 16724
Línea 100... Línea 100...
100
  description,
100
  description,
101
  image,
101
  image,
102
  video,
102
  video,
103
  previewImage,
103
  previewImage,
104
  document,
104
  document,
105
  feedShared
105
  feedShared,
-
 
106
  type
106
}) => {
107
}) => {
107
  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
108
  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
Línea 108... Línea 109...
108
 
109
 
109
  const readMoreHandler = () => {
110
  const readMoreHandler = () => {
Línea 130... Línea 131...
130
    return fullText
131
    return fullText
131
  }
132
  }
Línea 132... Línea 133...
132
 
133
 
133
  return (
134
  return (
-
 
135
    <div className={styles.feed_content}>
134
    <div className={styles.feed_content}>
136
      {type !== 'fast-survey' ? (
-
 
137
        htmlParsedText(description)
-
 
138
      ) : (
-
 
139
        <SurveyTemplate
-
 
140
          active={description.active}
-
 
141
          question={description.question}
-
 
142
          answers={[
-
 
143
            description.answer1,
-
 
144
            description.answer2,
-
 
145
            description.answer3,
-
 
146
            description.answer4,
-
 
147
            description.answer5
-
 
148
          ]}
-
 
149
          time={description.time_remaining}
-
 
150
        />
135
      {description && htmlParsedText(description)}
151
      )}
136
      {image && (
152
      {image && (
137
        <div className={styles.img_container}>
153
        <div className={styles.img_container}>
138
          <img src={image} alt="Article image" />
154
          <img src={image} alt="Article image" />
139
          <img src={image} alt="Article image" />
155
          <img src={image} alt="Article image" />
Línea 150... Línea 166...
150
      {feedShared.owner_description && <FeedTemplate feed={feedShared} />}
166
      {feedShared.owner_description && <FeedTemplate feed={feedShared} />}
151
    </div>
167
    </div>
152
  )
168
  )
153
}
169
}
Línea -... Línea 170...
-
 
170
 
-
 
171
const SurveyTemplate = ({ question, answers = [], active, time }) => {
-
 
172
  const [isActive, setIsActive] = useState(true)
-
 
173
 
-
 
174
  useEffect(() => {
-
 
175
    setIsActive(Boolean(active))
-
 
176
  }, [active])
-
 
177
 
-
 
178
  return (
-
 
179
    <form action="">
-
 
180
      <h3>{question}</h3>
-
 
181
      {answers.map((option, index) => (
-
 
182
        <div className="survey_input" key={index}>
-
 
183
          <label htmlFor={`option-${index + 1}`}>{option}</label>
-
 
184
          <input
-
 
185
            type="radio"
-
 
186
            name="option"
-
 
187
            id={`option-${index + 1}`}
-
 
188
            disabled={!isActive || !Boolean(time)}
-
 
189
          />
-
 
190
        </div>
-
 
191
      ))}
-
 
192
    </form>
-
 
193
  )
-
 
194
}
154
 
195
 
155
FeedTemplate.Header = Header
196
FeedTemplate.Header = Header
Línea 156... Línea 197...
156
FeedTemplate.Content = Body
197
FeedTemplate.Content = Body