Skip to content
This repository was archived by the owner on Sep 13, 2021. It is now read-only.
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
57 commits
Select commit Hold shift + click to select a range
90cb140
feat: svelte navbar with plugin support
gka Apr 27, 2021
634f406
new navbar design
gka Aug 16, 2021
36d84b4
continued work on navbar styling
gka Aug 19, 2021
af2b884
vis archive
gka Aug 19, 2021
073515c
navbar: only stick if scrolling up
gka Aug 23, 2021
e042d1c
hello world
gka Aug 23, 2021
92f0052
navbar: make stickiness depend on innerHeight
gka Aug 23, 2021
db65b84
navbar: move sticky header threshold into config
gka Aug 23, 2021
0a6b6d6
gray tones
gka Aug 23, 2021
a59e126
feat: show recent charts in navbar
gka Aug 23, 2021
abe1eb6
feat: show list of teams in submenu (#87)
gka Aug 26, 2021
c219f8a
feat: sign in and signout (#88)
gka Sep 1, 2021
a5953c3
pass referrer to oauth sign in
gka Sep 1, 2021
f08f818
remove duplicate navbar item background
gka Sep 1, 2021
c196a8a
use sign-in icon and fix sign-out icon id
gka Sep 1, 2021
998085c
l10n: update translations
gka Sep 1, 2021
fdb95d0
l10n: update translations
gka Sep 1, 2021
bbec929
feat: language selector!
gka Sep 1, 2021
f32eb31
l10n: update translations
gka Sep 1, 2021
8391056
translate navbar
gka Sep 1, 2021
ea5bbf8
use styles from davidw
gka Sep 1, 2021
cdaf0d7
Merge branch 'feature/navbar' of github.com:datawrapper/frontend into…
davidw-dw Sep 1, 2021
ec2ffc3
fix colors
gka Sep 1, 2021
34aa347
fix colors, new sizes, fix signin layout
davidw-dw Sep 1, 2021
09ca7f1
Merge branch 'feature/navbar' of github.com:datawrapper/frontend into…
davidw-dw Sep 1, 2021
86931b9
adjust signinpage markup to make it responsive
davidw-dw Sep 1, 2021
9c05013
adjust footer5
davidw-dw Sep 1, 2021
5e816fc
use section for helloworld page
davidw-dw Sep 1, 2021
4fa19e8
fix navbar colors
gka Sep 2, 2021
50eaa2e
bump icons
gka Sep 2, 2021
32aeda4
use circle icon in language submenu
gka Sep 2, 2021
68ca914
fix inactive language icon colors
gka Sep 2, 2021
80298df
fix team selector icon colors
gka Sep 2, 2021
1ce868a
style navbar divider
gka Sep 2, 2021
fb51e2c
remove unused code
gka Sep 2, 2021
7c064d0
navbar work
davidw-dw Sep 2, 2021
c9df291
Merge branch 'feature/navbar' of github.com:datawrapper/frontend into…
davidw-dw Sep 2, 2021
5c3e06d
wrap all navbar icons in NavBarIcon component
gka Sep 2, 2021
4e0813d
add figma color names for reference
gka Sep 2, 2021
8feabe7
update
davidw-dw Sep 2, 2021
4e5f65a
Merge branch 'feature/navbar' of github.com:datawrapper/frontend into…
davidw-dw Sep 2, 2021
cd475df
fix dropdown navbar arrow
gka Sep 2, 2021
746c5a7
nav item bg
davidw-dw Sep 2, 2021
d86eec1
Merge branch 'feature/navbar' of github.com:datawrapper/frontend into…
davidw-dw Sep 2, 2021
576195d
let route handlers set a html element class
gka Sep 2, 2021
db58a03
hello world is gray now
gka Sep 2, 2021
6df39af
transparent footer
gka Sep 2, 2021
5456412
change default section padding
gka Sep 2, 2021
e26f36e
fix dropdown navbar arrow
gka Sep 2, 2021
a4d9407
add vars
davidw-dw Sep 2, 2021
764e42e
update
davidw-dw Sep 2, 2021
765d927
Merge branch 'feature/navbar' of github.com:datawrapper/frontend into…
davidw-dw Sep 2, 2021
81b0dde
adjust error page, add icon
gka Sep 2, 2021
7eaae7f
dashboard mockup
gka Sep 1, 2021
7bcaa6b
refactoring
gka Sep 1, 2021
ffbd9b9
use section
gka Sep 1, 2021
836015f
set htmlClass
gka Sep 2, 2021
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,24 @@ The views are simple Svelte3 components that live inside `src/views`
<h1 on:click="{knock}">Hello {name}</h1>
```

You can use the following authentication strategies to specify who can access the route:

- `'user'` - require signed in user, otherwise redirect to signin
- `'admin'` - admin only route, throw error if accessed by non-admins
- `'session'` - a valid session is needed (including guest sessions)
- `false` - no restrictions

```jsx
server.route({
path: '/users-only',
method: 'GET',
options: {
auth: 'user',
async handler(request, h) {}
}
});
```

### Server-side rendering + client-side hydration + IE transpiling

Each view is compiled twice, so we can render it server-side and then „hydrate“ it client-side.
Expand Down
70 changes: 57 additions & 13 deletions locale/de_DE.json
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
"controls / color-scale / breaks / custom": "benutzerdef.",
"controls / custom-format / info": "Lerne mehr über benutzerdefinierte Zahlenformate in unserem <a href=\"https://academy.datawrapper.de/article/207-custom-number-formats-that-you-can-display-in-datawrapper\">Academy-Artikel</a>.",
"controls / custom-format / custom / number": "Eine Erklärung zu Zahlenformaten findest du in unserer <a href=\"https://academy.datawrapper.de/article/207-custom-number-formats-that-you-can-display-in-datawrapper\" target=\"_blank\" rel=\"noopener\">Dokumentation</a>.",
"controls / custom-format / custom / date": "Eine Erklärung zu Datumsformaten findest du in der <a href=\"http://momentjs.com/docs/#/displaying/format/\" target=\"_blank\" rel=\"noopener\">moment.js-Dokumentation</a>.",
"controls / custom-format / custom / date": "Eine Erklärung zu Datumsformaten findest du in der <a href=\"https://academy.datawrapper.de/article/199-custom-date-formats-that-you-can-display-in-datawrapper\" target=\"_blank\" rel=\"noopener\">Dokumentation</a>.",
"controls / custom-format / custom": "(anpassen)",
"controls / custom-format / auto": "(automatisch)",
"controls / gradient-editor / how-this-works": "Anleitung:",
Expand Down Expand Up @@ -229,10 +229,10 @@
"publish / publish-btn-intro": "Klicke hier wenn du dein Diagramm auf deiner <b>Website<b> oder <b>CMS</b> einbetten willst.",
"publish / publish-btn": "Veröffentlichen",
"publish / republish-btn": "Erneut veröffentlichen",
"publish / republish-alert": "Dein Diagramm wurde geändert nachdem es veröffentlicht wurde. Du musst es <b>erneut veröffentlichen</b> damit die Änderungen wirksam werden.",
"publish / progress / please-wait": "Dein Diagramm wird jetzt für die Veröffentlichung vorbereitet. In wenigen Sekunden erhältst du einen Link für die Einbettung. ",
"publish / publish-success": "Glückwunsch, das Diagramm kann jetzt geteilt und eingebettet werden.",
"publish / share-url": "Diagramm per URL teilen",
"publish / republish": "Dein Diagramm wurde geändert nachdem es veröffentlicht wurde. Du musst es <b>erneut veröffentlichen</b> damit die Änderungen wirksam werden.",
"publish / progress / publishing": "Wir bereiten deine Visualisierung für die Veröffentlichung vor. Das dauert nur wenige Sekunden.",
"publish / publish-success": "<b>Glückwunsch!</b> Deine Visualisierung kann jetzt geteilt und eingebettet werden.",
"publish / share-url": "Visualisierung per URL teilen",
"publish / share-url / standalone": "Normale Größe",
"publish / share-url / fullscreen": "Vollbild",
"publish / help / share-url": "Bei <b>normale Größe</b> wird das Diagramm genau so dargestellt, wie es erstellt wurde. Bei <b>Vollbild</b> füllt das Diagramm das komplette Browser-Fenser.",
Expand Down Expand Up @@ -556,10 +556,10 @@
"Create an account / sign in": "Nutzerkonto anlegen / einloggen",
"Create another graphic": "Neues Diagramm erstellen",
"Return to visualise step": "Zurück zum Visualisieren",
"publish / export-duplicate": "Diagramm exportieren oder duplizieren",
"publish / export-duplicate / intro": "Du kannst dein Diagramm <b>duplizieren</b>, um eine neue Kopie zu bearbeiten. Oder exportiere das Diagramm in andere Formate.",
"publish / export-duplicate": "Visualisierung exportieren oder duplizieren",
"publish / export-duplicate / intro": "Du kannst deine Visualisierung <b>duplizieren</b>, um eine neue Kopie zu bearbeiten. Oder exportiere die Visualisierung in andere Formate.",
"publish / unactivated / h1": "Du hast Post!",
"publish / unactivated / p": "Wir haben dir ein Link zu deinem Diagramm per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um dein Diagramm zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail bekommen hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
"publish / unactivated / p": "Wir haben dir ein Link zu deiner Visualisierung per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um deine Visualisierung zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail erhalten hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
"upload / try-beta": "<b>Neugierig auf Features?</b> Wir arbeiten an einer neuen Version dieser Seite. <a href='?beta=1'>Klicke hier</a> um zum aktivieren!",
"upload / headline": "Alles beginnt mit dem Datensatz...",
"upload / quick help": "Markiere die Datentabelle in Excel oder LibreOffice (einschließlich der ersten Zeile mit den Spaltentiteln), und fügen ihn in das nebenstehende Textfeld. Alternativ kannst du auch eine CSV- oder Excel-Datei hochladen.",
Expand Down Expand Up @@ -708,16 +708,16 @@
"switch-team": "Team wechseln",
"teams / remove / alert": "Bist du sicher das du dem Nutzer den Zugriff auf dein Team entziehen willst? Wenn du ein Teammitglied einfernst werden dessen Diagramme weiterhin für das restliche Team verfügbar sein, der entfernte Nutzer hat jedoch keinen Zugriff mehr.",
"publish / pending-activation / h1": "Du hast Post!",
"publish / pending-activation / p": "Wir haben dir ein Link zu deinem Diagramm per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um dein Diagramm zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail bekommen hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
"publish / pending-activation / p": "Wir haben dir ein Link zu deinem Diagramm per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um deine Visualisierung zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail bekommen hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
"publish / pending-activation / resend": "E-mail neu versenden",
"publish / pending-activation / resend-success": "Deine Aktivierungsemail wurde erneut versandt.",
"publish / pending-activation / resend-error": "Your activation e-mail has already been re-sent multiple times. Please <a href=\"mailto:support@datawrapper.de\">contact suppport</a> to activate your account.",
"publish / guest / back": "Zurück",
"publish / guest / cta": "Diagramm zusenden",
"publish / guest / cta": "Visualisierung zusenden",
"publish / guest / e-mail": "Deine E-Mail:",
"publish / guest / example-email": "z.B. max.mustermann@web.de",
"publish / guest / h1": "Erstelle einen Account, um dein Diagramm zu veröffentlichen",
"publish / guest / p": "Gib deine E-Mail-Adresse ein, um einen Account anzulegen, mit dem du dein Diagramm veröffentlichen kannst.",
"publish / guest / h1": "Erstelle einen Account, um deine Visualisierung zu veröffentlichen",
"publish / guest / p": "Gib deine E-Mail-Adresse ein, um einen Account anzulegen, mit dem du deine Visualisierung veröffentlichen kannst.",
"visualization": "Visualisierung",
"cc / formula / hint / use": "Tipp: Benutze",
"cc / formula / hint / instead-of": "anstelle von",
Expand Down Expand Up @@ -889,5 +889,49 @@
"chart-notification / download / png": "Bilddatei wird zum Download vorbereitet...",
"chart-notification / download / svg": "SVG-Datei wird zum Download vorbereitet…",
"chart-notification / download / fail / png": "Beim Bilddownload ist ein Problem aufgetreten. Bitte wende dich an support@datawrapper.de, wenn das Problem weiterhin auftritt.",
"template / confirm-q / yes": "Ja, neue Visualisierung erstellen"
"template / confirm-q / yes": "Ja, neue Visualisierung erstellen",
"teams / editor / preview-widths": "Vorschaubreiten",
"teams / editor / preview-widths / help": "Konfiguriere, welche Breitenvorgaben für die Visualisierungsvorschau im Editor verwendet werden.",
"teams / editor / h1": "Visualisierungseditor",
"teams / defaults / visualization-size": "Voreinstellung der Visualisierungsgröße",
"teams / defaults / visualization-size / help": "Bestimme die Größe, die für neu erstellte Visualisierungen angewendet wird.",
"teams / error": "",
"error / unauthorized / hed": "",
"publish / published": "Deine Visualisierung wurde <b>veröffentlicht</b>.",
"publish / unpublish-btn": "rückgängig machen.",
"publish / unpublish-intro": "Du kannst die Veröffentlichung jederzeit",
"publish / replace-embed": "Wenn du die Visualisierung bereits in deiner Website eingebettet hast, musst du den <b>Einbett-Code</b> durch die <b>aktualisierte Version</b> unten ersetzen, um die Änderungen auf deiner Website zu sehen.",
"publish / unpublish-confirmation / title": "Willst du die Veröffentlichung rückgängig machen?",
"publish / unpublish-confirmation / explanation": "Alle Einbett-Codes und Links zu dieser Visualisierung werden nicht mehr funktionieren, bis du die Visualisierung wieder veröffentlichst.",
"publish / unpublish-confirmation / close": "Schließen",
"publish / unpublish-confirmation / back": "Zurück",
"publish / unpublish-confirmation / unpublish": "Ja, mach die Veröffentlichung rückgängig",
"publish / update-embed": "Deine eingebettete Visualisierung wird in wenigen Augenblicken <b>automatisch aktualisiert</b>. Falls du die letzte Version sofort brauchst, kannst du den alten Einbett-Code durch den neuen ersetzen.",
"publish / progress / unpublishing": "Wir machen die Veröffentlichung deiner Visualisierung <b>rückgängig</b>. Das dauert nur wenige Sekunden.",
"publish / progress / unpublished": "Die Veröffentlichung wurde <em>rückgängig gemacht</em>. Deine Visualisierung ist nicht mehr unter einem Link oder einem Einbett-Code sichtbar.",
"publish / unpublishing-btn": "Veröffentlichung aufheben",
"publish / title": "Visualisierung veröffentlichen",
"publish / publish-info-1": "<b>Veröffentliche</b> deine Visualisierung, um sie auf einer Webseite <b>einzubetten</b> oder in sozialen Medien zu <b>teilen.</b>",
"publish / publish-info-2": "Deine Visualisierung kann man auch nach der Veröffentlichung nur sehen, wenn man die Visualisierungs-URL kennt. <b>Wir teilen sie nicht öffentlich.</b>",
"publish / publishing-btn": "Veröffentlichen",
"signin / choose-different-provider": "Anderen Anbieter auswählen",
"signin / no-account-yet": "Du hast noch kein Nutzerkonto?",
"signup / create-account": "Benutzerkonto anlegen",
"signin / its-free": "Es ist kostenlos und schnell erledigt.",
"signin / enter-otp": "Bitte das OTP-Gerät (z.B. YubiKey) verbinden und aktivieren oder gib einen Code aus deiner konfigurierten OTP-App ein.",
"signin / already-have-account": "Du hast bereits ein Nutzerkonto?",
"signin / signin-here": "Hier anmelden",
"signin / terms": "Durch die Nutzung von Datawrapper stimmst du unseren <a href=\"https://www.datawrapper.de/terms\"> Nutzungsbedingungen </a> zu.",
"signin / sign-up-using": "Registrieren mit",
"signin / sign-in-using": "Anmelden mit",
"signin / alternative-signin": "Oder melde dich an über",
"signin / login-success": "Anmeldung erfolgreich, Seite wird neu geladen …",
"signin / signup-check-email": "Bitte prüfe deinen E-Mail-Posteingang, um auf deinem Desktop-Computer fortzufahren.",
"signin / signup-success": "Anmeldung erfolgreich. Willkommen bei Datawrapper :)",
"navbar / teams / no-team": "Kein Team <span class=\"has-text-grey pl-1\">(privat)</span>",
"navbar / create-new": "Neu erstellen",
"navbar / dashboard": "Dashboard",
"navbar / create / chart": "Diagramm",
"navbar / create / map": "Karte",
"navbar / create / table": "Tabelle"
}
Loading