<commit_before>import Head from 'next/head'
import Link from 'next/link'
import { Jumbotron } from 'reactstrap'
import fetch from 'isomorphic-unfetch'
import Layout from '../components/MyLayout.js'

const CongressProgramm = (props) => (
    <Layout>
    <Head>
      <title>II Congreso Creu Blanca sobre Lesiones Musculares</title>
    </Head>
        <div>
            <section className='call-to-action'> 
            <div>
                <Jumbotron>
                    <p className='green-creu-blanca'>LUGAR DEL CONGRESO</p>
                    <h1><strong>Palau de Congressos de Catalunya</strong></h1>
                    <p className='green-creu-blanca'>FECHA DEL CONGRESO</p>
                    <h1><strong>23 de febrero de 2018</strong></h1>
                </Jumbotron>
            </div>
                </section>
                <section className='congress-data'>
                    <div className='congress-data-programm'>
                        <h1 className='align-center uppercase'>Programa</h1>


                        <table className='table-scroll'>
                            <thead>
                                <tr>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </thead>
                            {props.programmitems.sort((a,b) => {
                                if (a.ID < b.ID) {
                                  return -1
                                }
                                if (a.ID > b.ID) {
                                  return 1
                                }
                                return 0
                                }).map((programmitem, ID) => (
                                <tbody key={ID}>
                                <tr className={programmitem.break == false ? '' : 'bg-green-creu-blanca'}>
                                    <td width='150'>{programmitem.horari}</td>
                                    <td width='300'><strong className={programmitem.iscase == true ? 'bold green-creu-blanca' : 'bold'}>{programmitem.titol}</strong>
                                    {programmitem.drs == "" ? '' : <span><br/>
                                    {programmitem.drs.map((dr, index) => (
                                        <span key={index}>
                                        <em>{dr.nom}</em><br/>
                                        <small>{dr.carrec}</small><br/>
                                        </span>
                                    ))}</span>}
                                    {programmitem.moderadors == "" ? '' : <span>
                                    {programmitem.moderadors.map((moderador, index) => (
                                        <span key={index}>
                                        <em>{moderador.nom}</em><br/>
                                        <small>{moderador.carrec}</small><br/>
                                        </span>
                                    ))}</span>}</td>
                                </tr>
                            </tbody>
                            ))}
                        </table>
                    </div>
                    <div className='congress-data-people'>
                        <p className='green-creu-blanca uppercase'>Están colaborando en la elaboración y presentación de los casos clínicos</p>
                        <p><strong className='bold'>Especialistas de la Clínica Creu Blanca</strong></p>
                        <ul className='no-style'>
                            <li>Dr. <NAME></li>
                            <li>Dr. <NAME></li>
                            <li>Dra. <NAME></li>
                        </ul>
                        <p><strong className='bold'>Especialistas del Consell Català de l'Esport</strong></p>
                        <ul className='no-style'>
                            <li>Dr. <NAME></li>
                        </ul>
                        <p><strong className='bold'>Especialistas del FC. Barcelona</strong></p>
                        <ul className='no-style'>
                            <li>Médicos y rehabilitadores del primer equipo</li>
                        </ul>
                        <p><strong className='bold'>Especialistas del Athletic Club de Bilbao</strong></p>
                        <ul className='no-style'>
                            <li>Íñigo Iriarte</li>
                        </ul>
                        <p><strong className='bold'>Especialistas de la Unidad de Medicina del Deporte del Hospital Clínic de Barcelona</strong></p>
                        <ul className='no-style'>
                            <li>Dr. <NAME></li>
                        </ul>
                        <p><strong className='bold'>Especialistas del Villareal Club de Fútbol</strong></p>
                        <ul className='no-style'>
                            <li>Médicos y rehabilitadores del primer equipo</li>
                        </ul>
                        <p className='green-creu-blanca uppercase'>Dirigido a</p>
                        <ul className='no-style'>
                            <li>Médicos del deporte, Traumatólogos, Fisioterapeutas y Rehabilitadores</li>
                            <li>Preparadores físicos, Readaptadores e INEF</li>
                        </ul>
                    </div>
                </section>
                <style jsx>{`
                    .call-to-action {
                        text-align:center;
                        margin:0 auto;
                    }
                    strong {
                        font-weight:500;
                    }
                    strong.bold {
                        font-weight:700;
                    }
                    .green-creu-blanca {
                        color:#00ad69;
                    }
                    .bg-green-creu-blanca {
                        color:#ffffff;
                        background:#00ad69!important;
                    }
                    .align-center {
                        text-align:center;
                    }
                    .uppercase {
                        text-transform:uppercase;
                    }
                    .dont-break-out {          
                    overflow-wrap: break-word;
                    word-wrap: break-word;
                    -ms-hyphens: auto;
                    -moz-hyphens: auto;
                    -webkit-hyphens: auto;
                    hyphens: auto;
                    }
                    @media screen and (min-width: 768px) {              
                    .congress-data {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                        align-items:top;

                        width: 100%;
                    }
                    .congress-data-programm {
                        width: 45%;
                        margin: 5px 20px;
                    }
                    .congress-data-people {
                        width: 35%;
                        margin: 5px 20px;
                    }
                    }
                    @media screen and (min-width: 1024px) {
                    .congress-data-programm {
                        width: 55%;
                    }
                    }
                    table, table thead, table tr, table tbody, table td {
                        background: none;
                        border: none;
                    }
                    table tbody tr td {
                        border-top:1px solid #00ad69;
                    }
                    table tbody tr td a {
                        margin:0;
                    }
                    table tbody tr td a.button {
                        background:#d86525;
                    }
                    table tbody tr td a.button:hover {
                        background:#aa4e1c;
                    }
                    @media screen and (max-width: 768px) {
                        table tbody td {
                        padding:.5rem .1rem .5rem .1rem;
                        }
                    }
                    @media screen and (min-width: 768px) {
                        .table-scroll table {
                        width:100%;
                        }
                    }
                `}</style>
            </div>
    </Layout>
)

CongressProgramm.getInitialProps = async function() {
    const res = await fetch(`http://localhost:3000/static/programm-data.json`)
    const programmitems = await res.json()
  
    console.log(`Items del prorama data fetched. Count: ${programmitems.length}`)
  
    return { programmitems }
  }
  
  export default CongressProgramm<commit_msg>passades les dades a server<commit_after>import Head from 'next/head'
import Link from 'next/link'
import { Jumbotron } from 'reactstrap'
import fetch from 'isomorphic-unfetch'
import Layout from '../components/MyLayout.js'

const CongressProgramm = (props) => (
    <Layout>
    <Head>
      <title>II Congreso Creu Blanca sobre Lesiones Musculares</title>
    </Head>
        <div>
            <section className='call-to-action'> 
            <div>
                <Jumbotron>
                    <p className='green-creu-blanca'><NAME></p>
                    <h1><strong>Palau de Congressos de Catalunya</strong></h1>
                    <p className='green-creu-blanca'>FECHA DEL CONGRESO</p>
                    <h1><strong>23 de febrero de 2018</strong></h1>
                </Jumbotron>
            </div>
                </section>
                <section className='congress-data'>
                    <div className='congress-data-programm'>
                        <h1 className='align-center uppercase'>Programa</h1>


                        <table className='table-scroll'>
                            <thead>
                                <tr>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </thead>
                            {props.programmitems.sort((a,b) => {
                                if (a.ID < b.ID) {
                                  return -1
                                }
                                if (a.ID > b.ID) {
                                  return 1
                                }
                                return 0
                                }).map((programmitem, ID) => (
                                <tbody key={ID}>
                                <tr className={programmitem.break == false ? '' : 'bg-green-creu-blanca'}>
                                    <td width='150'>{programmitem.horari}</td>
                                    <td width='300'><strong className={programmitem.iscase == true ? 'bold green-creu-blanca' : 'bold'}>{programmitem.titol}</strong>
                                    {programmitem.drs == "" ? '' : <span><br/>
                                    {programmitem.drs.map((dr, index) => (
                                        <span key={index}>
                                        <em>{dr.nom}</em><br/>
                                        <small>{dr.carrec}</small><br/>
                                        </span>
                                    ))}</span>}
                                    {programmitem.moderadors == "" ? '' : <span>
                                    {programmitem.moderadors.map((moderador, index) => (
                                        <span key={index}>
                                        <em>{moderador.nom}</em><br/>
                                        <small>{moderador.carrec}</small><br/>
                                        </span>
                                    ))}</span>}</td>
                                </tr>
                            </tbody>
                            ))}
                        </table>
                    </div>
                    <div className='congress-data-people'>
                        <p className='green-creu-blanca uppercase'>Están colaborando en la elaboración y presentación de los casos clínicos</p>
                        <p><strong className='bold'>Especialistas de la Clínica Creu Blanca</strong></p>
                        <ul className='no-style'>
                            <li>Dr. <NAME></li>
                            <li>Dr. <NAME></li>
                            <li>Dra. <NAME></li>
                        </ul>
                        <p><strong className='bold'>Especialistas del Consell Català de l'Esport</strong></p>
                        <ul className='no-style'>
                            <li>Dr. <NAME></li>
                        </ul>
                        <p><strong className='bold'>Especialistas del FC. Barcelona</strong></p>
                        <ul className='no-style'>
                            <li>Médicos y rehabilitadores del primer equipo</li>
                        </ul>
                        <p><strong className='bold'>Especialistas del Athletic Club de Bilbao</strong></p>
                        <ul className='no-style'>
                            <li>Íñigo Iriarte</li>
                        </ul>
                        <p><strong className='bold'>Especialistas de la Unidad de Medicina del Deporte del Hospital Clínic de Barcelona</strong></p>
                        <ul className='no-style'>
                            <li>Dr. <NAME></li>
                        </ul>
                        <p><strong className='bold'>Especialistas del Villareal Club de Fútbol</strong></p>
                        <ul className='no-style'>
                            <li>Médicos y rehabilitadores del primer equipo</li>
                        </ul>
                        <p className='green-creu-blanca uppercase'>Dirigido a</p>
                        <ul className='no-style'>
                            <li>Médicos del deporte, Traumatólogos, Fisioterapeutas y Rehabilitadores</li>
                            <li>Preparadores físicos, Readaptadores e INEF</li>
                        </ul>
                    </div>
                </section>
                <style jsx>{`
                    .call-to-action {
                        text-align:center;
                        margin:0 auto;
                    }
                    strong {
                        font-weight:500;
                    }
                    strong.bold {
                        font-weight:700;
                    }
                    .green-creu-blanca {
                        color:#00ad69;
                    }
                    .bg-green-creu-blanca {
                        color:#ffffff;
                        background:#00ad69!important;
                    }
                    .align-center {
                        text-align:center;
                    }
                    .uppercase {
                        text-transform:uppercase;
                    }
                    .dont-break-out {          
                    overflow-wrap: break-word;
                    word-wrap: break-word;
                    -ms-hyphens: auto;
                    -moz-hyphens: auto;
                    -webkit-hyphens: auto;
                    hyphens: auto;
                    }
                    @media screen and (min-width: 768px) {              
                    .congress-data {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                        align-items:top;

                        width: 100%;
                    }
                    .congress-data-programm {
                        width: 45%;
                        margin: 5px 20px;
                    }
                    .congress-data-people {
                        width: 35%;
                        margin: 5px 20px;
                    }
                    }
                    @media screen and (min-width: 1024px) {
                    .congress-data-programm {
                        width: 55%;
                    }
                    }
                    table, table thead, table tr, table tbody, table td {
                        background: none;
                        border: none;
                    }
                    table tbody tr td {
                        border-top:1px solid #00ad69;
                    }
                    table tbody tr td a {
                        margin:0;
                    }
                    table tbody tr td a.button {
                        background:#d86525;
                    }
                    table tbody tr td a.button:hover {
                        background:#aa4e1c;
                    }
                    @media screen and (max-width: 768px) {
                        table tbody td {
                        padding:.5rem .1rem .5rem .1rem;
                        }
                    }
                    @media screen and (min-width: 768px) {
                        .table-scroll table {
                        width:100%;
                        }
                    }
                `}</style>
            </div>
    </Layout>
)

CongressProgramm.getInitialProps = async function() {
    const res = await fetch(`https://lesionsdata.now.sh/programm-data.json`)
    const programmitems = await res.json()
  
    console.log(`Items del prorama data fetched. Count: ${programmitems.length}`)
  
    return { programmitems }
  }
  
  export default CongressProgramm
{'fraction_non_alphanumeric': 0.10014595262153363, 'fraction_numerical': 0.009655327270685977, 'mean_word_length': 0.7922535211267606, 'pattern_counts': {'":': 0, '<': 294, '<?xml version=': 0, '>': 304, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 46, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1594701', 'n_tokens_mistral': 4413, 'n_tokens_neox': 3990, 'n_words': 813}