Entregable #3A

beacorlop · Mar 7, 2021 · b0c5e73 · b0c5e73
1 parent 6ec14c9
commit b0c5e73
Show file tree

Hide file tree

Showing 24 changed files with 517 additions and 99 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -41,5 +41,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@types/jquery": "^3.5.5"
   }
 }
diff --git a/src/actions/Actions.ts b/src/actions/Actions.ts
@@ -0,0 +1,16 @@
+import { Action } from 'redux';
+
+export enum Actions {
+    VER_MAS_NOTICIAS = "VER_MAS_NOTICIAS",
+    VER_MAS_DOCUMENTOS = "VER_MAS_DOCUMENTOS"
+}
+
+export interface IVerMasNoticiasAction extends Action {
+    payload: boolean;
+    nombre: string;
+}
+
+export interface IVerMasDocumentosAction extends Action {
+    payload: boolean;
+    nombreDocumentos: string;
+}
diff --git a/src/assets/css/logo-etsii251.png b/src/assets/css/logo-etsii251.png
diff --git a/src/assets/css/logo-us49.png b/src/assets/css/logo-us49.png
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
@@ -6022,7 +6022,8 @@ body .tfc_theme.v-app .v-app-loading {
 }
 
 .tfc_theme tr.v-table-row:hover, .tfc_theme tr.v-table-row-odd:hover {
-	background-color: #edeeee;
+	background-color: #666dad;
+	color: #fff;
 }
 
 .tfc_theme .v-table-row, .tfc_theme .v-table-body-noselection .v-table-row:hover {

diff --git a/src/assets/scss/_calendario.scss b/src/assets/scss/_calendario.scss
@@ -21,4 +21,20 @@
 .exposicion {
     text-align: left; 
     width: 230px;
+}
+
+.titulo-calendario {
+    color: #333333;
+    font-size: 15px;
+    padding-top: 10px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+.height-180px {
+    height: 180px;
+}
+
+.header-table {
+    background-color: #666dad;
 }
diff --git a/src/assets/scss/_main.scss b/src/assets/scss/_main.scss
@@ -293,6 +293,9 @@
     left: 0px;
 }
 
+.margin-top--10px {
+    margin-top: -10px;
+}
 .margin-top-0px {
     margin-top: 0px;
 }
@@ -313,6 +316,18 @@
     padding-top: 0px;
 }
 
+.padding-top-10px {
+    padding-top: 10px;
+}
+
+.padding-top-20px {
+    padding-top: 20px;
+}
+
+.padding-top-29px {
+    padding-top: 29px;
+}
+
 .padding-bottom-0px {
     padding-bottom: 0px;
 }
@@ -321,6 +336,10 @@
     padding-left: 0px;
 }
 
+.padding-left-20px {
+    padding-left: 20px;
+}
+
 .padding-left-430px {
     padding-left: 430px;
 }
@@ -334,13 +353,18 @@
 }
 
 .png1 {
-    top: 30px; 
-    left: 300px;
+    top: 15px; 
+    left: 350px;
 }
 
 .png2 {
     top: 15px; 
-    left: 150px;
+    left: 60px;
+}
+
+.png3 {
+    height: 50px;
+    width: 100px;
 }
 
 .identificar-png {
@@ -356,4 +380,13 @@
 .logo-etsii {
     width: 120px; 
     height: 110px;
+}
+
+.navBar-noSelected {
+    background-color: #eeeeee;
+}
+
+.navBar-Selected {
+    border-radius: 10px;
+    border-color: yellow;
 }
diff --git a/src/assets/scss/_noticias.scss b/src/assets/scss/_noticias.scss
@@ -0,0 +1,66 @@
+
+.cajaNoticias {
+    background-color: #eeeeee;
+    border-radius: 20px;
+    margin-left: 20px;
+    padding-right: 20px;
+}
+
+.titulo {
+    color: #333333;
+    font-size: 20px;
+    padding-top: 20px;
+}
+
+.fecha {
+    font-size: 15px;
+    color: #debd5a;
+    font-weight: bold;
+}
+
+.noticia {
+    font-size: 15px;
+    color: #666dad;
+}
+
+.padding-left-10px {
+    padding-left: 10px;
+}
+
+.btn {
+    display: inline-block;
+    font-weight: 400;
+    color: #212529;
+    text-align: center;
+    vertical-align: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-color: #666dad;
+    border: 1px solid transparent;
+    padding: 0.375rem 0.75rem;
+    font-size: 1rem;
+    line-height: 1.5;
+    border-radius: 0.25rem;
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.info-outline {
+    border-color: #666dad;
+    color: #1e90ff;
+}
+
+.info-outline:hover {
+    border-color: #666dad;
+    background-color: #053D69;
+    color: #fff;
+}
+
+.color-blanco {
+    color: #ffffff;
+}
+
+.padding-bottom-20px {
+    padding-bottom: 20px;
+}
diff --git a/src/assets/scss/index.scss b/src/assets/scss/index.scss
@@ -2,6 +2,7 @@
 @import './main';
 @import './calendario';
 @import './documentos';
+@import './noticias';
 
 body {
   margin: 0;

diff --git a/src/components/1.html b/src/components/1.html
diff --git a/src/components/Documentos.tsx b/src/components/Documentos.tsx
@@ -60,8 +60,6 @@ class Documentos extends React.Component<IDocumentosProps, IDocumentosState> {
                                                                 <tbody>
                                                                     <tr>
                                                                         <td className="v-table-header-cell width-1792px" >
-                                                                            <div className="v-table-resizer"></div>
-                                                                            <div className="v-table-sort-indicator"></div>
                                                                             <div className="v-table-caption-container v-table-caption-container-align-left width-1778px">Título</div>
                                                                         </td>
                                                                     </tr>

diff --git a/src/components/DocumentosCaja.tsx b/src/components/DocumentosCaja.tsx
@@ -0,0 +1,146 @@
+import React from 'react';
+import '../assets/scss/index.scss';
+import '../assets/css/style.css';
+
+interface IDocumentosCajaProps {
+    verMasDocumentos: boolean;
+    nombreDocumentos: string;
+    onVerMasDocumentosClick: (verMasDocumentos: boolean, nombreDocumentos: string) => any;
+}
+interface IDocumentosCajaState {
+    verMasDocumentos: boolean;
+    nombreDocumentos: string;
+}
+
+class DocumentosCaja extends React.Component<IDocumentosCajaProps, IDocumentosCajaState> {
+    constructor(props: IDocumentosCajaProps) {
+        super(props);
+        this.state = { verMasDocumentos: this.props.verMasDocumentos, nombreDocumentos: this.props.nombreDocumentos }
+    };
+
+    public onVerMasDocumentosClick = () => {
+        this.props.onVerMasDocumentosClick(this.props.verMasDocumentos === true ? false : true, this.props.nombreDocumentos === "Ver menos" ? "Ver más" : "Ver menos");
+        this.setState({ verMasDocumentos: this.props.verMasDocumentos === true ? false : true, nombreDocumentos: this.props.nombreDocumentos === "Ver menos" ? "Ver más" : "Ver menos" });
+    }
+
+    public render() {
+        return (
+            <div className="container-fluid padding-left-20px cajaNoticias" id="fav-slidewrap">
+                <div className="row-fluid">
+                    <div id="fav-slide" className="clearfix">
+                        <div id="fav-slide2" className="span6 padding-bottom-20px">
+                            <div id="system-message-container">
+                            </div>
+                            {this.state.verMasDocumentos === true ? <div className="moduletable-sfx6 cajaNoticias">
+                                <h3 className="titulo padding-left-10px"><i className="fa fa-check-square-o"></i>Documentos</h3>
+                                <ul className="lnpd_item_wrapper">
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/41/href/normativa_tfe_etsii_2020_2021.pdf" >
+                                            <span>Nueva normativa (entrada en vigor en el curso 2020/21)</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/42/href/Trabajo_Fin_de_Grado___Procedimiento_de_Evaluacion___Version_del_Estudiante___v6.pdf" >
+                                            <span>Procedimiento de Evaluación para la Tercera Convocatoria del Curso 2020/2021. Versión del Estudiante.</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/43/href/Guia_de_Sesiones_Virtuales.pdf" >
+                                            <span>Guía de Sesiones Virtuales</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/44/href/guia_jmcordero.pdf" >
+                                            <span>Guía para el desarrollo de un TFG del tipo Proyecto Informático - Prof. Juan M. Cordero</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/45/href/informe_precios_perfiles_CPI.pdf" >
+                                            <span>Informe de precios para perfiles en Compra Pública de Innovación</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/46/href/informe_precios_perfiles_informaticos.pdf" >
+                                            <span>Informe de precios para perfiles profesionales en el ámbito de las Tecnologías de la Información</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/47/href/Licencia_idUS_TFG_TFM.pdf" >
+                                            <span>Licencia para publicación TFG en repositorio US</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/48/href/pclasstfg_v091.zip" >
+                                            <span>Plantilla LaTex mencionada en el documento de propuesta de estilo para la memoria</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/49/href/propuesta_estilo.pdf" >
+                                            <span>Propuesta de estilo para la memoria</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/50/href/TFGM_Solicitud_convenio-tipo_y_Convenio.pdf" >
+                                            <span>Solicitud de Convenio de Colaboración</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/51/href/tramites_tfg.pdf" >
+                                            <span>Trámites</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/52/href/diagrama_de_secuencia_tfg.pdf" >
+                                            <span>Diagrama de Secuencia</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/53/href/normativa_tfe.pdf" >
+                                            <span>Normativa actual</span>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div> : <div className="moduletable-sfx6 cajaNoticias">
+                                <h3 className="titulo padding-left-10px"><i className="fa fa-check-square-o"></i>Documentos</h3>
+                                <ul className="lnpd_item_wrapper">
+                                <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/41/href/normativa_tfe_etsii_2020_2021.pdf" >
+                                            <span>Nueva normativa (entrada en vigor en el curso 2020/21)</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/42/href/Trabajo_Fin_de_Grado___Procedimiento_de_Evaluacion___Version_del_Estudiante___v6.pdf" >
+                                            <span>Procedimiento de Evaluación para la Tercera Convocatoria del Curso 2020/2021. Versión del Estudiante.</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/43/href/Guia_de_Sesiones_Virtuales.pdf" >
+                                            <span>Guía de Sesiones Virtuales</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/44/href/guia_jmcordero.pdf" >
+                                            <span>Guía para el desarrollo de un TFG del tipo Proyecto Informático - Prof. Juan M. Cordero</span>
+                                        </a>
+                                    </li>
+                                    <li className="lnpd_item_without_intro">
+                                        <a className="lnpd_item_title noticia" href="https://tfc.eii.us.es/TFG/APP/connector/0/45/href/informe_precios_perfiles_CPI.pdf" >
+                                            <span>Informe de precios para perfiles en Compra Pública de Innovación</span>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>}
+                            <div className="moduletable">
+                                <div className="custom">
+                                    <button type="button" className="btn info-outline" onClick={this.onVerMasDocumentosClick}><span className="color-blanco">{this.state.nombreDocumentos}</span></button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default DocumentosCaja;