Componetizado el módulo de noticias. Arreglados la mayoría de warnings

juadecha · Mar 2, 2021 · b14a313 · b14a313
1 parent e0962c3
commit b14a313
Show file tree

Hide file tree

Showing 7 changed files with 89 additions and 51 deletions.
diff --git a/src/Components/bottomwrap.tsx b/src/Components/bottomwrap.tsx
@@ -3,7 +3,6 @@ import footer1 from '../Inicio_files/cita-secretaria.png'
 import footer2 from '../Inicio_files/TFG.png'
 import footer3 from '../Inicio_files/etsiiorienta.png'
 import footer4 from '../Inicio_files/expon-us250A.png'
-import { collapseTextChangeRangesAcrossMultipleVersions } from 'typescript'
 class Bottomwrap extends React.Component {
     public render () {
 
@@ -63,7 +62,7 @@ class BottomwrapElement extends React.Component<IBottomwrapElementProps, IBottom
     <div id="favpromote" className={this.state.classname}>
       <div id="favpromote-uploadimage" style={{height: '100%', textAlign: 'center'}}>
         <a href={this.state.link} target="_self">
-          <img src={this.state.img} />
+          <img src={this.state.img} alt=""/>
         </a>
       </div>
     </div>

diff --git a/src/Components/copyrightwrap.tsx b/src/Components/copyrightwrap.tsx
@@ -9,7 +9,7 @@ class Copyrightwrap extends React.Component {
         <div id="fav-copyright" className="clearfix">
           <div id="fav-showcopyright" className="span3">
             <p>© 2021
-              <a href="https://www.informatica.us.es/" target="_blank">
+              <a href="https://www.informatica.us.es/" target="_blank noopener">
                 ETSII										</a>
             </p>
           </div>
@@ -18,7 +18,7 @@ class Copyrightwrap extends React.Component {
               <div id="favsocial" style={{float: 'right'}}>
                 <ul id="favsocial-list">
                   <li id="favsocial-icon2">
-                    <a href="https://twitter.com/etsii" target="_blank" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
+                    <a href="https://twitter.com/etsii" target="_blank noopener" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
                       <span className="fa-stack">
                         <i className="fa fa-twitter fa-stack-2x" style={{color: '#00ACED', fontSize: 24}}>
                         </i>
@@ -28,7 +28,7 @@ class Copyrightwrap extends React.Component {
                     </a>
                   </li>
                   <li id="favsocial-icon3">
-                    <a href="https://www.facebook.com/pages/Secretar%C3%ADa-ETS-Ingenier%C3%ADa-Inform%C3%A1tica-Univ-Sevilla/196373487061548?ref=ts" target="_blank" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
+                    <a href="https://www.facebook.com/pages/Secretar%C3%ADa-ETS-Ingenier%C3%ADa-Inform%C3%A1tica-Univ-Sevilla/196373487061548?ref=ts" target="_blank noopener" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
                       <span className="fa-stack">
                         <i className="fa fa-facebook fa-stack-2x" style={{color: '#3B5998', fontSize: 24}}>
                         </i>
@@ -38,7 +38,7 @@ class Copyrightwrap extends React.Component {
                     </a>
                   </li>
                   <li id="favsocial-icon9">
-                    <a href="https://www.youtube.com/channel/UCic5LtftOI4kAvckx-24gKQ" target="_blank" style={{backgroundColor: '#CD332D', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
+                    <a href="https://www.youtube.com/channel/UCic5LtftOI4kAvckx-24gKQ" target="_blank noopener" style={{backgroundColor: '#CD332D', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
                       <span className="fa-stack">
                         <i className="fa fa-youtube fa-stack-2x" style={{color: '#EEEEEE', fontSize: 24}}>
                         </i>

diff --git a/src/Components/introwrap.tsx b/src/Components/introwrap.tsx
@@ -9,7 +9,7 @@ class Introwrap extends React.Component {
         <div id="fav-intro" className="clearfix">	
           <div id="fav-intro1" className="span12">
             <div className="moduletable"><div id="fav-download">
-                <p id="fav-download-message"><a href="https://www.informatica.us.es/docs/decalogo-directrices-alumnos.pdf" target="_blank"><i className="fa fa-sign-in" />Consulta las Directrices Generales para el Inicio del Curso</a></p>
+                <p id="fav-download-message"><a href="https://www.informatica.us.es/docs/decalogo-directrices-alumnos.pdf" target="_blank noopener"><i className="fa fa-sign-in" />Consulta las Directrices Generales para el Inicio del Curso</a></p>
                 <h4 id="fav-download-btn"><a className="favth-btn btn-danger btn-large" href="https://www.informatica.us.es/index.php/plan-preventivo-covid-19" target="_self"><i className="fa fa-check-square-o" />Medidas preventivas ETSII-COVID-19</a></h4>
               </div>
               <noscript>&lt;strong&gt;JavaScript is currently disabled.&lt;/strong&gt;Please enable it for a better experience of &lt;a href="http://2glux.com/projects/jumi"&gt;Jumi&lt;/a&gt;.</noscript></div>

diff --git a/src/Components/mainButton.tsx b/src/Components/mainButton.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+
+interface IMainButtonProps {
+    title: string,
+    link: string,
+    icon: string,
+
+
+
+  }
+
+  interface IMainButtonState {
+    title: string,
+    link: string,
+    icon: string,
+
+  }
+
+  class MainButton extends React.Component<IMainButtonProps, IMainButtonState> {
+    constructor(props: IMainButtonProps){
+      super(props);
+      this.state = {icon: this.props.icon, title: this.props.title, link: this.props.link}
+    }
+
+    public render() {
+      return (
+        <div className="moduletable">
+            <div className="custom">
+            <p id="fav-download-btn"><a className="btn btn-primary btn-info" href={this.state.link} target="_blank noopener"><i className={this.state.icon} />{this.state.title}</a></p>
+            </div>
+        </div>
+      );
+    }
+  }
+  export default MainButton;
diff --git a/src/Components/newsshow.tsx b/src/Components/newsshow.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import MainButton from './mainButton'
 
 class Newsshow extends React.Component {
     public render () {
@@ -8,34 +9,47 @@ class Newsshow extends React.Component {
             <div id="system-message-container">
             </div>
             <div className="moduletable-sfx6"><h3><i className="fa fa-check-square-o" />Últimas Noticias</h3><ul className="lnpd_item_wrapper">
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">23/02/2121 09:12<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2798-webinar-zotero-un-gestor-de-referencias-de-software-libre" itemProp="url" className="lnpd_item_title"><span itemProp="name">Webinar: Zotero, un gestor de referencias de software libre</span></a>	
-                </li>
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">19/02/2121 08:18<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2797-parada-definitiva-de-projetsii" itemProp="url" className="lnpd_item_title"><span itemProp="name">Parada definitiva de ProjETSII</span></a>	
-                </li>
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">18/02/2121 21:17<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2796-acuerdos-junta-de-centro-18-02-2021" itemProp="url" className="lnpd_item_title"><span itemProp="name">Acuerdos Junta de Centro 18-02-2021</span></a>	
-                </li>
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">17/02/2121 21:24<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" itemProp="url" className="lnpd_item_title"><span itemProp="name">Jornada Anual de la Red de Cátedras Telefónica</span></a>	
-                </li>
+                <NewsLine title="Webinar: Zotero, un gestor de referencias de software libre" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2798-webinar-zotero-un-gestor-de-referencias-de-software-libre" datetime="23/02/2121 09:12" />
+                <NewsLine title="Parada definitiva de ProjETSII" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2797-parada-definitiva-de-projetsii" datetime="19/02/2121 08:18" />
+                <NewsLine title="Acuerdos Junta de Centro 18-02-2021" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2796-acuerdos-junta-de-centro-18-02-2021" datetime="118/02/2121 21:17" />
+                <NewsLine title="Jornada Anual de la Red de Cátedras Telefónica" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" datetime="17/02/2121 21:24" />
               </ul>
-            </div><div className="moduletable">
-              <div className="custom">
-                <p id="fav-download-btn"><a className="btn btn-primary btn-info" href="https://t.me/empleo_etsii" target="_blank"><i className="fa fa-sign-in" />Suscríbete al canal ofertas de empleo para egresados</a></p>
-              </div>
             </div>
+            <MainButton title="Suscríbete al canal ofertas de empleo para egresados" link="https://t.me/empleo_etsii" icon="fa fa-sign-in" />
           </div>
     ) }
 }
 
+interface INewsLineProps {
+  datetime: string,
+  title: string,
+  link: string,
+
+
+
+}
+
+interface INewsLineState {
+  datetime: string,
+  title: string,
+  link: string,
+
+}
+
+class NewsLine extends React.Component<INewsLineProps, INewsLineState> {
+  constructor(props: INewsLineProps){
+    super(props);
+    this.state = {datetime: this.props.datetime, title: this.props.title, link: this.props.link}
+  }
+
+  public render() {
+    return (
+      <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
+        <span className="lnpd_item_date">
+          <span className="lnd_introdate">{this.state.datetime}<br /></span>			</span>
+        <a href={this.state.link} itemProp="url" className="lnpd_item_title"><span itemProp="name">{this.state.title}</span></a>	
+      </li>
+    );
+  }
+}
 export default Newsshow;
diff --git a/src/Components/showcasewrap.tsx b/src/Components/showcasewrap.tsx
@@ -25,7 +25,7 @@ class Showcasewrap extends React.Component {
             <ShowcaseCalendar />
             <div className="moduletable">
               <div className="custom">
-                <p>{/* 27-Nov-2015: Boton de acceso al menu Agenda */}
+                <p>
                 </p><p style={{textAlign: 'center'}}><a className="btn btn-primary btn-default" href="https://www.informatica.us.es/index.php/proximos-eventos" target="_self"><i className="fa fa-calendar" />Agenda de la ETSII</a></p>
                 <p /></div>
             </div>
@@ -198,7 +198,7 @@ class ShowcaseCalendar extends React.Component{
                       <a href="https://www.informatica.us.es/index.php/proximos-eventos/449-iv-feria-de-practicas-online?date=2021-02-23-00-00">
                         <div className="linkTo">
                           <div className="ictip-img">
-                            <span style={{background: '#086119'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_slide1.jpg"/></span>						</div>
+                            <span style={{background: '#086119'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_slide1.jpg" alt=""/></span>						</div>
                           <div className="ictip-event-title titletip">
                             Feria ONLINE de prácticas de la ETSII						</div>
                           <div className="ictip-info ic-clearfix">
@@ -233,7 +233,7 @@ class ShowcaseCalendar extends React.Component{
                       <a href="https://www.informatica.us.es/index.php/proximos-eventos/450-jornada-anual-de-la-red-de-catedras-telefonica?date=2021-02-25-00-00">
                         <div className="linkTo">
                           <div className="ictip-img">
-                            <span style={{background: '#5ecc2b'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_admision.jpg" /></span>						</div>
+                            <span style={{background: '#5ecc2b'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_admision.jpg" alt="" /></span>						</div>
                           <div className="ictip-event-title titletip">
                             Jornada Anual de la Red de Cátedras Telefónica						</div>
                           <div className="ictip-info ic-clearfix">