Unverified Commit 941ddf17 authored by amystamile's avatar amystamile Committed by GitHub
Browse files

Merge pull request #55 from amystamile/addMetaDataAssets 

Adds Assets to Metadata Modal
parents b5139688 c022307e

app/src/components/presentational/DisplayGeoTiff.jsx

+7 −6
Original line number Diff line number Diff line
@@ -13,7 +13,7 @@ export default function DisplayGeoTiff() { 
            <div id="GeoTiffModal">

                <div id="GeoTiffModalHeader">

                    <div id="GeoTiffTitle">

                        Displayed GeoTiff:

                        Metadata:

                    </div>

                    <button id="GeoTiffCloseButton" onClick={geoTiffViewer.closeModal}>&times;</button>

                </div>
@@ -26,6 +26,7 @@ export default function DisplayGeoTiff() { 
                    <div className="resultSub" className="resultSub" id = "GeoTiffCollection"></div>

                    <div className="resultSub" id = "GeoTiffID"></div>

                    <div className="resultSub" id = "GeoTiffDate"></div>

                    <div className="resultSub" id = "Assets"></div>

                </div>

            </div>

            <div id="GeoTiffOverlay"></div>

app/src/components/presentational/FootprintResults.jsx

+1 −2
Original line number Diff line number Diff line
@@ -56,9 +56,8 @@ export default function FootprintResults(props) { 


  const showMetadata = value => () => {

    geoTiffViewer.displayGeoTiff(value.assets.thumbnail.href);

    geoTiffViewer.changeMetaData(value.collection, value.id, value.properties.datetime);

    geoTiffViewer.changeMetaData(value.collection, value.id, value.properties.datetime, value.assets);

    geoTiffViewer.openModal();

    console.log(value);

  }

app/src/js/geoTiffViewer.js

+16 −11
Original line number Diff line number Diff line
@@ -68,7 +68,7 @@ export default class GeoTiffViewer { 


	}



	changeMetaData( GeoTiffCollectionName, GeoTiffIDName, GeoTiffDateName )

	changeMetaData( GeoTiffCollectionName, GeoTiffIDName, GeoTiffDateName, Assets )

	{

		document.getElementById("GeoTiffCollection").innerHTML = ("<strong>Collection:</strong>&nbsp;"

			+ GeoTiffCollectionName);
@@ -79,6 +79,11 @@ export default class GeoTiffViewer { 
		document.getElementById("GeoTiffDate").innerHTML = ("<strong>Date:</strong>&nbsp;"

			+ GeoTiffDateName);



		document.getElementById("Assets").innerHTML = ("<strong>Assets:</strong>&nbsp;<br>");

		for (const asset in Assets) {

			document.getElementById("Assets").innerHTML += ("<a href=" + Assets[asset]["href"] + ">" + asset + "</a><br>");

		}



	}



	openModal()

app/src/styles.css

+5 −3
Original line number Diff line number Diff line
@@ -7,6 +7,10 @@ body { 
  background: lightgray;

}



a:link {

  text-decoration: none;

}



/*

App Layout Grid

*/
@@ -309,7 +313,6 @@ Controls the CSS for projection buttons when there is no available projection 
  padding-bottom: 2px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);

  margin-bottom: 3px;



  word-wrap: break-word;

}
@@ -368,6 +371,7 @@ GeoTiff Modal Container 
}



#GeoTiffModalHeader #GeoTiffTitle {

  font-family: Roboto, Arial, Helvetica, sans-serif;

  font-size: 1.20rem;

  font-weight: bold;

}
@@ -386,7 +390,6 @@ GeoTiff Modal Container 
  padding: 10px 15px;

  align-items: center;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);

  

}



#GeoTiffAsset {
@@ -433,4 +436,3 @@ GeoTiff Modal Container 
  opacity: 1;

  pointer-events: all;

}