Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6253 Rev 6254
Línea 264... Línea 264...
264 
            <div class="knowledge-record-card">
 264 
            <div class="knowledge-record-card">
265 
                <img src="<?php echo $image ?>" alt="">
 265 
                <img src="<?php echo $image ?>" alt="">
266 
                <h3><?php echo $category ?></h3>
 266 
                <h3><?php echo $category ?></h3>
267 
                <h2><?php echo $title ?></h2>
 267 
                <h2><?php echo $title ?></h2>
268 
                <p><?php echo $description ?></p>
 268 
                <p><?php echo $description ?></p>
269 
                <div class="knowledge-record-card-actions text-right">
 269 
                <div class="knowledge-record-card-actions">
- 
 
 270 
                    <div class="position-relative" style="width: fit-content; flex: 1;" id="reaction-container">
- 
 
 271 
                        <button class="btn reaction-btn" id="currentReaction"></button>
- 
 
 272 
                        <div class="reactions">
- 
 
 273 
                            <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_RECOMMENDED ?>" title="Me gusta">
- 
 
 274 
                                <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);">
- 
 
 275 
                                    <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>
- 
 
 276 
                                </svg>
- 
 
 277 
                            </button>
- 
 
 278 
                            <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_SUPPORT ?>" title="Dar apoyo">
- 
 
 279 
                                <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);">
- 
 
 280 
                                    <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>
- 
 
 281 
                                </svg>
- 
 
 282 
                            </button>
- 
 
 283 
                            <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_LOVE ?>" title="Me encanta">
- 
 
 284 
                                <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);">
- 
 
 285 
                                    <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>
- 
 
 286 
                                    <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>
- 
 
 287 
                                </svg>
- 
 
 288 
                            </button>
- 
 
 289 
                            <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_INTEREST ?>" title="Me interesa">
- 
 
 290 
                                <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);transform: rotate(180deg);">
- 
 
 291 
                                    <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>
- 
 
 292 
                                </svg>
- 
 
 293 
                            </button>
- 
 
 294 
                            <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_FUN ?>" title="Me divierte">
- 
 
 295 
                                <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);">
- 
 
 296 
                                    <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>
- 
 
 297 
                                </svg>
- 
 
 298 
                            </button>
- 
 
 299 
                        </div>
- 
 
 300 
                    </div>
270 
                    <?php if ($attachment) : ?>
 301 
                    <?php if ($attachment) : ?>
- 
 
 302 
                        <button class="btn reaction-btn" style="flex: 1;">
271 
                        <a href="<?php echo $attachment ?>" target="_blank"> LABEL_KNOWLEDGE_AREA_DOWNLOAD_ATTACHMENT </a>
 303 
                            <a href="<?php echo $attachment ?>" target="_blank">LABEL_KNOWLEDGE_AREA_DOWNLOAD_ATTACHMENT </a>
- 
 
 304 
                        </button>
272 
                    <?php endif; ?>
 305 
                    <?php endif; ?>
273 
 
 - 
 
274 
                    <?php if ($link) : ?>
 306 
                    <?php if ($link) : ?>
275 
                        <a href="<?php echo $link ?>" target="_blank"> LABEL_KNOWLEDGE_AREA_GO_TO_LINK </a>
 - 
 
276 
                    <?php endif; ?>
 - 
 
277 
                </div>
 - 
 
278 
                <div class="position-relative" style="width: fit-content;" id="reaction-container">
 - 
 
279 
                    <button class="btn reaction-btn" id="currentReaction"></button>
 307 
                        <button class="btn reaction-btn" style="flex: 1;">
280 
                    <div class="reactions">
 - 
 
281 
                        <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_RECOMMENDED ?>" title="Me gusta">
 - 
 
282 
                            <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);">
 - 
 
283 
                                <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>
 - 
 
284 
                            </svg>
 - 
 
285 
                        </button>
 - 
 
286 
                        <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_SUPPORT ?>" title="Dar apoyo">
 - 
 
287 
                            <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);">
 - 
 
288 
                                <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>
 308 
                            <a href="<?php echo $link ?>" target="_blank"> LABEL_KNOWLEDGE_AREA_GO_TO_LINK </a>
289 
                            </svg>
 - 
 
290 
                        </button>
 309 
                        </button>
291 
                        <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_LOVE ?>" title="Me encanta">
 - 
 
292 
                            <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);">
 - 
 
293 
                                <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>
 - 
 
294 
                                <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>
 - 
 
295 
                            </svg>
 - 
 
296 
                        </button>
 - 
 
297 
                        <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_INTEREST ?>" title="Me interesa">
 - 
 
298 
                            <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);transform: rotate(180deg);">
 - 
 
299 
                                <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>
 310 
                    <?php endif; ?>
300 
                            </svg>
 - 
 
301 
                        </button>
 - 
 
302 
                        <button class="btn-save-reaction" data-reaction="<?php echo ContentReaction::REACTION_FUN ?>" title="Me divierte">
 - 
 
303 
                            <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);">
 - 
 
304 
                                <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>
 - 
 
305 
                            </svg>
 - 
 
306 
                        </button>
 - 
 
307 
                    </div>
 - 
 
308 
                </div>
 311 
                </div>
309 
                <div class="comments-container show px-3">
 312 
                <div class="comments-container show px-3">
310 
                    <form class="feedCommentContainer" id="form-comment" class="form-comment">
 313 
                    <form class="feedCommentContainer" id="form-comment" class="form-comment">
311 
                        <input class="commentInput" type="text" name="comment" id="comment" placeholder="LABEL_WRITE_A_COMMENT">
 314 
                        <input class="commentInput" type="text" name="comment" id="comment" placeholder="LABEL_WRITE_A_COMMENT">
312 
                        <button class="btn btn-primary" type="submit">LABEL_SEND</button>
 315 
                        <button class="btn btn-primary" type="submit">LABEL_SEND</button>