Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from "react";
import styles from './CardTest.module.scss'

const CardTest = (props) => {

    // get props
    const { test, backendVars, getTestByUrl } = props;

    return (
        <div className={`${styles.card_test_container}`} >
            <div className={styles.card_test}>
                <div className={styles.card_test_content}>
                    <h3>{test.name}</h3>
                    <div
                        dangerouslySetInnerHTML={{ __html: test.description }}
                        className="description" />
                    <h6> {backendVars.LBL_LANGUAGE}: {test.language}</h6>
                    <h4> {backendVars.LBL_STATUS}: {test.status}</h4>
                </div>
                <ul>
                    {test.link_take_a_test &&
                        <li>
                            <a
                                href="#"
                                className="btn btn-primary"
                                onClick={() => getTestByUrl(test.link_take_a_test)}
                            >
                                {test.status != 'Borrador' ? backendVars.LBL_TAKE_A_TEST : backendVars.LBL_CONTINUE_A_TEST}
                            </a>
                        </li>
                    }
                    {test.link_report &&
                        <li>
                            <a href={test.link_report} className="btn btn-secondary" target="_blank" rel="noreferrer">
                                {backendVars.LBL_REPORT}
                            </a>
                        </li>
                    }
                </ul>
            </div>
        </div>
    )

}

export default CardTest;