Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
…n-openData-frontend into feat/STADTKLN-43-final-header-design
  • Loading branch information
paulovareiro29 committed Sep 18, 2024
2 parents a8d0010 + 64938b0 commit 8ec7879
Show file tree
Hide file tree
Showing 41 changed files with 1,004 additions and 188 deletions.
Binary file not shown.
Binary file added public/assets/previews/enquiry-all-states.webp
Binary file not shown.
Binary file added public/assets/previews/enquiry-dark.webp
Binary file not shown.
Binary file not shown.
Binary file added public/assets/previews/enquiry-validated.webp
Binary file not shown.
Binary file added public/assets/previews/enquiry.webp
Binary file not shown.
Binary file added public/assets/previews/homepage-dark.webp
Binary file not shown.
Binary file added public/assets/previews/homepage.webp
Binary file not shown.
10 changes: 5 additions & 5 deletions src/pages/apps.twig
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<div class='row'>
<div class='col-12 '>
<div class='ratio ratio-21x9 mb-3'>
<img src='https://picsum.photos/960/540' alt='Virtual Identity AG'>
<img src='https://picsum.photos/960/540' alt>
</div>
</div>
<div class='col-10'>
Expand All @@ -50,7 +50,7 @@
<div class='row'>
<div class='col-12 '>
<div class='ratio ratio-21x9 mb-3'>
<img src='https://picsum.photos/960/540' alt='Virtual Identity AG'>
<img src='https://picsum.photos/960/540' alt>
</div>
</div>
<div class='col-10'>
Expand Down Expand Up @@ -80,7 +80,7 @@
<div class='row'>
<div class='col-12 '>
<div class='ratio ratio-21x9 mb-3'>
<img src='https://picsum.photos/960/540' alt='Virtual Identity AG'>
<img src='https://picsum.photos/960/540' alt>
</div>
</div>
<div class='col-10'>
Expand All @@ -106,7 +106,7 @@
<div class='row'>
<div class='col-12 '>
<div class='ratio ratio-21x9 mb-3'>
<img src='https://picsum.photos/960/540' alt='Virtual Identity AG'>
<img src='https://picsum.photos/960/540' alt>
</div>
</div>
<div class='col-10'>
Expand All @@ -132,7 +132,7 @@
<div class='row'>
<div class='col-12 '>
<div class='ratio ratio-21x9 mb-3'>
<img src='https://picsum.photos/960/540' alt='Virtual Identity AG'>
<img src='https://picsum.photos/960/540' alt>
</div>
</div>
<div class='col-10'>
Expand Down
19 changes: 18 additions & 1 deletion src/pages/dataset.twig
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,24 @@
</div>

<div class='col-12 pt-3'>
{% include 'partials::content-layout/cl_dataset-hero.twig' %}
{%
include 'partials::base/b_hero.twig' with {
src: 'https://picsum.photos/960/540',
}
%}

<div class='row'>
<div class='col-12'>
<div class='p-4 bg-body'>
<p class='h5 mb-4'>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus.
</p>
<button class='btn btn-primary'>Mehr</button>
</div>
</div>
</div>
</div>
</section>

Expand Down
167 changes: 167 additions & 0 deletions src/pages/enquiry-all-states.twig
Original file line number Diff line number Diff line change
@@ -0,0 +1,167 @@
{% extends 'layouts::base.twig' %}
{% set theme = 'default' %}

{% block content %}
{%
include 'partials::base/b_breadcrumbs.twig' with {
links: [
{
href: './',
text: 'Startseite'
},
{
text: 'Daten anfragen'
}
]
}
%}

<section class='row mb-3 mb-md-4'>
<div class='col-12 mb-3'>
<h1 class='display-3 mb-4'>Daten anfragen</h1>

<h2 class='m-0'>
Nutzen Sie dieses Formular, um uns mitzuteilen, welche Daten Sie auf unserer Plattform noch vermissen – wir
bemühen uns, Ihre Anfragen so schnell wie möglich zu erfüllen.
</h2>
</div>
</section>

<section class='row mb-4 mb-md-5'>
<div class='col-12'>
<form class='row'>
<div class='col-12 col-md-6 mb-4'>
<label for='name' class='form-label'>Name</label>
<input type='text' class='form-control form-control-lg' id='name' aria-describedby='name-help'>
<div id='name-help' class='form-text'>
Nicht öffentlich angezeigt, evtl Verwendung für direkte Kommunikation mit Ihnen.
</div>
</div>
<div class='col-12 col-md-6 mb-4'>
<label for='email' class='form-label'>E-Mail Adresse</label>
<input type='email' class='form-control form-control-lg' id='email' aria-describedby='email-help'>
<div id='email-help' class='form-text'>
Nicht öffentlich angezeigt, evtl Verwendung für direkte Kommunikation mit Ihnen.
</div>
</div>
<div class='col-12 col-md-6 mb-4'>
<label for='datensatz' class='form-label'>Bezeichung Datensatz*</label>
<input type='text' class='form-control form-control-lg' id='datensatz' aria-describedby='datensatz-help'>
<div id='datensatz-help' class='form-text'>Bezeichnung des Datensatzes, z.B. Straßenverzeichnis Köln</div>
</div>
<div class='col-12 col-md-6 mb-4'>
<label for='herausgeber' class='form-label'>Herausgeber</label>
<input type='text' class='form-control form-control-lg' id='herausgeber' aria-describedby='herausgeber-help'>
<div id='herausgeber-help' class='form-text'>Falls Sie wissen, wer Herausgeber der angefragten Daten ist</div>
</div>
<div class='col-12 mb-4'>
<label for='comments' class='form-label'>Comments</label>
<textarea
class='form-control form-control-lg'
placeholder='Hinterlassen Sie hier einen Kommentar'
id='comments'
rows='4'
></textarea>
</div>
<div class='col-12 mb-4'>
<div class='form-check form-switch'>
<input class='form-check-input' type='checkbox' role='switch' id='offentlich' aria-checked='false'>
<label class='form-check-label' for='offentlich'>Anfrage öffentlich anzeigen</label>
</div>
</div>
<div class='col-12'>
<div class='d-flex justify-content-center'>
<button class='btn btn-primary'>Absenden</button>
</div>
</div>
</form>
</div>
</section>

{%
include 'partials::content-layout/cl_filters.twig' with {
data: [
{
title: 'Kategorien',
moreFiltersCount: 7,
filters: [
{
label: 'Infrastruktur, Bauen & Wohnen',
results: 120
},
{
label: 'Bevölkerung',
results: 42
},
{
label: 'Geo',
results: 22
},
{
label: 'Gesundheit',
results: 16,
},
]
},
]
}
%}

<section class='row mb-3 mb-md-4'>
<div class='col-12'>
<div class='d-flex justify-content-between align-items-center mb-4'>
<h2 class='display-6 m-0'>Öffentliche Datenanfragen</h2>
<div class='d-flex gap-2 align-items-center justify-content-end'>
<p class='h6 m-0 text-end'><strong>Filtern nach</strong></p>
<button
class='btn btn-dark'
type='button'
data-bs-toggle='offcanvas'
data-bs-target='#offcanvas-filters'
aria-controls='offcanvas-filters'
aria-label='Filter umschalten'
>
<i class='bi bi-funnel-fill'></i>
</button>
</div>
</div>

<div class='d-flex flex-column gap-4 mb-4' role='region' aria-live='polite'>
{%
include 'partials::base/b_request.twig' with {
status: 'coordinating'
}
%}
{%
include 'partials::base/b_request.twig' with {
status: 'requested'
}
%}
{%
include 'partials::base/b_request.twig' with {
status: 'denied'
}
%}
{%
include 'partials::base/b_request.twig' with {
status: 'partially-provided'
}
%}
{%
include 'partials::base/b_request.twig' with {
status: 'ready'
}
%}
{%
include 'partials::base/b_request.twig' with {
status: 'reviewing'
}
%}
</div>

<div class='d-flex justify-content-center'>
<button class='btn btn-primary'>Mehr</button>
</div>
</div>
</section>
{% endblock %}
Loading

0 comments on commit 8ec7879

Please sign in to comment.