edb/dns2019
Archived
9
0 Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Fallback to image URLs everywhere. Clean up later.

Browse Source
This commit is contained in:
ponas committed 2019-08-06 02:17:51 +02:00
1 parent 6be69ed1f7
commit e0f6ed6372
6 files changed
+98 -21
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/booking.js
+12 -5
View File
@@ -80,7 +80,14 @@ export const BookingPage = () => {
{hasFeaturedMedia && (
<div className="page-hero">
<div className="page-hero_image">
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
{featuredMedia.localFile.childImageSharp ? (
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
) : (
<img
src={featuredMedia.localFile.url}
alt={featuredMedia.caption || ''}
/>
)}
</div>
{featuredMedia.caption && (
<div
@@ -101,10 +108,10 @@ export const BookingPage = () => {
Med vår 3D-løsning har du muligheten til å navigere deg rundt på
huset! Du kan bevege deg mellom etasjer ved å trykke på tallene i
lille kolonnen nederst til høyre. Dra deg rundt fra rom til rom ved
å klikke dit du vil. Den røde og hvite kompassnålen lar deg rotere bildet. Pluss- og
minus-knappene i høyre hjørne kan brukes for å zoome inn eller ut.
Du starter i foajeen i 1. etasje &ndash; men ta gjerne en
titt på lokalene i alle etasjer!
å klikke dit du vil. Den røde og hvite kompassnålen lar deg rotere
bildet. Pluss- og minus-knappene i høyre hjørne kan brukes for å
zoome inn eller ut. Du starter i foajeen i 1. etasje &ndash; men ta
gjerne en titt på lokalene i alle etasjer!
</p>
</div>
<iframe
src/templates/association.js
+6 -1
View File
@@ -18,7 +18,11 @@ export const AssociationTemplate = ({
<h1 className="page-title">{title}</h1>
{hasFeaturedMedia && (
<div className="association-logo">
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
{featuredMedia.localFile.childImageSharp ? (
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
) : (
<img src={featuredMedia.localFile.url} alt={title} />
)}
</div>
)}
{homepage && (
@@ -73,6 +77,7 @@ export const associationQuery = graphql`
association_homepage
featured_media {
localFile {
url
...FluidImage
}
}
src/templates/event.js
+9 -1
View File
@@ -118,7 +118,14 @@ export const EventTemplate = ({
{hasFeaturedMedia && (
<>
<div className="event-hero_image">
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
{featuredMedia.localFile.childImageSharp ? (
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
) : (
<img
src={featuredMedia.localFile.url}
alt={featuredMedia.caption || ''}
/>
)}
</div>
{/* {featuredMedia.caption && (
<div
@@ -237,6 +244,7 @@ export const eventQuery = graphql`
featured_media {
caption
localFile {
url
...FluidImage
}
}
src/templates/page.js
+9 -1
View File
@@ -13,7 +13,14 @@ export const PageTemplate = ({ title, content, featuredMedia }) => {
{hasFeaturedMedia && (
<div className="page-hero">
<div className="page-hero_image">
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
{featuredMedia.localFile.childImageSharp ? (
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
) : (
<img
src={featuredMedia.localFile.url}
alt={featuredMedia.caption || ''}
/>
)}
</div>
{featuredMedia.caption && (
<div
@@ -68,6 +75,7 @@ export const pageQuery = graphql`
featured_media {
caption
localFile {
url
...FluidImage
}
}
src/templates/post.js
+2 -3
View File
@@ -18,8 +18,7 @@ export const BlogPostTemplate = ({
author,
featuredMedia,
}) => {
const hasFeaturedMedia =
featuredMedia && (!!featuredMedia.localFile || !!featuredMedia.url)
const hasFeaturedMedia = featuredMedia && !!featuredMedia.localFile
return (
<section
className={`post-page ${
@@ -114,7 +113,6 @@ export const pageQuery = graphql`
...GatsbyImageSharpFluid
}
}
url
}
fragment PostFields on wordpress__POST {
id
@@ -145,6 +143,7 @@ export const pageQuery = graphql`
featured_media {
caption
localFile {
url
...FluidImage
}
}
src/templates/venue.js
+60 -10
View File
@@ -46,21 +46,70 @@ export class VenueTemplate extends React.Component {
/>
{hasFeaturedMedia && (
<div className="venue-featured-image">
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
{featuredMedia.localFile.childImageSharp ? (
<Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
) : (
<img src={featuredMedia.localFile.url} alt={title} />
)}
</div>
)}
<div className="venue-text">
<div className="venue-meta">
<table>
{floor && <tr><td>Etasje</td><td>{floor}</td></tr>}
{capacityLegal && <tr><td>Branntillatelse for</td><td>{capacityLegal}</td></tr>}
{capacityStanding && <tr><td>Stående</td><td>{capacityStanding}</td></tr>}
{capacitySitting && <tr><td>Sittende</td><td>{capacitySitting}</td></tr>}
{usedFor && <tr><td>Bruk</td><td>{usedFor}</td></tr>}
{bar && <tr><td>Bar</td><td>{bar}</td></tr>}
{audio && <tr><td>Lyd</td><td>{audio}</td></tr>}
{lighting && <tr><td>Lys</td><td>{lighting}</td></tr>}
{audioVideo && <tr><td>A/V</td><td>{audioVideo}</td></tr>}
{floor && (
<tr>
<td>Etasje</td>
<td>{floor}</td>
</tr>
)}
{capacityLegal && (
<tr>
<td>Branntillatelse for</td>
<td>{capacityLegal}</td>
</tr>
)}
{capacityStanding && (
<tr>
<td>Stående</td>
<td>{capacityStanding}</td>
</tr>
)}
{capacitySitting && (
<tr>
<td>Sittende</td>
<td>{capacitySitting}</td>
</tr>
)}
{usedFor && (
<tr>
<td>Bruk</td>
<td>{usedFor}</td>
</tr>
)}
{bar && (
<tr>
<td>Bar</td>
<td>{bar}</td>
</tr>
)}
{audio && (
<tr>
<td>Lyd</td>
<td>{audio}</td>
</tr>
)}
{lighting && (
<tr>
<td>Lys</td>
<td>{lighting}</td>
</tr>
)}
{audioVideo && (
<tr>
<td>A/V</td>
<td>{audioVideo}</td>
</tr>
)}
</table>
</div>
</div>
@@ -176,6 +225,7 @@ export const pageQuery = graphql`
audio_video
featured_media {
localFile {
url
...FluidImage
}
}