Commit dc34b8a0 authored by René Rösner's avatar René Rösner
Browse files

Fix: Formatted files (planning#428)

parent 67b3f894
import React, { Component, ReactElement } from 'react'
import { IconBooks } from '@tabler/icons'
type HeaderOptions = {
title: string
description: string
......@@ -25,17 +24,17 @@ export default ({ title, description, img, children }: HeaderOptions) => {
<div className="flex-1 relative pt-24 px-6 pb-8 md:px-8">
<div className="h-32 absolute top-0 p-4 inline-block transform -translate-y-1/2">
<header className={'flex justify-between space-x-6'}>
{img && img.src ?(
{img && img.src ? (
<img
className={'w-24 h-24'}
src={img.src}
alt={img.alt}
/>
) : (
<IconBooks
<IconBooks
className={'w-24 h-24'}
/>
)}
)}
<h1 className="p-5 text-3xl lg:text-5xl font-extrabold tracking-tight text-gray-900 overflow-hidden">
{title}
</h1>
......
......@@ -3,59 +3,69 @@
{
"label": "Art der Ressource",
"id": "type",
"options": [{
"label": "Plattformen",
"id": "platform",
"value": "platform"
},{
"label": "Basisdienste",
"id": "base",
"value": "base"
},{
"label": "Software",
"id": "software",
"value": "software"
},{
"label": "APIs",
"id": "api",
"value": "api"
},{
"label": "Information / Hilfestellung",
"id": "Information / Hilfestellung",
"value": "Information / Hilfestellung"
},{
"label": "Kollaboration",
"id": "Kollaboration",
"value": "Kollaboration"
},{
"label": "Vorgabe / Richtlinie",
"id": "Vorgabe / Richtlinie",
"value": "Vorgabe / Richtlinie"
}]
"options": [
{
"label": "Plattformen",
"id": "platform",
"value": "platform"
},
{
"label": "Basisdienste",
"id": "base",
"value": "base"
},
{
"label": "Software",
"id": "software",
"value": "software"
},
{
"label": "APIs",
"id": "api",
"value": "api"
},
{
"label": "Information / Hilfestellung",
"id": "Information / Hilfestellung",
"value": "Information / Hilfestellung"
},
{
"label": "Kollaboration",
"id": "Kollaboration",
"value": "Kollaboration"
},
{
"label": "Vorgabe / Richtlinie",
"id": "Vorgabe / Richtlinie",
"value": "Vorgabe / Richtlinie"
}
]
},
{
"label": "Status",
"id": "status",
"options": [{
"label": "Produktiv",
"id": "production",
"value": "production"
},
{
"label": "In Entwicklung",
"id": "development",
"value": "development"
},
{
"label": "Eingestellt",
"id": "discontinued",
"value": "discontinued"
},
{
"label": "Beta",
"id": "beta",
"value": "beta"
}]
"options": [
{
"label": "Produktiv",
"id": "production",
"value": "production"
},
{
"label": "In Entwicklung",
"id": "development",
"value": "development"
},
{
"label": "Eingestellt",
"id": "discontinued",
"value": "discontinued"
},
{
"label": "Beta",
"id": "beta",
"value": "beta"
}
]
}
]
}
\ No newline at end of file
......@@ -10,11 +10,11 @@ class CustomizedDocument extends Document {
return (
<Html>
<Head>
<link rel="shortcut icon" href={`${process.env.NEXT_PUBLIC_BASE_PATH ? process.env.NEXT_PUBLIC_BASE_PATH : ''}/favicon-32x32.png`}/>
<link rel="shortcut icon" href={`${process.env.NEXT_PUBLIC_BASE_PATH ? process.env.NEXT_PUBLIC_BASE_PATH : ''}/favicon-32x32.png`} />
</Head>
<body>
<Main />
<NextScript />
<Main />
<NextScript />
</body>
</Html>
)
......
......@@ -120,16 +120,16 @@ export default function ({ services }) {
<div className="py-10">
<div className="max-w-2xl mx-auto px-3 sm:px-6 lg:px-8 lg:max-w-7xl lg:grid lg:grid-cols-12 lg:gap-8">
<header className="lg:col-start-3 xl:col-start-3 lg:col-span-9 xl:col-span-9 flex flex-row">
<div className="flex lg:hidden">
<Link href="/" passHref>
<a>
<IconChevronLeft
className="mr-7 mt-6 text-yellow-400 hover:text-gray-900"
aria-hidden="true"
/>
</a>
</Link>
</div>
<div className="flex lg:hidden">
<Link href="/" passHref>
<a>
<IconChevronLeft
className="mr-7 mt-6 text-yellow-400 hover:text-gray-900"
aria-hidden="true"
/>
</a>
</Link>
</div>
<h1>
<span className="overflow-hiddenmt-1 block text-4xl tracking-tight font-extrabold sm:text-5xl xl:text-7xl">
<span className="block text-gray-900">Verfügbare Plattformen &amp; Basisdienste</span>
......@@ -180,7 +180,7 @@ export default function ({ services }) {
<main className="lg:col-start-3 xl:col-start-3 lg:col-span-9 xl:col-span-9">
<div className="mt-4">
<ul role="list" className="space-y-4">
{filteredServices.map((service : any, key) => (
{filteredServices.map((service: any, key) => (
<li
key={service.slug}
className="bg-white px-4 pt-3 pb-6 shadow sm:p-6 sm:rounded-lg"
......@@ -194,23 +194,23 @@ export default function ({ services }) {
>
<Chip text={'externer Inhalt'} style={'bg-indigo-500'} />
</Tooltip>
: ''}
: ''}
</div>
<div aria-labelledby={'service-' + key}>
<div className="flex justify-between">
<div className="flex space-x-3">
<div className="flex-shrink-0">
{service?.logo ?(
<img
className="max-w-[100px] h-10"
src={service?.logo?.fields.file.url}
alt={service?.logo?.fields.name}
/>
{service?.logo ? (
<img
className="max-w-[100px] h-10"
src={service?.logo?.fields.file.url}
alt={service?.logo?.fields.name}
/>
) : (
<IconBooks
<IconBooks
className={'h10'}
/>
)}
)}
</div>
<div className="min-w-0 flex-1">
<p className="text-lg font-medium text-gray-900">
......@@ -224,7 +224,7 @@ export default function ({ services }) {
</div>
</div>
<div className="container flex flex-col md:flex-row my-2">
{service?.tags?.map((tag : Tag, i: number) => {
{service?.tags?.map((tag: Tag, i: number) => {
if (tag.fields && tag.fields.name) {
return <ServiceTag key={i} text={tag.fields.name} style={'bg-yellow-400'} />
}
......
module.exports = {
trailingComma: "es5",
semi: false,
singleQuote: true,
}
......@@ -2,8 +2,8 @@ import { useState, useEffect } from "react";
export default function useBasePath() {
const [basePath, setBasePath] = useState('');
useEffect( () => {
setBasePath(process.env.NEXT_PUBLIC_BASE_PATH ? process.env.NEXT_PUBLIC_BASE_PATH : '');
useEffect(() => {
setBasePath(process.env.NEXT_PUBLIC_BASE_PATH ? process.env.NEXT_PUBLIC_BASE_PATH : '');
}, [])
return basePath;
......
......@@ -13,14 +13,14 @@ const featuredModules = [
name: 'Submission-API',
href: 'https://docs.fitko.de/fit-connect/docs/apis/submission-api',
description:
'Über den FIT-Connect Zustelldienst können Anträge für Verwaltungsleistungen maschinenlesbar an die fachlich zuständige Behörde übermittelt werden. Der Zustelldienst stellt hierfür die Submission API bereit. Sendende Systeme können sich über eine erfolgreiche Zustellung über ein Ereignisprotokoll informieren.',
'Über den FIT-Connect Zustelldienst können Anträge für Verwaltungsleistungen maschinenlesbar an die fachlich zuständige Behörde übermittelt werden. Der Zustelldienst stellt hierfür die Submission API bereit. Sendende Systeme können sich über eine erfolgreiche Zustellung über ein Ereignisprotokoll informieren.',
icon: IconSend,
},
{
name: 'Routing-API',
href: 'https://docs.fitko.de/fit-connect/docs/apis/routing-api',
description:
'Um einen Antrag maschinenlesbar an die fachlich zuständige Stelle sicher zu übermitteln und die technischen Parameter der empfangenden Behörde zu ermitteln, kann über die Routing API die zuständigen Stelle und die Adresse des zuständigen Zustelldienstes ermittelt werden. Die Ermittlung dieser technischen Parameter erfolgt über eine Anfrage an den FIT-Connect Routingdienst.',
'Um einen Antrag maschinenlesbar an die fachlich zuständige Stelle sicher zu übermitteln und die technischen Parameter der empfangenden Behörde zu ermitteln, kann über die Routing API die zuständigen Stelle und die Adresse des zuständigen Zustelldienstes ermittelt werden. Die Ermittlung dieser technischen Parameter erfolgt über eine Anfrage an den FIT-Connect Routingdienst.',
icon: IconRoute,
},
]
......@@ -57,34 +57,34 @@ const blogEnties =
icon: IconBrandOpenSource,
text: `Im <a href='https://discourse.opencode.de/'>Forum des Open Source Code Repository</a> ist Platz dafür. Wir freuen uns auf Deinen Beitrag!`,
},
];
];
export default () => {
return (
<div className="bg-white">
<div className="relative pb-32 bg-gray-800">
<div className="absolute inset-0 bg-yellow-400">
<div className="h-full bg-[length:250px] bg-banner-texture" />
<div
className="absolute inset-0 bg-gray-200 mix-blend-multiply"
aria-hidden="true"
/>
</div>
{blogEnties.map((blogEntry) => (
<section className="relative max-w-7xl mx-auto pt-24 pb-14 px-4 sm:px-6 lg:px-8">
<div className='flex justify-start'>
<div className="h-16 w-16 m-2.5 p-5 bg-yellow-400 rounded-xl shadow-lg">
<blogEntry.icon
className="h-6 w-6 text-white"
<div className="relative pb-32 bg-gray-800">
<div className="absolute inset-0 bg-yellow-400">
<div className="h-full bg-[length:250px] bg-banner-texture" />
<div
className="absolute inset-0 bg-gray-200 mix-blend-multiply"
aria-hidden="true"
/>
</div>
{blogEnties.map((blogEntry) => (
<section className="relative max-w-7xl mx-auto pt-24 pb-14 px-4 sm:px-6 lg:px-8">
<div className='flex justify-start'>
<div className="h-16 w-16 m-2.5 p-5 bg-yellow-400 rounded-xl shadow-lg">
<blogEntry.icon
className="h-6 w-6 text-white"
/>
</div>
<h1 className="overflow-hidden py-1 sm:py-0.5 m-4 text-2xl sm:text-3xl font-extrabold tracking-tight text-white drop-shadow-md">
{blogEntry.headline}
</h1>
</div>
<h1 className="overflow-hidden py-1 sm:py-0.5 m-4 text-2xl sm:text-3xl font-extrabold tracking-tight text-white drop-shadow-md">
{blogEntry.headline}
</h1>
</div>
<p className="cms-blog-text p-8 mt-6 max-w-7xl text-lg text-gray-800 bg-white rounded-2xl" dangerouslySetInnerHTML={{ __html: blogEntry.text }}/>
</section>
))}
<p className="cms-blog-text p-8 mt-6 max-w-7xl text-lg text-gray-800 bg-white rounded-2xl" dangerouslySetInnerHTML={{ __html: blogEntry.text }} />
</section>
))}
<section className="relative max-w-7xl mx-auto pt-14 pb-24 px-4 sm:px-6 lg:px-8">
<div className='flex justify-start'>
......@@ -102,9 +102,9 @@ export default () => {
</p>
<div className="p-6 bg-gray-50 rounded-bl-2xl rounded-br-2xl md:px-8">
<Link href="/resources" passHref>
<a className="text-base font-bold text-yellow-400 hover:text-yellow-600">
Zu den Entwicklungsressourcen<span aria-hidden="true"> &rarr;</span>
</a>
<a className="text-base font-bold text-yellow-400 hover:text-yellow-600">
Zu den Entwicklungsressourcen<span aria-hidden="true"> &rarr;</span>
</a>
</Link>
</div>
</section>
......
......@@ -31,7 +31,7 @@ export default () => {
</div>
<div className="mt-12 relative sm:max-w-md sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-4 lg:flex lg:items-center">
<div className="relative mx-auto w-full lg:max-w-md">
<img src={`${basePath}/img/kabelmaennchen_construct.svg`} alt={'Kabelmaennchen_Construct'}/>
<img src={`${basePath}/img/kabelmaennchen_construct.svg`} alt={'Kabelmaennchen_Construct'} />
</div>
</div>
</div>
......
......@@ -44,38 +44,38 @@ export function Header({
return (
<PageHeaderCard title={title} description={description} img={img}>
{developer && (
<div className="sm:col-span-1 text-left">
<dt className="text-sm font-medium text-gray-500">Verantwortlich</dt>
<dd className="ml-0 mt-1 text-sm text-gray-900 hover:cursor-pointer">
<a href={developer.link} target={'_blank'}>
{developer.name}
</a>
</dd>
</div>
<div className="sm:col-span-1 text-left">
<dt className="text-sm font-medium text-gray-500">Verantwortlich</dt>
<dd className="ml-0 mt-1 text-sm text-gray-900 hover:cursor-pointer">
<a href={developer.link} target={'_blank'}>
{developer.name}
</a>
</dd>
</div>
)}
{contact && (
<div className="sm:col-span-1">
<dt className="text-sm font-medium text-gray-500">Kontakt</dt>
<dd className="ml-0 mt-1 text-sm text-gray-900 hover:cursor-pointer">
<a
target={'_blank'}
onClick={(e) => {
window.open(`mailto:${decodeEmail(contact.mailTo)}`, '_blank')
e.preventDefault()
}}
>
{contact.name ? contact.name : contact.mailTo}
</a>
</dd>
</div>
<div className="sm:col-span-1">
<dt className="text-sm font-medium text-gray-500">Kontakt</dt>
<dd className="ml-0 mt-1 text-sm text-gray-900 hover:cursor-pointer">
<a
target={'_blank'}
onClick={(e) => {
window.open(`mailto:${decodeEmail(contact.mailTo)}`, '_blank')
e.preventDefault()
}}
>
{contact.name ? contact.name : contact.mailTo}
</a>
</dd>
</div>
)}
{status && (
<div className="sm:col-span-1">
<dt className="text-sm font-medium text-gray-500">Status</dt>
<dd className="ml-0 mt-1 text-sm text-gray-900">
{status}
</dd>
</div>
<div className="sm:col-span-1">
<dt className="text-sm font-medium text-gray-500">Status</dt>
<dd className="ml-0 mt-1 text-sm text-gray-900">
{status}
</dd>
</div>
)}
{sourceURL && (
<div className="sm:col-span-1">
......@@ -127,11 +127,11 @@ export function Header({
)}
{documentationURL && (
<div className="sm:col-span-1">
<div className="sm:text-center sm:max-w-lg lg:mxw-0 flex items-stretch flex-grow">
<a className="text-center text-lg relative inline-flex space-x-2 px-4 py-2 font-medium rounded-md text-white bg-yellow-400 hover:bg-yellow-300 hover:cursor-pointer shadow-sm" href={documentationURL}>
Zur Ressource
</a>
</div>
<div className="sm:text-center sm:max-w-lg lg:mxw-0 flex items-stretch flex-grow">
<a className="text-center text-lg relative inline-flex space-x-2 px-4 py-2 font-medium rounded-md text-white bg-yellow-400 hover:bg-yellow-300 hover:cursor-pointer shadow-sm" href={documentationURL}>
Zur Ressource
</a>
</div>
</div>
)}
</PageHeaderCard>
......
import React, {ReactElement} from 'react'
import React, { ReactElement } from 'react'
import Link from 'next/link'
import useBasePath from "../../shared/use-base-path";
......@@ -81,18 +81,18 @@ export function Footer({ logo, copyright, children }: FooterOptions) {
</p>
</div>
) : null}
<p className="text-xs text-gray-400 text-center">
Wenn nicht anders vermerkt, sind die Inhalte dieser Webseite lizenziert unter der <a className="underline" href="https://creativecommons.org/licenses/by/4.0/deed.de">Creative
<p className="text-xs text-gray-400 text-center">
Wenn nicht anders vermerkt, sind die Inhalte dieser Webseite lizenziert unter der <a className="underline" href="https://creativecommons.org/licenses/by/4.0/deed.de">Creative
Commons Namensnennung 4.0 International Public License (CC BY 4.0)</a>.
</p>
<p className="text-xs text-gray-400 text-center">
Der Quellcode dieser Seite ist lizenziert unter der <a className="underline" href="https://git.fitko.de/fit-connect/entwicklungsportal/-/blob/main/LICENSE.md">EUPL</a> und
findet sich <a className="underline" href="https://git.fitko.de/fit-connect/entwicklungsportal">im GitLab der FITKO</a>.
</p>
<p className="text-xs text-gray-400 text-center">
Teile der Hintergrundgrafiken stammen aus dem <a className="underline" href="https://github.com/atlemo/SubtlePatterns">Subtle Patterns-Projekt</a>.
Subtle Patterns ist lizenziert unter der <a className="underline" href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.
</p>
</p>
<p className="text-xs text-gray-400 text-center">
Der Quellcode dieser Seite ist lizenziert unter der <a className="underline" href="https://git.fitko.de/fit-connect/entwicklungsportal/-/blob/main/LICENSE.md">EUPL</a> und
findet sich <a className="underline" href="https://git.fitko.de/fit-connect/entwicklungsportal">im GitLab der FITKO</a>.
</p>
<p className="text-xs text-gray-400 text-center">
Teile der Hintergrundgrafiken stammen aus dem <a className="underline" href="https://github.com/atlemo/SubtlePatterns">Subtle Patterns-Projekt</a>.
Subtle Patterns ist lizenziert unter der <a className="underline" href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.
</p>
</div>
</footer>
)
......
......@@ -40,13 +40,13 @@ function Navbar({ logo }: NavbarConfig): JSX.Element {
</div>
</div>
<div className="hidden md:block md:ml-10 md:space-x-10 flex">
<Link href={'/ressources'} passHref>
<a
className={'font-medium text-gray-500 hover:text-gray-900'}
>
Plattformen &amp; Basisdienste
</a>
</Link>
<Link href={'/ressources'} passHref>
<a
className={'font-medium text-gray-500 hover:text-gray-900'}
>
Plattformen &amp; Basisdienste
</a>
</Link>
</div>
</div>
<div className="hidden md:block text-right flex items-center">
......@@ -80,9 +80,9 @@ function Navbar({ logo }: NavbarConfig): JSX.Element {
<div>
<Link href={'/'}>
<img
className="h-8 w-auto"
src={logo.img}
alt={logo.alt ? logo.alt : 'Logo'}
className="h-8 w-auto"
src={logo.img}
alt={logo.alt ? logo.alt : 'Logo'}
/>
</Link>
</div>
......@@ -96,7 +96,7 @@ function Navbar({ logo }: NavbarConfig): JSX.Element {
<div className="px-2 pt-2 pb-3 space-y-1">
<Link href={'/resources'} passHref>
<a
className={'font-medium text-gray-500 hover:text-gray-900'}
className={'font-medium text-gray-500 hover:text-gray-900'}
>
Plattformen & Basisdienste
</a>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment