Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6056 Rev 6094
Línea 1... Línea 1...
1 
<?php
1 
<?php
- 
 
 2 
 
2 
use LeadersLinked\Model\ContentReaction;
 3 
use LeadersLinked\Model\ContentReaction;
Línea 3... Línea 4...
3 
 
 4 
 
4 
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
 5 
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
5 
$currentUser    = $this->currentUserHelper();
 6 
$currentUser    = $this->currentUserHelper();
Línea 228... Línea 229...
228 
    );
 229 
    );
229 
});
 230 
});
230 
JS;
 231 
JS;
231 
$this->inlineScript()->captureEnd();
 232 
$this->inlineScript()->captureEnd();
Línea 232... Línea -...
232 
 
 - 
 
233 
 
 - 
 
234 
$this->headStyle()->captureStart();
 - 
 
235 
echo <<<EOT
 - 
 
236 
 
 - 
 
237 
 
 - 
 
238 
.knowledge-record-card {
 - 
 
239 
    width: 100%;
 - 
 
240 
    padding: 25px 20px;
 - 
 
241 
    border: 1px solid var(--border-primary);
 - 
 
242 
    background-color: var(--bg-color);
 - 
 
243 
    text-align: center;
 - 
 
244 
    border-radius: 10px;
 - 
 
245 
}
 - 
 
246 
 
 - 
 
247 
.knowledge-record-card-category {
 - 
 
248 
    font-family: 'Roboto';
 - 
 
249 
    font-style: normal;
 - 
 
250 
    font-weight: 400;
 - 
 
251 
    font-size: 16px;
 - 
 
252 
    line-height: 19px;
 - 
 
253 
    display: flex;
 - 
 
254 
    align-items: center;
 - 
 
255
- 
 
256 
    color: #666666;
 - 
 
257 
    margin-top: 3px;
 - 
 
258 
}
 - 
 
259 
 
 - 
 
260 
 
 - 
 
261 
.knowledge-record-card-title {
 - 
 
262 
    font-family: 'Roboto';
 - 
 
263 
    font-style: normal;
 - 
 
264 
    font-weight: 800;
 - 
 
265 
    font-size: 16px;
 - 
 
266 
    line-height: 19px;
 - 
 
267 
    /* identical to box height */
 - 
 
268
- 
 
269 
    display: flex;
 - 
 
270 
    align-items: center;
 - 
 
271
- 
 
272 
    color: #666666;
 - 
 
273 
    margin-top: 3px;
 - 
 
274 
}
 - 
 
275 
 
 - 
 
276 
.knowledge-record-card-description {
 - 
 
277 
    font-family: 'Roboto';
 - 
 
278 
    font-style: normal;
 - 
 
279 
    font-weight: 400;
 - 
 
280 
    font-size: 14px;
 - 
 
281 
    line-height: 16px;
 - 
 
282 
    text-align: justify;
 - 
 
283 
    text-justify: inter-word;
 - 
 
284
- 
 
285 
    color: #666666;
 - 
 
286 
    margin-top: 3px;
 - 
 
287 
}
 - 
 
288 
 
 - 
 
289 
.knowledge-record-card-image  img {
 - 
 
290 
    width: 100%;
 - 
 
291 
    height: auto;
 - 
 
292 
}
 - 
 
293 
 
 - 
 
294 
.knowledge-record-card-actions {
 - 
 
295 
    line-height: 20px;
 - 
 
296 
}
 - 
 
297 
 
 - 
 
298 
.knowledge-record-card-actions-edit {
 - 
 
299 
  float: left;
 - 
 
300 
}
 - 
 
301 
 
 - 
 
302 
.knowledge-record-card-actions-delete {
 - 
 
303 
  float: right;
 - 
 
304 
}
 - 
 
305 
 
 - 
 
306 
EOT;
- 
 
307 
$this->headStyle()->captureEnd();
 - 
 
308 
 
 - 
 
309 
 
 233 
 
Línea 310... Línea 234...
310 
?>
 234 
?>
311 
 
 235 
 
312 
<section class="companies-info container">
 236 
<section class="companies-info container">
313 
	<div class="company-title">
 237 
    <div class="company-title">
Línea 314... Línea 238...
314 
		<h1 class="title mx-auto">LABEL_KNOWLEDGE_AREA_TITLE</h1>
 238 
        <h1 class="title mx-auto">LABEL_KNOWLEDGE_AREA_TITLE</h1>
315 
	</div>
 239 
    </div>
316 
 
 240 
 
317 
	<div class="row">
 241 
    <div class="row">
318 
	    <div class="col-12 ">
 242 
        <div class="col-12 ">
319 
            <div class="knowledge-record-card">
 243 
            <div class="knowledge-record-card">
320 
                <div class="knowledge-record-card-image">
 244 
                <div class="knowledge-record-card-image">
321 
                   <img src="<?php echo $image ?>" alt="">
 245 
                    <img src="<?php echo $image ?>" alt="">
322 
                </div>
 246 
                </div>
323 
                <div class="knowledge-record-card-category">
 247 
                <div class="knowledge-record-card-category">
324 
                    <?php echo $category ?>
 248 
                    <?php echo $category ?>
325 
                </div>
 249 
                </div>
326 
                <div class="knowledge-record-card-title">
 250 
                <div class="knowledge-record-card-title">
327 
                    <?php echo $title ?>
 251 
                    <?php echo $title ?>
328 
                </div>
 252 
                </div>
329 
                <div class="knowledge-record-card-description">
 253 
                <div class="knowledge-record-card-description">
330 
                   <?php echo $description ?>
 254 
                    <?php echo $description ?>
331 
                </div>
 255 
                </div>
332 
                <div class="knowledge-record-card-actions text-right">
 256 
                <div class="knowledge-record-card-actions text-right">
333 
                    <?php if($attachment) : ?>
 257 
                    <?php if ($attachment) : ?>
334 
                         <a href="<?php echo $attachment ?>" target="_blank"> LABEL_KNOWLEDGE_AREA_DOWNLOAD_ATTACHMENT </a>
 258 
                        <a href="<?php echo $attachment ?>" target="_blank"> LABEL_KNOWLEDGE_AREA_DOWNLOAD_ATTACHMENT </a>
335
259 
 
336 
                    <?php endif; ?>
 260 
                    <?php endif; ?>
337
261 
 
338 
                    <?php if($link) : ?>
 262 
                    <?php if ($link) : ?>
339 
                         <a href="<?php echo $link ?>" target="_blank"> LABEL_KNOWLEDGE_AREA_GO_TO_LINK </a>
 263 
                        <a href="<?php echo $link ?>" target="_blank"> LABEL_KNOWLEDGE_AREA_GO_TO_LINK </a>
340 
                    <?php endif; ?>
 264 
                    <?php endif; ?>
341
265 
 
342 
                </div>
 266 
                </div>
343 
            </div>
 267 
            </div>
344 
    	</div>
 268 
        </div>
345
269 
 
346 
	</div>
270 
    </div>
347 
	<div class="row">
 271 
    <div class="row">
348 
	    <div class="col-12 ">
 272 
        <div class="col-12 ">
349
273 
 
350 
 			<div class="posts-section" >
 274 
            <div class="posts-section">
351 
        		<div class="process-comm" id="paginator-process-comm">
275 
                <div class="process-comm" id="paginator-process-comm">
352 
          			<div class="spinner">
 276 
                    <div class="spinner">
353 
                       	<div class="bounce1"></div>
 277 
                        <div class="bounce1"></div>
354 
                     	<div class="bounce2"></div>
 278 
                        <div class="bounce2"></div>
355 
                      	<div class="bounce3"></div>
 279 
                        <div class="bounce3"></div>
356 
                	</div>
 280 
                    </div>
357 
   				</div>
 281 
                </div>
358 
			</div>
 282 
            </div>
359
283 
 
360
284 
 
361 
	 	<div class="comment-section">
 285 
            <div class="comment-section">
362 
            <div class="comment-sec">
 286 
                <div class="comment-sec">
363 
         	<ul id="comment-list">
 287 
                    <ul id="comment-list">
364 
 
 288 
 
365 
          	</ul>
 289 
                    </ul>
366 
		</div>
 290 
                </div>
- 
 
 291 
            </div>
- 
 
 292 
 
- 
 
 293 
            <div>
- 
 
 294 
                Acción
- 
 
 295 
                <div id="currentReaction"></div>
- 
 
 296 
            </div>
367 
	</div>
 297 
            <?php ?>
- 
 
 298 
 
- 
 
 299 
            <div class="buttons-reaction ">
368
300 
                <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_RECOMMENDED ?>" title="Me gusta"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="RecommendIcon" style="color: rgb(116, 5, 249);">
369 
	<div >
 301 
                        <path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm6 9.8a.9.9 0 0 1-.1.5l-2.1 4.9a1.34 1.34 0 0 1-1.3.8H9a2 2 0 0 1-2-2v-5a1.28 1.28 0 0 1 .4-1L12 5l.69.69a1.08 1.08 0 0 1 .3.7v.2L12.41 10H17a1 1 0 0 1 1 1z"></path>
- 
 
 302 
                    </svg></button>
370 
		Acción
303 
                <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_SUPPORT ?>" title="Dar apoyo"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="VolunteerActivismIcon" style="color: rgb(100, 149, 237);">
- 
 
 304 
                        <path d="M1 11h4v11H1zm15-7.75C16.65 2.49 17.66 2 18.7 2 20.55 2 22 3.45 22 5.3c0 2.27-2.91 4.9-6 7.7-3.09-2.81-6-5.44-6-7.7C10 3.45 11.45 2 13.3 2c1.04 0 2.05.49 2.7 1.25zM20 17h-7l-2.09-.73.33-.94L13 16h2.82c.65 0 1.18-.53 1.18-1.18 0-.49-.31-.93-.77-1.11L8.97 11H7v9.02L14 22l8.01-3c-.01-1.1-.9-2-2.01-2z"></path>
371 
		<div id="currentReaction"></div>
 305 
                    </svg></button>
- 
 
 306 
                <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_LOVE ?>" title="Me encanta"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="FavoriteTwoToneIcon" style="color: rgb(223, 112, 77);">
372 
	</div>
 307 
                        <path d="M16.5 5c-1.54 0-3.04.99-3.56 2.36h-1.87C10.54 5.99 9.04 5 7.5 5 5.5 5 4 6.5 4 8.5c0 2.89 3.14 5.74 7.9 10.05l.1.1.1-.1C16.86 14.24 20 11.39 20 8.5c0-2-1.5-3.5-3.5-3.5z" opacity=".3"></path>
373 
	<?php ?>
 308 
                        <path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path>
374 
 
 309 
                    </svg></button>
375 
	<div class="buttons-reaction ">
 310 
                <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_INTEREST ?>" title="Me interesa"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="TungstenIcon" style="color: rgb(245, 187, 92);">
376 
		<button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_RECOMMENDED ?>" title="Me gusta"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="RecommendIcon" style="color: rgb(116, 5, 249);"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm6 9.8a.9.9 0 0 1-.1.5l-2.1 4.9a1.34 1.34 0 0 1-1.3.8H9a2 2 0 0 1-2-2v-5a1.28 1.28 0 0 1 .4-1L12 5l.69.69a1.08 1.08 0 0 1 .3.7v.2L12.41 10H17a1 1 0 0 1 1 1z"></path></svg></button>
 311 
                        <path d="M11 19h2v3h-2zm-9-8h3v2H2zm17 0h3v2h-3zm-3.106 6.8014 1.4072-1.4071 2.1213 2.1213-1.4071 1.4071zm-11.3099.7071 2.1214-2.1213 1.4071 1.4072-2.1213 2.1213zM15 8.02V3H9v5.02c-1.21.92-2 2.35-2 3.98 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.06-2-3.98zM11 5h2v2.1c-.32-.06-.66-.1-1-.1s-.68.04-1 .1V5z"></path>
377 
		<button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_SUPPORT ?>" title="Dar apoyo"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="VolunteerActivismIcon" style="color: rgb(100, 149, 237);"><path d="M1 11h4v11H1zm15-7.75C16.65 2.49 17.66 2 18.7 2 20.55 2 22 3.45 22 5.3c0 2.27-2.91 4.9-6 7.7-3.09-2.81-6-5.44-6-7.7C10 3.45 11.45 2 13.3 2c1.04 0 2.05.49 2.7 1.25zM20 17h-7l-2.09-.73.33-.94L13 16h2.82c.65 0 1.18-.53 1.18-1.18 0-.49-.31-.93-.77-1.11L8.97 11H7v9.02L14 22l8.01-3c-.01-1.1-.9-2-2.01-2z"></path></svg></button>
 312 
                    </svg></button>
378 
		<button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_LOVE ?>" title="Me encanta"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="FavoriteTwoToneIcon" style="color: rgb(223, 112, 77);"><path d="M16.5 5c-1.54 0-3.04.99-3.56 2.36h-1.87C10.54 5.99 9.04 5 7.5 5 5.5 5 4 6.5 4 8.5c0 2.89 3.14 5.74 7.9 10.05l.1.1.1-.1C16.86 14.24 20 11.39 20 8.5c0-2-1.5-3.5-3.5-3.5z" opacity=".3"></path><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path></svg></button>
 313 
                <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_FUN ?>" title="Me divierte"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="EmojiEmotionsIcon" style="color: rgb(255, 127, 80);">
379 
		<button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_INTEREST ?>" title="Me interesa"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="TungstenIcon" style="color: rgb(245, 187, 92);"><path d="M11 19h2v3h-2zm-9-8h3v2H2zm17 0h3v2h-3zm-3.106 6.8014 1.4072-1.4071 2.1213 2.1213-1.4071 1.4071zm-11.3099.7071 2.1214-2.1213 1.4071 1.4072-2.1213 2.1213zM15 8.02V3H9v5.02c-1.21.92-2 2.35-2 3.98 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.06-2-3.98zM11 5h2v2.1c-.32-.06-.66-.1-1-.1s-.68.04-1 .1V5z"></path></svg></button>
 314 
                        <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8zM12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4zm3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path>
380 
		<button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_FUN ?>" title="Me divierte"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="EmojiEmotionsIcon" style="color: rgb(255, 127, 80);"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8zM12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4zm3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path></svg></button>
 315 
                    </svg></button>
381 
		<button class="btn-delete-reaction"><i class="fa fa-trash" aria-hidden="true"></i></button>
 316 
                <button class="btn-delete-reaction"><i class="fa fa-trash" aria-hidden="true"></i></button>
382 
	</div>
 317 
            </div>
383 
        </div>
 318 
        </div>
384 
        <div class="comment_box">
 319 
        <div class="comment_box">
385 
            <form name="form-comment" id="form-comment" class="form-comment">
 320 
            <form name="form-comment" id="form-comment" class="form-comment">
386 
                <input type="text" name="comment" id="comment" maxlength="256"  placeholder="LABEL_WRITE_A_COMMENT">
 321 
                <input type="text" name="comment" id="comment" maxlength="256" placeholder="LABEL_WRITE_A_COMMENT">
387 
                <button type="submit">LABEL_SEND</button>
 322 
                <button type="submit">LABEL_SEND</button>
388 
            </form>
 323 
            </form>
389 
        </div>
 324 
        </div>
Línea 390... Línea 325...
390
325 
 
Línea 391... Línea 326...
391 
	</div>
 326 
    </div>
392
327 
 
- 
 
 328 
 
393 
 
 329 
</section>
- 
 
 330 
 
394 
</section>
 331 
 
395 
 
 332 
<script id="reactionTemplate" type="text/x-jsrender">
396 
 
 333 
    {{if reaction === '<?php echo ContentReaction::REACTION_FUN ?>'}}
397 
<script id="reactionTemplate" type="text/x-jsrender">
 334 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="EmojiEmotionsIcon" style="color: rgb(255, 127, 80);">
- 
 
 335 
        <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8zM12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4zm3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path>
- 
 
 336 
    </svg>
398 
{{if reaction === '<?php  echo ContentReaction::REACTION_FUN ?>'}}
 337 
    {{/if}}
- 
 
 338 
    {{if reaction === '<?php echo ContentReaction::REACTION_INTEREST ?>'}}
- 
 
 339 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="TungstenIcon" style="color: rgb(245, 187, 92);">
399 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="EmojiEmotionsIcon" style="color: rgb(255, 127, 80);"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8zM12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4zm3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path></svg>
 340 
        <path d="M11 19h2v3h-2zm-9-8h3v2H2zm17 0h3v2h-3zm-3.106 6.8014 1.4072-1.4071 2.1213 2.1213-1.4071 1.4071zm-11.3099.7071 2.1214-2.1213 1.4071 1.4072-2.1213 2.1213zM15 8.02V3H9v5.02c-1.21.92-2 2.35-2 3.98 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.06-2-3.98zM11 5h2v2.1c-.32-.06-.66-.1-1-.1s-.68.04-1 .1V5z"></path>
- 
 
 341 
    </svg>
400 
{{/if}}
342 
    {{/if}}
401 
{{if reaction === '<?php  echo ContentReaction::REACTION_INTEREST ?>'}}
 343 
    {{if reaction === '<?php echo ContentReaction::REACTION_LOVE ?>'}}
- 
 
 344 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="FavoriteTwoToneIcon" style="color: rgb(223, 112, 77);">
402 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="TungstenIcon" style="color: rgb(245, 187, 92);"><path d="M11 19h2v3h-2zm-9-8h3v2H2zm17 0h3v2h-3zm-3.106 6.8014 1.4072-1.4071 2.1213 2.1213-1.4071 1.4071zm-11.3099.7071 2.1214-2.1213 1.4071 1.4072-2.1213 2.1213zM15 8.02V3H9v5.02c-1.21.92-2 2.35-2 3.98 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.06-2-3.98zM11 5h2v2.1c-.32-.06-.66-.1-1-.1s-.68.04-1 .1V5z"></path></svg>
 345 
        <path d="M16.5 5c-1.54 0-3.04.99-3.56 2.36h-1.87C10.54 5.99 9.04 5 7.5 5 5.5 5 4 6.5 4 8.5c0 2.89 3.14 5.74 7.9 10.05l.1.1.1-.1C16.86 14.24 20 11.39 20 8.5c0-2-1.5-3.5-3.5-3.5z" opacity=".3"></path>
- 
 
 346 
        <path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path>
403 
{{/if}}
347 
    </svg>
404 
{{if reaction === '<?php  echo ContentReaction::REACTION_LOVE ?>'}}
 348 
    {{/if}}
405 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="FavoriteTwoToneIcon" style="color: rgb(223, 112, 77);"><path d="M16.5 5c-1.54 0-3.04.99-3.56 2.36h-1.87C10.54 5.99 9.04 5 7.5 5 5.5 5 4 6.5 4 8.5c0 2.89 3.14 5.74 7.9 10.05l.1.1.1-.1C16.86 14.24 20 11.39 20 8.5c0-2-1.5-3.5-3.5-3.5z" opacity=".3"></path><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path></svg>
 349 
    {{if reaction === '<?php echo ContentReaction::REACTION_RECOMMENDED ?>'}}
406 
{{/if}}
350 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="RecommendIcon" style="color: rgb(116, 5, 249);">
- 
 
 351 
        <path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm6 9.8a.9.9 0 0 1-.1.5l-2.1 4.9a1.34 1.34 0 0 1-1.3.8H9a2 2 0 0 1-2-2v-5a1.28 1.28 0 0 1 .4-1L12 5l.69.69a1.08 1.08 0 0 1 .3.7v.2L12.41 10H17a1 1 0 0 1 1 1z"></path>
- 
 
 352 
    </svg>
407 
{{if reaction === '<?php  echo ContentReaction::REACTION_RECOMMENDED ?>'}}
 353 
    {{/if}}
Línea 408... Línea 354...
408 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="RecommendIcon" style="color: rgb(116, 5, 249);"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm6 9.8a.9.9 0 0 1-.1.5l-2.1 4.9a1.34 1.34 0 0 1-1.3.8H9a2 2 0 0 1-2-2v-5a1.28 1.28 0 0 1 .4-1L12 5l.69.69a1.08 1.08 0 0 1 .3.7v.2L12.41 10H17a1 1 0 0 1 1 1z"></path></svg>
 354 
    {{if reaction === '<?php echo ContentReaction::REACTION_SUPPORT ?>'}}
409 
{{/if}}
355 
    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="VolunteerActivismIcon" style="color: rgb(100, 149, 237);">
Línea 426... Línea 372...
426
372
427 
		      <p>{{>comment}}</p>
 373 
		      <p>{{>comment}}</p>
428 
		  </div>
 374 
		  </div>
429 
	   </div>
 375 
	   </div>
430 
    </li>
 376 
    </li>
431 
</script>
 377 
</script>