- \r\n {/*
{currentUser.nombres + \" \" + currentUser.apellidos}
\r\n : \r\n <>\r\n }\r\n \r\n Escuela Superior Politécnica del Litoral - Campus Gustavo Galindo - Guayaquil - Ecuador\r\n
\r\n © El contenido de esta obra es de propiedad de la ESPOL. Todos los derechos reservados.\r\n
\r\n Prohibida su reproducción total o parcial, comunicación pública o distribución sin autorización previa del titular de los derechos.\r\n
Para comenzar debemos ingresar al sistema de autenticacion de ESPOL
\r\n| Date | \r\nTemp. (C) | \r\nTemp. (F) | \r\nSummary | \r\n
|---|---|---|---|
| {forecast.date} | \r\n{forecast.temperatureC} | \r\n{forecast.temperatureF} | \r\n{forecast.summary} | \r\n
Loading...
\r\n : FetchData.renderForecastsTable(this.state.forecasts);\r\n\r\n return (\r\nThis component demonstrates fetching data from the server.
\r\n {contents}\r\n| \r\n | \r\n | \r\n | \r\n | \r\n |
|---|---|---|---|---|
| Asignatura | \r\nParalelo | \r\nObservación | \r\nPeriodo | \r\nAcciones | \r\n
| {this.props.descripcion} | \r\n\r\n {this.props.paralelo}\r\n | \r\n\r\n | \r\n {this.props.termino}\r\n | \r\n \r\n\r\n {/*onChange={this.onChangeValue}*/}\r\n\r\n \r\n \r\n\r\n
\r\n \r\n \r\n | \r\n
| \r\n | \r\n | \r\n | \r\n |
|---|---|---|---|
| Actividad | \r\nObservación | \r\nPeriodo | \r\nAcciones | \r\n
| {this.props.descripcion} | \r\n\r\n | \r\n {terminoText}\r\n {/* */}\r\n {/* */}\r\n */}\r\n {/* PAO {this.props.anio}-1 */}\r\n {/**/}\r\n {/* PAO {this.props.anio}-2 */}\r\n {/* PAE {this.props.anio}*/}\r\n {/* | \r\n \r\n {/*onChange={this.onChangeValue}*/}\r\n \r\n\r\n\r\n
\r\n \r\n \r\n | \r\n
| \r\n | \r\n | \r\n | \r\n |
|---|---|---|---|
| Materia | \r\nObservacion | \r\nPeriodo | \r\nAcciones | \r\n
| {this.props.descripcion} | \r\n\r\n | \r\n {this.props.termino}\r\n | \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n
Loading...
\r\n : this.renderMateriasTable(this.state.materias);\r\n\r\n\r\n const totalpepa = this.state.materias ? this.state.materias.map(horastot => horastot.horasTotales).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n \r\n //const talambito = this.formatter(totalpepa);\r\n const talambito = totalpepa.toLocaleString('en', { maximumFractionDigits: 2 });\r\n\r\n const combo = {\r\n width: '150px',\r\n };\r\n const buttonToLink = {\r\n fontSize: '0.65em',\r\n textAlign: 'left',\r\n float: 'right',\r\n color: '#58A7E0',\r\n background: 'none',\r\n margin: 0,\r\n padding: 0,\r\n border: 'none',\r\n cursor: 'pointer',\r\n \":hover\": {\r\n color: \"yellow\"\r\n }\r\n };\r\n const estilo = {\r\n color: 'white',\r\n fontSize: '15px',\r\n marginBottom: '20px',\r\n fontFamily: 'Robota'\r\n };\r\n return (\r\n| \r\n | \r\n | \r\n | \r\n |
|---|---|---|---|
| Actividad | \r\nObservacion | \r\nPeriodo | \r\nAcciones | \r\n
| {this.props.descripcion} | \r\n\r\n | \r\n {radios} \r\n | \r\n\r\n\r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n | \r\n
Loading...this.populateActividadesData(this.props.anio);
\r\n : this.renderActividadesTable(this.state.actividades);\r\n let contents_mat = this.state.loading2\r\n ?Loading... this.populateMateriasData(this.props.anio);
\r\n : this.renderMateriasTable(this.state.materias);\r\n \r\n const totalmaterias = this.state.materias ? this.state.materias.map(horastot => horastot.totalHoras).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n const totalactividades = this.state.actividades ? this.state.actividades.map(horastot2 => horastot2.totalHoras).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n const talambitout = totalactividades + totalmaterias;\r\n //const talambito = this.formatter(talambitout);\r\n const talambito = talambitout.toLocaleString('en', { maximumFractionDigits: 2 });\r\n\r\n const combo = {\r\n width: '150px',\r\n };\r\n const buttonToLink = {\r\n fontSize: '0.65em',\r\n textAlign: 'left',\r\n float: 'right',\r\n color: '#58A7E0',\r\n background: 'none',\r\n margin: 0,\r\n padding: 0,\r\n border: 'none',\r\n cursor: 'pointer',\r\n \":hover\": {\r\n color: \"yellow\"\r\n }\r\n }; \r\n const estilo = {\r\n color: 'white',\r\n fontSize: '15px',\r\n marginBottom: '20px',\r\n fontFamily: 'Robota'\r\n };\r\n\r\n const form_nuevo = {\r\n fontSize: '0.65em',\r\n color: \"darkgray\"\r\n };\r\n\r\n return (\r\nLoading...this.populateActividadesData(this.props.anio);
\r\n : this.renderActividadesTable(this.state.actividades);\r\n\r\n\r\n let contents_mat = this.state.loading2\r\n ?Loading... this.populateMateriasData(this.props.anio);
\r\n : this.renderMateriasTable(this.state.materias);\r\n \r\n const totalpepa = this.state.materias ? this.state.materias.map(horastot => horastot.horasTotales).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n const totalpepa2 = this.state.actividades ? this.state.actividades.map(horastot2 => horastot2.totalHoras).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n const talambitout = totalpepa + totalpepa2;\r\n //const talambito = this.formatter(talambitout);\r\n const talambito = talambitout.toLocaleString('en', { maximumFractionDigits: 2 })\r\n\r\n const combo = {\r\n width: '150px',\r\n };\r\n const buttonToLink = {\r\n fontSize: '0.65em',\r\n textAlign: 'left',\r\n float: 'right',\r\n color: '#58A7E0',\r\n background: 'none',\r\n margin: 0,\r\n padding: 0,\r\n border: 'none',\r\n cursor: 'pointer',\r\n \":hover\": {\r\n color: \"yellow\"\r\n }\r\n };\r\n const estilo = {\r\n color: 'white',\r\n fontSize: '15px',\r\n marginBottom: '20px',\r\n fontFamily: 'Robota'\r\n };\r\n\r\n const form_nuevo = {\r\n fontSize: '0.65em',\r\n color: \"darkgray\"\r\n };\r\n\r\n return (\r\nLoading...this.populateActividadesData(this.props.anio);
\r\n : this.renderActividadesTable(this.state.actividades);\r\n\r\n\r\n const totalpepa =0;\r\n const totalpepa2 = this.state.actividades ? this.state.actividades.map(horastot2 => horastot2.totalHoras).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n const talambito = (totalpepa + totalpepa2).toLocaleString('en', { maximumFractionDigits: 2 });\r\n\r\n const combo = {\r\n width: '150px',\r\n };\r\n const buttonToLink = {\r\n fontSize: '0.65em',\r\n textAlign: 'left',\r\n float: 'right',\r\n color: '#58A7E0',\r\n background: 'none',\r\n margin: 0,\r\n padding: 0,\r\n border: 'none',\r\n cursor: 'pointer',\r\n \":hover\": {\r\n color: \"yellow\"\r\n }\r\n };\r\n const estilo = {\r\n color: 'white',\r\n fontSize: '15px',\r\n marginBottom: '20px',\r\n fontFamily: 'Robota'\r\n };\r\n\r\n const form_nuevo = {\r\n fontSize: '0.65em',\r\n color: \"darkgray\"\r\n };\r\n\r\n return (\r\nLoading...this.populateActividadesData(this.props.anio);
\r\n : this.renderActividadesTable(this.state.actividades);\r\n\r\n\r\n const totalpepa = 0;\r\n const totalpepa2 = this.state.actividades ? this.state.actividades.map(horastot2 => horastot2.totalHoras).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n const talambito = (totalpepa + totalpepa2).toLocaleString('en', { maximumFractionDigits: 2 });\r\n\r\n const combo = {\r\n width: '150px',\r\n };\r\n const buttonToLink = {\r\n fontSize: '0.65em',\r\n textAlign: 'left',\r\n float: 'right',\r\n color: '#58A7E0',\r\n background: 'none',\r\n margin: 0,\r\n padding: 0,\r\n border: 'none',\r\n cursor: 'pointer',\r\n \":hover\": {\r\n color: \"yellow\"\r\n }\r\n };\r\n const estilo = {\r\n color: 'white',\r\n fontSize: '15px',\r\n marginBottom: '20px',\r\n fontFamily: 'Robota'\r\n };\r\n\r\n const form_nuevo = {\r\n fontSize: '0.65em',\r\n color: \"darkgray\"\r\n };\r\n\r\n return (\r\nLoading...this.populateActividadesData(this.props.anio);
\r\n : this.renderActividadesTable(this.state.actividades);\r\n\r\n\r\n const totalpepa = 0;\r\n const totalpepa2 = this.state.actividades ? this.state.actividades.map(horastot2 => horastot2.totalHoras).reduce((acc2, item2) => (Number(acc2) + Number(item2)), 0) : 0;\r\n const talambito = (totalpepa + totalpepa2).toLocaleString('en', { maximumFractionDigits: 2 });\r\n\r\n const combo = {\r\n width: '150px',\r\n };\r\n const buttonToLink = {\r\n fontSize: '0.65em',\r\n textAlign: 'left',\r\n float: 'right',\r\n color: '#58A7E0',\r\n background: 'none',\r\n margin: 0,\r\n padding: 0,\r\n border: 'none',\r\n cursor: 'pointer',\r\n \":hover\": {\r\n color: \"yellow\"\r\n }\r\n };\r\n const estilo = {\r\n color: 'white',\r\n fontSize: '15px',\r\n marginBottom: '20px',\r\n fontFamily: 'Robota'\r\n };\r\n\r\n const form_nuevo = {\r\n fontSize: '0.65em',\r\n color: \"darkgray\"\r\n };\r\n\r\n return (\r\n| \r\n | \r\n | \r\n | |
|---|---|---|---|
| Actividad | \r\nObservación | \r\n {this.props.accion === 'Nueva Carga' ?\r\n: | Acciones | \r\n } \r\n
| {this.props.descripcion} | \r\n\r\n \r\n\r\n {this.props.accion==='Nueva Carga'?\r\n | \r\n \r\n | \r\n :\r\n {/*onChange={this.onChangeValue}*/}\r\n
\r\n \r\n \r\n | \r\n }\r\n \r\n \r\n
This is a simple example of a React component.
\r\n\r\nCurrent count: {this.state.currentCount}
\r\n\r\n \r\n