From 10d7090cc2895300a3f88f0ec206157fa3e4f228 Mon Sep 17 00:00:00 2001
From: Taka <taka@vm-linux-dev>
Date: Thu, 30 Jan 2020 08:31:44 +0000
Subject: [PATCH] Added tooltips.

---
 web/src/ArticleSearchResult.js      | 2 +-
 web/src/ArticleSearchResult2.js     | 6 +++---
 web/src/PublicationSearchResult.js  | 2 +-
 web/src/PublicationSearchResult2.js | 4 ++--
 web/src/PublisherSearchResult.js    | 2 +-
 web/src/PublisherSearchResult2.js   | 4 ++--
 web/src/SearchForm.js               | 2 +-
 7 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/ArticleSearchResult.js b/web/src/ArticleSearchResult.js
index 0980b1d..83e50a7 100644
--- a/web/src/ArticleSearchResult.js
+++ b/web/src/ArticleSearchResult.js
@@ -82,7 +82,7 @@ export class ArticleSearchResult extends React.Component
                 {menu}
                 { pub_display_name && <span className="publication"> {pub_display_name} </span> }
                 <span className="title name" dangerouslySetInnerHTML={{ __html: display_title }} />
-                { this.props.data.article_url && <a href={this.props.data.article_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open this article." /></a> }
+                { this.props.data.article_url && <a href={this.props.data.article_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open article." title="Open this article." /></a> }
                 { display_subtitle && <div className="subtitle" dangerouslySetInnerHTML={{ __html: display_subtitle }} /> }
             </div>
             <div className="content">
diff --git a/web/src/ArticleSearchResult2.js b/web/src/ArticleSearchResult2.js
index 6809c3a..96107f4 100644
--- a/web/src/ArticleSearchResult2.js
+++ b/web/src/ArticleSearchResult2.js
@@ -92,8 +92,8 @@ export class ArticleSearchResult2
         const content = <div>
             <div className="image-container">
                 <div className="row image">
-                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Click to upload an image for this article." />
-                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove the article's image." />
+                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Upload image." title="Click to upload an image for this article." />
+                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove image." title="Remove the article's image." />
                     <input type="file" accept="image/*" onChange={onUploadImage} style={{display:"none"}} ref={r => uploadImageRef=r} />
                 </div>
             </div>
@@ -108,7 +108,7 @@ export class ArticleSearchResult2
                     defaultValue = {currPub}
                     ref = { r => refs.pub_id=r }
                 />
-                <input className="pageno" type="text" defaultValue={vals.article_pageno} ref={r => refs.article_pageno=r} alt="Page number." />
+                <input className="pageno" type="text" defaultValue={vals.article_pageno} ref={r => refs.article_pageno=r} title="Page number." />
             </div>
             <div className="row snippet"> <label> Snippet: </label>
                 <textarea defaultValue={vals.article_snippet} ref={r => refs.article_snippet=r} />
diff --git a/web/src/PublicationSearchResult.js b/web/src/PublicationSearchResult.js
index 50eb183..c3045d2 100644
--- a/web/src/PublicationSearchResult.js
+++ b/web/src/PublicationSearchResult.js
@@ -50,7 +50,7 @@ export class PublicationSearchResult extends React.Component
                 {menu}
                 { publ && <span className="publisher"> {publ.publ_name} </span> }
                 <span className="name" dangerouslySetInnerHTML={{ __html: this._makeDisplayName(true) }} />
-                { this.props.data.pub_url && <a href={this.props.data.pub_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Go to this publication." /></a> }
+                { this.props.data.pub_url && <a href={this.props.data.pub_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open publication." title="Open this publication." /></a> }
             </div>
             <div className="content">
                 { image_url && <img src={image_url} className="image" alt="Publication." /> }
diff --git a/web/src/PublicationSearchResult2.js b/web/src/PublicationSearchResult2.js
index 501b965..4f8bf9e 100644
--- a/web/src/PublicationSearchResult2.js
+++ b/web/src/PublicationSearchResult2.js
@@ -107,8 +107,8 @@ export class PublicationSearchResult2
             const content = <div>
                 <div className="image-container">
                     <div className="row image">
-                        <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Click to upload an image for this publication." />
-                        <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove the publication's image." />
+                        <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Upload image." title="Click to upload an image for this publication." />
+                        <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove image." title="Remove the publication's image." />
                         <input type="file" accept="image/*" onChange={onUploadImage} style={{display:"none"}} ref={r => uploadImageRef=r} />
                     </div>
                 </div>
diff --git a/web/src/PublisherSearchResult.js b/web/src/PublisherSearchResult.js
index 0f4bf07..eb2da2d 100644
--- a/web/src/PublisherSearchResult.js
+++ b/web/src/PublisherSearchResult.js
@@ -33,7 +33,7 @@ export class PublisherSearchResult extends React.Component
             <div className="header">
                 {menu}
                 <span className="name" dangerouslySetInnerHTML={{ __html: display_name }} />
-                { this.props.data.publ_url && <a href={this.props.data.publ_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Go to this publisher." /></a> }
+                { this.props.data.publ_url && <a href={this.props.data.publ_url} className="open-link" target="_blank" rel="noopener noreferrer"><img src="/images/open-link.png" alt="Open publisher." title="Go to this publisher." /></a> }
             </div>
             <div className="content">
                 { image_url && <img src={image_url} className="image" alt="Publisher." /> }
diff --git a/web/src/PublisherSearchResult2.js b/web/src/PublisherSearchResult2.js
index a60d0cb..0c6dbb8 100644
--- a/web/src/PublisherSearchResult2.js
+++ b/web/src/PublisherSearchResult2.js
@@ -43,8 +43,8 @@ export class PublisherSearchResult2
         const content = <div>
             <div className="image-container">
                 <div className="row image">
-                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Click to upload an image for this publisher." />
-                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove the publisher's image." />
+                    <img src={imageUrl} className="image" onError={onMissingImage} onClick={() => onUploadImage(null)} ref={r => imageRef=r} alt="Upload image." title="Click to upload an image for this publisher." />
+                    <img src="/images/delete.png" className="remove-image" onClick={onRemoveImage} ref={r => removeImageRef=r} alt="Remove image." title="Remove the publisher's image." />
                     <input type="file" accept="image/*" onChange={onUploadImage} style={{display:"none"}} ref={r => uploadImageRef=r} />
                 </div>
             </div>
diff --git a/web/src/SearchForm.js b/web/src/SearchForm.js
index 75c8c1f..509d1d1 100644
--- a/web/src/SearchForm.js
+++ b/web/src/SearchForm.js
@@ -27,7 +27,7 @@ export default class SearchForm extends React.Component
                 ref = {this._queryStringRef}
                 autoFocus
             />
-            <button type="submit" alt="Search the database." />
+            <button type="submit" title="Search the database." />
             </form>
         ) ;
     }